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

   1 .pl0 {
   2   padding-left: 0 !important;
   3 }
   4 .pr0 {
   5   padding-right: 0 !important;
   6 }
   7 .mt10 {
   8   margin-top: 10px;
   9 }
  10 .mt20 {
  11   margin-top: 20px;
  12 }
  13 .mt30 {
  14   margin-top: 30px;
  15 }
  16 .mt40 {
  17   margin-top: 40px;
  18 }
  19 .mb50 {
  20   margin-bottom: 50px;
  21 }
  22 .mb0 {
  23   margin-bottom: 0px !important;
  24 }
  25 .ml10 {
  26   margin-left: 10px !important;
  27 }
  28 .ml20 {
  29   margin-left: 20px !important;
  30 }
  31 .ml30 {
  32   margin-left: 30px !important;
  33 }
  34 .maxHeight500 {
  35   max-height: 500px;
  36   overflow-y: scroll;
  37 }
  38 .gbpGlobalWrapper {
  39   background: #f5f5f5;
  40   margin-bottom: 0!important;
  41   min-height: 100%;
  42   padding-bottom: 60px;
  43 }
  44 .gbpGlobalWrapper span,
  45 .gbpGlobalWrapper label {
  46   color: #393939;
  47 }
  48 .gbpGlobalWrapper h2 {
  49   color: #666;
  50 }
  51 .gbpGlobalWrapper .form-control,
  52 .gbpGlobalWrapper .main input[type="text"] {
  53   background: #fff;
  54   color: #858585;
  55 }
  56 .gbpGlobalWrapper .form-control[disabled],
  57 .gbpGlobalWrapper .main input[type="text"][disabled] {
  58   background: #eeeeee;
  59 }
  60 .gbpGlobalWrapper .form-control.narrow-input-left {
  61   width: 45%;
  62   float: left;
  63 }
  64 .gbpGlobalWrapper .form-control.narrow-input-right {
  65   width: 45%;
  66   float: right;
  67 }
  68 .gbpGlobalWrapper .row-param {
  69   margin-bottom: 15px;
  70   float: left;
  71 }
  72 .gbpGlobalWrapper .param-label {
  73   width: 100%;
  74   float: left;
  75 }
  76 .gbpGlobalWrapper .ep-filter {
  77   margin-bottom: 20px;
  78 }
  79 .gbpGlobalWrapper .ep-filter DIV {
  80   width: 48%;
  81 }
  82 .gbpGlobalWrapper .float-left {
  83   float: left;
  84 }
  85 .gbpGlobalWrapper .float-right {
  86   float: right;
  87 }
  88 .gbpGlobalWrapper .full-width {
  89   width: 100%;
  90 }
  91 .gbpGlobalWrapper .full-width .btn {
  92   width: 50px;
  93 }
  94 .gbpGlobalWrapper .full-width label {
  95   margin-top: 10px;
  96 }
  97 .gbpWrapper .btn-primary {
  98   color: #ffffff;
  99   background-color: #428bca;
 100   border-color: #357ebd;
 101   font-weight: normal;
 102 }
 103 .gbpWrapper .btn-primary:hover {
 104   background-color: #1BAAFD;
 105   border-color: #1BAAFD;
 106 }
 107 .gbpWrapper .btn-primary.bottom-buttons {
 108   bottom: 0;
 109   position: absolute;
 110   margin-bottom: 0 !important;
 111   background-color: #FF7300;
 112   border-color: #FF7300;
 113   width: 45%;
 114 }
 115 .gbpWrapper .btn-primary.bottom-buttons.back {
 116   right: 0;
 117   margin-right: 15px;
 118 }
 119 .gbpWrapper .btn-primary.bottom-buttons.home {
 120   left: 0;
 121   margin-left: 15px;
 122 }
 123 .gbpWrapper .btn-primary.bottom-buttons:hover {
 124   background-color: #FF8f33;
 125   border-color: #FF8f33;
 126 }
 127 .gbpWrapper .btn-primary.bottom-buttons.full-width {
 128   width: calc(100% - 30px);
 129   left: 0;
 130   margin-left: 15px;
 131 }
 132 .gbpWrapper .btn-primary.bottom-buttons.wizard-button {
 133   bottom: 40px;
 134 }
 135 .gbpWrapper .btn-primary.btn-big {
 136   padding: 20px;
 137   font-size: 1.5em;
 138   white-space: normal;
 139 }
 140 .gbpWrapper .noPadding {
 141   padding: 0!important;
 142 }
 143 .gbpWrapper .basicLabel {
 144   padding: 0;
 145   font-weight: normal;
 146 }
 147 .gbpWrapper .rowWrapper {
 148   margin-bottom: 5px;
 149 }
 150 .gbpWrapper .inline-block {
 151   display: inline-block;
 152 }
 153 .gbpWrapper #graph {
 154   overflow: auto;
 155   width: 100%;
 156   height: 100%;
 157 }
 158 .gbpWrapper .graphWrapper {
 159   position: relative;
 160 }
 161 .gbpWrapper .graphWrapper .controlPanelButtons {
 162   position: absolute;
 163   top: 50px;
 164   right: 0px;
 165 }
 166 .gbpWrapper .graphWrapper .controlPanelButtons .line {
 167   margin: 5px 0;
 168 }
 169 .gbpWrapper .graphWrapper .btn {
 170   min-width: 22px;
 171   line-height: 22px;
 172   text-align: center;
 173   padding: 0!important;
 174 }
 175 .gbpWrapper .simpleBox {
 176   -webkit-border-radius: 5px;
 177   -moz-border-radius: 5px;
 178   -ms-border-radius: 5px;
 179   -o-border-radius: 5px;
 180   border-radius: 5px;
 181   border: 1px solid #e5e5e5;
 182   background: #fff;
 183   padding: 20px;
 184 }
 185 .gbpWrapper .simpleBox h2 {
 186   margin-top: 0;
 187 }
 188 .gbpWrapper .sectionTitle {
 189   padding: 20px;
 190 }
 191 .gbpWrapper .sectionTitle label {
 192   font-size: 25px;
 193 }
 194 .gbpWrapper .legendBox {
 195   position: absolute;
 196   top: 50px;
 197   right: 50px;
 198   z-index: 10;
 199 }
 200 .gbpWrapper .legendBox ul {
 201   padding: 0;
 202   list-style: none;
 203 }
 204 .gbpWrapper .legendBox ul .item {
 205   padding-top: 5px;
 206   margin-bottom: 10px;
 207 }
 208 .gbpWrapper .legendBox ul .line {
 209   display: -moz-inline-stack;
 210   display: inline-block;
 211   vertical-align: top;
 212   zoom: 1;
 213   *display: inline;
 214   margin: 9px 5px 0 0;
 215   width: 50px;
 216 }
 217 .gbpWrapper .legendBox ul .line.blue {
 218   border-top: 2px solid blue;
 219 }
 220 .gbpWrapper .legendBox ul .line.green {
 221   border-top: 2px solid green;
 222 }
 223 .gbpWrapper .mainNavigationWrapper {
 224   padding-bottom: 50px;
 225   overflow-x: scroll;
 226 }
 227 .gbpWrapper .mainNavigation {
 228   padding-top: 5%;
 229   min-width: 1450px;
 230 }
 231 .gbpWrapper .mainNavigation .topButtonsWrapper,
 232 .gbpWrapper .mainNavigation .bottomButtonsWrapper {
 233   text-align: center;
 234   width: 400px;
 235   margin: 0 auto 15px;
 236   padding: 0 0 20px;
 237   border-bottom: 5px solid #393939;
 238 }
 239 .gbpWrapper .mainNavigation .bottomButtonsWrapper {
 240   border-bottom: 0;
 241   border-top: 5px solid #393939;
 242   padding: 20px 0 0;
 243   margin: 15px auto 0;
 244 }
 245 .gbpWrapper .mainNavigation .middleButtonsWrapper {
 246   text-align: center;
 247 }
 248 .gbpWrapper .mainNavigation .middleButtonsWrapper .buttonWrapper {
 249   margin-top: 25px;
 250 }
 251 .gbpWrapper .mainNavigation .middleButtonsWrapper .iconWrapper {
 252   display: -moz-inline-stack;
 253   display: inline-block;
 254   vertical-align: top;
 255   zoom: 1;
 256   *display: inline;
 257   padding-top: 10px;
 258 }
 259 .gbpWrapper .mainNavigation .middleBox {
 260   display: -moz-inline-stack;
 261   display: inline-block;
 262   vertical-align: top;
 263   zoom: 1;
 264   *display: inline;
 265   width: 500px;
 266   height: 150px;
 267   border-left: 5px solid #393939;
 268   border-right: 5px solid #393939;
 269 }
 270 .gbpWrapper .mainNavigation .middleBox .infinityIcon {
 271   background: transparent url('../../src/app/gbp/images/infinity-loop.tpl.html') no-repeat center center;
 272   width: 128px;
 273   height: 128px;
 274   margin: 11px auto 0;
 275   cursor: pointer;
 276 }
 277 .gbpWrapper .mainNavigation .buttonWrapper {
 278   text-align: center;
 279   display: -moz-inline-stack;
 280   display: inline-block;
 281   vertical-align: top;
 282   zoom: 1;
 283   *display: inline;
 284 }
 285 .gbpWrapper .mainNavigation .buttonWrapper .btn-primary {
 286   font-size: 2em;
 287   padding: 25px 0;
 288   width: 350px;
 289   display: -moz-inline-stack;
 290   display: inline-block;
 291   vertical-align: top;
 292   zoom: 1;
 293   *display: inline;
 294 }
 295 .gbpWrapper .mainNavigation .buttonWrapper .icon-large:before {
 296   font-size: 5em;
 297 }
 298 .gbpWrapper aside.col-md-3 {
 299   min-height: 800px;
 300 }
 301 .gbpWrapper aside.col-md-3 .inWrapper {
 302   height: 100%;
 303 }
 304 .gbpWrapper .panelWrapper {
 305   padding: 20px 0 50px;
 306   height: calc(100% - 109px);
 307 }
 308 .gbpWrapper .panelWrapper.no-padd-top {
 309   padding-top: 0px;
 310 }
 311 .gbpWrapper .panelWrapper button.btn {
 312   margin-bottom: 5px;
 313 }
 314 .gbpWrapper .panelWrapper button.btn-list {
 315   margin-top: 25px;
 316 }
 317 .gbpWrapper .panelWrapper button.btn-default:hover {
 318   background-color: #e6e6e6 !important;
 319 }
 320 .gbpWrapper .panelWrapper button.btn-default:focus {
 321   background-color: #fff;
 322 }
 323 .gbpWrapper .panelWrapper button.activated,
 324 .gbpWrapper .panelWrapper button.activated:focus {
 325   background-color: #e6e6e6 !important;
 326 }
 327 .gbpWrapper .breadcrumbs {
 328   padding: 10px 0px;
 329   font-weight: bold;
 330   border: 0;
 331   line-height: initial;
 332 }
 333 .gbpWrapper section.sigmaWrapper div.legend {
 334   margin-bottom: 25px;
 335 }
 336 .gbpWrapper section.sigmaWrapper div.legend span,
 337 .gbpWrapper section.sigmaWrapper div.legend .text {
 338   color: #fff;
 339 }
 340 .gbpWrapper section.sigmaWrapper div.legend ul {
 341   padding: 0;
 342   margin: 0;
 343   list-style: none;
 344 }
 345 .gbpWrapper section.sigmaWrapper div.legend li {
 346   margin-bottom: 5px;
 347 }
 348 .gbpWrapper section.sigmaWrapper div.legend li .textHidden {
 349   display: none;
 350 }
 351 .gbpWrapper section.sigmaWrapper div.legend li .text {
 352   margin-left: 10px;
 353   line-height: 18px;
 354 }
 355 .gbpWrapper section.sigmaWrapper div.legend li .showChckbx {
 356   position: relative;
 357   top: 2px;
 358   left: 5px;
 359 }
 360 .gbpWrapper section.sigmaWrapper div.legend li .itemWrapper:hover .text {
 361   display: block !important;
 362 }
 363 .gbpWrapper section.sigmaWrapper div.legend div.color {
 364   /*margin-right: 15px;*/
 365   width: 18px;
 366   height: 18px;
 367   -webkit-border-radius: 9px;
 368   border-radius: 9px;
 369   cursor: pointer;
 370 }
 371 .gbpWrapper #graph-container {
 372   padding: 0;
 373   height: 800px;
 374 }
 375 .gbpWrapper .selectWrapper {
 376   padding-left: 0;
 377 }
 378 .gbpWrapper .selectWrapper.col-md-12 {
 379   padding: 0;
 380   margin-bottom: 5px;
 381 }
 382 .gbpWrapper .inputWrapper.leftInput {
 383   padding-left: 0;
 384 }
 385 .gbpWrapper .inputWrapper.rightInput {
 386   padding-right: 0;
 387 }
 388 .gbpWrapper .separator {
 389   padding-bottom: 10px;
 390   margin-top: 15px;
 391   height: 1px;
 392   padding-left: 0px;
 393   padding-right: 15px;
 394 }
 395 .gbpWrapper .inner-separator {
 396   border-bottom: 1px solid #858585;
 397   width: 100%;
 398   float: left;
 399 }
 400 .gbpWrapper .btn-group {
 401   padding: 0;
 402 }
 403 .gbpWrapper .formWrapper {
 404   margin: 20px 0;
 405 }
 406 .gbpWrapper .icon-remove.align-right {
 407   float: right;
 408 }
 409 .gbpWrapper .icon-remove.align-right.padding {
 410   margin: 5px 5px 0 0;
 411 }
 412 .gbpWrapper .icon-exclamation-sign.red {
 413   color: red;
 414 }
 415 .gbpWrapper .sigmaWrapper {
 416   position: relative;
 417 }
 418 .gbpWrapper .sigmaWrapper .sigmaModalWrapper {
 419   position: absolute;
 420   top: 30px;
 421   left: 45px;
 422   z-index: 1;
 423 }
 424 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .icon-remove {
 425   position: absolute;
 426   top: 5px;
 427   right: 5px;
 428 }
 429 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper {
 430   position: relative;
 431   background: #f5f5f5;
 432   -webkit-border-radius: 5px;
 433   -moz-border-radius: 5px;
 434   -ms-border-radius: 5px;
 435   -o-border-radius: 5px;
 436   border-radius: 5px;
 437   min-width: 400px;
 438   min-height: 100px;
 439   margin-top: 20px;
 440   padding: 20px;
 441 }
 442 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .dataWrapper {
 443   overflow-y: scroll;
 444   max-height: 350px;
 445 }
 446 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .rowWrapper {
 447   padding: 10px;
 448   margin-bottom: 10px;
 449   -webkit-border-radius: 5px;
 450   -moz-border-radius: 5px;
 451   -ms-border-radius: 5px;
 452   -o-border-radius: 5px;
 453   border-radius: 5px;
 454   border: 1px solid #d5d5d5;
 455 }
 456 .modal-dialog {
 457   z-index: 100;
 458   height: 700px;
 459   width: 700px;
 460   background-color: white;
 461   position: fixed;
 462   opacity: 1;
 463   top: 50%;
 464   left: 50%;
 465   margin: -350px 0 0 -400px;
 466 }
 467 .modal-dialog .modal-header {
 468   height: 70px;
 469   padding: 10px 15px;
 470 }
 471 .modal-dialog .modal-navigation {
 472   float: left;
 473   width: 150px;
 474   height: 630px;
 475   border-right: 1px solid #e5e5e5;
 476   background-color: #eeeeee;
 477 }
 478 .modal-dialog .modal-navigation ul {
 479   -webkit-padding-start: 0;
 480   list-style-type: none;
 481 }
 482 .modal-dialog .modal-navigation ul li.navigation-item {
 483   height: 54px;
 484   width: 100%;
 485   background-color: #eeeeee;
 486   color: #666;
 487   font-weight: bold;
 488   padding: 20px;
 489 }
 490 .modal-dialog .modal-navigation ul li.navigation-item.selected {
 491   background-color: #428bca;
 492   border-color: #357ebd;
 493   color: #ffffff;
 494 }
 495 .modal-dialog .modal-content-container {
 496   float: right;
 497   width: 550px;
 498   height: 630px;
 499 }
 500 .modal-dialog .modal-content-container .content {
 501   overflow-y: scroll;
 502   padding: 0 50px 0 20px;
 503   height: 580px;
 504 }
 505 .modal-dialog .modal-content-container .bottom-navigation {
 506   height: 50px;
 507   bottom: 0;
 508   float: right;
 509   margin: 8px 30px;
 510 }
 511 .modal-canvas {
 512   position: fixed;
 513   top: 0;
 514   right: 0;
 515   bottom: 0;
 516   left: 0;
 517   z-index: 10;
 518   background-color: #000;
 519   opacity: .15;
 520 }
 521 .link-tools .tool-remove {
 522   display: none;
 523 }
 524 .link-tools .tool-options {
 525   display: none;
 526 }
 527 .connection-wrap,
 528 .marker-arrowheads {
 529   display: none;
 530 }/*-------------------YangUI import START-------------------*/
 531 .gbpWrapper .customContainer {
 532   border-left: 1px solid #7a7a7a;
 533   margin: 35px 5px 5px 15px;
 534   padding: 5px;
 535   /*z-index: 10;*/
 536   width: auto;
 537   position: relative;
 538 }
 539 .gbpWrapper .customContainer.withoutBorder {
 540   border-left: 0;
 541   padding-bottom: 0;
 542 }
 543 .gbpWrapper .customContainer.withoutBorder .treeBullet.containerBullet {
 544   left: -25px;
 545   top: -25px;
 546 }
 547 .gbpWrapper .topContainerPart {
 548   margin-left: -19px;
 549   margin-top: -28px;
 550   margin-bottom: 10px;
 551 }
 552 .gbpWrapper .treeBullet {
 553   font-size: 25px;
 554   color: #7a7a7a;
 555   position: absolute;
 556   left: -15px;
 557   top: 0;
 558 }
 559 .gbpWrapper .treeBullet.containerBullet {
 560   top: -25px;
 561   left: -25px;
 562 }
 563 .gbpWrapper .btn-name {
 564   -webkit-border-radius: 5px;
 565   border-radius: 5px;
 566   background: transparent;
 567   font-weight: bold;
 568   color: #393939;
 569   border: 2px solid #393939;
 570   cursor: auto;
 571 }
 572 .gbpWrapper button.yangButton,
 573 .gbpWrapper div.yangButton {
 574   cursor: pointer;
 575   position: relative;
 576   width: 24px;
 577   height: 24px;
 578   border: 0;
 579   margin: 2px;
 580   display: -moz-inline-stack;
 581   display: inline-block;
 582   vertical-align: top;
 583   zoom: 1;
 584   *display: inline;
 585 }
 586 .gbpWrapper button.yangButton.iconArrowDown,
 587 .gbpWrapper div.yangButton.iconArrowDown {
 588   background: transparent url('images/yang-ui-icons/icon-arrow-down.tpl.html') no-repeat center top;
 589 }
 590 .gbpWrapper button.yangButton.iconArrowRight,
 591 .gbpWrapper div.yangButton.iconArrowRight {
 592   background: transparent url('images/yang-ui-icons/icon-arrow-right.tpl.html') no-repeat center top;
 593 }
 594 .gbpWrapper button.yangButton.iconNext,
 595 .gbpWrapper div.yangButton.iconNext {
 596   background: transparent url('images/yang-ui-icons/icon-next.tpl.html') no-repeat center top;
 597 }
 598 .gbpWrapper button.yangButton.iconPrev,
 599 .gbpWrapper div.yangButton.iconPrev {
 600   background: transparent url('images/yang-ui-icons/icon-prev.tpl.html') no-repeat center top;
 601 }
 602 .gbpWrapper button.yangButton:hover,
 603 .gbpWrapper div.yangButton:hover {
 604   background-position: center -24px;
 605 }
 606 .gbpWrapper button.yangButton.disabled,
 607 .gbpWrapper div.yangButton.disabled {
 608   -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 40 )' !important;
 609   filter: alpha(opacity= 40 ) !important;
 610   -moz-opacity: 0.4 !important;
 611   -khtml-opacity: 0.4 !important;
 612   opacity: 0.4 !important;
 613 }
 614 .gbpWrapper button.yangButton.disabled:hover,
 615 .gbpWrapper div.yangButton.disabled:hover {
 616   background-position: center top;
 617 }
 618 .gbpWrapper .btn-slim {
 619   padding-top: 2px;
 620   padding-bottom: 2px;
 621 }
 622 .gbpWrapper .inlineBlock {
 623   display: -moz-inline-stack;
 624   display: inline-block;
 625   vertical-align: top;
 626   zoom: 1;
 627   *display: inline;
 628 }
 629 .gbpWrapper .leaf {
 630   margin: 5px;
 631   padding-left: 5px;
 632   position: relative;
 633 }
 634 .gbpWrapper .leaf-label {
 635   margin-right: 10px;
 636   font-weight: bold;
 637   display: -moz-inline-stack;
 638   display: inline-block;
 639   vertical-align: top;
 640   zoom: 1;
 641   *display: inline;
 642   /*width: 170px;*/
 643   padding-top: 6px;
 644 }
 645 .gbpWrapper .leaf-label button.iconQuestion {
 646   margin-top: -2px;
 647 }
 648 .gbpWrapper .leaf-label i.icon-key {
 649   font-size: 1.3em;
 650   padding-left: 5px;
 651 }
 652 .gbpWrapper .clear {
 653   clear: both;
 654 }
 655 .gbpWrapper .borderArrow {
 656   color: #393939;
 657   position: absolute;
 658   bottom: -6px;
 659   left: -6px;
 660   font-size: 1.3em;
 661 }
 662 .gbpWrapper .tooltip-inner {
 663   color: #fff;
 664   white-space: pre-wrap;
 665   /* CSS3 */
 666   white-space: -moz-pre-wrap;
 667   /* Firefox */
 668   white-space: -pre-wrap;
 669   /* Opera <7 */
 670   white-space: -o-pre-wrap;
 671   /* Opera 7 */
 672   word-wrap: break-word;
 673   /* IE */
 674 }
 675 /*-------------------YangUI import END-------------------*/
 676 /*
 677 -------------------JointJS Graph START-------------------
 678 .html-element {
 679   position: absolute;
 680   background: #3498DB;
 681   pointer-events: none;
 682   -webkit-user-select: none;
 683   border-radius: 4px;
 684   border: 2px solid #2980B9;
 685   box-shadow: inset 0 0 5px black, 2px 2px 1px gray;
 686   padding: 5px;
 687   box-sizing: border-box;
 688   z-index: 2;
 689   pointer-events: auto;
 690   bottom: 0;
 691   left: 0;
 692   right: 0;
 693   color: #333;
 694   height: 16px;
 695   margin-top: 107px;
 696   margin-left: 16px;
 697   width: 50px !important;
 698   height: 20px !important;
 699 }
 700 -------------------JointJS Graph END-------------------
 701 */
 702 /*GBP END*/
 703
 704 .gbpWrapper .btn-like-tab {
 705   text-decoration: none;
 706   color: #464646;
 707   border: 0;
 708   line-height: 32px;
 709   padding: 0 15px;
 710   background: transparent !important;
 711   border-bottom: 3px solid transparent;
 712   margin: 0 10px;
 713   -webkit-border-radius: 0;
 714   -moz-border-radius: 0;
 715   -ms-border-radius: 0;
 716   -o-border-radius: 0;
 717   border-radius: 0;
 718   -webkit-transition: 150ms;
 719   transition: 150ms;
 720   -webkit-transition: all 150ms linear;
 721   -moz-transition: all 150ms linear;
 722   -ms-transition: all 150ms linear;
 723   -o-transition: all 150ms linear;
 724   transition: all 150ms linear;
 725 }
 726 .gbpWrapper .btn-like-tab.btn-selected,
 727 .gbpWrapper .btn-like-tab:hover {
 728   border-bottom: 3px solid #1baafd;
 729   background: transparent !important;
 730 }
 731
 732 .gbpWrapper h1, .gbpWrapper h2, .gbpWrapper h3 {
 733   color: #393939;
 734 }
 735
 736 #page_logo {
 737   display:none;
 738 }
 739
 740