Project

General

Profile

Download (10.9 KB) Statistics
| Branch: | Tag: | Revision:
1 ac24dc24 Renato Botelho
/*
2
 * pfSense-dark.css
3
 *
4
 * part of pfSense (https://www.pfsense.org)
5 38809d47 Renato Botelho do Couto
 * Copyright (c) 2016 Electric Sheep Fencing
6 0284d79e jim-p
 * Copyright (c) 2016-2020 Rubicon Communications, LLC (Netgate)
7 ac24dc24 Renato Botelho
 * All rights reserved.
8
 *
9 0f3f6cc9 Jared Dillard
 * Licensed under the Apache License, Version 2.0 (the "License");
10
 * you may not use this file except in compliance with the License.
11
 * You may obtain a copy of the License at
12 ac24dc24 Renato Botelho
 *
13 0f3f6cc9 Jared Dillard
 * http://www.apache.org/licenses/LICENSE-2.0
14 ac24dc24 Renato Botelho
 *
15 0f3f6cc9 Jared Dillard
 * Unless required by applicable law or agreed to in writing, software
16
 * distributed under the License is distributed on an "AS IS" BASIS,
17
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18
 * See the License for the specific language governing permissions and
19
 * limitations under the License.
20 ac24dc24 Renato Botelho
 */
21
22 f0c5e7c1 Jared Dillard
@import url("/css/pfSense.css");
23 b6063aa7 jim-p
@import url("/vendor/jquery-ui/themes/dark-hive/theme.css");
24 67e81794 Jared Dillard
25 6f4f641a Jared Dillard
body {
26 08165855 Jared Dillard
    background-color: #212121;
27 bfdeb84d Jared Dillard
    color: #ffffff;
28 6f4f641a Jared Dillard
}
29
30 9d624e6b Jared Dillard
body.no-menu {
31
    background-color: #616161;
32
}
33
34 67e81794 Jared Dillard
a {
35 6f4f641a Jared Dillard
    color: #009688;
36 67e81794 Jared Dillard
}
37
38
a:hover {
39 6f4f641a Jared Dillard
    color: #00796B;
40
    text-decoration: none;
41 67e81794 Jared Dillard
}
42
43 37c9e550 Jared Dillard
h1 a:link, h1 a:visited {
44 6f4f641a Jared Dillard
    color: #fff;
45 67e81794 Jared Dillard
}
46
47 e540a9d7 Jose Luis Duran
h1 a:hover, h1 a:active {
48
    color: #fff;
49
    text-decoration: none !important;
50 67e81794 Jared Dillard
}
51
52
/** Content structure */
53
54
.contains-table table {
55 08165855 Jared Dillard
    border: 1px solid #ddd;
56 67e81794 Jared Dillard
}
57
58
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
59 08165855 Jared Dillard
    border-color: #303030;
60 67e81794 Jared Dillard
}
61
62 b5ef3ee9 Jared Dillard
.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd):hover {
63
    background-color: #757575;
64 67e81794 Jared Dillard
}
65
66
table.sortable-theme-bootstrap {
67 08165855 Jared Dillard
    color: #e0e0e0 !important;
68
    background-color: #212121 !important;
69 67e81794 Jared Dillard
}
70
71 45e849c1 Jared Dillard
.table>tbody+tbody {
72
    border-top: 2px solid #616161;
73
}
74
75 67e81794 Jared Dillard
.dropdown-menu {
76 08165855 Jared Dillard
    background-color: #000;
77
    opacity: .93;
78
    border-radius: 10px;
79 67e81794 Jared Dillard
}
80
81
.dropdown-menu>li>a {
82 08165855 Jared Dillard
    color: #e0e0e0;
83 67e81794 Jared Dillard
}
84
85
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
86 08165855 Jared Dillard
    background-color: #303030;
87
    color: #e0e0e0;
