portal/static/unbound_reservation_static/css/workflow.css

   1 li{ list-style: none !important; }
   2 ul{ margin-left: -30px; }
   3
   4 .top-header{ margin-bottom: 5px; margin-top: 5px; }
   5 .border-editor{ border: 1px solid #CCC; overflow: hidden; background-color:rgb(255,165,0); }
   6 .heigh-editor{ height: 800px; }
   7 .content-editor{ margin-bottom: 50px; }
   8 .border-right-editor{ border-right: 1px solid #CCC; }
   9 .top-label{ margin-top: 20px; display: block; padding: 14px; font-weight: bold; background-color:#42403F; }
  10 .tool-panel{ margin-top: 20px; background-color:rgb(255,165,0); }
  11
  12 .css-editor{ width: 100%; height: 92%; border: 1px dashed #D9534F; }
  13 #editor{ background: url('../img/workflow/bg-editor.jpg')}
  14 .ui-menu {
  15     width: 100px;
  16 }
  17
  18 .DCon {
  19         background: url(../img/workflow/images.jpg);
  20         background-size: 100% 100%;
  21     cursor:pointer;
  22         background-repeat: no-repeat;
  23         height: 15px;
  24         width: 15px;
  25 }
  26 .diagrama {
  27         width: 150px;
  28         height: 50px;
  29         padding:16px;
  30         position:absolute;
  31         border: 1px solid black;
  32         z-index:4;
  33         border-radius:1em;
  34         border:1px solid #2e6f9a;
  35         box-shadow: 2px 2px 19px #e0e0e0;
  36         -o-box-shadow: 2px 2px 19px #e0e0e0;
  37         -webkit-box-shadow: 2px 2px 19px #e0e0e0;
  38         -moz-box-shadow: 2px 2px 19px #e0e0e0;
  39         -moz-border-radius:8px;
  40         border-radius:8px;
  41         opacity:0.8;
  42         filter:alpha(opacity=80);
  43         cursor:move;
  44         background-color:white;
  45         font-size:11px;
  46         -webkit-transition:background-color 0.25s ease-in;
  47         -moz-transition:background-color 0.25s ease-in;
  48         transition:background-color 0.25s ease-in;
  49         text-align: center;
  50         min-width: 150px;
  51         min-height: 50px;
  52 }
  53
  54 .objeto:hover > .connect{
  55         display: block;
  56 }
  57
  58
  59 .connect {
  60     width: 10px;
  61     height:0;
  62     padding-bottom: 10px;
  63     -moz-border-radius: 50%;
  64     -webkit-border-radius: 50%;
  65     border-radius: 50%;
  66     background: #4679BD;
  67     float: right;
  68     position: relative;
  69     right: -10px;
  70     top: -0px;
  71     display: none;
  72 }
  73 .msglabel {
  74 position: relative;
  75 width: 30px;
  76 height:10;
  77 right:-25px;
  78 top:-50px;
  79 font-size: 10px;
  80 color: #000000;
  81 }
  82 .actor{
  83         background: url('../img/workflow/vm.png') no-repeat;
  84         background-size: 64px 64px;
  85         width: 64px;
  86         height: 64px;
  87 }
  88 .actor span{ margin-top: 68px; display: block; }
  89 .actor:hover > .objeto{ background: none !important; }
  90 .actor:hover > .connect{
  91         right: 5px;
  92         top: -60px;
  93 }
  94 .actor:hover > .connect .msglabel{
  95         right: 0px;
  96         top: -50px;
  97 }
  98 .wireless{
  99         background: url('../img/workflow/wireless.png') no-repeat;
 100         background-size: 64px 64px;
 101         width: 64px;
 102         height: 64px;
 103 }
 104 .wireless span{ margin-top: 68px; display: block; }
 105 .wireless:hover > .objeto{ background: none !important; }
 106 .wireless:hover > .connect{
 107         right: 5px;
 108         top: -60px;
 109 }
 110 .wireless:hover > .msglabel{
 111         right: 5px;
 112         top: -60px;
 113 }
 114 .openflow{
 115         background: url('../img/workflow/open_flow.png') no-repeat;
 116         background-size: 64px 64px;
 117         width: 64px;
 118         height: 64px;
 119 }
 120 .openflow span{ margin-top: 68px; display: block; }
 121 .openflow:hover > .objeto{ background: none !important; }
 122 .openflow:hover > .connect{
 123         right: 5px;
 124         top: -60px;
 125 }
 126 .openflow:hover > .msglabel{
 127         right: 5px;
 128         top: -60px;
 129 }
 130 .custom-menu {
 131     display: none;
 132     z-index: 1000;
 133     position: absolute;
 134     overflow: hidden;
 135     border: 1px solid #CCC;
 136     white-space: nowrap;
 137     font-family: sans-serif;
 138     background: #FFF;
 139     color: #333;
 140     border-radius: 5px;
 141 }
 142
 143 .custom-menu li {
 144     padding: 8px 12px;
 145     cursor: pointer;
 146 }
 147
 148 .custom-menu li:hover {
 149     background-color: #DEF;
 150 }
 151 .context-menu-list{ z-index: 9999 !important; }