1body { 2 font-family: Verdana, Arial, Helvetica, sans-serif; 3 margin: 0px; 4 padding: 0px; 5 padding-bottom: 50px; 6 padding-top: 50px; 7 background: rgb(255,255,255); /* Old browsers */ 8 color: #555; 9 font-size: 10pt; 10 line-height: 20px; 11} 12 13ul { margin: 0px; padding: 0px; list-style: disc outside; } 14ul ul { list-style: circle outside; } 15ul ul ul { list-style: square outside; } 16 17.rounded-2px { 18 /* Rounded Corners */ 19 -moz-border-radius: 2px; 20 -webkit-border-radius: 2px; 21 border-radius: 2px; 22} 23 24.rounded-3px { 25 /* Rounded Corners */ 26 -moz-border-radius: 3px; 27 -webkit-border-radius: 3px; 28 border-radius: 3px; 29} 30 31.rounded-5px { 32 /* Rounded Corners */ 33 -moz-border-radius: 5px; 34 -webkit-border-radius: 5px; 35 border-radius: 5px; 36} 37 38.rounded-10px { 39 /* Rounded Corners */ 40 -moz-border-radius: 10px; 41 -webkit-border-radius: 10px; 42 border-radius: 10px; 43} 44 45.pagemenu-selected { 46 font-weight: bold; 47 background-color: #dfdfdf; 48 49 border: 1px solid #c0c0c0; 50 51 padding:3px 8px 4px 8px; 52 53 /* Rounded Corners */ 54 -moz-border-radius: 10px; 55 -webkit-border-radius: 10px; 56 border-radius: 10px; 57 58 -webkit-box-shadow: #CCC 0 0 2px; 59 -moz-box-shadow: #CCC 0 0 2px; 60 box-shadow: #CCC 0 0 2px; 61 62 63} 64 65.submit { 66 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAATCAIAAAA4QDsKAAAABGdBTUEAALGPC/xhBQAAAEZJREFUeJyVjMEJACEQA2dlSxD7r2/xcdhAfNwJig/PfJIhISaJocQk/9ccwTDAEYAQ4K99sylfXm+gtbFl1p4WNUouUaMDPUI2q6SigUIAAAAASUVORK5CYII='); 67 background-position: 0 100%; 68 border-color: #B2B2B2 #525252 #525252 #B2B2B2; 69} 70.submit#hover { 71 border-color: #000; 72} 73 74.rounded { 75 display:block; 76} 77.rounded * { 78 display: block; 79 height: 1px; 80 overflow: hidden; 81 font-size: .01em; 82 background: #e0e5e5; 83} 84.rounded1 { 85 margin-left: 3px; 86 margin-right: 3px; 87 padding-left: 1px; 88 padding-right: 1px; 89 border-left: 1px solid #f3f36b; 90 border-right: 1px solid #f3f36b; 91 background: #ebebaf; 92} 93.rounded2 { 94 margin-left: 1px; 95 margin-right: 1px; 96 padding-right: 1px; 97 padding-left: 1px; 98 border-left: 1px solid #fcfc24; 99 border-right: 1px solid #fcfc24; 100 background: #e9e9bc; 101} 102.rounded3 { 103 margin-left: 1px; 104 margin-right: 1px; 105 border-left: 1px solid #e9e9bc; 106 border-right: 1px solid #e9e9bc; 107} 108.rounded4 { 109 border-left: 1px solid #f3f36b; 110 border-right: 1px solid #f3f36b; 111} 112.rounded5 { 113 border-left: 1px solid #ebebaf; 114 border-right: 1px solid #ebebaf; 115} 116.roundedfg { 117 background: #e0e5e5; 118} 119 120.content-box {display: block} 121.content-box * { 122 display: block; 123 height: 1px; 124 overflow: hidden; 125 font-size: .01em; 126 background: #e0e5e5; 127} 128.content-box1 { 129 margin-left: 3px; 130 margin-right: 3px; 131 padding-left: 1px; 132 padding-right: 1px; 133 border-left: 1px solid #f3f3f3; 134 border-right: 1px solid #f3f3f3; 135 background: #ebebeb; 136} 137.content-box2 { 138 margin-left: 1px; 139 margin-right: 1px; 140 padding-right: 1px; 141 padding-left: 1px; 142 border-left: 1px solid #FBFBFB; 143 border-right: 1px solid #FBFBFB; 144 background: #e9e9e9; 145} 146.content-box3 { 147 margin-left: 1px; 148 margin-right: 1px; 149 border-left: 1px solid #e9e9e9; 150 border-right: 1px solid #e9e9e9; 151} 152.content-box4 { 153 border-left: 1px solid #f3f3f3; 154 border-right: 1px solid #f3f3f3; 155} 156.content-box5 { 157 border-left: 1px solid #ebebeb; 158 border-right: 1px solid #ebebeb; 159} 160.content-boxfg { 161 background: #e0e5e5; 162} 163 164.box-info {display: block} 165.box-info * { 166 display:block; 167 height:1px; 168 overflow:hidden; 169 font-size:.01em; 170 background:#aaffaa; 171} 172.box-info1 { 173 margin-left:3px; 174 margin-right:3px; 175 padding-left:1px; 176 padding-right:1px; 177 border-left:1px solid #cbf0cb; 178 border-right:1px solid #cbf0cb; 179 background:#b8f8b8; 180} 181.box-info2 { 182 margin-left:1px; 183 margin-right:1px; 184 padding-right:1px; 185 padding-left:1px; 186 border-left:1px solid #dfe7df; 187 border-right:1px solid #dfe7df; 188 background:#b5fab5; 189} 190.box-info3 { 191 margin-left:1px; 192 margin-right:1px; 193 border-left:1px solid #b5fab5; 194 border-right:1px solid #b5fab5; 195} 196.box-info4 { 197 border-left:1px solid #cbf0cb; 198 border-right:1px solid #cbf0cb; 199} 200.box-info5 { 201 border-left:1px solid #b8f8b8; 202 border-right:1px solid #b8f8b8; 203} 204.box-infofg { 205 background:#aaffaa; 206} 207 208.box-warn {display:block} 209.box-warn * { 210 display:block; 211 height:1px; 212 overflow:hidden; 213 font-size:.01em; 214 background:#AAAAFF; 215} 216.box-warn1 { 217 margin-left:3px; 218 margin-right:3px; 219 padding-left:1px; 220 padding-right:1px; 221 border-left:1px solid #dadaff; 222 border-right:1px solid #dadaff; 223 background:#bfbfff; 224} 225.box-warn2 { 226 margin-left:1px; 227 margin-right:1px; 228 padding-right:1px; 229 padding-left:1px; 230 border-left:1px solid #f6f6ff; 231 border-right:1px solid #f6f6ff; 232 background:#babaff; 233} 234.box-warn3 { 235 margin-left:1px; 236 margin-right:1px; 237 border-left:1px solid #babaff; 238 border-right:1px solid #babaff; 239} 240.box-warn4 { 241 border-left:1px solid #dadaff; 242 border-right:1px solid #dadaff; 243} 244.box-warn5 { 245 border-left:1px solid #bfbfff; 246 border-right:1px solid #bfbfff; 247} 248.box-warnfg { 249 background:#AAAAFF; 250} 251 252.box-alert {display:block} 253.box-alert * { 254 display:block; 255 height:1px; 256 overflow:hidden; 257 font-size:.01em; 258 background:#FFAAAA; 259} 260.box-alert1 { 261 margin-left:3px; 262 margin-right:3px; 263 padding-left:1px; 264 padding-right:1px; 265 border-left:1px solid #ffdada; 266 border-right:1px solid #ffdada; 267 background:#ffbfbf; 268} 269.box-alert2 { 270 margin-left:1px; 271 margin-right:1px; 272 padding-right:1px; 273 padding-left:1px; 274 border-left:1px solid #fff6f6; 275 border-right:1px solid #fff6f6; 276 background:#ffbaba; 277} 278.box-alert3 { 279 margin-left:1px; 280 margin-right:1px; 281 border-left:1px solid #ffbaba; 282 border-right:1px solid #ffbaba; 283} 284.box-alert4 { 285 border-left:1px solid #ffdada; 286 border-right:1px solid #ffdada; 287} 288.box-alert5 { 289 border-left:1px solid #ffbfbf; 290 border-right:1px solid #ffbfbf; 291} 292.box-alertfg { 293 background:#FFAAAA; 294} 295 296img { border: 0; } 297 298A.sectionhead { text-decoration: none; color: #555; } 299A.sectionhead:link { text-decoration: none; color: #555; } 300A.sectionhead:visited { text-decoration: none; color: #555; } 301A.sectionhead:hover { text-decoration: none; color: #555; } 302A.sectionhead:active { text-decoration: none; color: #555; } 303 304A.red:visited, A.red, .red { color: #CC0000; } 305A.grey:visited, A.grey, .grey { color: #36393D; } 306A.black:visited, A.black, .black { color: #000000; } 307A.green:visited, A.green, .green { color: #008C00; } 308A.blue:visited, A.blue, .blue { color: #0000ff; } 309A.orange:visited, a.orange, .orange { color: #FF7400; } 310A.purple:visited, a.purple, .purple { color: #740074; } 311 312 313.pinkbg { background-color: #ffbbbb; } 314.redbg { background-color: #ff8585; } 315.bluebg { background-color: #aaaaff; } 316.greenbg { background-color: #aaffaa; } 317.greybg { background-color: #DEEFEF; } 318.blackbg { background-color: #000000; } 319 320.selector { 321 width:275px; 322} 323 324.page-h2 { 325 font-size: 14px; 326 font-weight: bold; 327 vertical-align: top; 328} 329 330.header-text { 331 font-size: 16px; 332 font-style: normal; 333 font-weight: bold; 334 color: #000000; 335} 336 337.interface-header { 338 font-size: 20px; 339 font-style: normal; 340 font-weight: bold; 341 color: #000000; 342} 343 344.graphhead, .sectionhead { 345 font-size: 15px; 346 font-style: normal; 347 font-weight: bold; 348 color: #555; 349} 350 351.graph-all-common { 352 display: block; 353 padding: 1px; 354 margin: 2px; 355 min-height:180px; 356 max-height:180px; 357 text-align: center; 358 float: left; 359 background-color: #f5f5f5; 360} 361 362.tablehead { 363 font-weight: bold; 364 font-size: 13px; 365 font-style: normal; 366 font-weight: bold; 367 color: #666; 368} 369 370.box-desc { 371 font-size: 12px; 372} 373 374.interface-desc { 375 font-size: 11px; 376 font-style: normal; 377} 378 379.syslog { 380 font-size: 12px; 381 font-style: normal; 382 color: #000000; 383} 384 385.page-header, .device-header { 386 font-size: 24px; 387 font-weight: bold; 388 color: black; 389} 390 391.top-subtitle { 392 font-size: 22px; 393 font-weight: bold; 394 vertical-align: middle; 395} 396 397.device-header { 398 font-size: 20px; 399} 400 401.device-head { 402 font-size: 16px; 403 font-weight: bold; 404} 405 406.list-device-down { 407 color: #cc0000; 408} 409 410.device-overview>.panel-body { padding-top: 0; padding-bottom: 0; } 411.device-overview>.panel-body>.row:nth-child(odd) { background-color: #f9f9f9; } 412.device-overview>.panel-body>.row:hover { background-color: #f5f5f5; } 413.device-overview>.panel-body>.row>div { padding: 3px 5px; } 414.device-overview>.panel-body>.row>div:first-child { font-weight: 500; } 415 416#coordinates-row { cursor: pointer; } 417#location-map { padding: 15px; height: 400px; } 418 419a.list-device, a.list-device-ignored, a.list-device-down, a.list-device-ignored-up, a.list-device-disabled { 420 font-weight: bold; 421} 422 423tr.list-device, tr.list-device-ignored, tr.list-device-down, tr.list-device-ignored-up, tr.list-device-disabled { 424} 425 426tr.list-device:nth-child(even) { 427 background: #ffffff; 428} 429 430tr.list-device:nth-child(odd) { 431 background: #eeeeee; 432} 433 434tr.list-device-down { 435 border: 2px solid #cc0000; 436} 437 438tr.list-device-disabled { 439 border: 2px solid #aaaaaa; 440} 441 442tr.list-device-ignored { 443 border: 2px dashed #cc0000; 444} 445 446tr.list-device-ignored-up { 447 border: 2px dashed #aaaaaa; 448} 449 450.device-head, a.list-device { 451 color: #23527c; 452} 453 454a.list-device-down, a.list-device-down, a.list-device-down:visited { 455 color: #cc0000; 456} 457 458a.list-device-ignored-up { 459 color: #006600; 460} 461 462a.list-device-disabled, a.list-device-disabled:visited { 463 color: #999999; 464} 465 466.front-page { 467 padding: 3px 10px; 468 background: #fff; 469} 470 471.front-page-bgp-normal { 472} 473 474.front-page-bgp-small { 475 font-size: 10px; 476} 477 478.front-box { 479 text-align: center; 480 margin: 1pt; 481 border: solid 1pt #C0C0C0; 482 float: left; 483 margin-right: 1pt; 484 padding: 3px; 485 width: 117px; 486 height: 85px; 487 overflow: hidden; 488 489 /* Rounded corners */ 490 -moz-border-radius: 2pt 2pt 2pt 2pt; 491 -webkit-border-radius: 2pt 2pt 2pt 2pt; 492 border-radius: 2pt 2pt 2pt 2pt; 493} 494 495.boxes { 496 vertical-align: middle; 497} 498 499.box { 500 width: 500px; 501 height: 300px; 502 padding: 0px; 503 vertical-align: middle; 504} 505 506.top10 { 507 padding: 0px; 508 margin: 0px; 509} 510 511.welcome { 512 padding-right: 25px; 513} 514 515table.simple { 516 border: 0px; 517 padding: 0px; 518 margin: 0px; 519 width: 100%; 520 text-align: left; 521} 522 523.left-2-col-fluid { 524 display: table-cell; 525 margin-right: 400px; 526/* width: 100%; */ 527/* vertical-align: top;*/ 528} 529 530.right-2-col-fixed { 531 display: table-cell; 532 width: 350px; 533 height: 300px; 534 float: right; 535/* vertical-align: top;*/ 536 537 /* Rounded Corners */ 538 -moz-border-radius: 4px; 539 -webkit-border-radius: 4px; 540 border-radius: 4px; 541 542 /* Borders */ 543 border: 1px solid #aaaaaa; 544 padding: 5px; 545} 546 547.front-syslog { 548 margin: 4px; 549 clear: both; 550 padding: 5px; 551} 552 553.front-eventlog { 554 margin: 4px; 555 clear: both; 556 padding: 5px; 557} 558 559.device-down { 560 background: #ffd7d7; 561} 562 563.port-down { 564 background: #ffdd99; 565} 566 567.device-rebooted { 568 background: #bbffbb; 569} 570 571.service-down .bgp-down { 572 background: #ffaaaa; 573} 574 575.footer-text { 576 font-size: 12px; 577 font-style: normal; 578 font-weight: bold; 579 color: #FFFFFF; 580} 581 582.header-text-3 { 583 font-size: 13px; 584 font-style: normal; 585 font-weight: bold; 586 color: #ffffff; 587} 588 589.body-1 { 590 font-size: 13px; 591 font-style: normal; 592 font-weight: normal; 593 color: #000000; 594} 595 596.body-date-1 { 597 font-size: 10px; 598 font-style: normal; 599 font-weight: normal; 600 color: #000000; 601} 602 603.copy { 604 font-size: 10px; 605 font-style: italic; 606 font-weight: normal; 607 color: #000000; 608} 609 610.body-2 { 611 font-size: 14px; 612 font-style: normal; 613 font-weight: normal; 614 color: #000000; 615} 616 617.body-field-1 { 618 font-size: 13px; 619 font-style: normal; 620 font-weight: bold; 621 color: #000000; 622} 623 624.body-head-1 { 625 font-size: 16px; 626 font-style: normal; 627 font-weight: bold; 628 color: #000000; 629} 630 631.body-head { 632 font-size: 32px; 633 font-style: normal; 634 font-weight: bold; 635 color: #000000; 636} 637 638.body-head-2, .table-head-2 { 639 font-size: 14px; 640 font-style: normal; 641 font-weight: bold; 642 color: #000000; 643} 644 645.table-head-2 { 646 background-color: #cccccc; 647} 648 649.text-more { 650 font-size: 10px; 651 font-style: normal; 652 font-weight: bold; 653 color: #cc0000; 654} 655 656.body-blue { 657 color: #0000CC; 658} 659 660.top-menu:link { 661 color: #DEEFEF; 662 text-decoration: none; 663} 664.top-menu:visited { 665 color: #DEEFEF; 666 text-decoration: none; 667} 668.top-menu:hover { 669 color: #CC0000; 670 text-decoration: none; 671} 672.top-menu:active { 673 color: #000000; 674 text-decoration: none; 675} 676 677.menu-box-dash-off { 678 border: 1px dashed #000000; 679} 680 681.copyright { 682 bottom: 0px; 683 margin: 10px auto; 684 position: relative; 685 background-color: #eeeeee; 686 text-align: center; 687 font-size: 10px; 688 font-style: italic; 689 font-weight: normal; 690 color: #000000; 691 width: 360px; 692 padding: 10px; 693} 694 695form { margin: 0px; padding: 0px; } 696hr { border: 0px; height: 1px; background-color: #ccc; color: #ccc; } 697p { margin: 0px; padding: 0px; } 698 699.vspace { margin-top: 4px; margin-bottom: 4px; } 700p.vspace { padding-top: 3px; padding-bottom: 3px; } 701.content-mat { padding: 0px; margin: auto; display:block; } 702.clearer { clear: both; display: block; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; } 703 704.borderless-table tr td { border: none } 705 706#header { width: 100%; margin: 0px 0px 0px 0px; bbackground-color: #fff; } 707#header #page-title { color: #555; font: 18pt Arial; font-weight: bold; } 708#header #page-subtitle { color: #555; font: 12pt Arial; font-weight: bold; } 709#header a { color: #eeeeee; } 710 711#main h1 { font-size: 12pt; margin: 0px; padding: 0px; } 712#main h2 { font-size: 11pt; margin: 0px; padding: 0px; } 713#main h3 { font-size: 10pt; margin: 0px; padding: 0px; } 714#main h4 { font-size: 9pt; margin: 0px; padding: 0px; } 715 716#content { margin: 0px; text-align: left; padding: 0px; } 717 718#footer { 719 text-align: center; 720 width: 100%; height: 40px; 721} 722 723#copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #DEEFEF; font-size: 8pt; } 724 725#topnav { 726 margin: 0px 0px 0px 0px; 727 padding: 0px 0px 0px 0px; 728 text-align: right; 729 font-size: 11px; font-weight: bold; 730} 731 732#topnav ul { margin: 5px 0px 0px 0px; padding: 0px; } 733#topnav ul li { list-style: none; text-indent: 0px; display: inline; padding-right: 10px;} 734#topnav a { color: #000; text-decoration: none;} 735#topnav a:hover { color: #a00;} 736 737#menubar { 738 margin: 0px 0px 0px 0px; 739 padding: 0px 0px 0px 0px; 740 border-bottom: 1px solid #a8a8a8; 741 border-top: 1px solid #a8a8a8; 742 background-color: #e8e8e8; 743 text-align: left; 744 font-size: 10px; font-weight: bold; 745} 746 747#text { width: 1100px; } 748 749#menubar ul { margin: 0px 10px; padding: 0px; } 750#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 10px; color: #666; } 751#menubar a { color: #666; } 752 753#popupmenu a { color: #aaa; } 754#popupmenu li { color: #aaa; } 755#popupmenu a:hover { color: #fff; } 756#popupmenu li:hover { background: #444; color: #eec; } 757#popupmenu li:hover ul { display: block; } 758#popupmenu ul { padding: 0px; margin: 0px; list-style: none; } 759#popupmenu ul li { padding: 0px 8px; float: left; position: relative;} 760 761#popupmenu li ul { 762 display: none; 763 position: absolute; 764 top: 10px; 765 left: 5px; 766 width: 175px; 767 margin-top: 10px; 768 border-top: 1px solid #888; 769 border-bottom: 1px solid #888; 770 padding-top: 3px; 771 padding-bottom: 4px; 772 background: #444; 773} 774 775#popupmenu li ul li { 776 display: block; 777 clear: both; 778 color: #aaa; 779} 780 781#popupmenu li ul li:hover { color: #aaa; } 782 783#toext { margin-top: 12px; margin-bottom: 12px; font-family: monospace; } 784 785.list-large { 786 font-size: 16px; 787 font-weight: bold; 788} 789 790.list-bold { 791 font-weight: bold; 792} 793 794.graphcell, .ifcell, .devicecell, .datacell { margin: 0px 0px 7px 0px; padding: 7px; border: 0px; background: #e8e8e8; float: left; } 795.ifcell { float: left; clear:right; background:none; } 796 797.datacell { clear: both; } 798.devicecell { margin: 2px auto; } 799 800.sidepane { clear: left; background:none;} 801.mainpane { float: none; clear: right; background:none; } 802 803.nofloat { clear: left; } 804 805.interface, .interface-admindown, a.interface-admindown, a.interface-admindown:visited, .interface-updown, a.interface-updown, a.interface-updown:visited, .interface-upup, a.interface-upup { 806 color: #555; 807} 808 809.interface-updown, a.interface-updown, a.interface-updown:visited { 810 color: #c11; 811} 812 813.interface-upup, a.interface-upup { 814 color: #11a; 815} 816 817a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover { 818 color: #990099; 819} 820 821.interface-admindown, a.list-device-ignored, a.interface-admindown, a.interface-admindown:visited { 822 color: #999999; 823} 824 825.sensor-low, a.sensor-low, a.sensor-low:visited { 826 color: #c11; 827} 828 829.sensor-high, a.sensor-high, a.sensor-high:visited { 830 color: #c11; 831} 832 833.sensor-ok, a.sensor-ok, a.sensor-ok:visited { 834 color: #11a; 835} 836 837a.sensor-ok:hover, a.sensor-low:hover, a.sensor-high:hover { 838 color: #990099; 839} 840 841#top { 842 height:17px; 843 padding:2px 21px 0px 21px; 844 font:normal 11px arial; 845 color: white; 846 } 847 848#top A { 849 color: #aaaaaa; 850} 851 852#container { 853 width:1200px; 854 margin:0 auto; 855} 856 857#logo { 858 padding-left:21px; 859} 860 861.infobox,.infobox-down { 862 border: 2px dashed #AAAACC; 863 background-color: #CCCCFF; 864 padding: 8px; 865 font-size: 12px; 866 margin: 8px; 867} 868 869.infobox .rrd-pre { 870 background-color: #CCCCFF; 871 font-size: 12px; 872 white-space: pre-wrap; 873} 874 875 876.infobox-down { 877 878} 879 880.errorbox { 881 border: 2px dashed #CC0000; 882 background-color: #FFCCCC; 883 padding: 5px; 884 font-size: small; 885 margin: 5px; 886} 887 888.messagebox { 889 border: thin dashed #009900; 890 background-color: #ccffaa; 891 padding: 5px; 892 font-size: small; 893 margin: 5px; 894} 895 896.left {clear:both;} 897 898/* For fancy tabs */ 899 900.shadetabs { 901 padding: 0px 5px; 902 margin-left: 0; 903 margin-top: 1px; 904 margin-bottom: 0px; 905 list-style-type: none; 906 text-align: left; /*set to left, center, or right to align the menu as desired*/ 907} 908 909.shadetabs li { 910 display: inline; 911 margin: 0; 912} 913 914.shadetabs li a { 915 text-decoration: none; 916 padding: 3px 6px; 917 margin-right: 3px; 918 border: 1px solid #aaa; 919 font-weight: bold; 920 font-size: 12px; 921 color: #5e5e5e; 922 923 /* Gradient background */ 924 background:#F4F4F4; 925 background: -moz-linear-gradient(top, #FBFBFB, #DEEFEF); 926 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#DEEFEF)); 927 928 /* Rounded Corners */ 929 -moz-border-radius: 0px 3px 3px 3px; 930 -webkit-border-radius: 3px 3px 0px 0px; 931 border-radius: 3px 3px 0px 0px; 932 933} 934 935.shadetabs li a img { 936 margin-top: -3px; 937} 938 939 940.shadetabs li a:visited { 941 color: #5e5e5e; 942} 943 944.shadetabs li a:hover { 945 text-decoration: none; 946 color: #029feb; 947 948 /* Gradient background */ 949 background:#F4F4F4; 950 background: -moz-linear-gradient(top, #FFF, #CCC); 951 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#CCC)); 952 953 954} 955 956.shadetabs li.selected { 957} 958 959.shadetabs li.selected a { /*selected main tab style */ 960 border-bottom-color: white; 961 /* Gradient background */ 962 background:#EEEEEE; 963 background: -moz-linear-gradient(top, #EEE, #FFFFFF); 964 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FFFFFF)); 965 966 /* Box Shadow */ 967 -moz-box-shadow: 0 -1px 2px #DEEFEF; 968 -webkit-box-shadow: 0 -1px 2px #DEEFEF; 969 box-shadow: 0 -1px 2px #DEEFEF; 970 971} 972 973.shadetabs li.selected a:hover { /*hovered tab style */ 974} 975 976.contentstyle { 977 border: 1px solid #aaaaaa; 978 margin-bottom: 1em; 979 padding: 10px; 980 float: left; 981 width: 100%; 982} 983 984.optionicon { 985 vertical-align:middle; 986 margin-top: -4px 987} 988 989/* Navigation Bar */ 990 991#menium { 992 list-style:none; 993 margin:0px auto 0px auto; 994 height:30px; 995 996 /* Rounded Corners */ 997 -moz-border-radius: 4px; 998 -webkit-border-radius: 4px; 999 border-radius: 4px; 1000 1001 /* Gradient background */ 1002 background: #DEEFEF; 1003 background: -moz-linear-gradient(top, #FBFBFB, #DEEFEF); 1004 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#DEEFEF)); 1005 background: -ms-linear-gradient(top, #FBFBFB, #DEEFEF); 1006 background: -webkit-linear-gradient(top, #FBFBFB, #DEEFEF); 1007 1008 /* Borders */ 1009 1010 border: 1px solid #aaaaaa; 1011 1012 -moz-box-shadow:inset 0px 0px 1px #edf9ff; 1013 -webkit-box-shadow:inset 0px 0px 1px #edf9ff; 1014 box-shadow:inset 0px 0px 1px #edf9ff; 1015} 1016 1017#menium li { 1018 min-width: 80px; 1019 float:left; 1020 text-align:center; 1021 position:relative; 1022 1023 padding-left: 10px; 1024 padding-right: 10px; 1025 padding-top: 2px; 1026 padding-bottom: 2px; 1027 1028 margin:3px 0px 5px 5px; 1029 border:none; 1030/* background:#EEEEEE;*/ 1031} 1032 1033#menium li:hover { 1034 z-index: 100; 1035 border: 1px solid #aaa; 1036 border-bottom: 1px solid #FBFBFB; 1037 1038 padding-left: 9px; 1039 padding-right: 9px; 1040 padding-top: 1px; 1041 padding-bottom: 4px; 1042 1043 margin-bottom: -1px; 1044 1045 /* Gradient background */ 1046 background: #EEF7F7; 1047 background: -moz-linear-gradient(top, #DEEFEF, #EEF7F7); 1048 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEEFEF), to(#EEF7F7)); 1049 background: -ms-linear-gradient(top, #DEEFEF, #EEF7F7); 1050 background: -webkit-linear-gradient(top, #DEEFEF, #EEF7F7); 1051 1052 /* Rounded corners */ 1053 -moz-border-radius: 3px 3px 0px 0px; 1054 -webkit-border-radius: 3px 3px 0px 0px; 1055 border-radius: 3px 3px 0px 0px; 1056} 1057 1058#menium li .greybox li:hover { 1059 background:#ffffff; 1060 border:1px solid #aaaaaa; 1061 padding:4px 6px 4px 6px; 1062 margin:0px 0px 4px 0px; 1063} 1064 1065#menium li .greybox li { 1066 background:#F4F4F4; 1067 border:1px solid #bbbbbb; 1068 margin:0px 0px 4px 0px; 1069 padding:4px 6px 4px 6px; 1070 width:116px; 1071 1072 /* Rounded Corners */ 1073 -moz-border-radius: 5px; 1074 -webkit-border-radius: 5px; 1075 border-radius: 5px; 1076} 1077 1078#menium li.menium-nodrop:hover { 1079 border-bottom: 1px solid #aaa; 1080 -moz-border-radius: 4px 4px 4px 4px; 1081 -webkit-border-radius: 4px 4px 4px 4px; 1082 border-radius: 4px 4px 4px 4px; 1083 padding-bottom: 2px; 1084} 1085 1086#menium li a { 1087 font-weight: bold; 1088 font-size:13px; 1089 color: #5e5e5e; 1090 display:block; 1091 outline:0; 1092 text-decoration:none; 1093 #text-shadow: 1px 1px 1px #000; 1094} 1095 1096#menium li:hover a { 1097 color:#029feb; 1098 #text-shadow: 1px 1px 1px #FFFFFF; 1099} 1100 1101/* Drop Down */ 1102 1103.dropdown_1column, 1104.dropdown_2columns, 1105.dropdown_3columns, 1106.dropdown_4columns, 1107.dropdown_5columns { 1108 margin:4px auto; 1109 float:left; 1110 position:absolute; 1111 left:-999em; /* Hides the drop down */ 1112 text-align:left; 1113 padding:10px 5px 10px 5px; 1114 border:1px solid #AAA; 1115 border-top:none; 1116 1117 /* Gradient background */ 1118 background:#EEF7F7; 1119/* background: -moz-linear-gradient(top, #FFF, #DEEFEF); 1120 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#DEEFEF)); 1121 background: -ms-linear-gradient(top, #FBFBFB, #DEEFEF); 1122 background: -webkit-linear-gradient(top, #FBFBFB, #DEEFEF); */ 1123 1124 /* Rounded Corners */ 1125 -moz-border-radius: 0px 4px 4px 4px; 1126 -webkit-border-radius: 0px 4px 4px 4px; 1127 border-radius: 0px 4px 4px 4px; 1128} 1129 1130.dropdown_1column {width: 140px;} 1131.dropdown_2columns {width: 280px;} 1132.dropdown_3columns {width: 420px;} 1133.dropdown_4columns {width: 560px;} 1134.dropdown_5columns {width: 700px;} 1135 1136#menium li:hover .dropdown_1column, 1137#menium li:hover .dropdown_2columns, 1138#menium li:hover .dropdown_3columns, 1139#menium li:hover .dropdown_4columns, 1140#menium li:hover .dropdown_5columns { 1141 left:-1px; 1142 top:auto; 1143} 1144 1145/* Columns */ 1146 1147.col_1, 1148.col_2, 1149.col_3, 1150.col_4, 1151.col_5 { 1152 display:inline; 1153 float: left; 1154 position: relative; 1155 margin-left: 5px; 1156 margin-right: 5px; 1157} 1158.col_1 {width:130px;} 1159.col_2 {width:270px;} 1160.col_3 {width:410px;} 1161.col_4 {width:550px;} 1162.col_5 {width:690px;} 1163 1164/* Right alignment */ 1165 1166#menium .menu_right { 1167 float:right; 1168 margin-right:0px; 1169} 1170 1171#menium li .align_right { 1172 /* Rounded Corners */ 1173 -moz-border-radius: 4px 0px 4px 4px; 1174 -webkit-border-radius: 4px 0px 4px 4px; 1175 border-radius: 4px 0px 4px 4px; 1176} 1177 1178#menium li:hover .align_right { 1179 left:auto; 1180 right:-1px; 1181 top:auto; 1182} 1183 1184/* Drop Down Content Stylings */ 1185 1186#menium p, #menium h2, #menium h3, #menium ul li { 1187 line-height:21px; 1188 font-size:12px; 1189 text-align:left; 1190 #text-shadow: 1px 1px 1px #FFFFFF; 1191} 1192 1193#menium h2 { 1194 font-size:21px; 1195 font-weight:400; 1196 letter-spacing:-1px; 1197 margin:7px 0 14px 0; 1198 padding-bottom:14px; 1199 border-bottom:1px solid #666666; 1200} 1201 1202#menium h3 { 1203 font-size:14px; 1204 margin:7px 0 14px 0; 1205 padding-bottom:7px; 1206 border-bottom:1px solid #888888; 1207} 1208 1209#menium p { 1210 line-height:18px; 1211 margin:0 0 10px 0; 1212} 1213 1214#menium li:hover div a { 1215 font-size:12px; 1216 color:#015b86; 1217} 1218 1219#menium li:hover div a:hover { 1220 color:#029feb; 1221} 1222 1223.strong { 1224 font-weight:bold; 1225} 1226 1227.italic { 1228 font-style:italic; 1229} 1230 1231.imgshadow { 1232 background:#FFFFFF; 1233 padding:4px; 1234 border:1px solid #AAA; 1235 margin-top:5px; 1236 -moz-box-shadow:0px 0px 5px #666666; 1237 -webkit-box-shadow:0px 0px 5px #666666; 1238 box-shadow:0px 0px 5px #666666; 1239} 1240 1241.img_left { /* Image sticks to the left */ 1242 width:auto; 1243 float:left; 1244 margin:5px 15px 5px 5px; 1245} 1246 1247#menium li .black_box { 1248 background-color:#333333; 1249 color: #eeeeee; 1250 #text-shadow: 1px 1px 1px #000; 1251 padding:4px 6px 4px 6px; 1252 1253 /* Rounded Corners */ 1254 -moz-border-radius: 5px; 1255 -webkit-border-radius: 5px; 1256 border-radius: 5px; 1257 1258 /* Shadow */ 1259 -webkit-box-shadow:inset 0 0 3px #000000; 1260 -moz-box-shadow:inset 0 0 3px #000000; 1261 box-shadow:inset 0 0 3px #000000; 1262} 1263#menium li ul { 1264 list-style:none; 1265 padding:0; 1266 margin:0 0 12px 0; 1267 width: 100%; 1268} 1269#menium li ul li { 1270 font-size:12px; 1271 line-height:24px; 1272 position:relative; 1273 #text-shadow: 1px 1px 1px #ffffff; 1274 padding:1px; 1275 margin:0; 1276 float:none; 1277 text-align:left; 1278 width: 100%; 1279} 1280#menium li ul li:hover { 1281 background: #F4F4F4; 1282 border:none; 1283 padding:1px; 1284 margin:0; 1285} 1286 1287 1288/* Header 1289-----------------------------------------------------------------------------*/ 1290/* gumax-header */ 1291#gumax-header { 1292 /* border: 1px solid #000; /*debuging*/ 1293 position: relative; 1294 z-index: 100; /* make logo visible over content*/ 1295 min-height: 100px; /* height of header */ 1296 height: 102px; /* need for IE */ 1297 margin: 0 auto; 1298 padding: 0; 1299} 1300 1301/* Login 1302-----------------------------------------------------------------------------*/ 1303#gumax-p-login { 1304 /* border: 1px solid #000; /*debuging*/ 1305 font-size: 90%; 1306 margin: 0; padding: 7px 0 5px 0; 1307 text-align: right; 1308} 1309 1310#gumax-p-login ul { 1311 position: relative; 1312 width: auto; 1313 list-style: none; 1314 padding: 0; margin: 0; 1315} 1316 1317#gumax-p-login ul li { 1318 position: relative; 1319 display: inline; 1320 margin: 0; padding: 0; 1321 font-size: 100%; 1322} 1323 1324#gumax-p-login ul li a { 1325 color: #777; 1326 padding: 2px 0 2px 10px; 1327 text-decoration: none; 1328} 1329 1330#gumax-p-login ul li a:hover { color: #333; } 1331 1332/* Logo 1333-----------------------------------------------------------------------------*/ 1334#p-logo, 1335#p-logo a, 1336#p-logo a:hover { 1337 /* border: 1px solid #000; /*debuging*/ 1338 width: 350px; 1339 height: 96px; 1340} 1341#p-logo { 1342 z-index: 200; position: absolute; 1343 top: 00px; left: 0px; /* logo position */ 1344 overflow: visible; 1345} 1346#p-logo h5 { display: none; } 1347#p-logo a, #p-logo a:hover { 1348 display: block; 1349 background-repeat: no-repeat; 1350 background-position: center left !important; 1351 text-decoration: none; 1352} 1353 1354 1355/* Tooltip */ 1356 1357.bubbleInfo { 1358 position: relative; 1359} 1360 1361.popup { 1362 position: absolute; 1363 display: none; /* keeps the popup hidden if no JS available */ 1364} 1365 1366.div-normal { 1367 1368} 1369.div-alert { 1370 border: 2px solid; 1371 #border-radius: 10px; 1372 border-color: #cc0000; 1373} 1374.div-ignore { 1375 1376} 1377.div-ignore-alert { 1378 1379} 1380 1381.div-disabled { 1382 1383} 1384 1385.auto-hint { 1386 color:#AAAAAA; 1387} 1388 1389 1390 1391.tabBox .tabs { 1392 overflow: hidden; 1393 padding: 0px 8px; 1394 margin-bottom: -1px; 1395 1396} 1397 1398.tabBox .tabs li { 1399 float: left; 1400 list-style: none; 1401 padding: .125em .125em 0; 1402 overflow: hidden; 1403 position: relative; 1404 z-index: 1; 1405 border-bottom: 1px solid #FFF; 1406} 1407 1408.tabBox .tabs li.selected { 1409 z-index: 3; 1410} 1411 1412.tabBox .tabs a { 1413 float: left; 1414 height: 1.7em; 1415 line-height: 1.7em; 1416 font-weight: bold; 1417 -webkit-border-radius: 4px 4px 0 0; 1418 -moz-border-radius: 4px 4px 0 0; 1419 border-radius: 4px 4px 0 0; 1420 background: #EEE; 1421 border: 1px solid #CCC; 1422 border-bottom: 0; 1423 padding: 0 8px; 1424 color: #666; 1425 text-decoration: none; 1426 behavior: url(/css/PIE.htc); 1427} 1428 1429.tabBox .tabs img { 1430 margin-top: -4px; 1431} 1432 1433 1434.tabBox .tabs .selected a { 1435 background: #FFF; 1436 -webkit-box-shadow: #CCC 0 0 .25em; 1437 -moz-box-shadow: #CCC 0 0 .25em; 1438 box-shadow: #CCC 0 0 .25em; 1439} 1440 1441.tabBox .tabs a:hover { 1442 background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF)); 1443 background: -webkit-linear-gradient(#EEF, #FFF 70%); 1444 background: -moz-linear-gradient(#EEF, #FFF 70%); 1445 background: -ms-linear-gradient(#EEF, #FFF 70%); 1446 background: -o-linear-gradient(#EEF, #FFF 70%); 1447 background: linear-gradient(#EEF, #FFF 70%); 1448 -pie-background: linear-gradient(#EEF, #FFF 70%); 1449} 1450 1451.tabBox .tabcontent { 1452 margin-top: -2px; 1453 min-height: 600px; 1454 clear: left; 1455 position: relative; 1456 z-index: 2; 1457 padding: 10px; 1458 border: 1px solid #CCC; 1459 background: #FFF; 1460 -webkit-border-radius: 3px; 1461 -moz-border-radius: 3px; 1462 border-radius: 3px; 1463 -webkit-box-shadow: #CCC 0 0 .25em; 1464 -moz-box-shadow: #CCC 0 0 .25em; 1465 box-shadow: #CCC 0 0 .25em; 1466 behavior: url(/css/PIE.htc); 1467} 1468 1469.devicetable { 1470 border-collapse: collapse; 1471} 1472 1473tr.iftype:nth-child(odd) { 1474 background: #e0e5e5; 1475} 1476 1477tr.iftype:nth-child(even) { 1478 background: #ffffff; 1479} 1480 1481tr.health:nth-child(odd) { 1482 background: #ffffff; 1483} 1484 1485tr.ports:nth-child(even) { 1486 background: #ffffff; 1487} 1488 1489tr.bgp:nth-child(even) { 1490 background: #ffffff; 1491} 1492 1493tr.locations:nth-child(even) { 1494 background: #e0e5e5; 1495} 1496 1497tr.locations:nth-child(odd) { 1498 background: #ffffff; 1499} 1500 1501tr.inventory:nth-child(even) { 1502 background: #e0e5e5; 1503} 1504 1505tr.inventory:nth-child(odd) { 1506 background: #ffffff; 1507} 1508 1509tr.list:nth-child(odd) { 1510 background: #e0e5e5; 1511} 1512 1513tr.list:nth-child(even) { 1514 background: #ffffff; 1515} 1516 1517tr.eventlog:nth-child(even) { 1518 background: #e0e5e5; 1519} 1520 1521tr.eventlog:nth-child(odd) { 1522 background: #ffffff; 1523} 1524 1525tr.syslog:nth-child(even) { 1526 background: #e0e5e5; 1527} 1528 1529tr.syslog:nth-child(odd) { 1530 background: #ffffff; 1531} 1532 1533tr.search:nth-child(even) { 1534 background: #e0e5e5; 1535} 1536 1537tr.search:nth-child(odd) { 1538 background: #ffffff; 1539} 1540 1541.paddedcell { 1542 padding: 7px; 1543} 1544 1545.overlib { 1546 width: 590px; 1547} 1548 1549.overlib-text { 1550 font-weight: bold; 1551 font-size: 16px; 1552} 1553 1554.overlib-box { 1555 width: 708px; 1556} 1557 1558.overlib-title { 1559 margin-left: 5px; 1560 font-size: 12px; 1561 font-weight: bold; 1562} 1563 1564.overlib-contents { 1565 background-color: #fff; 1566} 1567 1568.minigraph-image { 1569 margin: 2px; 1570} 1571 1572.minigraph-div { 1573 display: block; 1574 padding: 3px; 1575 margin: 3px; 1576 min-width: 183px; 1577 max-width: 183px; 1578 min-height: 90px; 1579 max-height: 90px; 1580 text-align: center; 1581 float: left; 1582 background-color: #e9e9e9; 1583 border: solid 1px; 1584 border-color: #e9e9e9; 1585} 1586 1587.example-sports .league-name { 1588 margin: 0 20px 5px 20px; 1589 padding: 3px 0; 1590 border-bottom: 1px solid #ccc; 1591} 1592 1593.demo { 1594 position: relative; 1595 *z-index: 1; 1596 margin: 50px 0; 1597} 1598 1599.dropdown-submenu{position:relative;} 1600.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} 1601.dropdown-submenu:hover>.dropdown-menu{display:block;} 1602.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} 1603.dropdown-submenu:hover>a:after{border-left-color:#ffffff;} 1604.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} 1605 1606 1607.scrollable-menu { 1608 height: auto; 1609 max-height: 600px; 1610 overflow-x: hidden; 1611} 1612 1613 1614.ui-autocomplete { 1615 max-height: 100px; 1616 overflow-y: auto; 1617 overflow-x: hidden; 1618} 1619 1620/* IE 6 doesn't support max-height 1621* we use height instead, but this forces the menu to always be this tall 1622*/ 1623* html .ui-autocomplete { 1624 height: 100px; 1625} 1626 1627.glyphicon-large { 1628 font-size: 2.5em; 1629} 1630 1631.navbar-debug { 1632 min-height: 25px; 1633} 1634 1635.navbar-brand { 1636 padding: 8px 15px 8px 15px !important; 1637 line-height: 32px; 1638} 1639 1640@media (min-width: 992px) and (max-width: 1280px) { 1641 .navbar-brand { 1642 display: none !important; 1643 } 1644} 1645 1646.navbar-brand img { 1647 height: 100%; 1648 max-width: 170px; 1649} 1650 1651#visualization { 1652 width: 100%; 1653 min-height: 600px; 1654} 1655 1656.threeqtr-width { 1657 display:block; 1658 min-width: 75%; 1659} 1660 1661.tt-menu { 1662 position: absolute; 1663 top: 95%; 1664 left: 2.5%; 1665 z-index: 100; 1666 display: none; 1667 min-width: 400px; 1668 margin-bottom: 20px; 1669 overflow: hidden; 1670 background-color: #fff; 1671 -webkit-border-radius: 8px; 1672 -moz-border-radius: 8px; 1673 border-radius: 8px; 1674 box-shadow: 0px 0px 0px 1px green; 1675 -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); 1676 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); 1677 box-shadow: 0 5px 10px rgba(0,0,0,.2); 1678} 1679 1680.tt-open { 1681 position: absolute; 1682 top: 95%; 1683 left: 2.5%; 1684 z-index: 100; 1685 display: none; 1686 min-width: 400px; 1687 left: -400px !important; 1688 margin-bottom: 20px; 1689 overflow: hidden; 1690 padding: 8px; 1691 background-color: #fff; 1692 -webkit-border-radius: 8px; 1693 -moz-border-radius: 8px; 1694 border-radius: 8px; 1695 box-shadow: 0px 0px 0px 1px green; 1696 -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); 1697 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); 1698 box-shadow: 0 5px 10px rgba(0,0,0,.2); 1699} 1700 1701.typeahead-left { 1702 left: 0px !important; 1703} 1704 1705.tt-selectable { 1706 cursor: pointer; 1707} 1708 1709.tt-suggestion:hover a { 1710 color: #ffffff !important; 1711} 1712 1713.tt-suggestion:hover { 1714 background-color: #0097CF; 1715 color: #FFFFFF; 1716} 1717 1718.tt-suggestion img { 1719 width: 32px; 1720} 1721 1722.gridster * { 1723 margin:0; 1724} 1725 1726.grid ul { 1727 list-style-type: none; 1728} 1729 1730.gridster li { 1731 font-size: 1em; 1732 line-height: 100%; 1733} 1734 1735 1736.gridster { 1737 margin: 0 auto; 1738 1739 opacity: .8; 1740 1741 -webkit-transition: opacity .6s; 1742 -moz-transition: opacity .6s; 1743 -o-transition: opacity .6s; 1744 -ms-transition: opacity .6s; 1745 transition: opacity .6s; 1746} 1747 1748.gridster .gs-w { 1749 background: #ffffff; 1750 box-shadow: inset 0 0 2px #000; 1751 color: #000000; 1752 cursor: pointer; 1753 -webkit-border-radius: 4px; 1754 -moz-border-radius: 4px; 1755 border-radius: 4px; 1756 1757} 1758 1759.gridster .player { 1760 background: #BBB; 1761} 1762 1763 1764.gridster .preview-holder { 1765 border: none!important; 1766 background: red!important; 1767} 1768 1769.widget_header { 1770 padding: 0.8em; 1771 background-color: #000000; 1772 color: #ffffff; 1773 text-align: center; 1774 -webkit-border-top-left-radius: 4px; 1775 -moz-border-top-right-radius: 4px; 1776 border-top-left-radius: 4px; 1777 border-top-right-radius: 4px; 1778} 1779 1780.mapTooltip { 1781 position : fixed; 1782 background-color : #B2B3B1; 1783 moz-opacity:0.90; 1784 opacity: 0.90; 1785 filter:alpha(opacity=90); 1786 border-radius:10px; 1787 padding : 10px; 1788 z-index: 1000; 1789 max-width: 200px; 1790 display:none; 1791 color:#000000; 1792} 1793 1794.zoomIn, .zoomOut { 1795 background-color:#fff; 1796 border:1px solid #ccc; 1797 color:#000; 1798 width:15px; 1799 height:15px; 1800 line-height: 15px; 1801 text-align:center; 1802 border-radius:3px; 1803 cursor:pointer; 1804 position:absolute; 1805 top : 10px; 1806 font-weight:bold; 1807 left : 10px; 1808 -webkit-user-select: none; // For Webkit 1809 -khtml-user-select: none; 1810 -moz-user-select: none; // For Mozilla 1811 -o-user-select: none; 1812 user-select: none; // Default 1813} 1814 1815.zoomOut { 1816 top:30px; 1817} 1818 1819#leaflet-map { 1820 height: 600px; 1821} 1822 1823.edit-storage-input, 1824.edit-processor-input, 1825.edit-mempool-input { 1826 width: 100px; 1827} 1828 1829label { 1830 font-weight: normal; 1831} 1832 1833.badge-navbar-user { 1834 border-radius: 40%; 1835 font-size: 65%; 1836 padding: 4px; 1837 position: relative; 1838 top: -10px; 1839 left: -11px; 1840 margin-right: -14px; 1841} 1842.badge-default { 1843 background-color: #777; 1844} 1845.badge-default[href]:hover, 1846.badge-default[href]:focus { 1847 background-color: #5e5e5e; 1848} 1849.badge-primary { 1850 background-color: #337ab7; 1851} 1852.badge-primary[href]:hover, 1853.badge-primary[href]:focus { 1854 background-color: #286090; 1855} 1856.badge-success { 1857 background-color: #5cb85c; 1858} 1859.badge-success[href]:hover, 1860.badge-success[href]:focus { 1861 background-color: #449d44; 1862} 1863.badge-info { 1864 background-color: #5bc0de; 1865} 1866.badge-info[href]:hover, 1867.badge-info[href]:focus { 1868 background-color: #31b0d5; 1869} 1870.badge-warning { 1871 background-color: #f0ad4e; 1872} 1873.badge-warning[href]:hover, 1874.badge-warning[href]:focus { 1875 background-color: #ec971f; 1876} 1877.badge-danger { 1878 background-color: #d9534f; 1879} 1880.badge-danger[href]:hover, 1881.badge-danger[href]:focus { 1882 background-color: #c9302c; 1883} 1884 1885@media only screen and (max-width: 480px) { 1886 .thumbnail_graph_table b { font-size : 6px;} 1887 .thumbnail_graph_table img { 1888 max-width: 45px; 1889 max-height: 50px; 1890 } 1891} 1892 1893@media only screen and (max-width: 768px) and (min-width: 481px) { 1894 .thumbnail_graph_table b { font-size : 8px;} 1895 .thumbnail_graph_table img { 1896 max-width: 60px; 1897 max-height: 55px; 1898 } 1899} 1900 1901 1902@media only screen and (max-width: 800px) and (min-width: 721px) { 1903 .thumbnail_graph_table b { font-size : 8px;} 1904 .thumbnail_graph_table img { 1905 max-width: 75px; 1906 max-height: 60px; 1907 } 1908} 1909 1910@media only screen and (max-width: 1024px) and (min-width: 801px) { 1911 .thumbnail_graph_table b { font-size : 9px;} 1912 .thumbnail_graph_table img { 1913 max-width: 105px; 1914 max-height: 70px; 1915 } 1916} 1917 1918@media only screen and (min-width: 1024px) { 1919} 1920 1921.redCluster { 1922 background-color: rgba(255,0,0, 0); 1923 background-color: rgba(255,0,0,0.7); 1924 text-align: center; 1925 width: 25px !important; 1926 height: 25px !important; 1927 font-size: 14px; 1928 color: white; 1929} 1930 1931.blueCluster { 1932 background-color: rgba(23,162,184, 0); 1933 background-color: rgba(23,162,184,0.7); 1934 text-align: center; 1935 width: 25px !important; 1936 height: 25px !important; 1937 font-size: 14px; 1938 color: white; 1939} 1940 1941.greenCluster { 1942 background-color: rgba(0,255,0, 0); 1943 background-color: rgba(110, 204, 57, 0.6); 1944 text-align: center; 1945 width: 25px !important; 1946 height: 25px !important; 1947 font-size: 14px; 1948 color: black; 1949 border-color:transparent; 1950} 1951 1952#overDiv { 1953 z-index: 1200 !important; 1954 border: solid 1px #ccc; 1955 background-color: white; 1956 padding: 5px; 1957 border-radius: 4px; 1958 box-shadow: 0 5px 15px rgba(0,0,0,.5); 1959} 1960 1961.edit-widget, .close-widget { cursor: pointer; } 1962.widget_body { 1963 padding: 0.8em; 1964 overflow-y: auto; 1965 overflow-x: hidden; 1966 width: 100%; 1967 height: calc(100% - 38px); 1968 cursor: auto; 1969 text-align: center; 1970} 1971 1972.device-availability, .service-availability { 1973 color:#000000; 1974 float:left; 1975 height:64px; 1976 margin:10px; 1977 padding:8px; 1978 border-radius:5px; 1979 text-align:center; 1980 white-space: nowrap; 1981} 1982 1983.device-availability.up, .service-availability.up { 1984 border:1px solid #5CB85C; 1985} 1986 1987.device-availability.down, .service-availability.down { 1988 border:1px solid #D9534F; 1989} 1990 1991.device-availability.warn, .service-availability.warn { 1992 border:1px solid #FFB733; 1993} 1994 1995.device-availability.ignored, .service-availability.ignored { 1996 border:1px solid #36393D; 1997} 1998 1999.device-availability.disabled, .service-availability.disabled { 2000 border:1px solid #000000; 2001} 2002 2003.availability-label { 2004 border-radius: 0 .25em 0 .25em; 2005 float:right; 2006 margin:-8px; 2007} 2008 2009.service-name-label { 2010 float:left; 2011 margin:-8px; 2012} 2013 2014.report-up { 2015 color:#5CB85C; 2016} 2017 2018.report-warning { 2019 color:#FFB733; 2020} 2021 2022.report-down { 2023 color:#D9534F; 2024} 2025 2026.page-availability-title-left { 2027 width:40%; 2028 float:left; 2029 height:40px; 2030} 2031 2032.page-availability-title-right { 2033 width:60%; 2034 float:left; 2035 text-align:right; 2036} 2037 2038.page-availability-title { 2039 font-size:18px; 2040 font-weight: bold; 2041} 2042 2043.page-availability-report-select { 2044 font-size:16px; 2045 border:none; 2046 font-weight:bold; 2047 padding-right:10px; 2048 margin-left:10px; 2049} 2050 2051.page-availability-report-host { 2052 float:right; 2053 text-align:right; 2054 padding-left:10px; 2055} 2056 2057.widget-availability { 2058 float:left; 2059 margin:2px; 2060} 2061 2062.widget-availability-fixed { 2063 min-width: 2.4em; 2064 min-height: 1.3em; 2065 max-height: 1.6em; 2066} 2067 2068.widget-availability-host { 2069 float:left; 2070 margin-bottom: 10px; 2071} 2072 2073.widget-availability-host a:hover { 2074 text-decoration: none; 2075} 2076 2077.widget-availability-service { 2078 float:right; 2079 margin-bottom: 10px; 2080} 2081 2082.label-font-border { 2083 text-shadow: 1px 1px 1px rgba(0,0,0,0.7); 2084 font-size: 10px; 2085} 2086 2087.label-font-border.label-border { 2088 margin:0px 2px 0px 2px; 2089} 2090 2091.availability-map-oldview-box-up { 2092 height:12px; 2093 width:12px; 2094 float:left; 2095 background-color: #5CB85C; 2096} 2097 2098.availability-map-oldview-box-warn { 2099 height:12px; 2100 width:12px; 2101 float:left; 2102 background-color: #F0AD4E; 2103} 2104 2105.availability-map-oldview-box-down { 2106 height:12px; 2107 width:12px; 2108 float:left; 2109 background-color: #D9534F; 2110} 2111 2112.availability-map-widget-header { 2113 line-height:34px; 2114} 2115 2116.dashboard-widget-settings label { 2117 line-height:34px; 2118} 2119 2120.dashboard-graph, .dashboard-graph img { 2121 height: 100%; 2122 width: 100%; 2123} 2124 2125.dashboard-image { 2126 padding: 2px; 2127 height: 100%; 2128 width: auto; 2129} 2130 2131.nav > li > a { 2132 padding-left: 10px; 2133 padding-right: 5px; 2134} 2135 2136/* devices layout modifications */ 2137.devices-font-bold { 2138 font-weight: bold; 2139} 2140 2141.devices-float-right { 2142 float: right; 2143} 2144 2145.devices-graphs-select { 2146 margin-right: 5px; 2147} 2148 2149.devices-search-header { 2150 margin: 0 5px; 2151} 2152 2153.devices-status-box-detail { 2154 line-height: 16px; 2155 margin-left: 5px; 2156 font-size: 14px; 2157 width: 80px; 2158 display: block; 2159 height: 24px; 2160 text-align: center; 2161 vertical-align: middle; 2162 margin-top: 8px; 2163} 2164 2165.devices-status-box-basic { 2166 margin-left: 5px; 2167 width: 70px; 2168 display: block; 2169 text-align: center; 2170} 2171 2172.devices-headers-table-menu > .actions { 2173 float: right; 2174 margin-bottom: 5px; 2175} 2176 2177.devices-overlib-box { 2178 display: block; 2179 padding: 1px; 2180 margin: 2px; 2181 min-height: 170px; 2182 max-height: 170px; 2183 text-align: center; 2184 float: left; 2185 background-color: #f5f5f5; 2186} 2187 2188.device-table-metrics span { 2189 display: inline-block; 2190 white-space: nowrap; 2191} 2192 2193.device-table-metrics>a { 2194 color:#000; 2195 text-decoration:none; 2196} 2197 2198.device-table-header-actions { 2199 min-width: 110px; 2200 text-align: center; 2201} 2202 2203.device-table-icon { 2204 padding-left:7px; 2205 display: inline-block; 2206 width: 64px; 2207 height: 32px; 2208 line-height: 32px; 2209} 2210 2211.device-table-icon img { 2212 width: 32px; 2213 max-height: 32px; 2214} 2215 2216.device-icon img { 2217 max-height: 32px; 2218 max-width: 40px; 2219} 2220 2221.device-icon { 2222 display: inline-block; 2223 height: 32px; 2224 width: 40px; 2225} 2226 2227.device-icon-header { 2228 height: 52px; 2229 max-width: 250px; 2230 margin-right: 15px; 2231} 2232 2233.alert-status { 2234 display: inline-block; 2235 width: 7px; 2236 min-height: 27px; 2237 height: 32px; 2238} 2239 2240.alert-status-small { 2241 display: inline-block; 2242 width: 7px; 2243 min-height: 16px; 2244 height: 20px 2245} 2246 2247.device-services-page { 2248 font-weight: bold; 2249 margin-left: 20px; 2250 vertical-align: middle; 2251} 2252 2253.device-services-page-no-service { 2254 font-weight: bold; 2255 vertical-align: middle; 2256 padding: 15px; 2257} 2258 2259.validation:invalid { 2260 border-color: red; 2261} 2262 2263.eventlog-status { 2264 display: inline-block; 2265 margin-right: 8px; 2266 float: left; 2267} 2268 2269/* Workaround for https://github.com/select2/select2/issues/291 */ 2270.select2-selection--multiple .select2-search--inline .select2-search__field { 2271 width: auto !important; 2272} 2273 2274.toast-top-right { 2275 top: 34px; 2276} 2277 2278.tooltip { 2279 display: block !important; 2280 z-index: 10000; 2281} 2282 2283.tooltip .tooltip-inner { 2284 background: black; 2285 color: white; 2286 border-radius: 16px; 2287 padding: 5px 10px 4px; 2288} 2289 2290.tooltip .tooltip-arrow { 2291 width: 0; 2292 height: 0; 2293 border-style: solid; 2294 position: absolute; 2295 margin: 5px; 2296 border-color: black; 2297 z-index: 1; 2298} 2299 2300.tooltip[x-placement^="top"] { 2301 margin-bottom: 5px; 2302} 2303 2304.tooltip[x-placement^="top"] .tooltip-arrow { 2305 border-width: 5px 5px 0 5px; 2306 border-left-color: transparent !important; 2307 border-right-color: transparent !important; 2308 border-bottom-color: transparent !important; 2309 bottom: -5px; 2310 left: calc(50% - 5px); 2311 margin-top: 0; 2312 margin-bottom: 0; 2313} 2314 2315.tooltip[x-placement^="bottom"] { 2316 margin-top: 5px; 2317} 2318 2319.tooltip[x-placement^="bottom"] .tooltip-arrow { 2320 border-width: 0 5px 5px 5px; 2321 border-left-color: transparent !important; 2322 border-right-color: transparent !important; 2323 border-top-color: transparent !important; 2324 top: -5px; 2325 left: calc(50% - 5px); 2326 margin-top: 0; 2327 margin-bottom: 0; 2328} 2329 2330.tooltip[x-placement^="right"] { 2331 margin-left: 5px; 2332} 2333 2334.tooltip[x-placement^="right"] .tooltip-arrow { 2335 border-width: 5px 5px 5px 0; 2336 border-left-color: transparent !important; 2337 border-top-color: transparent !important; 2338 border-bottom-color: transparent !important; 2339 left: -5px; 2340 top: calc(50% - 5px); 2341 margin-left: 0; 2342 margin-right: 0; 2343} 2344 2345.tooltip[x-placement^="left"] { 2346 margin-right: 5px; 2347} 2348 2349.tooltip[x-placement^="left"] .tooltip-arrow { 2350 border-width: 5px 0 5px 5px; 2351 border-top-color: transparent !important; 2352 border-right-color: transparent !important; 2353 border-bottom-color: transparent !important; 2354 right: -5px; 2355 top: calc(50% - 5px); 2356 margin-left: 0; 2357 margin-right: 0; 2358} 2359 2360.tooltip.popover .popover-inner { 2361 background: #f9f9f9; 2362 color: black; 2363 padding: 24px; 2364 border-radius: 5px; 2365 box-shadow: 0 5px 30px rgba(0, 0, 0, .1); 2366} 2367 2368.tooltip.popover .popover-arrow { 2369 border-color: #f9f9f9; 2370} 2371 2372.tooltip[aria-hidden='true'] { 2373 visibility: hidden; 2374 opacity: 0; 2375 transition: opacity .15s, visibility .15s; 2376} 2377 2378.tooltip[aria-hidden='false'] { 2379 visibility: visible; 2380 opacity: 1; 2381 transition: opacity .15s; 2382} 2383 2384#manage-device-groups-table > thead > tr > th:last-child { 2385 min-width: 7%; 2386} 2387 2388.logon-message { 2389 white-space: pre-wrap; 2390} 2391 2392.expandable { 2393 white-space: nowrap; 2394 overflow: hidden; 2395 text-overflow: ellipsis; 2396} 2397.expandable:hover { 2398 overflow: visible; 2399} 2400.expandable:hover span { 2401 position: relative; 2402 background-color: white; 2403 padding: 2px 3px 2px 0; 2404 z-index: 5; 2405} 2406