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

   1 #page_logo {
   2     display: none;
   3 }
   4
   5 .h100 {
   6     height:100%
   7 }
   8
   9 .w100 {
  10     width:100%
  11 }
  12
  13 .gbpUiGlobalWrapper {
  14     background: #ffffff;
  15     margin-bottom: 0!important;
  16     min-height: 100%;
  17     padding: 0px;
  18 }
  19
  20 .gbpUiGlobalWrapper .main {
  21     top: 0px;
  22     height: 100%;
  23 }
  24
  25 .gbpUiWrapper {
  26     background-color: #414042;
  27 }
  28
  29 .gbpUiWrapper .pageContent {
  30     margin: 0px;
  31     padding: 0px;
  32     width: 100%;
  33     height: 100%;
  34 }
  35
  36 .gbpUiWrapper .side-panel {
  37     width: 400px;
  38     color: #000 ! important;
  39     border: 1px solid #000;
  40 }
  41
  42 .gbpUiWrapper .h100 {
  43     height: 100%;
  44 }
  45
  46 .gbpUiWrapper.w100 {
  47     width: 100%;
  48 }
  49
  50 .gbpUiWrapper.flt-r {
  51     float: right;
  52 }
  53
  54 /* LAYOUT */
  55 .layout-padding-lr15 {
  56     padding: 0 15px;
  57 }
  58
  59 /* TABLES */
  60 .gbpUiWrapper .md-table span {
  61     color: rgba(0,0,0,.87);
  62 }
  63 .gbpUiWrapper .md-table-pagination span {
  64     color: rgba(0,0,0,.87);
  65     font-weight: normal;
  66 }
  67 .gbpUiWrapper button.md-button.md-icon-button.w85 {
  68     width: 85px;
  69 }
  70
  71 /* BUTTONS */
  72 .gbpUiWrapper button.md-primary span {
  73     color: rgb(33,150,243);
  74 }
  75 .gbpUiWrapper button .md-icon {
  76     width: 30px;
  77 }
  78
  79 /* DIALOG */
  80 .gbpDialogWrapper button.md-primary span {
  81     color: rgba(0,0,0,0.87);
  82 }
  83 .gbpDialogWrapper button.md-primary[disabled] span {
  84     color: rgba(0,0,0,0.26);
  85 }
  86
  87 .gbpUiWrapper svg, div#next-vpp-topo svg {
  88     border: none;
  89     background-image: none;
  90 }
  91
  92 .gbpUiWrapper svg g.node text {
  93     pointer-events: auto !important;
  94 }
  95
  96 .expander md-content {
  97     line-height: 15px;
  98     width: 100%;
  99 }
 100
 101 .expander .md-list-item-inner {
 102     flex-flow: row wrap;
 103 }
 104
 105 .expand-button {
 106     min-width: 0px !important;
 107     min-height: 0px !important;
 108     margin-top: 0 !important;
 109     margin-bottom: 0 !important;
 110     line-height: normal !important;
 111 }
 112
 113 #graph-container {
 114     padding-left: 0;
 115     background-color: #ffffff;
 116     width: 100%;
 117     height: 100%;
 118 }
 119
 120 /* $mdDialog.confirm */
 121 md-dialog button span {
 122     color: #000;
 123 }
 124
 125 div.layout-padding h3 {
 126     color: black;
 127 }
 128
 129 md-sidenav span {
 130     color: inherit !important;
 131 }
 132
 133 div.md-primary.md-subheader.ng-scope > div > span > span {
 134   color: rgb(33,150,243);
 135 }
 136
 137 .md-subheader {
 138     font-weight: bold !important;
 139 }
 140
 141 md-sidenav > md-toolbar > div > h2 > span {
 142     margin: 20px 0;
 143     color: #666;
 144 }
 145
 146 span.flex-35 > strong {
 147     color: rgba(0,0,0,0.87);
 148 }
 149
 150 span.ng-binding.flex {
 151     color: rgba(0,0,0,0.87);
 152 }
 153
 154 md-select:not([disabled]) .md-select-value .md-text {
 155         color: black;
 156 }
 157
 158 .md-input-has-value label {
 159     color: rgba(0,0,0,0.54);
 160 }
 161
 162 md-select-value span {
 163         color: rgba(0,0,0,0.26);
 164     font-weight: bold;
 165     margin-bottom: 5px;
 166     line-height: 1.428571429;
 167 }
 168
 169 md-select-value span div {
 170     font-weight: normal;
 171 }
 172
 173 .md-chips {
 174         padding: 0 0 0 0 !important;
 175 }
 176
 177 md-dialog-content > div:first-child {
 178     padding-top: 20px;
 179     padding-bottom: 20px;
 180 }
 181
 182 .gbpUiGlobalWrapper .md-locked-open {
 183     width: 500px;
 184     min-width: 500px;
 185 }
 186
 187 .breadcrumbs {
 188     display: inline-block;
 189     font-size: 16px;
 190     font-weight: 500;
 191     line-height: 1em;
 192     padding-left: 0;
 193     margin: 10px 0;
 194 }
 195
 196 .breadcrumbs .breadcrumb {
 197     display: inline-block;
 198     color: rgba(0,0,0,.54);
 199     background-color: transparent;
 200     padding: 0;
 201     font-size: 13px;
 202     margin-bottom: 0 !important;
 203     vertical-align: middle;
 204     max-height: 20px;
 205     line-height: 20px;
 206 }
 207
 208 .breadcrumbs .breadcrumb[role="button"] {
 209     color: rgb(33, 150, 243);
 210     cursor: pointer;
 211 }
 212
 213 .breadcrumb i {
 214     font-size: 20px !important;
 215 }
 216
 217 .layout-padding-r10 {
 218     padding-right: 10px;
 219 }
 220
 221 .layout-padding-b15 {
 222     padding-bottom: 15px;
 223 }
 224
 225 .order {
 226     color: #000 !important;
 227     margin: 0;
 228 }
 229
 230 .status-circle.allow {
 231     color: green;
 232 }
 233
 234 .status-circle.require-contract {
 235     color: orange;
 236 }
 237
 238 md-ink-bar {
 239     background: red !important;
 240 }
 241
 242 md-tab-item > span {
 243     color: rgba(0,0,0,0.54);
 244 }
 245
 246 md-tab-item.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple.md-active > span {
 247     color: rgb(16,108,200);
 248 }
 249
 250 .layout-padding-lr15.ng-scope.layout-column > div {
 251     padding-top: 15px;
 252 }
 253
 254 div.md-primary.md-subheader > div > span > span {
 255     color: rgb(33,150,243);
 256 }
 257
 258 div.md-secondary.md-subheader.ng-scope > div > span > span {
 259     color: rgb(33,150,243) !important;
 260 }
 261
 262 li > md-autocomplete-parent-scope > span {
 263     color: rgba(0,0,0,.54);
 264 }
 265
 266 #tenantSelector div, #tenantSelector .md-select-placeholder span {
 267     color: white;
 268     font-weight: normal;
 269 }
 270
 271 md-input-container md-select md-select-value span {
 272     font-weight: 500;
 273     font-size: 14px;
 274     font-style: inherit;
 275     font-variant: inherit;
 276     font-family: inherit;
 277     letter-spacing: 0.010em;
 278 }
 279
 280 #select_container_1 {
 281     z-index:1001;
 282 }
 283
 284 md-list-item.md-4-line .md-list-item-text h3{
 285     font-size: 16px;
 286     font-weight: 400;
 287     letter-spacing: 0.010em;
 288     margin: 0 0 0px 0;
 289     line-height: 1.2em;
 290     overflow: hidden;
 291     white-space: nowrap;
 292     text-overflow: ellipsis;
 293     color: rgba(0,0,0,0.87);
 294 }
 295
 296 md-list-item.md-4-line .md-list-item-text p {
 297     font-size: 14px;
 298     font-weight: 500;
 299     letter-spacing: 0.010em;
 300     margin: 0 0 0 0;
 301     line-height: 1.6em;
 302     color: rgba(0,0,0,0.54);
 303 }
 304
 305
 306 md-list-item.md-4-line {
 307     height: auto;
 308     min-height: 100px;
 309 }
 310
 311 section.legendBox{
 312     position: absolute !important;
 313     right: 0;
 314     top: 0;
 315     z-index: 1;
 316     width: 200px;
 317 }
 318
 319 section.legendBox ul li {
 320     list-style-type: none;
 321 }
 322
 323 .reload-button i {
 324     vertical-align: middle;
 325 }
 326
 327 section.legendBox ul .line.green {
 328     border-top: 2px solid #68bd6b;
 329 }
 330
 331 section.legendBox ul .line.blue {
 332     border-top: 2px solid #84a3ff;
 333 }
 334
 335 section.legendBox ul .line {
 336     display: -moz-inline-stack;
 337     display: inline-block;
 338     vertical-align: top;
 339     zoom: 1;
 340     margin: 9px 5px 0 0;
 341     width: 50px;
 342 }
 343
 344 .margin-lr0 {
 345     margin-right: 0 !important;
 346     margin-left: 0 !important;
 347 }
 348
 349 .popover-title {
 350     color: black;
 351 }
 352
 353 .popover-content span {
 354     color: black;
 355 }
 356
 357 .popover-content h5 {
 358     color: black;
 359 }
 360
 361 .n-topology-nav-setting > span {
 362     color: #999999;
 363 }