88 67e81794 Jared Dillard
}
89
90 5f294e76 Jared Dillard
/** Page header with title and breadcrumb */
91
.header {
92 08165855 Jared Dillard
    background-color: #303030;
93
    box-shadow: 1px 1px 3px #151515;
94 5f294e76 Jared Dillard
}
95
96
.breadcrumb {
97
    background-color: #303030;
98 67e81794 Jared Dillard
}
99
100 e3c7770d Jared Dillard
.breadcrumb>li+li:before {
101
    color: #9E9E9E;
102
}
103
104
ul.context-links li a {
105
    color: #009688;
106
}
107
108 874155f8 Jared Dillard
/* navigation */
109
.navbar-inverse {
110
    background-color: #000000;
111
}
112
113 3d312f56 Jared Dillard
.nav>li>a {
114
    border-bottom: 5px solid #212121;
115
    color: #009688;
116
}
117
118 67e81794 Jared Dillard
.nav>li>a:focus, .nav>li>a:hover {
119 3d312f56 Jared Dillard
    background-color: #212121;
120
    box-shadow: 2px 2px 8px #080808;
121
    border-bottom: 5px solid #009688;
122 67e81794 Jared Dillard
}
123
124 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 {
125
    background-color: #212121;
126 67e81794 Jared Dillard
    box-shadow: 2px 2px 8px #151515;
127 3d312f56 Jared Dillard
    border-bottom: 5px solid #009688;
128
    color: #009688;
129
}
130
131 874155f8 Jared Dillard
.navbar-inverse .navbar-nav >li>a {
132 08165855 Jared Dillard
    border-bottom: 5px solid #000000;
133 3d312f56 Jared Dillard
}
134
135
.nav-tabs>li>a {
136 08165855 Jared Dillard
    border-bottom: 5px solid #212121;
137 3d312f56 Jared Dillard
}
138
139
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
140 08165855 Jared Dillard
    border-left: 1px solid #212121;
141
    border-right: 1px solid #212121;
142
    border-top: 1px solid #212121;
143
    border-bottom: 5px solid #009688;
144
    background-color: #212121;
145
    color: #009688;
146 3d312f56 Jared Dillard
}
147
148
.nav-tabs {
149
    border-bottom: 1px solid #009688;
150 67e81794 Jared Dillard
}
151 874155f8 Jared Dillard
/* end navigation */
152 67e81794 Jared Dillard
153 f0e52fb3 Jared Dillard
/* start common colors */
154
.alert-warning {
155
    border-top: 1px solid #FFECB3;
156
}
157
158
.alert-success {
159
    border-top: 1px solid #DCEDC8;
160
}
161
162
.alert-info {
163
    border-top: 1px solid #B2EBF2;
164
}
165
166
.bg-primary {
167
    color: #000;
168
    background-color: #009688;
169
}
170
171
.bg-success {
172
    color: #000;
173
    background-color: #80CBC4;
174
}
175
176 da145384 Jared Dillard
.btn-default {
177
    color: #ffffff;
178
    background-color: #757575;
179
    border-color: #212121;
180
}
181
182
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
183
    color: #ffffff;
184
    background-color: #424242;
185
    border-color: #212121;
186
}
187
188 33284f32 Jared Dillard
.btn-info {
189
    background-color: #2196F3;
190
    border-color: #1976D2;
191
}
192
193 4fd299b8 Jared Dillard
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
194 33284f32 Jared Dillard
    background-color: #1565C0;
195
    border-color: #0D47A1;
196
}
197
198 67e81794 Jared Dillard
.btn-primary {
199 a741df3e Jared Dillard
    background-color: #009688;
200
    border-color: #00796B;
201 67e81794 Jared Dillard
}
202
203 4fd299b8 Jared Dillard
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
204 a741df3e Jared Dillard
    background-color: #00796B;
205
    border-color: #00695C;
206 33284f32 Jared Dillard
}
207
208 67e81794 Jared Dillard
.btn-success {
209
    background-color: #009688;
210
    border-color: #009688;
211
}
212
213
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
214
    background-color: #00796B;
215
    border-color: #00796B;
216
}
217
218
.btn-danger {
219
    background-color: #D32F2F;
220
    border-color: #D32F2F;
221
}
222
223 4fd299b8 Jared Dillard
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
224
    background-color: #C62828;
225
    border-color: #B71C1C;
226
}
227
228 cc28d1f3 Jared Dillard
.btn-warning {
229
    background-color: #FFA000;
230
    border-color: #FF8F00;
231
}
232
233
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
234
    background-color: #FF8F00;
235
    border-color: #FF6F00;
