src/main/resources/META-INF/resources/designer/modeler/dist/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 a:link {
  17   text-decoration: none;
  18 }
  19
  20 .content,
  21 .content > div {
  22   width: 100%;
  23   height: 100%;
  24 }
  25
  26 .content > .message {
  27   text-align: center;
  28   display: table;
  29
  30   font-size: 16px;
  31   color: #111;
  32 }
  33
  34 .content > .message .note {
  35   vertical-align: middle;
  36   text-align: center;
  37   display: table-cell;
  38 }
  39
  40 .content .error .details {
  41   max-width: 500px;
  42   font-size: 12px;
  43   margin: 20px auto;
  44   text-align: left;
  45 }
  46
  47 .content .error pre {
  48   border: solid 1px #CCC;
  49   background: #EEE;
  50   padding: 10px;
  51 }
  52
  53 .content:not(.with-error) .error,
  54 .content.with-error .intro,
  55 .content.with-diagram .intro {
  56   display: none;
  57 }
  58
  59
  60 .content .canvas,
  61 .content.with-error .canvas {
  62   visibility: hidden;
  63 }
  64
  65 .content.with-diagram .canvas {
  66   visibility: visible;
  67 }
  68
  69 .buttons {
  70   position: fixed;
  71   bottom: 20px;
  72   left: 20px;
  73
  74   padding: 0;
  75   margin: 0;
  76   list-style: none;
  77 }
  78
  79 .buttons > li {
  80   display: inline-block;
  81   margin-right: 10px;
  82 }
  83 .buttons > li > a {
  84   background: #DDD;
  85   border: solid 1px #666;
  86   display: inline-block;
  87   padding: 5px;
  88 }
  89
  90 .buttons a {
  91   opacity: 0.3;
  92 }
  93
  94 .buttons a.active {
  95   opacity: 1.0;
  96 }