| /* navbar */ |
| .navbar-inverse { |
| background-color: #0071c5; |
| border-color: #E7E7E7; |
| } |
| .navbar-inverse .navbar-brand { |
| color: #f3f3f3; |
| } |
| .navbar-inverse .navbar-brand:hover, |
| .navbar-inverse .navbar-brand:focus { |
| color: #fff; |
| background-color: transparent; |
| } |
| |
| /* Make the brand icon look right */ |
| .navbar-brand { |
| padding: 0px 0px; |
| } |
| |
| .navbar-inverse .navbar-text { |
| color: #f3f3f3; |
| } |
| .navbar-inverse .navbar-nav > li > a { |
| color: #f3f3f3; |
| } |
| .navbar-inverse .navbar-nav > li > a:hover, |
| .navbar-inverse .navbar-nav > li > a:focus { |
| color: #fff; |
| background-color: transparent; |
| } |
| .navbar-inverse .navbar-nav > .active > a, |
| .navbar-inverse .navbar-nav > .active > a:hover, |
| .navbar-inverse .navbar-nav > .active > a:focus { |
| color: #fff; |
| background-color: #080808; |
| } |
| .navbar-inverse .navbar-nav > .disabled > a, |
| .navbar-inverse .navbar-nav > .disabled > a:hover, |
| .navbar-inverse .navbar-nav > .disabled > a:focus { |
| color: #444; |
| background-color: transparent; |
| } |
| .navbar-inverse .navbar-toggle { |
| border-color: #333; |
| } |
| .navbar-inverse .navbar-toggle:hover, |
| .navbar-inverse .navbar-toggle:focus { |
| background-color: #333; |
| } |
| .navbar-inverse .navbar-toggle .icon-bar { |
| background-color: #fff; |
| } |
| .navbar-inverse .navbar-collapse, |
| .navbar-inverse .navbar-form { |
| border-color: #0071c5; |
| } |
| .navbar-inverse .navbar-nav > .open > a, |
| .navbar-inverse .navbar-nav > .open > a:hover, |
| .navbar-inverse .navbar-nav > .open > a:focus { |
| color: #fff; |
| background-color: #0071c5; |
| } |
| @media (max-width: 767px) { |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { |
| border-color: #0071c5; |
| } |
| .navbar-inverse .navbar-nav .open .dropdown-menu .divider { |
| background-color: #0071c5; |
| } |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { |
| color: #f3f3f3; |
| } |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { |
| color: #fff; |
| background-color: transparent; |
| } |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { |
| color: #fff; |
| background-color: #0071c5; |
| } |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
| color: #444; |
| background-color: transparent; |
| } |
| } |
| .navbar-inverse .navbar-link { |
| color: #f3f3f3; |
| } |
| .navbar-inverse .navbar-link:hover { |
| color: #fff; |
| } |
| .navbar-inverse .btn-link { |
| color: #f3f3f3; |
| } |
| .navbar-inverse .btn-link:hover, |
| .navbar-inverse .btn-link:focus { |
| color: #fff; |
| } |
| .navbar-inverse .btn-link[disabled]:hover, |
| fieldset[disabled] .navbar-inverse .btn-link:hover, |
| .navbar-inverse .btn-link[disabled]:focus, |
| fieldset[disabled] .navbar-inverse .btn-link:focus { |
| color: #444; |
| } |
| |
| /* Collapse the navbar at 900 pixels*/ |
| @media (max-width: 900px) { |
| .navbar-header { |
| float: none; |
| } |
| .navbar-left,.navbar-right { |
| float: none !important; |
| } |
| .navbar-toggle { |
| display: block; |
| } |
| .navbar-collapse { |
| border-top: 1px solid transparent; |
| box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); |
| } |
| .navbar-fixed-top { |
| top: 0; |
| border-width: 0 0 1px; |
| } |
| .navbar-collapse.collapse { |
| display: none!important; |
| } |
| .navbar-nav { |
| float: none!important; |
| margin-top: 7.5px; |
| } |
| .navbar-nav>li { |
| float: none; |
| } |
| .navbar-nav>li>a { |
| padding-top: 10px; |
| padding-bottom: 10px; |
| } |
| .collapse.in{ |
| display:block !important; |
| } |
| } |
| |
| |
| .system-status-table > tbody > tr > td, |
| .system-status-table > thead > tr > th{ |
| text-align: left; |
| } |
| |
| /*Push the first column right*/ |
| .system-status-table{ |
| font-size: small; |
| } |
| |
| |
| .col-fixed-450{ |
| width:450px; |
| position:fixed; |
| height:100%; |
| } |
| |
| |
| |
| /* JSON pretty print for the Rest API*/ |
| /* source https://rawgit.com/google/code-prettify/master/styles/index.html*/ |
| /* Pretty printing styles. Used with prettify.js. */ |
| /* Vim sunburst theme by David Leibovic */ |
| |
| pre .str, code .str { color: #65B042; } /* string - green */ |
| pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */ |
| pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */ |
| pre .typ, code .typ { color: #89bdff; } /* type - light blue */ |
| pre .lit, code .lit { color: #3387CC; } /* literal - blue */ |
| pre .pun, code .pun { color: #fff; } /* punctuation - white */ |
| pre .pln, code .pln { color: #fff; } /* plaintext - white */ |
| pre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */ |
| pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */ |
| pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */ |
| pre .dec, code .dec { color: #3387CC; } /* decimal - blue */ |
| |
| pre.prettyprint, code.prettyprint { |
| background-color: #000; |
| border-radius: 8px; |
| } |
| |
| pre.prettyprint { |
| width: 95%; |
| margin: 1em auto; |
| padding: 1em; |
| white-space: pre-wrap; |
| } |
| |
| |
| .table td.fit, |
| .table th.fit { |
| white-space: nowrap; |
| width: 1%; |
| } |
| |
| |
| /* Specify class=linenums on a pre to get line numbering */ |
| ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */ |
| li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none } |
| /* Alternate shading for lines */ |
| li.L1,li.L3,li.L5,li.L7,li.L9 { } |
| |
| @media print { |
| pre .str, code .str { color: #060; } |
| pre .kwd, code .kwd { color: #006; font-weight: bold; } |
| pre .com, code .com { color: #600; font-style: italic; } |
| pre .typ, code .typ { color: #404; font-weight: bold; } |
| pre .lit, code .lit { color: #044; } |
| pre .pun, code .pun { color: #440; } |
| pre .pln, code .pln { color: #000; } |
| pre .tag, code .tag { color: #006; font-weight: bold; } |
| pre .atn, code .atn { color: #404; } |
| pre .atv, code .atv { color: #060; } |
| } |
| /* |
| * Component: Box |
| * -------------- |
| */ |
| .box { |
| position: relative; |
| border-radius: 3px; |
| background: #ffffff; |
| border-top: 3px solid #d2d6de; |
| margin-bottom: 20px; |
| width: 100%; |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
| } |
| .box.box-primary { |
| border-top-color: #0071c5; |
| } |
| .box.box-info { |
| border-top-color: #00c0ef; |
| } |
| .box.box-danger { |
| border-top-color: #dd4b39; |
| } |
| .box.box-warning { |
| border-top-color: #f39c12; |
| } |
| .box.box-success { |
| border-top-color: #00a65a; |
| } |
| .box.box-default { |
| border-top-color: #d2d6de; |
| } |
| .box.collapsed-box .box-body, |
| .box.collapsed-box .box-footer { |
| display: none; |
| } |
| .box .nav-stacked > li { |
| border-bottom: 1px solid #f4f4f4; |
| margin: 0; |
| } |
| .box .nav-stacked > li:last-of-type { |
| border-bottom: none; |
| } |
| .box.height-control .box-body { |
| max-height: 300px; |
| overflow: auto; |
| } |
| .box .border-right { |
| border-right: 1px solid #f4f4f4; |
| } |
| .box .border-left { |
| border-left: 1px solid #f4f4f4; |
| } |
| .box.box-solid { |
| border-top: 0; |
| } |
| .box.box-solid > .box-header .btn.btn-default { |
| background: transparent; |
| } |
| .box.box-solid > .box-header .btn:hover, |
| .box.box-solid > .box-header a:hover { |
| background: rgba(0, 0, 0, 0.1); |
| } |
| .box.box-solid.box-default { |
| border: 1px solid #d2d6de; |
| } |
| .box.box-solid.box-default > .box-header { |
| color: #444444; |
| background: #d2d6de; |
| background-color: #d2d6de; |
| } |
| .box.box-solid.box-default > .box-header a, |
| .box.box-solid.box-default > .box-header .btn { |
| color: #444444; |
| } |
| .box.box-solid.box-primary { |
| border: 1px solid #0071c5; |
| } |
| .box.box-solid.box-primary > .box-header { |
| color: #ffffff; |
| background: #0071c5; |
| background-color: #0071c5; |
| } |
| .box.box-solid.box-primary > .box-header a, |
| .box.box-solid.box-primary > .box-header .btn { |
| color: #ffffff; |
| } |
| .box.box-solid.box-info { |
| border: 1px solid #00c0ef; |
| } |
| .box.box-solid.box-info > .box-header { |
| color: #ffffff; |
| background: #00c0ef; |
| background-color: #00c0ef; |
| } |
| .box.box-solid.box-info > .box-header a, |
| .box.box-solid.box-info > .box-header .btn { |
| color: #ffffff; |
| } |
| .box.box-solid.box-danger { |
| border: 1px solid #dd4b39; |
| } |
| .box.box-solid.box-danger > .box-header { |
| color: #ffffff; |
| background: #dd4b39; |
| background-color: #dd4b39; |
| } |
| .box.box-solid.box-danger > .box-header a, |
| .box.box-solid.box-danger > .box-header .btn { |
| color: #ffffff; |
| } |
| .box.box-solid.box-warning { |
| border: 1px solid #f39c12; |
| } |
| .box.box-solid.box-warning > .box-header { |
| color: #ffffff; |
| background: #f39c12; |
| background-color: #f39c12; |
| } |
| .box.box-solid.box-warning > .box-header a, |
| .box.box-solid.box-warning > .box-header .btn { |
| color: #ffffff; |
| } |
| .box.box-solid.box-success { |
| border: 1px solid #00a65a; |
| } |
| .box.box-solid.box-success > .box-header { |
| color: #ffffff; |
| background: #00a65a; |
| background-color: #00a65a; |
| } |
| .box.box-solid.box-success > .box-header a, |
| .box.box-solid.box-success > .box-header .btn { |
| color: #ffffff; |
| } |
| .box.box-solid > .box-header > .box-tools .btn { |
| border: 0; |
| box-shadow: none; |
| } |
| .box.box-solid[class*='bg'] > .box-header { |
| color: #fff; |
| } |
| .box .box-group > .box { |
| margin-bottom: 5px; |
| } |
| .box .knob-label { |
| text-align: center; |
| color: #333; |
| font-weight: 100; |
| font-size: 12px; |
| margin-bottom: 0.3em; |
| } |
| .box > .overlay, |
| .overlay-wrapper > .overlay, |
| .box > .loading-img, |
| .overlay-wrapper > .loading-img { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| } |
| .box .overlay, |
| .overlay-wrapper .overlay { |
| z-index: 50; |
| background: rgba(255, 255, 255, 0.7); |
| border-radius: 3px; |
| } |
| .box .overlay > .fa, |
| .overlay-wrapper .overlay > .fa { |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| margin-left: -15px; |
| margin-top: -15px; |
| color: #000; |
| font-size: 30px; |
| } |
| .box .overlay.dark, |
| .overlay-wrapper .overlay.dark { |
| background: rgba(0, 0, 0, 0.5); |
| } |
| .box-header:before, |
| .box-body:before, |
| .box-footer:before, |
| .box-header:after, |
| .box-body:after, |
| .box-footer:after { |
| content: " "; |
| display: table; |
| } |
| .box-header:after, |
| .box-body:after, |
| .box-footer:after { |
| clear: both; |
| } |
| .box-header { |
| color: #444; |
| display: block; |
| padding: 10px; |
| position: relative; |
| } |
| .box-header.with-border { |
| border-bottom: 1px solid #f4f4f4; |
| } |
| .collapsed-box .box-header.with-border { |
| border-bottom: none; |
| } |
| .box-header > .fa, |
| .box-header > .glyphicon, |
| .box-header > .ion, |
| .box-header .box-title { |
| display: inline-block; |
| font-size: 18px; |
| margin: 0; |
| line-height: 1; |
| } |
| .box-header > .fa, |
| .box-header > .glyphicon, |
| .box-header > .ion { |
| margin-right: 5px; |
| } |
| .box-header > .box-tools { |
| position: absolute; |
| right: 10px; |
| top: 5px; |
| } |
| .box-header > .box-tools [data-toggle="tooltip"] { |
| position: relative; |
| } |
| .box-header > .box-tools.pull-right .dropdown-menu { |
| right: 0; |
| left: auto; |
| } |
| .btn-box-tool { |
| padding: 5px; |
| font-size: 12px; |
| background: transparent; |
| color: #97a0b3; |
| } |
| .open .btn-box-tool, |
| .btn-box-tool:hover { |
| color: #606c84; |
| } |
| .btn-box-tool.btn:active { |
| box-shadow: none; |
| } |
| .box-body { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 3px; |
| border-bottom-left-radius: 3px; |
| padding: 10px; |
| } |
| .no-header .box-body { |
| border-top-right-radius: 3px; |
| border-top-left-radius: 3px; |
| } |
| .box-body > .table { |
| margin-bottom: 0; |
| } |
| .box-body .fc { |
| margin-top: 5px; |
| } |
| .box-body .full-width-chart { |
| margin: -19px; |
| } |
| .box-body.no-padding .full-width-chart { |
| margin: -9px; |
| } |
| .box-body .box-pane { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 0; |
| border-bottom-left-radius: 3px; |
| } |
| .box-body .box-pane-right { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 3px; |
| border-bottom-left-radius: 0; |
| } |
| .box-footer { |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| border-bottom-right-radius: 3px; |
| border-bottom-left-radius: 3px; |
| border-top: 1px solid #f4f4f4; |
| padding: 10px; |
| background-color: #ffffff; |
| } |
| .chart-legend { |
| margin: 10px 0; |
| } |
| @media (max-width: 991px) { |
| .chart-legend > li { |
| float: left; |
| margin-right: 10px; |
| } |
| } |
| .box-comments { |
| background: #f7f7f7; |
| } |
| .box-comments .box-comment { |
| padding: 8px 0; |
| border-bottom: 1px solid #eee; |
| } |
| .box-comments .box-comment:before, |
| .box-comments .box-comment:after { |
| content: " "; |
| display: table; |
| } |
| .box-comments .box-comment:after { |
| clear: both; |
| } |
| .box-comments .box-comment:last-of-type { |
| border-bottom: 0; |
| } |
| .box-comments .box-comment:first-of-type { |
| padding-top: 0; |
| } |
| .box-comments .box-comment img { |
| float: left; |
| } |
| .box-comments .comment-text { |
| margin-left: 40px; |
| color: #555; |
| } |
| .box-comments .username { |
| color: #444; |
| display: block; |
| font-weight: 600; |
| } |
| .box-comments .text-muted { |
| font-weight: 400; |
| font-size: 12px; |
| } |
| |
| .table-striped-invert > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { |
| background-color: #ffffff; |
| } |
| |
| |
| .div-fake-hidden { |
| width:0px; |
| height:0px; |
| overflow:hidden; |
| } |