Project

General

Profile

Download (12.1 KB) Statistics
| Branch: | Tag: | Revision:
1 8acd654a Renato Botelho
/*
2
 * pfSense-dark.css
3
 *
4
 * part of pfSense (https://www.pfsense.org)
5 2a2396a6 Renato Botelho
 * Copyright (c) 2016 Rubicon Communications, LLC (Netgate)
6 8acd654a Renato Botelho
 * All rights reserved.
7
 *
8
 * Redistribution and use in source and binary forms, with or without
9
 * modification, are permitted provided that the following conditions are met:
10
 *
11
 * 1. Redistributions of source code must retain the above copyright notice,
12
 *    this list of conditions and the following disclaimer.
13
 *
14
 * 2. Redistributions in binary form must reproduce the above copyright
15
 *    notice, this list of conditions and the following disclaimer in
16
 *    the documentation and/or other materials provided with the
17
 *    distribution.
18
 *
19
 * 3. All advertising materials mentioning features or use of this software
20
 *    must display the following acknowledgment:
21
 *    "This product includes software developed by the pfSense Project
22
 *    for use in the pfSense® software distribution. (http://www.pfsense.org/).
23
 *
24
 * 4. The names "pfSense" and "pfSense Project" must not be used to
25
 *    endorse or promote products derived from this software without
26
 *    prior written permission. For written permission, please contact
27
 *    coreteam@pfsense.org.
28
 *
29
 * 5. Products derived from this software may not be called "pfSense"
30
 *    nor may "pfSense" appear in their names without prior written
31
 *    permission of the Electric Sheep Fencing, LLC.
32
 *
33
 * 6. Redistributions of any form whatsoever must retain the following
34
 *    acknowledgment:
35
 *
36
 * "This product includes software developed by the pfSense Project
37
 * for use in the pfSense software distribution (http://www.pfsense.org/).
38
 *
39
 * THIS SOFTWARE IS PROVIDED BY THE pfSense PROJECT ``AS IS'' AND ANY
40
 * EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
41
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
42
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE pfSense PROJECT OR
43
 * ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
44
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
45
 * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
46
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
47
 * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
48
 * STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
49
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
50
 * OF THE POSSIBILITY OF SUCH DAMAGE.
51
 */
52
53 f0c5e7c1 Jared Dillard
@import url("/css/pfSense.css");
54 5ea38db1 Jared Dillard
@import url("/vendor/jquery/jquery-ui/themes/dark-hive/theme.css");
55 67e81794 Jared Dillard
56 6f4f641a Jared Dillard
body {
57 08165855 Jared Dillard
    background-color: #212121;
58 bfdeb84d Jared Dillard
    color: #ffffff;
59 6f4f641a Jared Dillard
}
60
61 9d624e6b Jared Dillard
body.no-menu {
62
    background-color: #616161;
63
}
64
65 67e81794 Jared Dillard
a {
66 6f4f641a Jared Dillard
    color: #009688;
67 67e81794 Jared Dillard
}
68
69
a:hover {
70 6f4f641a Jared Dillard
    color: #00796B;
71
    text-decoration: none;
72 67e81794 Jared Dillard
}
73
74 37c9e550 Jared Dillard
h1 a:link, h1 a:visited {
75 6f4f641a Jared Dillard
    color: #fff;
76 67e81794 Jared Dillard
}
77
78 292bd9c6 Jose Luis Duran
h1 a:hover, h1 a:active {
79
    color: #fff;
80
    text-decoration: none !important;
81 67e81794 Jared Dillard
}
82
83
/** Content structure */
84
85
.contains-table table {
86 08165855 Jared Dillard
    border: 1px solid #ddd;
87 67e81794 Jared Dillard
}
88
89
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
90 08165855 Jared Dillard
    border-color: #303030;
91 67e81794 Jared Dillard
}
92
93 b5ef3ee9 Jared Dillard
.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd):hover {
94
    background-color: #757575;
95 67e81794 Jared Dillard
}
96
97
table.sortable-theme-bootstrap {
98 08165855 Jared Dillard
    color: #e0e0e0 !important;
99
    background-color: #212121 !important;
100 67e81794 Jared Dillard
}
101
102 45e849c1 Jared Dillard
.table>tbody+tbody {
103
    border-top: 2px solid #616161;
104
}
105
106 67e81794 Jared Dillard
.dropdown-menu {
107 08165855 Jared Dillard
    background-color: #000;
108
    opacity: .93;
109
    border-radius: 10px;
110 67e81794 Jared Dillard
}
111
112
.dropdown-menu>li>a {
113 08165855 Jared Dillard
    color: #e0e0e0;
114 67e81794 Jared Dillard
}
115
116
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
117 08165855 Jared Dillard
    background-color: #303030;
