Project

General

Profile

Download (8.78 KB) Statistics
| Branch: | Tag: | Revision:
1 f0c5e7c1 Jared Dillard
@import url("/css/pfSense.css");
2 67e81794 Jared Dillard
3 6f4f641a Jared Dillard
body {
4 08165855 Jared Dillard
    background-color: #212121;
5 bfdeb84d Jared Dillard
    color: #ffffff;
6 6f4f641a Jared Dillard
}
7
8 9d624e6b Jared Dillard
body.no-menu {
9
    background-color: #616161;
10
}
11
12 67e81794 Jared Dillard
a {
13 6f4f641a Jared Dillard
    color: #009688;
14 67e81794 Jared Dillard
}
15
16
a:hover {
17 6f4f641a Jared Dillard
    color: #00796B;
18
    text-decoration: none;
19 67e81794 Jared Dillard
}
20
21 37c9e550 Jared Dillard
h1 a:link, h1 a:visited {
22 6f4f641a Jared Dillard
    color: #fff;
23 67e81794 Jared Dillard
}
24
25 6f4f641a Jared Dillard
h1 a:hover, h1 a:active { 
26
    color: #fff; 
27
    text-decoration: none !important; 
28 67e81794 Jared Dillard
}
29
30
/** Content structure */
31
32
.contains-table table {
33 08165855 Jared Dillard
    border: 1px solid #ddd;
34 67e81794 Jared Dillard
}
35
36
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
37 08165855 Jared Dillard
    border-color: #303030;
38 67e81794 Jared Dillard
}
39
40 b5ef3ee9 Jared Dillard
.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd):hover {
41
    background-color: #757575;
42 67e81794 Jared Dillard
}
43
44
table.sortable-theme-bootstrap {
45 08165855 Jared Dillard
    color: #e0e0e0 !important;
46
    background-color: #212121 !important;
47 67e81794 Jared Dillard
}
48
49 45e849c1 Jared Dillard
.table>tbody+tbody {
50
    border-top: 2px solid #616161;
51
}
52
53 67e81794 Jared Dillard
.dropdown-menu {
54 08165855 Jared Dillard
    background-color: #000;
55
    opacity: .93;
56
    border-radius: 10px;
57 67e81794 Jared Dillard
}
58
59
.dropdown-menu>li>a {
60 08165855 Jared Dillard
    color: #e0e0e0;
61 67e81794 Jared Dillard
}
62
63
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
64 08165855 Jared Dillard
    background-color: #303030;
65
    color: #e0e0e0;
66 67e81794 Jared Dillard
}
67
68 5f294e76 Jared Dillard
/** Page header with title and breadcrumb */
69
.header {
70 08165855 Jared Dillard
    background-color: #303030;
71
    box-shadow: 1px 1px 3px #151515;
72 5f294e76 Jared Dillard
}
73
74
.breadcrumb {
75
    background-color: #303030;
76 67e81794 Jared Dillard
}
77
78 e3c7770d Jared Dillard
.breadcrumb>li+li:before {
79
    color: #9E9E9E;
80
}
81
82
ul.context-links li a {
83
    color: #009688;
84
}
85
86 874155f8 Jared Dillard
/* navigation */
87
.navbar-inverse {
88
    background-color: #000000;
89
}
90
91 3d312f56 Jared Dillard
.nav>li>a {
92
    border-bottom: 5px solid #212121;
93
    color: #009688;
94
}
95
96 67e81794 Jared Dillard
.nav>li>a:focus, .nav>li>a:hover {
97 3d312f56 Jared Dillard
    background-color: #212121;
98
    box-shadow: 2px 2px 8px #080808;
99
    border-bottom: 5px solid #009688;
100 67e81794 Jared Dillard
}
101
102 3d312f56 Jared Dillard
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav li.open>a, .nav li.open>a:focus, .nav-pills>li.active>a:hover {
103
    background-color: #212121;
104 67e81794 Jared Dillard
    box-shadow: 2px 2px 8px #151515;
105 3d312f56 Jared Dillard
    border-bottom: 5px solid #009688;
106
    color: #009688;
107
}
108
109 874155f8 Jared Dillard
.navbar-inverse .navbar-nav >li>a {
110 08165855 Jared Dillard
    border-bottom: 5px solid #000000;
111 3d312f56 Jared Dillard
}
112
113
.nav-tabs>li>a {
114 08165855 Jared Dillard
    border-bottom: 5px solid #212121;
115 3d312f56 Jared Dillard
}
116
117
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
118 08165855 Jared Dillard
    border-left: 1px solid #212121;
119
    border-right: 1px solid #212121;
120
    border-top: 1px solid #212121;
121
    border-bottom: 5px solid #009688;
122
    background-color: #212121;
123
    color: #009688;