236
}
237
238 f0e52fb3 Jared Dillard
/* end common colors */
239 9c864a5b Jared Dillard
240 67e81794 Jared Dillard
caption {
241
    color: #E0E0E0;
242
    background-color: #303030;
243
}
244
245
.form-control {
246
    background-color: #e0e0e0;
247
}
248
249
.form-group {
250
    border-bottom: 1px solid #212121;
251
}
252
253
.panel-default>.panel-heading {
254 08165855 Jared Dillard
    color: #fff;
255
    background-color: #303030;
256
    border-color: #212121;
257 67e81794 Jared Dillard
}
258
259
.panel {
260 08165855 Jared Dillard
    background-color: #424242;
261
    border-color: #424242;
262
    box-shadow: 0px 3px 7px rgba(0,0,0,.3);
263 67e81794 Jared Dillard
}
264
265 e15815e0 Jared Dillard
.panel-footer {
266
    background-color: #424242;
267
}
268
269 67e81794 Jared Dillard
.help-block {
270 08165855 Jared Dillard
    color: #eeeeee;
271 67e81794 Jared Dillard
}
272
273
.checkbox label, .radio label {
274 08165855 Jared Dillard
    color: #eeeeee;
275 67e81794 Jared Dillard
}
276
277
.table-striped>thead {
278
    background-color: #000;
279
}
280
281
.table-striped>tbody>tr:nth-of-type(odd) {
282
    background-color: #303030;
283
}
284
285 d9bad9e8 Jared Dillard
.table-striped>tbody>tr.disabled:nth-of-type(odd) {
286
    background-color: rgba(48, 48, 48, .5);
287
    color: rgba(255,255,255,.5);
288
}
289
290
.table-striped>tbody>tr.disabled:nth-of-type(even) {
291
    background-color: rgba(66, 66, 66, .5);
292
    color: rgba(255,255,255,.5);
293
}
294
295
.table-hover>tbody>tr.disabled:hover, .table-striped>tbody>tr.disabled:nth-of-type(odd):hover, .table-striped>tbody>tr.disabled:nth-of-type(even):hover {
296
    background-color: rgba(117, 117, 117, .5);
297
}
298
299
tr.disabled a {
300
    color: rgba(0, 150, 136,.5);
301
}
302
303 b18c3149 Jared Dillard
.table-bordered {
304
    border: 1px solid #303030;
305
}
306
307
.table-bordered>thead {
308
    background-color: #000;
309
}
310
311 67e81794 Jared Dillard
.table .table {
312
    background-color: #424242;
313
}
314
315 e2060a5a Jared Dillard
/* active table row */
316 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 {
317
    background-color: #80CBC4;
318
    color: #212121;
319
}
320
321 e2060a5a Jared Dillard
/* active table row on hover */
322 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 {
323
    background-color: #80CBC4;
324
    color: #212121;
325
}
326
327 37c9e550 Jared Dillard
.popover-title {
328
    background-color: #424242;
329
    border-bottom: 1px solid #212121;
330
}
331
332
.popover {
333
    background-color: #616161;
334
}
335
336
.popover.right>.arrow:after {
337
    border-right-color: #212121;
338
}
339
340 46f04d5e Jared Dillard
.modal-content {
341
    background-color: #424242;
342
}
343
344
.modal-header, .modal-footer {
345
    background-color: #303030;
346
    border-color: #212121;
347
348
}
349
350 67e81794 Jared Dillard
/** Page footer */
351
.footer {
352 08165855 Jared Dillard
    background-color: #000;
353 67e81794 Jared Dillard
}
354
355
.footer a {
356 08165855 Jared Dillard
    color: #fff;
357 67e81794 Jared Dillard
}
358
359
/** Homepage / dashboard */
360
.widget .panel-heading {
361
    background-color: #757575;
362
}
363
364
#widgetSequence {
365 08165855 Jared Dillard
    border-top: 1px solid #ddd;
366 67e81794 Jared Dillard
}
367
368 a4592b38 Jared Dillard
a.list-group-item, .list-group-item {
369
    background-color: #424242;
370 e540a9d7 Jose Luis Duran
    color: #e0e0e0;
371
    border: 1px solid #212121;
372 a4592b38 Jared Dillard
}
373
374
a.list-group-item:focus, a.list-group-item:hover, .list-group-item:focus, .list-group-item:hover {
375
    background-color: #303030;
376 e540a9d7 Jose Luis Duran
    color: #e0e0e0;
377 a4592b38 Jared Dillard
}
378
379
a.list-group-item .list-group-item-heading, .list-group-item .list-group-item-heading {
380
    color: #EEEEEE;
381
}
382
383 67e81794 Jared Dillard
.progress {
384 08165855 Jared Dillard
    background-color: #e0e0e0;
385 67e81794 Jared Dillard
}
386
387
.progress-bar {
388 08165855 Jared Dillard
    background-color: #009688;
389 67e81794 Jared Dillard
}
390
391
.icon-embed-btn
392
{
393 08165855 Jared Dillard
    color: white;
394 67e81794 Jared Dillard
}
395
396
/* Used when you need an icon to act as a submit button **/
397
.button-icon
398
{
399 08165855 Jared Dillard
    color: #337AB7;
400 67e81794 Jared Dillard
}
401
402
button.close {
403 08165855 Jared Dillard
    padding: 0 4px 1px 4px;
404 67e81794 Jared Dillard
    border: 1px solid #6D4C41;
405
    border-radius: 5px;
406
    box-shadow: 1px 1px 1px #6D4C41;
407 50d293a8 Jared Dillard
}
408
409 46f04d5e Jared Dillard
.modal-header button.close {
410
    border: 1px solid #fff;
411
    box-shadow: 1px 1px 1px #fff;
412
    color: #fff;
413
}
414
415 c0499d48 Jared Dillard
input, select, textarea {
416 50d293a8 Jared Dillard
    color: #212121;
417 2a425b40 Jared Dillard
}
418
419
/* tree css */
420
ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
421
    color : #ffffff;