118
    color: #e0e0e0;
119 67e81794 Jared Dillard
}
120
121 5f294e76 Jared Dillard
/** Page header with title and breadcrumb */
122
.header {
123 08165855 Jared Dillard
    background-color: #303030;
124
    box-shadow: 1px 1px 3px #151515;
125 5f294e76 Jared Dillard
}
126
127
.breadcrumb {
128
    background-color: #303030;
129 67e81794 Jared Dillard
}
130
131 e3c7770d Jared Dillard
.breadcrumb>li+li:before {
132
    color: #9E9E9E;
133
}
134
135
ul.context-links li a {
136
    color: #009688;
137
}
138
139 874155f8 Jared Dillard
/* navigation */
140
.navbar-inverse {
141
    background-color: #000000;
142
}
143
144 3d312f56 Jared Dillard
.nav>li>a {
145
    border-bottom: 5px solid #212121;
146
    color: #009688;
147
}
148
149 67e81794 Jared Dillard
.nav>li>a:focus, .nav>li>a:hover {
150 3d312f56 Jared Dillard
    background-color: #212121;
151
    box-shadow: 2px 2px 8px #080808;
152
    border-bottom: 5px solid #009688;
153 67e81794 Jared Dillard
}
154
155 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 {
156
    background-color: #212121;
157 67e81794 Jared Dillard
    box-shadow: 2px 2px 8px #151515;
158 3d312f56 Jared Dillard
    border-bottom: 5px solid #009688;
159
    color: #009688;
160
}
161
162 874155f8 Jared Dillard
.navbar-inverse .navbar-nav >li>a {
163 08165855 Jared Dillard
    border-bottom: 5px solid #000000;
164 3d312f56 Jared Dillard
}
165
166
.nav-tabs>li>a {
167 08165855 Jared Dillard
    border-bottom: 5px solid #212121;
168 3d312f56 Jared Dillard
}
169
170
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
171 08165855 Jared Dillard
    border-left: 1px solid #212121;
172
    border-right: 1px solid #212121;
173
    border-top: 1px solid #212121;
174
    border-bottom: 5px solid #009688;
175
    background-color: #212121;
176
    color: #009688;
177 3d312f56 Jared Dillard
}
178
179
.nav-tabs {
180
    border-bottom: 1px solid #009688;
181 67e81794 Jared Dillard
}
182 874155f8 Jared Dillard
/* end navigation */
183 67e81794 Jared Dillard
184 f0e52fb3 Jared Dillard
/* start common colors */
185
.alert-warning {
186
    border-top: 1px solid #FFECB3;
187
}
188
189
.alert-success {
190
    border-top: 1px solid #DCEDC8;
191
}
192
193
.alert-info {
194
    border-top: 1px solid #B2EBF2;
195
}
196
197
.bg-primary {
198
    color: #000;
199
    background-color: #009688;
200
}
201
202
.bg-success {
203
    color: #000;
204
    background-color: #80CBC4;
205
}
206
207 da145384 Jared Dillard
.btn-default {
208
    color: #ffffff;
209
    background-color: #757575;
210
    border-color: #212121;
211
}
212
213
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
214
    color: #ffffff;
215
    background-color: #424242;
216
    border-color: #212121;
217
}
218
219 33284f32 Jared Dillard
.btn-info {
220
    background-color: #2196F3;
221
    border-color: #1976D2;
222
}
223
224 4fd299b8 Jared Dillard
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
225 33284f32 Jared Dillard
    background-color: #1565C0;
226
    border-color: #0D47A1;
227
}
228
229 67e81794 Jared Dillard
.btn-primary {
230 a741df3e Jared Dillard
    background-color: #009688;
231
    border-color: #00796B;
232 67e81794 Jared Dillard
}
233
234 4fd299b8 Jared Dillard
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
235 a741df3e Jared Dillard
    background-color: #00796B;
236
    border-color: #00695C;
237 33284f32 Jared Dillard
}
238
239 67e81794 Jared Dillard
.btn-success {
240
    background-color: #009688;
241
    border-color: #009688;
242
}
243
244
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
245
    background-color: #00796B;
246
    border-color: #00796B;
247
}
248
249
.btn-danger {
250
    background-color: #D32F2F;
251
    border-color: #D32F2F;
252
}
253
254 4fd299b8 Jared Dillard
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
255
    background-color: #C62828;
256
    border-color: #B71C1C;
257
}
258
259 cc28d1f3 Jared Dillard
.btn-warning {
260
    background-color: #FFA000;
261
    border-color: #FF8F00;
262
}
263
264
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
265
    background-color: #FF8F00;
266
    border-color: #FF6F00;
