src/main/resources/META-INF/resources/designer/css/utm_custom_style.css

   1 /*!
   2  * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
   3  * Code licensed under the Apache License v2.0.
   4  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
   5  */
   6
   7
   8 body {
   9     background-color: #f8f8f8;
  10 }
  11
  12 utm_body {
  13     background-color: #f8f8f8;
  14 }
  15
  16 #wrapper {
  17     width: 100%;
  18 }
  19
  20 #page-wrapper {
  21     padding: 0 15px;
  22     min-height: 568px;
  23     background-color: #fff;
  24 }
  25
  26 @media(min-width:768px) {
  27     #page-wrapper {
  28         position: inherit;
  29         margin: 0 0 0 250px;
  30         padding: 0 30px;
  31         border-left: 1px solid #e7e7e7;
  32     }
  33 }
  34
  35 .navbar-top-links {
  36     margin-right: 0;
  37 }
  38
  39 .navbar-top-links li {
  40     display: inline-block;
  41 }
  42
  43 .navbar-top-links li:last-child {
  44     margin-right: 15px;
  45 }
  46
  47 .navbar-top-links li a {
  48     padding: 15px;
  49     min-height: 50px;
  50 }
  51
  52 .navbar-top-links .dropdown-menu li {
  53     display: block;
  54 }
  55
  56 .navbar-top-links .dropdown-menu li:last-child {
  57     margin-right: 0;
  58 }
  59
  60 .navbar-top-links .dropdown-menu li a {
  61     padding: 3px 20px;
  62     min-height: 0;
  63 }
  64
  65 .navbar-top-links .dropdown-menu li a div {
  66     white-space: normal;
  67 }
  68
  69 .navbar-top-links .dropdown-messages,
  70 .navbar-top-links .dropdown-tasks,
  71 .navbar-top-links .dropdown-alerts {
  72     width: 310px;
  73     min-width: 0;
  74 }
  75
  76 .navbar-top-links .dropdown-messages {
  77     margin-left: 5px;
  78 }
  79
  80 .navbar-top-links .dropdown-tasks {
  81     margin-left: -59px;
  82 }
  83
  84 .navbar-top-links .dropdown-alerts {
  85     margin-left: -123px;
  86 }
  87
  88 .navbar-top-links .dropdown-user {
  89     right: 0;
  90     left: auto;
  91 }
  92
  93 .sidebar .sidebar-nav.navbar-collapse {
  94     padding-right: 0;
  95     padding-left: 0;
  96 }
  97
  98 .sidebar .sidebar-search {
  99     padding: 15px;
 100 }
 101
 102 .sidebar ul li {
 103     border-bottom: 1px solid #e7e7e7;
 104 }
 105
 106 .sidebar ul li a.active {
 107     background-color: #eee;
 108 }
 109
 110 .sidebar .arrow {
 111     float: right;
 112 }
 113
 114 .sidebar .fa.arrow:before {
 115     content: "\f104";
 116 }
 117
 118 .sidebar .active>a>.fa.arrow:before {
 119     content: "\f107";
 120 }
 121
 122 .sidebar .nav-second-level li,
 123 .sidebar .nav-third-level li {
 124     border-bottom: 0!important;
 125 }
 126
 127 .sidebar .nav-second-level li a {
 128     padding-left: 37px;
 129 }
 130
 131 .sidebar .nav-third-level li a {
 132     padding-left: 52px;
 133 }
 134
 135 @media(min-width:768px) {
 136     .sidebar {
 137         z-index: 1;
 138         position: absolute;
 139         width: 250px;
 140         margin-top: 51px;
 141     }
 142
 143     .navbar-top-links .dropdown-messages,
 144     .navbar-top-links .dropdown-tasks,
 145     .navbar-top-links .dropdown-alerts {
 146         margin-left: auto;
 147     }
 148 }
 149
 150 .btn-outline {
 151     color: inherit;
 152     background-color: transparent;
 153     transition: all .5s;
 154 }
 155
 156 .btn-primary.btn-outline {
 157     color: #428bca;
 158 }
 159
 160 .btn-success.btn-outline {
 161     color: #5cb85c;
 162 }
 163
 164 .btn-info.btn-outline {
 165     color: #5bc0de;
 166 }
 167
 168 .btn-warning.btn-outline {
 169     color: #f0ad4e;
 170 }
 171
 172 .btn-danger.btn-outline {
 173     color: #d9534f;
 174 }
 175
 176 .btn-primary.btn-outline:hover,
 177 .btn-success.btn-outline:hover,
 178 .btn-info.btn-outline:hover,
 179 .btn-warning.btn-outline:hover,
 180 .btn-danger.btn-outline:hover {
 181     color: #fff;
 182 }
 183
 184 .chat {
 185     margin: 0;
 186     padding: 0;
 187     list-style: none;
 188 }
 189
 190 .chat li {
 191     margin-bottom: 10px;
 192     padding-bottom: 5px;
 193     border-bottom: 1px dotted #999;
 194 }
 195
 196 .chat li.left .chat-body {
 197     margin-left: 60px;
 198 }
 199
 200 .chat li.right .chat-body {
 201     margin-right: 60px;
 202 }
 203
 204 .chat li .chat-body p {
 205     margin: 0;
 206 }
 207
 208 .panel .slidedown .glyphicon,
 209 .chat .glyphicon {
 210     margin-right: 5px;
 211 }
 212
 213 .chat-panel .panel-body {
 214     height: 350px;
 215     overflow-y: scroll;
 216 }
 217
 218 .login-panel {
 219     margin-top: 25%;
 220 }
 221
 222 .flot-chart {
 223     display: block;
 224     height: 400px;
 225 }
 226
 227 .flot-chart-content {
 228     width: 100%;
 229     height: 100%;
 230 }
 231
 232
 233 .btn-circle {
 234     width: 30px;
 235     height: 30px;
 236     padding: 6px 0;
 237     border-radius: 15px;
 238     text-align: center;
 239     font-size: 12px;
 240     line-height: 1.428571429;
 241 }
 242
 243 .btn-circle.btn-lg {
 244     width: 50px;
 245     height: 50px;
 246     padding: 10px 16px;
 247     border-radius: 25px;
 248     font-size: 18px;
 249     line-height: 1.33;
 250 }
 251
 252 .btn-circle.btn-xl {
 253     width: 70px;
 254     height: 70px;
 255     padding: 10px 16px;
 256     border-radius: 35px;
 257     font-size: 24px;
 258     line-height: 1.33;
 259 }
 260
 261 .show-grid [class^=col-] {
 262     padding-top: 10px;
 263     padding-bottom: 10px;
 264     border: 1px solid #ddd;
 265     background-color: #eee!important;
 266 }
 267
 268 .show-grid {
 269     margin: 15px 0;
 270 }
 271
 272 .huge {
 273     font-size: 30px;
 274 }
 275
 276 .panel-green {
 277     border-color: #5cb85c;
 278 }
 279
 280 .panel-green .panel-heading {
 281     border-color: #5cb85c;
 282     color: #fff;
 283     background-color: #5cb85c;
 284 }
 285
 286 .panel-green a {
 287     color: #5cb85c;
 288 }
 289
 290 .panel-green a:hover {
 291     color: #3d8b3d;
 292 }
 293
 294 .panel-red {
 295     border-color: #d9534f;
 296 }
 297
 298 .panel-red .panel-heading {
 299     border-color: #d9534f;
 300     color: #fff;
 301     background-color: #d9534f;
 302 }
 303
 304 .panel-red a {
 305     color: #d9534f;
 306 }
 307
 308 .panel-red a:hover {
 309     color: #b52b27;
 310 }
 311
 312 .panel-yellow {
 313     border-color: #f0ad4e;
 314 }
 315
 316 .panel-yellow .panel-heading {
 317     border-color: #f0ad4e;
 318     color: #fff;
 319     background-color: #f0ad4e;
 320 }
 321
 322 .panel-yellow a {
 323     color: #f0ad4e;
 324 }
 325
 326 .panel-yellow a:hover {
 327     color: #df8a13;
 328 }
 329
 330 .panel-primary a:hover {
 331     color: #4E9BD6;
 332 }
 333
 334
 335
 336 .spacer_left
 337 {
 338         margin-left: 20px;
 339 }
 340
 341 .spacer {
 342                          margin-top: 10px; /* define margin as you see fit */
 343                 }
 344
 345                 .spacer_40 {
 346                          margin-top: 40px; /* define margin as you see fit */
 347                 }
 348
 349                 .spacer_80 {
 350                          margin-top: 80px; /* define margin as you see fit */
 351                 }
 352
 353                 .spacer_100 {
 354                          margin-top: 100px; /* define margin as you see fit */
 355                 }
 356
 357                 .spacer_66 {
 358                          margin-top: 66px; /* define margin as you see fit */
 359                 }
 360
 361
 362                 .spacer_5 {
 363                          margin-top: 5px; /* define margin as you see fit */
 364                 }
 365
 366                 a{
 367                     cursor: pointer;
 368                 }
 369
 370                 .cursor{
 371                     cursor: pointer;
 372                 }
 373
 374
 375                 /*@media screen and (max-height: 700px)
 376                 {
 377                     #left
 378                     {
 379                          height: 700px;
 380                     }
 381
 382                     .right_transaction_trace
 383                     {
 384                          height: 600px;
 385                     }
 386                 }*/
 387
 388             *      {margin:0; padding:0;}
 389            body   {position:absolute; width:100%; overflow: auto;}
 390            #main  {height:100%; padding:60px 0 0px; box-sizing:border-box;background-color: white;overflow: auto;}
 391            #head  {position:absolute; width:100%; height:60px;}
 392            #left  {float:left; background-color: white; }
 393            #right {background-color: white; overflow:auto;}
 394            #foot  {position:absolute; bottom:0; width:100%; height:40px;}
 395
 396
 397         .features-table {
 398                           width: 100%;
 399                           margin: 0 auto;
 400                           border-collapse: separate;
 401                           border-spacing: 0;
 402                           text-shadow: 0 1px 0 #fff;
 403                           color: #2a2a2a;
 404                           background: #fafafa;
 405                           background-image: linear-gradient(top, #fff, #eaeaea, #fff);
 406                         }
 407
 408                         .features-table td {
 409                           height: 20px;
 410                           line-height: 500px;
 411                           padding: 0 200px;
 412                           border-bottom: 1px solid #cdcdcd;
 413                           box-shadow: 0 1px 0 white;
 414                           white-space: nowrap;
 415                           text-align: center;
 416                           cursor: pointer;
 417                         }
 418
 419                         /*Body*/
 420                         .features-table tbody td {
 421                           text-align: left;
 422                           font: normal 12px Verdana, Arial, Helvetica;
 423                           width: 150px;
 424                         }
 425
 426
 427
 428                         /*Header*/
 429                         .features-table thead th
 430                         {
 431                           font: bold 1.3em 'trebuchet MS', 'Lucida Sans', Arial;
 432                           border-radius-topright: 10px;
 433                           border-radius-topleft: 10px;
 434                           border-top-right-radius: 10px;
 435                           border-top-left-radius: 10px;
 436                           border-top: 1px solid #eaeaea;
 437                           text-align: left;
 438                         }
 439
 440
 441                         /*Footer*/
 442                         .features-table tfoot th
 443                         {
 444                           font: bold 1.4em Georgia;
 445                           border-radius-bottomright: 10px;
 446                           border-radius-bottomleft: 10px;
 447                           border-bottom-right-radius: 10px;
 448                           border-bottom-left-radius: 10px;
 449                           border-bottom: 1px solid #dadada;
 450                         }
 451
 452
 453
 454 /*
 455         neeeeeeeeeeeeeeeeeeeeeeeeeeeeeewwwwwwwwwwwwwwwwwwww
 456 */
 457
 458 /*.slick-dots { margin: 0 100px 0 10px; width: auto; height: 20px; display: inline-block; }*/
 459 .slick-prev:before {
 460     color:blue !important;
 461     margin-left: 5px;
 462 }
 463 .slick-next:before {
 464         color:blue !important;
 465         margin-right: 5px;
 466 }
 467
 468
 469 .grid_div div:hover
 470 {
 471         background: #3c8dbc;
 472 }
 473
 474 .ui-grid-header-cell
 475 {
 476         height:80px;
 477         max-height:80px;
 478 }
 479
 480 .tooltip
 481 {
 482     position: static;
 483 }
 484
 485 span.err { color: #f00; }
 486
 487
 488 table.dataTable span.highlight {
 489   background-color: #FFFF88;
 490 }
 491
 492 table thead {
 493         background-color: #eee;
 494 }
 495 .modal-header{
 496         background-color:#337ab7;
 497         color: #FFF;
 498         height: 38px;
 499         margin-top: -4px;
 500
 501 }
 502 .modal {
 503 /* top:140px; */
 504 }
 505
 506 .modal-header > h4{
 507         margin-top: -2px;
 508         font-size: 12px !important;
 509         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 510         color: #fff;
 511 }
 512
 513 .modal-dialog {
 514   padding-top: 7%;
 515 }
 516
 517 .tab-border{
 518 border: 1px solid #ddd !important;
 519 border-top: 0px !important;
 520 }
 521
 522 .zoom-controls {
 523         position: absolute;
 524         top: 0;
 525  }
 526
 527  .zoom > span {
 528      display: block;
 529      margin-top: 3px;
 530  }
 531
 532  .zoom:hover {
 533      box-shadow: 0px 0px 6px #333;
 534  }
 535
 536  .zoom {
 537      width: 30px;
 538      height: 30px;
 539      cursor: pointer;
 540      display: block;
 541      position: absolute;
 542      font-size: 20px;
 543      font-weight: bold;
 544      border: 1px solid #777;
 545      background: white;
 546      z-index: 100;
 547      left: 10px;
 548      text-align: center;
 549      border-radius: 2px;
 550      box-shadow: 0px 0px 4px #777;
 551
 552      -moz-user-select: none;
 553      -khtml-user-select: none;
 554      -webkit-user-select: none;
 555      -o-user-select: none;
 556      user-select: none;
 557  }
 558
 559  .zoom.zoom-in {
 560      top: 10px;
 561  }
 562  .zoom.zoom-out {
 563      top: 45px;
 564  }
 565  .zoom.zoom-fit {
 566      top: 90px;
 567  }
 568
 569  .highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
 570   /*fill: blue !important;*/ /* color elements as green */
 571   stroke: blue !important;
 572 }