422 cfc6161c Stephen Beaver
}
423
424 b9212b15 Jared Dillard
/*sortable table*/
425
426
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
427
    background-color: #000;
428 e540a9d7 Jose Luis Duran
    color: #009688;
429 b9212b15 Jared Dillard
    border-bottom-color: #009688;
430
}
431
432
table[data-sortable].sortable-theme-bootstrap tbody td {
433 e540a9d7 Jose Luis Duran
    border-top: 1px solid #303030;
434 b9212b15 Jared Dillard
}
435
436 cfc6161c Stephen Beaver
textarea {
437
    background-color: #bfbfbf;
438 87797ed9 NOYB
}
439
440
/** Styling for jQuery autocomplete widget */
441
.ui-autocomplete {
442
    color: #212121;
443
    background-color: #e0e0e0;
444 1d06b51d Marc05
    background-image: none;
445 8c9d0b20 k-paulius
}
446
447 e540a9d7 Jose Luis Duran
.ui-widget {
448
    font-family: Roboto, sans-serif;
449
}
450
451 8c9d0b20 k-paulius
/* Callouts */
452
.bs-callout {
453
    padding: 10px 15px;
454
    margin: 20px 0;
455
    border: 1px solid #424242;
456
    border-left-width: 5px;
457
    border-radius: 3px;
458
    font-size: 13px;
459
}
460
461
.bs-callout h4 {
462
    margin-top: 0;
463
    margin-bottom: 5px;
464
}
465
466
.bs-callout p:last-child {
467
    margin-bottom: 0;
468
}
469
470
.bs-callout code {
471
    border-radius: 3px;
472
}
473
474
.bs-callout+.bs-callout {
475
    margin-top: -5px;
476
}
477
478
/* Callout contextual classes */
479
.bs-callout-default {
480
    border-left-color: #777;
481
}
482
483
.bs-callout-default h4 {
484
    color: #777;
485
}
486
487
.bs-callout-danger {
488
    border-left-color: #d9534f;
489
}
490
491
.bs-callout-danger h4 {
492
    color: #d9534f;
493
}
494
495
.bs-callout-warning {
496
    border-left-color: #f0ad4e;
497
}
498
499
.bs-callout-warning h4 {
500
    color: #f0ad4e;
501
}
502
503
.bs-callout-info {
504
    border-left-color: #01579B;
505
}
506
507
.bs-callout-info h4 {
508
    color: #01579B;
509 4d13e55f Jared Dillard
}
510 dc60c816 Jared Dillard
511
/* D3 Styles */
512
513 849d3a37 Jared Dillard
.traffic-widget-chart:not(:last-child) {
514
    border-bottom: 2px solid #303030;
515
}
516
517 dc60c816 Jared Dillard
svg text {
518
    fill: #FFFFFF !important;
519
}
520
521
g.nv-axis text, g.nv-legend text {
522
    fill: #FFFFFF;
523
}
524
525 4d13e55f Jared Dillard
.nvd3 .nv-axis line, .nvd3 .nv-axis path {
526 dc60c816 Jared Dillard
    fill: #616161 !important;
527
    stroke: #616161 !important;
528
}
529
530 71783286 Jared Dillard
.nvtooltip > h3 {
531 dc60c816 Jared Dillard
    background-color: rgba(66,66,66, 0.9);
532
    border-bottom: 1px solid #616161;
533
    color: #e0e0e0;
534
}
535
536 71783286 Jared Dillard
.nvtooltip {
537 dc60c816 Jared Dillard
    background: rgba(97,97,97, 0.9);
538
    color: #e0e0e0;
539 ac24dc24 Renato Botelho
}
540 67ccbdd3 Steve Beaver
541 17694a10 Jared Dillard
.colspanth {
542
    background-color: #000000;
543
}
544
545 67ccbdd3 Steve Beaver
/* Required input elements have a title that begins with "*". This causes
546
Group.class.php to add <span class="element-required" to the title, which
547
can then be used to style required input here. Example below uses a custom
548
text underline, but text-color, background, font etc. could also be used */
549
.element-required {
550
    box-shadow: inset 0 0px 0 white, inset 0 -1px 0 white
551
}