267
}
268
269 f0e52fb3 Jared Dillard
/* end common colors */
270 9c864a5b Jared Dillard
271 67e81794 Jared Dillard
caption {
272
    color: #E0E0E0;
273
    background-color: #303030;
274
}
275
276
.form-control {
277
    background-color: #e0e0e0;
278
}
279
280
.form-group {
281
    border-bottom: 1px solid #212121;
282
}
283
284
.panel-default>.panel-heading {
285 08165855 Jared Dillard
    color: #fff;
286
    background-color: #303030;
287
    border-color: #212121;
288 67e81794 Jared Dillard
}
289
290
.panel {
291 08165855 Jared Dillard
    background-color: #424242;
292
    border-color: #424242;
293
    box-shadow: 0px 3px 7px rgba(0,0,0,.3);
294 67e81794 Jared Dillard
}
295
296 e15815e0 Jared Dillard
.panel-footer {
297
    background-color: #424242;
298
}
299
300 67e81794 Jared Dillard
.help-block {
301 08165855 Jared Dillard
    color: #eeeeee;
302 67e81794 Jared Dillard
}
303
304
.checkbox label, .radio label {
305 08165855 Jared Dillard
    color: #eeeeee;
306 67e81794 Jared Dillard
}
307
308
.table-striped>thead {
309
    background-color: #000;
310
}
311
312
.table-striped>tbody>tr:nth-of-type(odd) {
313
    background-color: #303030;
314
}
315
316 821a9e49 Jared Dillard
.table-striped>tbody>tr.disabled:nth-of-type(odd) {
317
    background-color: rgba(48, 48, 48, .5);
318
    color: rgba(255,255,255,.5);
319
}
320
321
.table-striped>tbody>tr.disabled:nth-of-type(even) {
322
    background-color: rgba(66, 66, 66, .5);
323
    color: rgba(255,255,255,.5);
324
}
325
326
.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 {
327
    background-color: rgba(117, 117, 117, .5);
328
}
329
330
tr.disabled a {
331
    color: rgba(0, 150, 136,.5);
332
}
333
334 b18c3149 Jared Dillard
.table-bordered {
335
    border: 1px solid #303030;
336
}
337
338
.table-bordered>thead {
339
    background-color: #000;
340
}
341
342 67e81794 Jared Dillard
.table .table {
343
    background-color: #424242;
344
}
345
346 e2060a5a Jared Dillard
/* active table row */
347 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 {
348
    background-color: #80CBC4;
349
    color: #212121;
350
}
351
352 e2060a5a Jared Dillard
/* active table row on hover */
353 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 {
354
    background-color: #80CBC4;
355
    color: #212121;
356
}
357
358 37c9e550 Jared Dillard
.popover-title {
359
    background-color: #424242;
360
    border-bottom: 1px solid #212121;
361
}
362
363
.popover {
364
    background-color: #616161;
365
}
366
367
.popover.right>.arrow:after {
368
    border-right-color: #212121;
369
}
370
371 46f04d5e Jared Dillard
.modal-content {
372
    background-color: #424242;
373
}
374
375
.modal-header, .modal-footer {
376
    background-color: #303030;
377
    border-color: #212121;
378
379
}
380
381 67e81794 Jared Dillard
/** Page footer */
382
.footer {
383 08165855 Jared Dillard
    background-color: #000;
384 67e81794 Jared Dillard
}
385
386
.footer a {
387 08165855 Jared Dillard
    color: #fff;
388 67e81794 Jared Dillard
}
389
390
/** Homepage / dashboard */
391
.widget .panel-heading {
392
    background-color: #757575;
393
}
394
395
#widgetSequence {
396 08165855 Jared Dillard
    border-top: 1px solid #ddd;
