Project

General

Profile

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