groupbasedpolicy-ui/module/src/main/resources/gbp/gbp.css

   1 /*GBP*/\r
   2 .gbpGlobalWrapper {\r
   3   background: #f5f5f5;\r
   4   margin-bottom: 0!important;\r
   5   min-height: 100%;\r
   6   padding-bottom: 60px;\r
   7 }\r
   8 .gbpGlobalWrapper span,\r
   9 .gbpGlobalWrapper label {\r
  10   color: #393939;\r
  11 }\r
  12 .gbpGlobalWrapper h2 {\r
  13   color: #666;\r
  14 }\r
  15 .gbpGlobalWrapper .form-control,\r
  16 .gbpGlobalWrapper .main input[type="text"] {\r
  17   background: #fff;\r
  18   color: #858585;\r
  19 }\r
  20 .gbpGlobalWrapper .form-control[disabled],\r
  21 .gbpGlobalWrapper .main input[type="text"][disabled] {\r
  22   background: #eeeeee;\r
  23 }\r
  24 .gbpGlobalWrapper .form-control.narrow-input-left {\r
  25   width: 45%;\r
  26   float: left;\r
  27 }\r
  28 .gbpGlobalWrapper .form-control.narrow-input-right {\r
  29   width: 45%;\r
  30   float: right;\r
  31 }\r
  32 .gbpGlobalWrapper .row-param {\r
  33   margin-bottom: 15px;\r
  34   float: left;\r
  35 }\r
  36 .gbpGlobalWrapper .param-label {\r
  37   width: 100%;\r
  38   float: left;\r
  39 }\r
  40 .gbpGlobalWrapper .ep-filter {\r
  41   margin-bottom: 20px;\r
  42 }\r
  43 .gbpGlobalWrapper .ep-filter DIV {\r
  44   width: 48%;\r
  45 }\r
  46 .gbpGlobalWrapper .float-left {\r
  47   float: left;\r
  48 }\r
  49 .gbpGlobalWrapper .float-right {\r
  50   float: right;\r
  51 }\r
  52 .gbpGlobalWrapper .full-width {\r
  53   width: 100%;\r
  54 }\r
  55 .gbpGlobalWrapper .full-width .btn {\r
  56   width: 50px;\r
  57 }\r
  58 .gbpGlobalWrapper .full-width label {\r
  59   margin-top: 10px;\r
  60 }\r
  61 .gbpWrapper .btn-primary {\r
  62   color: #ffffff;\r
  63   background-color: #428bca;\r
  64   border-color: #357ebd;\r
  65   font-weight: normal;\r
  66 }\r
  67 .gbpWrapper .btn-primary:hover {\r
  68   background-color: #1BAAFD;\r
  69   border-color: #1BAAFD;\r
  70 }\r
  71 .gbpWrapper .btn-primary.bottom-buttons {\r
  72   bottom: 0;\r
  73   position: absolute;\r
  74   margin-bottom: 0 !important;\r
  75   background-color: #FF7300;\r
  76   border-color: #FF7300;\r
  77   width: 45%;\r
  78 }\r
  79 .gbpWrapper .btn-primary.bottom-buttons.back {\r
  80   right: 0;\r
  81   margin-right: 15px;\r
  82 }\r
  83 .gbpWrapper .btn-primary.bottom-buttons.home {\r
  84   left: 0;\r
  85   margin-left: 15px;\r
  86 }\r
  87 .gbpWrapper .btn-primary.bottom-buttons:hover {\r
  88   background-color: #FF8f33;\r
  89   border-color: #FF8f33;\r
  90 }\r
  91 .gbpWrapper .noPadding {\r
  92   padding: 0!important;\r
  93 }\r
  94 .gbpWrapper .basicLabel {\r
  95   padding: 0;\r
  96   font-weight: normal;\r
  97 }\r
  98 .gbpWrapper .rowWrapper {\r
  99   margin-bottom: 5px;\r
 100 }\r
 101 .gbpWrapper .inline-block {\r
 102   display: inline-block;\r
 103 }\r
 104 .gbpWrapper aside.col-md-3 {\r
 105   min-height: 800px;\r
 106 }\r
 107 .gbpWrapper aside.col-md-3 .inWrapper {\r
 108   height: 100%;\r
 109 }\r
 110 .gbpWrapper .panelWrapper {\r
 111   padding: 20px 0;\r
 112   height: calc(100% - 109px);\r
 113 }\r
 114 .gbpWrapper .panelWrapper button.btn {\r
 115   margin-bottom: 5px;\r
 116 }\r
 117 .gbpWrapper .panelWrapper button.btn-list {\r
 118   margin-top: 25px;\r
 119 }\r
 120 .gbpWrapper section.sigmaWrapper div.legend {\r
 121   margin-bottom: 25px;\r
 122 }\r
 123 .gbpWrapper section.sigmaWrapper div.legend span,\r
 124 .gbpWrapper section.sigmaWrapper div.legend .text {\r
 125   color: #fff;\r
 126 }\r
 127 .gbpWrapper section.sigmaWrapper div.legend ul {\r
 128   padding: 0;\r
 129   margin: 0;\r
 130   list-style: none;\r
 131 }\r
 132 .gbpWrapper section.sigmaWrapper div.legend li {\r
 133   margin-bottom: 5px;\r
 134 }\r
 135 .gbpWrapper section.sigmaWrapper div.legend li .textHidden {\r
 136   display: none;\r
 137 }\r
 138 .gbpWrapper section.sigmaWrapper div.legend li .text {\r
 139   margin-left: 10px;\r
 140   line-height: 18px;\r
 141 }\r
 142 .gbpWrapper section.sigmaWrapper div.legend li .showChckbx {\r
 143   position: relative;\r
 144   top: 2px;\r
 145   left: 5px;\r
 146 }\r
 147 .gbpWrapper section.sigmaWrapper div.legend li .itemWrapper:hover .text {\r
 148   display: block !important;\r
 149 }\r
 150 .gbpWrapper section.sigmaWrapper div.legend div.color {\r
 151   /*margin-right: 15px;*/\r
 152   width: 18px;\r
 153   height: 18px;\r
 154   -webkit-border-radius: 9px;\r
 155   border-radius: 9px;\r
 156   cursor: pointer;\r
 157 }\r
 158 .gbpWrapper #graph-container {\r
 159   padding: 0;\r
 160 }\r
 161 .gbpWrapper .selectWrapper {\r
 162   padding-left: 0;\r
 163 }\r
 164 .gbpWrapper .selectWrapper.col-md-12 {\r
 165   padding: 0;\r
 166   margin-bottom: 5px;\r
 167 }\r
 168 .gbpWrapper .inputWrapper.leftInput {\r
 169   padding-left: 0;\r
 170 }\r
 171 .gbpWrapper .inputWrapper.rightInput {\r
 172   padding-right: 0;\r
 173 }\r
 174 .gbpWrapper .separator {\r
 175   padding-bottom: 10px;\r
 176   margin-top: 15px;\r
 177   height: 1px;\r
 178   padding-left: 0px;\r
 179   padding-right: 15px;\r
 180 }\r
 181 .gbpWrapper .inner-separator {\r
 182   border-bottom: 1px solid #858585;\r
 183   width: 100%;\r
 184   float: left;\r
 185 }\r
 186 .gbpWrapper .btn-group {\r
 187   padding: 0;\r
 188 }\r
 189 .gbpWrapper .formWrapper {\r
 190   margin: 20px 0;\r
 191 }\r
 192 .gbpWrapper .icon-remove.align-right {\r
 193   float: right;\r
 194 }\r
 195 .gbpWrapper .icon-remove.align-right.padding {\r
 196   margin: 5px 5px 0 0;\r
 197 }\r
 198 .gbpWrapper .icon-exclamation-sign.red {\r
 199   color: red;\r
 200 }\r
 201 .gbpWrapper .sigmaWrapper {\r
 202   position: relative;\r
 203 }\r
 204 .gbpWrapper .sigmaWrapper .sigmaModalWrapper {\r
 205   position: absolute;\r
 206   top: 30px;\r
 207   left: 45px;\r
 208   z-index: 1;\r
 209 }\r
 210 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .icon-remove {\r
 211   position: absolute;\r
 212   top: 5px;\r
 213   right: 5px;\r
 214 }\r
 215 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper {\r
 216   position: relative;\r
 217   background: #f5f5f5;\r
 218   -webkit-border-radius: 5px;\r
 219   -moz-border-radius: 5px;\r
 220   -ms-border-radius: 5px;\r
 221   -o-border-radius: 5px;\r
 222   border-radius: 5px;\r
 223   min-width: 400px;\r
 224   min-height: 100px;\r
 225   margin-top: 20px;\r
 226   padding: 20px;\r
 227 }\r
 228 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .dataWrapper {\r
 229   overflow-y: scroll;\r
 230   max-height: 350px;\r
 231 }\r
 232 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .rowWrapper {\r
 233   padding: 10px;\r
 234   margin-bottom: 10px;\r
 235   -webkit-border-radius: 5px;\r
 236   -moz-border-radius: 5px;\r
 237   -ms-border-radius: 5px;\r
 238   -o-border-radius: 5px;\r
 239   border-radius: 5px;\r
 240   border: 1px solid #d5d5d5;\r
 241 }\r
 242 .modal-dialog {\r
 243   z-index: 100;\r
 244   height: 700px;\r
 245   width: 700px;\r
 246   background-color: white;\r
 247   position: fixed;\r
 248   opacity: 1;\r
 249   top: 50%;\r
 250   left: 50%;\r
 251   margin: -350px 0 0 -400px;\r
 252 }\r
 253 .modal-dialog .modal-header {\r
 254   height: 70px;\r
 255   padding: 10px 15px;\r
 256 }\r
 257 .modal-dialog .modal-navigation {\r
 258   float: left;\r
 259   width: 150px;\r
 260   height: 630px;\r
 261   border-right: 1px solid #e5e5e5;\r
 262   background-color: #eeeeee;\r
 263 }\r
 264 .modal-dialog .modal-navigation ul {\r
 265   -webkit-padding-start: 0;\r
 266   list-style-type: none;\r
 267 }\r
 268 .modal-dialog .modal-navigation ul li.navigation-item {\r
 269   height: 54px;\r
 270   width: 100%;\r
 271   background-color: #eeeeee;\r
 272   color: #666;\r
 273   font-weight: bold;\r
 274   padding: 20px;\r
 275 }\r
 276 .modal-dialog .modal-navigation ul li.navigation-item.selected {\r
 277   background-color: #428bca;\r
 278   border-color: #357ebd;\r
 279   color: #ffffff;\r
 280 }\r
 281 .modal-dialog .modal-content-container {\r
 282   float: right;\r
 283   width: 550px;\r
 284   height: 630px;\r
 285 }\r
 286 .modal-dialog .modal-content-container .content {\r
 287   overflow-y: scroll;\r
 288   padding: 0 50px 0 20px;\r
 289   height: 580px;\r
 290 }\r
 291 .modal-dialog .modal-content-container .bottom-navigation {\r
 292   height: 50px;\r
 293   bottom: 0;\r
 294   float: right;\r
 295   margin: 8px 30px;\r
 296 }\r
 297 .modal-canvas {\r
 298   position: fixed;\r
 299   top: 0;\r
 300   right: 0;\r
 301   bottom: 0;\r
 302   left: 0;\r
 303   z-index: 10;\r
 304   background-color: #000;\r
 305   opacity: .15;\r
 306 }\r
 307 /*GBP END*/\r