397 67e81794 Jared Dillard
}
398
399 a4592b38 Jared Dillard
a.list-group-item, .list-group-item {
400
    background-color: #424242;
401 292bd9c6 Jose Luis Duran
    color: #e0e0e0;
402
    border: 1px solid #212121;
403 a4592b38 Jared Dillard
}
404
405
a.list-group-item:focus, a.list-group-item:hover, .list-group-item:focus, .list-group-item:hover {
406
    background-color: #303030;
407 292bd9c6 Jose Luis Duran
    color: #e0e0e0;
408 a4592b38 Jared Dillard
}
409
410
a.list-group-item .list-group-item-heading, .list-group-item .list-group-item-heading {
411
    color: #EEEEEE;
412
}
413
414 67e81794 Jared Dillard
.progress {
415 08165855 Jared Dillard
    background-color: #e0e0e0;
416 67e81794 Jared Dillard
}
417
418
.progress-bar {
419 08165855 Jared Dillard
    background-color: #009688;
420 67e81794 Jared Dillard
}
421
422
.icon-embed-btn
423
{
424 08165855 Jared Dillard
    color: white;
425 67e81794 Jared Dillard
}
426
427
/* Used when you need an icon to act as a submit button **/
428
.button-icon
429
{
430 08165855 Jared Dillard
    color: #337AB7;
431 67e81794 Jared Dillard
}
432
433
button.close {
434 08165855 Jared Dillard
    padding: 0 4px 1px 4px;
435 67e81794 Jared Dillard
    border: 1px solid #6D4C41;
436
    border-radius: 5px;
437
    box-shadow: 1px 1px 1px #6D4C41;
438 50d293a8 Jared Dillard
}
439
440 46f04d5e Jared Dillard
.modal-header button.close {
441
    border: 1px solid #fff;
442
    box-shadow: 1px 1px 1px #fff;
443
    color: #fff;
444
}
445
446 c0499d48 Jared Dillard
input, select, textarea {
447 50d293a8 Jared Dillard
    color: #212121;
448 2a425b40 Jared Dillard
}
449
450
/* tree css */
451
ul.tree li A:link, ul.tree li A:hover, ul.tree li A:visited {
452
    color : #ffffff;
453 cfc6161c Stephen Beaver
}
454
455 a8f24429 Jared Dillard
/*sortable table*/
456
457
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
458
    background-color: #000;
459 292bd9c6 Jose Luis Duran
    color: #009688;
460 a8f24429 Jared Dillard
    border-bottom-color: #009688;
461
}
462
463
table[data-sortable].sortable-theme-bootstrap tbody td {
464 292bd9c6 Jose Luis Duran
    border-top: 1px solid #303030;
465 a8f24429 Jared Dillard
}
466
467 cfc6161c Stephen Beaver
textarea {
468
    background-color: #bfbfbf;
469 87797ed9 NOYB
}
470
471
/** Styling for jQuery autocomplete widget */
472
.ui-autocomplete {
473
    color: #212121;
474
    background-color: #e0e0e0;
475 8c9d0b20 k-paulius
}
476
477 292bd9c6 Jose Luis Duran
.ui-widget {
478
    font-family: Roboto, sans-serif;
479
}
480
481 8c9d0b20 k-paulius
/* Callouts */
482
.bs-callout {
483
    padding: 10px 15px;
484
    margin: 20px 0;
485
    border: 1px solid #424242;
486
    border-left-width: 5px;
487
    border-radius: 3px;
488
    font-size: 13px;
489
}
490
491
.bs-callout h4 {
492
    margin-top: 0;
493
    margin-bottom: 5px;
494
}
495
496
.bs-callout p:last-child {
497
    margin-bottom: 0;
498
}
499
500
.bs-callout code {
501
    border-radius: 3px;
502
}
503
504
.bs-callout+.bs-callout {
505
    margin-top: -5px;
506
}
507
508
/* Callout contextual classes */
509
.bs-callout-default {
510
    border-left-color: #777;
511
}
512
513
.bs-callout-default h4 {
514
    color: #777;
515
}
516
517
.bs-callout-danger {
518
    border-left-color: #d9534f;
519
}
520
521
.bs-callout-danger h4 {
522
    color: #d9534f;
523
}
524
525
.bs-callout-warning {
526
    border-left-color: #f0ad4e;
527
}
528
529
.bs-callout-warning h4 {
530
    color: #f0ad4e;
531
}
532
533
.bs-callout-info {
534
    border-left-color: #01579B;
535
}
536
537
.bs-callout-info h4 {
538
    color: #01579B;
539 4d13e55f Jared Dillard
}
540 dc60c816 Jared Dillard
541
/* D3 Styles */
542
543 8024c54a Jared Dillard
.traffic-widget-chart:not(:last-child) {
544
    border-bottom: 2px solid #303030;
545
}
546
547 dc60c816 Jared Dillard
svg text {
548
    fill: #FFFFFF !important;
549
}
550
551
g.nv-axis text, g.nv-legend text {
552
    fill: #FFFFFF;
553
}
554
555 4d13e55f Jared Dillard
.nvd3 .nv-axis line, .nvd3 .nv-axis path {
556 dc60c816 Jared Dillard
    fill: #616161 !important;
557
    stroke: #616161 !important;
558
}
559
560 8024c54a Jared Dillard
.d3-chart .nvtooltip > h3 {
561 dc60c816 Jared Dillard
    background-color: rgba(66,66,66, 0.9);
562
    border-bottom: 1px solid #616161;
563
    color: #e0e0e0;
564
}
565
566 8024c54a Jared Dillard
.d3-chart .nvtooltip {
567 dc60c816 Jared Dillard
    background: rgba(97,97,97, 0.9);
568
    color: #e0e0e0;
569 8acd654a Renato Botelho
}