src/main/resources/META-INF/resources/designer/css/app.css

   1 * {
   2   box-sizing: border-box;
   3 }
   4
   5 body, html {
   6
   7   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   8
   9   font-size: 12px;
  10
  11   height: 100%;
  12   padding: 0;
  13   margin: 0;
  14 }
  15
  16 .fa-2x {
  17         font-size: 2em
  18 }
  19
  20 a:link {
  21   text-decoration: none;
  22 }
  23
  24 .content,
  25 .content > div {
  26   width: 100%;
  27   height: 100%;
  28 }
  29
  30 .content > .message {
  31   text-align: center;
  32   display: table;
  33
  34   font-size: 16px;
  35   color: #111;
  36 }
  37
  38 .content > .message .note {
  39   vertical-align: middle;
  40   text-align: center;
  41   display: table-cell;
  42 }
  43
  44 .content .error .details {
  45   max-width: 500px;
  46   font-size: 12px;
  47   margin: 20px auto;
  48   text-align: left;
  49 }
  50
  51 .content .error pre {
  52   border: solid 1px #CCC;
  53   background: #EEE;
  54   padding: 10px;
  55 }
  56
  57 .content:not(.with-error) .error,
  58 .content.with-error .intro,
  59 .content.with-diagram .intro {
  60   display: none;
  61 }
  62
  63 .canvas{
  64         margin-top: -20px;
  65 }
  66 .content .canvas,
  67 .content.with-error .canvas {
  68   visibility: hidden;
  69 }
  70
  71 .content.with-diagram .canvas {
  72   visibility: visible;
  73 }
  74
  75 .buttons {
  76   position: fixed;
  77   bottom: 20px;
  78   left: 20px;
  79
  80   padding: 0;
  81   margin: 0;
  82   list-style: none;
  83 }
  84
  85 .buttons > li {
  86   display: inline-block;
  87   margin-right: 10px;
  88   visibility: hidden;
  89 }
  90 .buttons > li > a {
  91   background: #DDD;
  92   border: solid 1px #666;
  93   display: inline-block;
  94   padding: 5px;
  95 }
  96
  97 .buttons a {
  98   opacity: -0.7;
  99 }
 100
 101 .buttons a.active {
 102   opacity: 1.0;
 103 }
 104 svg:not(:root) {
 105     margin-top: 40px;
 106 }
 107 .clds-edit-properties:before{
 108         content: url('../images/clds-prop-icon.png');
 109         position:relative; /*or absolute*/
 110         z-index:100000; /*a number that's more than the modal box*/
 111 } /* '' */
 112 .import-schema:before{
 113         content: url('../images/ImportSchema.png');
 114         position:relative; /*or absolute*/
 115         z-index:100000; /*a number that's more than the modal box*/
 116 } /* '' */
 117 .define-modify-schema:before{
 118         content: url('../images/DefineModifySchema.png');
 119         position:relative; /*or absolute*/
 120         z-index:100000; /*a number that's more than the modal box*/
 121         opacity:0.5;
 122 } /* '' */
 123 .define-schema:before{
 124         content: url('../images/DefineModifySchema.png');
 125         position:relative; /*or absolute*/
 126         z-index:100000; /*a number that's more than the modal box*/
 127
 128 } /* '' */
 129 .upgrade-schema:before{
 130         content: url('../images/UpgradeSchema.png');
 131         position:relative; /*or absolute*/
 132         z-index:100000; /*a number that's more than the modal box*/
 133         opacity:0.5;
 134         cursor: none;
 135 } /* '' */
 136 .upgradeSchema:before{
 137         content: url('../images/UpgradeSchema.png');
 138         position:relative; /*or absolute*/
 139         z-index:100000; /*a number that's more than the modal box*/
 140 } /* '' */
 141 .set-default-values:before{
 142         content: url('../images/SetDefaultValues.png');
 143         position:relative; /*or absolute*/
 144         z-index:100000; /*a number that's more than the modal box*/
 145         opacity: 0.5;
 146         cursor: none;
 147 } /* '' */
 148 .set-values:before{
 149         content: url('../images/SetDefaultValues.png');
 150         position:relative; /*or absolute*/
 151         z-index:100000; /*a number that's more than the modal box*/
 152 } /* '' */
 153 /* .define-service-acronym:before{
 154         content: url('../images/DefineServiceAcronym.png');
 155         position:relative; or absolute
 156         z-index:100000; a number that's more than the modal box
 157         cursor: none;
 158 }  *//* '' */
 159 /* .define-pid:before{
 160         content: url('../images/DefinePID.png');
 161         position:relative; or absolute
 162         z-index:100000; a number that's more than the modal box
 163         cursor: none;
 164 } */ /* '' */
 165 .true-false-condition:before{
 166         content: url('../images/TrueFalseCondition.png');
 167         position:relative; /*or absolute*/
 168         z-index:100000; /*a number that's more than the modal box*/
 169
 170 } /* '' */
 171
 172 .define-path:before{
 173         content: url('../images/DefinePath.png');
 174         position:relative; /*or absolute*/
 175         z-index:100000; /*a number that's more than the modal box*/
 176 } /* '' */
 177 .define-decision:before{
 178         content: url('../images/DefineDecision.png');
 179         position:relative; /*or absolute*/
 180         z-index:100000; /*a number that's more than the modal box*/
 181 } /* '' */
 182 .icon-initial-node:before{ content: url('../images/InitialProcess.png'); } /* '' */
 183 .icon-holmes-node:before{ content: url('../images/clds-holmes-icon.png'); } /* '' */
 184 .icon-ves-collector-node:before{ content: url('../images/clds-ves-collector-icon.png'); } /* '' */
 185 .icon-tca-node:before{ content: url('../images/clds-tca-icon.png'); } /* '' */
 186 .icon-policy-node:before{ content: url('../images/clds-policy-icon.png'); } /* '' */
 187 .icon-goc-node:before{ content: url('../images/GOC.png'); } /* '' */
 188 .icon-parent-node:before{ content: url('../images/ParentNode.png'); }
 189 .icon-process-call:before{ content: url('../images/ProcessCall.png'); }
 190 .icon-multi-branch-connector:before{ content: url('../images/MultiBranchConnector.png'); }