blob: 5ce5e38946cb256a99ab0b0fff6067838f07ef0d [file] [log] [blame]
Ed Tanous904063f2017-03-02 16:48:24 -08001/* navbar */
2.navbar-inverse {
3 background-color: #0071c5;
4 border-color: #E7E7E7;
5}
6.navbar-inverse .navbar-brand {
7 color: #f3f3f3;
8}
9.navbar-inverse .navbar-brand:hover,
10.navbar-inverse .navbar-brand:focus {
11 color: #fff;
12 background-color: transparent;
13}
14
15/* Make the brand icon look right */
16.navbar-brand {
17 padding: 0px 0px;
18}
19
20.navbar-inverse .navbar-text {
21 color: #f3f3f3;
22}
23.navbar-inverse .navbar-nav > li > a {
24 color: #f3f3f3;
25}
26.navbar-inverse .navbar-nav > li > a:hover,
27.navbar-inverse .navbar-nav > li > a:focus {
28 color: #fff;
29 background-color: transparent;
30}
31.navbar-inverse .navbar-nav > .active > a,
32.navbar-inverse .navbar-nav > .active > a:hover,
33.navbar-inverse .navbar-nav > .active > a:focus {
34 color: #fff;
35 background-color: #080808;
36}
37.navbar-inverse .navbar-nav > .disabled > a,
38.navbar-inverse .navbar-nav > .disabled > a:hover,
39.navbar-inverse .navbar-nav > .disabled > a:focus {
40 color: #444;
41 background-color: transparent;
42}
43.navbar-inverse .navbar-toggle {
44 border-color: #333;
45}
46.navbar-inverse .navbar-toggle:hover,
47.navbar-inverse .navbar-toggle:focus {
48 background-color: #333;
49}
50.navbar-inverse .navbar-toggle .icon-bar {
51 background-color: #fff;
52}
53.navbar-inverse .navbar-collapse,
54.navbar-inverse .navbar-form {
55 border-color: #0071c5;
56}
57.navbar-inverse .navbar-nav > .open > a,
58.navbar-inverse .navbar-nav > .open > a:hover,
59.navbar-inverse .navbar-nav > .open > a:focus {
60 color: #fff;
61 background-color: #0071c5;
62}
63@media (max-width: 767px) {
64 .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
65 border-color: #0071c5;
66 }
67 .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
68 background-color: #0071c5;
69 }
70 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
71 color: #f3f3f3;
72 }
73 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
74 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
75 color: #fff;
76 background-color: transparent;
77 }
78 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
79 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
80 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
81 color: #fff;
82 background-color: #0071c5;
83 }
84 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
85 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
86 .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
87 color: #444;
88 background-color: transparent;
89 }
90}
91.navbar-inverse .navbar-link {
92 color: #f3f3f3;
93}
94.navbar-inverse .navbar-link:hover {
95 color: #fff;
96}
97.navbar-inverse .btn-link {
98 color: #f3f3f3;
99}
100.navbar-inverse .btn-link:hover,
101.navbar-inverse .btn-link:focus {
102 color: #fff;
103}
104.navbar-inverse .btn-link[disabled]:hover,
105fieldset[disabled] .navbar-inverse .btn-link:hover,
106.navbar-inverse .btn-link[disabled]:focus,
107fieldset[disabled] .navbar-inverse .btn-link:focus {
108 color: #444;
109}
110
111/* Collapse the navbar at 900 pixels*/
112@media (max-width: 900px) {
113 .navbar-header {
114 float: none;
115 }
116 .navbar-left,.navbar-right {
117 float: none !important;
118 }
119 .navbar-toggle {
120 display: block;
121 }
122 .navbar-collapse {
123 border-top: 1px solid transparent;
124 box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
125 }
126 .navbar-fixed-top {
127 top: 0;
128 border-width: 0 0 1px;
129 }
130 .navbar-collapse.collapse {
131 display: none!important;
132 }
133 .navbar-nav {
134 float: none!important;
135 margin-top: 7.5px;
136 }
137 .navbar-nav>li {
138 float: none;
139 }
140 .navbar-nav>li>a {
141 padding-top: 10px;
142 padding-bottom: 10px;
143 }
144 .collapse.in{
145 display:block !important;
146 }
147}
148
149
150.system-status-table > tbody > tr > td,
151.system-status-table > thead > tr > th{
152 text-align: left;
153}
154
155/*Push the first column right*/
156.system-status-table{
157 font-size: small;
158}
159
160
161.col-fixed-450{
162 width:450px;
163 position:fixed;
164 height:100%;
165}
166
167
168
169/* JSON pretty print for the Rest API*/
170/* source https://rawgit.com/google/code-prettify/master/styles/index.html*/
171/* Pretty printing styles. Used with prettify.js. */
172/* Vim sunburst theme by David Leibovic */
173
174pre .str, code .str { color: #65B042; } /* string - green */
175pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
176pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
177pre .typ, code .typ { color: #89bdff; } /* type - light blue */
178pre .lit, code .lit { color: #3387CC; } /* literal - blue */
179pre .pun, code .pun { color: #fff; } /* punctuation - white */
180pre .pln, code .pln { color: #fff; } /* plaintext - white */
181pre .tag, code .tag { color: #89bdff; } /* html/xml tag - light blue */
182pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name - khaki */
183pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
184pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
185
186pre.prettyprint, code.prettyprint {
187 background-color: #000;
188 border-radius: 8px;
189}
190
191pre.prettyprint {
192 width: 95%;
193 margin: 1em auto;
194 padding: 1em;
195 white-space: pre-wrap;
196}
197
198
199.table td.fit,
200.table th.fit {
201 white-space: nowrap;
202 width: 1%;
203}
204
205
206/* Specify class=linenums on a pre to get line numbering */
207ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
208li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
209/* Alternate shading for lines */
210li.L1,li.L3,li.L5,li.L7,li.L9 { }
211
212@media print {
213 pre .str, code .str { color: #060; }
214 pre .kwd, code .kwd { color: #006; font-weight: bold; }
215 pre .com, code .com { color: #600; font-style: italic; }
216 pre .typ, code .typ { color: #404; font-weight: bold; }
217 pre .lit, code .lit { color: #044; }
218 pre .pun, code .pun { color: #440; }
219 pre .pln, code .pln { color: #000; }
220 pre .tag, code .tag { color: #006; font-weight: bold; }
221 pre .atn, code .atn { color: #404; }
222 pre .atv, code .atv { color: #060; }
223}
224/*
225 * Component: Box
226 * --------------
227 */
228.box {
229 position: relative;
230 border-radius: 3px;
231 background: #ffffff;
232 border-top: 3px solid #d2d6de;
233 margin-bottom: 20px;
234 width: 100%;
235 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
236}
237.box.box-primary {
238 border-top-color: #0071c5;
239}
240.box.box-info {
241 border-top-color: #00c0ef;
242}
243.box.box-danger {
244 border-top-color: #dd4b39;
245}
246.box.box-warning {
247 border-top-color: #f39c12;
248}
249.box.box-success {
250 border-top-color: #00a65a;
251}
252.box.box-default {
253 border-top-color: #d2d6de;
254}
255.box.collapsed-box .box-body,
256.box.collapsed-box .box-footer {
257 display: none;
258}
259.box .nav-stacked > li {
260 border-bottom: 1px solid #f4f4f4;
261 margin: 0;
262}
263.box .nav-stacked > li:last-of-type {
264 border-bottom: none;
265}
266.box.height-control .box-body {
267 max-height: 300px;
268 overflow: auto;
269}
270.box .border-right {
271 border-right: 1px solid #f4f4f4;
272}
273.box .border-left {
274 border-left: 1px solid #f4f4f4;
275}
276.box.box-solid {
277 border-top: 0;
278}
279.box.box-solid > .box-header .btn.btn-default {
280 background: transparent;
281}
282.box.box-solid > .box-header .btn:hover,
283.box.box-solid > .box-header a:hover {
284 background: rgba(0, 0, 0, 0.1);
285}
286.box.box-solid.box-default {
287 border: 1px solid #d2d6de;
288}
289.box.box-solid.box-default > .box-header {
290 color: #444444;
291 background: #d2d6de;
292 background-color: #d2d6de;
293}
294.box.box-solid.box-default > .box-header a,
295.box.box-solid.box-default > .box-header .btn {
296 color: #444444;
297}
298.box.box-solid.box-primary {
299 border: 1px solid #0071c5;
300}
301.box.box-solid.box-primary > .box-header {
302 color: #ffffff;
303 background: #0071c5;
304 background-color: #0071c5;
305}
306.box.box-solid.box-primary > .box-header a,
307.box.box-solid.box-primary > .box-header .btn {
308 color: #ffffff;
309}
310.box.box-solid.box-info {
311 border: 1px solid #00c0ef;
312}
313.box.box-solid.box-info > .box-header {
314 color: #ffffff;
315 background: #00c0ef;
316 background-color: #00c0ef;
317}
318.box.box-solid.box-info > .box-header a,
319.box.box-solid.box-info > .box-header .btn {
320 color: #ffffff;
321}
322.box.box-solid.box-danger {
323 border: 1px solid #dd4b39;
324}
325.box.box-solid.box-danger > .box-header {
326 color: #ffffff;
327 background: #dd4b39;
328 background-color: #dd4b39;
329}
330.box.box-solid.box-danger > .box-header a,
331.box.box-solid.box-danger > .box-header .btn {
332 color: #ffffff;
333}
334.box.box-solid.box-warning {
335 border: 1px solid #f39c12;
336}
337.box.box-solid.box-warning > .box-header {
338 color: #ffffff;
339 background: #f39c12;
340 background-color: #f39c12;
341}
342.box.box-solid.box-warning > .box-header a,
343.box.box-solid.box-warning > .box-header .btn {
344 color: #ffffff;
345}
346.box.box-solid.box-success {
347 border: 1px solid #00a65a;
348}
349.box.box-solid.box-success > .box-header {
350 color: #ffffff;
351 background: #00a65a;
352 background-color: #00a65a;
353}
354.box.box-solid.box-success > .box-header a,
355.box.box-solid.box-success > .box-header .btn {
356 color: #ffffff;
357}
358.box.box-solid > .box-header > .box-tools .btn {
359 border: 0;
360 box-shadow: none;
361}
362.box.box-solid[class*='bg'] > .box-header {
363 color: #fff;
364}
365.box .box-group > .box {
366 margin-bottom: 5px;
367}
368.box .knob-label {
369 text-align: center;
370 color: #333;
371 font-weight: 100;
372 font-size: 12px;
373 margin-bottom: 0.3em;
374}
375.box > .overlay,
376.overlay-wrapper > .overlay,
377.box > .loading-img,
378.overlay-wrapper > .loading-img {
379 position: absolute;
380 top: 0;
381 left: 0;
382 width: 100%;
383 height: 100%;
384}
385.box .overlay,
386.overlay-wrapper .overlay {
387 z-index: 50;
388 background: rgba(255, 255, 255, 0.7);
389 border-radius: 3px;
390}
391.box .overlay > .fa,
392.overlay-wrapper .overlay > .fa {
393 position: absolute;
394 top: 50%;
395 left: 50%;
396 margin-left: -15px;
397 margin-top: -15px;
398 color: #000;
399 font-size: 30px;
400}
401.box .overlay.dark,
402.overlay-wrapper .overlay.dark {
403 background: rgba(0, 0, 0, 0.5);
404}
405.box-header:before,
406.box-body:before,
407.box-footer:before,
408.box-header:after,
409.box-body:after,
410.box-footer:after {
411 content: " ";
412 display: table;
413}
414.box-header:after,
415.box-body:after,
416.box-footer:after {
417 clear: both;
418}
419.box-header {
420 color: #444;
421 display: block;
422 padding: 10px;
423 position: relative;
424}
425.box-header.with-border {
426 border-bottom: 1px solid #f4f4f4;
427}
428.collapsed-box .box-header.with-border {
429 border-bottom: none;
430}
431.box-header > .fa,
432.box-header > .glyphicon,
433.box-header > .ion,
434.box-header .box-title {
435 display: inline-block;
436 font-size: 18px;
437 margin: 0;
438 line-height: 1;
439}
440.box-header > .fa,
441.box-header > .glyphicon,
442.box-header > .ion {
443 margin-right: 5px;
444}
445.box-header > .box-tools {
446 position: absolute;
447 right: 10px;
448 top: 5px;
449}
450.box-header > .box-tools [data-toggle="tooltip"] {
451 position: relative;
452}
453.box-header > .box-tools.pull-right .dropdown-menu {
454 right: 0;
455 left: auto;
456}
457.btn-box-tool {
458 padding: 5px;
459 font-size: 12px;
460 background: transparent;
461 color: #97a0b3;
462}
463.open .btn-box-tool,
464.btn-box-tool:hover {
465 color: #606c84;
466}
467.btn-box-tool.btn:active {
468 box-shadow: none;
469}
470.box-body {
471 border-top-left-radius: 0;
472 border-top-right-radius: 0;
473 border-bottom-right-radius: 3px;
474 border-bottom-left-radius: 3px;
475 padding: 10px;
476}
477.no-header .box-body {
478 border-top-right-radius: 3px;
479 border-top-left-radius: 3px;
480}
481.box-body > .table {
482 margin-bottom: 0;
483}
484.box-body .fc {
485 margin-top: 5px;
486}
487.box-body .full-width-chart {
488 margin: -19px;
489}
490.box-body.no-padding .full-width-chart {
491 margin: -9px;
492}
493.box-body .box-pane {
494 border-top-left-radius: 0;
495 border-top-right-radius: 0;
496 border-bottom-right-radius: 0;
497 border-bottom-left-radius: 3px;
498}
499.box-body .box-pane-right {
500 border-top-left-radius: 0;
501 border-top-right-radius: 0;
502 border-bottom-right-radius: 3px;
503 border-bottom-left-radius: 0;
504}
505.box-footer {
506 border-top-left-radius: 0;
507 border-top-right-radius: 0;
508 border-bottom-right-radius: 3px;
509 border-bottom-left-radius: 3px;
510 border-top: 1px solid #f4f4f4;
511 padding: 10px;
512 background-color: #ffffff;
513}
514.chart-legend {
515 margin: 10px 0;
516}
517@media (max-width: 991px) {
518 .chart-legend > li {
519 float: left;
520 margin-right: 10px;
521 }
522}
523.box-comments {
524 background: #f7f7f7;
525}
526.box-comments .box-comment {
527 padding: 8px 0;
528 border-bottom: 1px solid #eee;
529}
530.box-comments .box-comment:before,
531.box-comments .box-comment:after {
532 content: " ";
533 display: table;
534}
535.box-comments .box-comment:after {
536 clear: both;
537}
538.box-comments .box-comment:last-of-type {
539 border-bottom: 0;
540}
541.box-comments .box-comment:first-of-type {
542 padding-top: 0;
543}
544.box-comments .box-comment img {
545 float: left;
546}
547.box-comments .comment-text {
548 margin-left: 40px;
549 color: #555;
550}
551.box-comments .username {
552 color: #444;
553 display: block;
554 font-weight: 600;
555}
556.box-comments .text-muted {
557 font-weight: 400;
558 font-size: 12px;
559}
560
561.table-striped-invert > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
562 background-color: #ffffff;
563}
Ed Tanous9140a672017-04-24 17:01:32 -0700564
565
566.div-fake-hidden {
567 width:0px;
568 height:0px;
569 overflow:hidden;
570}