124 3d312f56 Jared Dillard
}
125
126
.nav-tabs {
127
    border-bottom: 1px solid #009688;
128 67e81794 Jared Dillard
}
129 874155f8 Jared Dillard
/* end navigation */
130 67e81794 Jared Dillard
131 f0e52fb3 Jared Dillard
/* start common colors */
132
.alert-warning {
133
    border-top: 1px solid #FFECB3;
134
}
135
136
.alert-success {
137
    border-top: 1px solid #DCEDC8;
138
}
139
140
.alert-info {
141
    border-top: 1px solid #B2EBF2;
142
}
143
144
.bg-primary {
145
    color: #000;
146
    background-color: #009688;
147
}
148
149
.bg-success {
150
    color: #000;
151
    background-color: #80CBC4;
152
}
153
154 da145384 Jared Dillard
.btn-default {
155
    color: #ffffff;
156
    background-color: #757575;
157
    border-color: #212121;
158
}
159
160
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
161
    color: #ffffff;
162
    background-color: #424242;
163
    border-color: #212121;
164
}
165
166 33284f32 Jared Dillard
.btn-info {
167
    background-color: #2196F3;
168
    border-color: #1976D2;
169
}
170
171 4fd299b8 Jared Dillard
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
172 33284f32 Jared Dillard
    background-color: #1565C0;
173
    border-color: #0D47A1;
174
}
175
176 67e81794 Jared Dillard
.btn-primary {
177 a741df3e Jared Dillard
    background-color: #009688;
178
    border-color: #00796B;
179 67e81794 Jared Dillard
}
180
181 4fd299b8 Jared Dillard
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
182 a741df3e Jared Dillard
    background-color: #00796B;
183
    border-color: #00695C;
184 33284f32 Jared Dillard
}
185
186 67e81794 Jared Dillard
.btn-success {
187
    background-color: #009688;
188
    border-color: #009688;
189
}
190
191
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
192
    background-color: #00796B;
193
    border-color: #00796B;
194
}
195
196
.btn-danger {
197
    background-color: #D32F2F;
198
    border-color: #D32F2F;
199
}
200
201 4fd299b8 Jared Dillard
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
202
    background-color: #C62828;
203
    border-color: #B71C1C;
204
}
205
206 cc28d1f3 Jared Dillard
.btn-warning {
207
    background-color: #FFA000;
208
    border-color: #FF8F00;
209
}
210
211
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
212
    background-color: #FF8F00;
213
    border-color: #FF6F00;
214
}
215
216 f0e52fb3 Jared Dillard
/* end common colors */
217 9c864a5b Jared Dillard
218 67e81794 Jared Dillard
caption {
219
    color: #E0E0E0;
220
    background-color: #303030;
221
}
222
223
.form-control {
224
    background-color: #e0e0e0;
225
}
226
227
.form-group {
228
    border-bottom: 1px solid #212121;
229
}
230
231
.panel-default>.panel-heading {
232 08165855 Jared Dillard
    color: #fff;
233
    background-color: #303030;
234
    border-color: #212121;
235 67e81794 Jared Dillard
}
236
237
.panel {
238 08165855 Jared Dillard
    background-color: #424242;
239
    border-color: #424242;
240
    box-shadow: 0px 3px 7px rgba(0,0,0,.3);
241 67e81794 Jared Dillard
}
242
243 e15815e0 Jared Dillard
.panel-footer {
244
    background-color: #424242;
245
}
246
247 67e81794 Jared Dillard
.help-block {
248 08165855 Jared Dillard
    color: #eeeeee;
249 67e81794 Jared Dillard
}
250
251
.checkbox label, .radio label {
252 08165855 Jared Dillard
    color: #eeeeee;
253 67e81794 Jared Dillard
}
254
255
.table-striped>thead {
256
    background-color: #000;
257
}
258
259
.table-striped>tbody>tr:nth-of-type(odd) {
260
    background-color: #303030;
261
}
262
263 b18c3149 Jared Dillard
.table-bordered {
264
    border: 1px solid #303030;
265
}
266
267
.table-bordered>thead {
268
    background-color: #000;
269
}
270
271 67e81794 Jared Dillard
.table .table {
272
    background-color: #424242;
273
}
274
275 e2060a5a Jared Dillard
/* active table row */
276 b5ef3ee9 Jared Dillard
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
277
    background-color: #80CBC4;
278
    color: #212121;
279
}
280
281 e2060a5a Jared Dillard
/* active table row on hover */
282 b5ef3ee9 Jared Dillard
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
283
    background-color: #80CBC4;
284
    color: #212121;
285
}
286
287 37c9e550 Jared Dillard
.popover-title {
288
    background-color: #424242;
289
    border-bottom: 1px solid #212121;
290
}
291
292
.popover {
293
    background-color: #616161;
294
}
295
296
.popover.right>.arrow:after {
297
    border-right-color: #212121;
298
}
299
300 46f04d5e Jared Dillard
.modal-content {
301
    background-color: #424242;
302
}
303
304
.modal-header, .modal-footer {
305
    background-color: #303030;
306
    border-color: #212121;
307
308
}
309
310 67e81794 Jared Dillard
/** Page footer */
311
.footer {
312 08165855 Jared Dillard
    background-color: #000;
313 67e81794 Jared Dillard
}
314
315
.footer a {
316 08165855 Jared Dillard
    color: #fff;
317 67e81794 Jared Dillard
}
318
319
/** Homepage / dashboard */
320
.widget .panel-heading {
321
    background-color: #757575;
322
}
323
324
#widgetSequence {
325 08165855 Jared Dillard
    border-top: 1px solid #ddd;
