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

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