326 67e81794 Jared Dillard
}
327
328 a4592b38 Jared Dillard
a.list-group-item, .list-group-item {
329
    background-color: #424242;
330
    color: #e0e0e0;  
331
    border: 1px solid #212121;  
332
}
333
334
a.list-group-item:focus, a.list-group-item:hover, .list-group-item:focus, .list-group-item:hover {
335
    background-color: #303030;
336
    color: #e0e0e0; 
337
}
338
339
a.list-group-item .list-group-item-heading, .list-group-item .list-group-item-heading {
340
    color: #EEEEEE;
341
}
342
343 67e81794 Jared Dillard
.progress {
344 08165855 Jared Dillard
    background-color: #e0e0e0;
345 67e81794 Jared Dillard
}
346
347
.progress-bar {
348 08165855 Jared Dillard
    background-color: #009688;
349 67e81794 Jared Dillard
}
350
351
.icon-embed-btn
352
{
353 08165855 Jared Dillard
    color: white;
354 67e81794 Jared Dillard
}
355
356
/* Used when you need an icon to act as a submit button **/
357
.button-icon
358
{
359 08165855 Jared Dillard
    color: #337AB7;
360 67e81794 Jared Dillard
}
361
362
button.close {
363 08165855 Jared Dillard
    padding: 0 4px 1px 4px;
364 67e81794 Jared Dillard
    border: 1px solid #6D4C41;
365
    border-radius: 5px;
366
    box-shadow: 1px 1px 1px #6D4C41;
367 50d293a8 Jared Dillard
}
368
369 46f04d5e Jared Dillard
.modal-header button.close {
370
    border: 1px solid #fff;
371
    box-shadow: 1px 1px 1px #fff;
372
    color: #fff;
373
}
374
375 c0499d48 Jared Dillard
input, select, textarea {
376 50d293a8 Jared Dillard
    color: #212121;
377 2a425b40 Jared Dillard
}
378
379
/* tree css */
380
ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
381
    color : #ffffff;
382 cfc6161c Stephen Beaver
}
383
384
textarea {
385
    background-color: #bfbfbf;
386 87797ed9 NOYB
}
387
388
/** Styling for jQuery autocomplete widget */
389
.ui-autocomplete {
390
    color: #212121;
391
    background-color: #e0e0e0;
392 8c9d0b20 k-paulius
}
393
394
/* Callouts */
395
.bs-callout {
396
    padding: 10px 15px;
397
    margin: 20px 0;
398
    border: 1px solid #424242;
399
    border-left-width: 5px;
400
    border-radius: 3px;
401
    font-size: 13px;
402
}
403
404
.bs-callout h4 {
405
    margin-top: 0;
406
    margin-bottom: 5px;
407
}
408
409
.bs-callout p:last-child {
410
    margin-bottom: 0;
411
}
412
413
.bs-callout code {
414
    border-radius: 3px;
415
}
416
417
.bs-callout+.bs-callout {
418
    margin-top: -5px;
419
}
420
421
/* Callout contextual classes */
422
.bs-callout-default {
423
    border-left-color: #777;
424
}
425
426
.bs-callout-default h4 {
427
    color: #777;
428
}
429
430
.bs-callout-danger {
431
    border-left-color: #d9534f;
432
}
433
434
.bs-callout-danger h4 {
435
    color: #d9534f;
436
}
437
438
.bs-callout-warning {
439
    border-left-color: #f0ad4e;
440
}
441
442
.bs-callout-warning h4 {
443
    color: #f0ad4e;
444
}
445
446
.bs-callout-info {
447
    border-left-color: #01579B;
448
}
449
450
.bs-callout-info h4 {
451
    color: #01579B;
452 4d13e55f Jared Dillard
}
453 dc60c816 Jared Dillard
454
/* D3 Styles */
455
456
svg text {
457
    fill: #FFFFFF !important;
458
}
459
460
g.nv-axis text, g.nv-legend text {
461
    fill: #FFFFFF;
462
}
463
464 4d13e55f Jared Dillard
.nvd3 .nv-axis line, .nvd3 .nv-axis path {
465 dc60c816 Jared Dillard
    fill: #616161 !important;
466
    stroke: #616161 !important;
467
}
468
469
#chart .nvtooltip > h3 {
470
    background-color: rgba(66,66,66, 0.9);
471
    border-bottom: 1px solid #616161;
472
    color: #e0e0e0;
473
}
474
475
#chart .nvtooltip {
476
    background: rgba(97,97,97, 0.9);
477
    color: #e0e0e0;
478 67e81794 Jared Dillard
}