Project

General

Profile

« Previous | Next » 

Revision 26857a89

Added by Holger Bauer about 16 years ago

Adding the pfSense_ng theme

View differences:

usr/local/www/themes/pfsense_ng/all backup 1.css
1
/* Element CSS Definitions */
2
html, body, td, th, input, select {
3
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
4
	font-size: 0.9em;
5

  
6
}
7

  
8
.infobox {
9
	width:100%;
10
}
11

  
12
.infoboxsave {
13
	padding-right: 10px;
14
}
15

  
16
.infoboxnptd2 {
17
	width:100%;
18
	color:white;
19
	background-color:#990000;
20
	padding-right: 10px;
21
}
22

  
23
.infoboxnptd {
24
	width:8%;
25
	background-color:#990000;	
26
}
27

  
28
.infoboxnptable {
29
 	height:32px;
30
	width:100%;
31
	background-color:#990000;	
32
}
33

  
34
.infoboxnptable2 {
35
 	height:32px;
36
	width:100%;
37
	background-color:#990000;	
38
}
39

  
40
.infoboxnp {
41
	background-color:#990000;
42
	width:100%;
43
}
44

  
45
.infoboxnpimg {
46
	vertical-align:middle;
47
	width:28px;
48
	height:32px;
49
	background-color:#990000;	
50
}
51

  
52
.inputerrorsleft {
53
	background-color: #990000;
54
	width: 36px;
55
}
56

  
57
.inputerrorsright {
58
	background-color: #FFD9D1;	
59
	color: #000000;
60
	font-size: 11px;
61
	padding-left: 8px; 
62
	padding-top: 6px;
63
}
64

  
65
div.GraphLink {
66
	position: relative;
67
}
68

  
69
span.GraphLinkLine {
70
	position: absolute;
71
	background-color: #990000;
72
	width: 100%;
73
}
74

  
75
/* DOM Tooltip CSS definitions */
76
div.niceTitle
77
{
78
	background-color: #333333;
79
	color: #FFFFFF;
80
	font-weight: bold;
81
	font-size: 13px;
82
	font-family: "Trebuchet MS", sans-serif;
83
	width: 220px;
84
	left: 0;
85
	top: 0;
86
	padding: 4px;
87
	position: absolute;
88
	text-align: left;
89
	z-index: 20;
90
	-moz-border-radius: 0 10px 10px 10px;
91
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
92
	-moz-opacity: .87;
93
	-khtml-opacity: .87;
94
	opacity: .87;
95
}
96
div.niceTitle h1
97
{
98
  background: #990000;
99
  border-bottom: 1px dotted #FFFFFF;
100
	font-weight: bold;
101
	font-size: 13px;
102
	font-family: "Trebuchet MS", sans-serif;
103
	margin: 3px;
104
  padding-top: 1px;
105
  padding-bottom: 1px;
106
  padding-left: 3px;
107
  text-align: left;
108
	left: 0;
109
	top: 0;
110
  -moz-border-radius: 0 8px 0 0;
111
  -moz-opacity: 1;
112
}
113
div.niceTitle .contents
114
{
115
	margin: 0;
116
	padding: 0 3px;
117
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
118
	-moz-opacity: 1;
119
	-khtml-opacity: 1;
120
	opacity: 1;
121
}
122
div.niceTitle p
123
{
124
  background: #FFFFFF;
125
  border: 1px solid #990000;
126
	color: #000000;
127
	font-size: 11px;
128
	font-family: "Trebuchet MS", sans-serif;
129
	padding: 5px;
130
	margin: 3px;
131
	text-align: left;
132
	-moz-opacity: 1;
133
  -moz-border-radius: 0 0 8px 8px;
134
}
135

  
136
body {
137
  margin: 0px auto;
138
  background: url('images/background.gif') repeat-y;
139
  background-position : left 0px;
140
  background-color: #cccccc;
141
}
142

  
143
form {
144
	margin: 0px;
145
}
146
a {
147
	text-decoration: none;
148
}
149
form input {
150
	font-size: 1.1em;
151
}
152

  
153
iframe {
154
	z-index: 1;
155
	border: 1px dashed #990000;
156
}
157
.iframe {
158
	background-color: #FFFFFF;
159
}
160

  
161
/* ID Based CSS Definitions */
162
#wrapper {
163
	width: 810px;
164
	margin: 0px auto;
165
/*	left: 0px; */
166
}
167

  
168
#header {
169
	background: url('images/header.png') no-repeat;
170
	background-position: 0px;
171
	height: 80px;
172
	width: 810px;
173
	position: fixed;
174
	left: 0;
175
	margin-bottom: 5px;
176
	z-index: 2;
177
}
178
#header-left {
179
	position: relative;
180
	/* background: url('images/logo.gif') no-repeat; */
181
	background-position: center;
182
	height: 65px;
183
	width: 145px;
184
	left: 10px;
185
	float: left;
186
}
187
#header-left #status-link {
188
	position: relative;
189
	top: 10px;
190
	left: 6px;
191
}
192
#header-right {
193
	position: relative;
194
	/* background: url('images/header.gif') no-repeat; */
195
	height: 70px;
196
	color: #fff;
197
	left: 0px;
198
	margin-left: 165px;
199
}
200
#header-right .alert {
201
	position: relative;
202
	/* background: url('images/alert.gif') no-repeat; */
203
	background-position: 4px 2px;
204
	color: #fff;
205
	height: 17px;
206
	width: 500px;
207
	padding: 4px;
208
	padding-left: 27px;
209
	float: left;
210
}
211
#header-right .container {
212
	position: relative;
213
}
214
#header-right .container .left {
215
	position: relative; 
216
	float: left;
217
	font-size: 1.3em;
218
	font-weight: bold;
219
	top: 15px;
220
	left: 4px;
221
	display: none;
222
}
223
#header-right .container .right {
224
	position: relative;
225
	float: right;
226
	top: 22px;
227
	padding-right: 4px;
228
	z-index: 1;
229
}
230

  
231
#header-right .container .right #alerts {
232
	position: relative;
233
	background: url('images/alert_bgr.png') no-repeat;
234
	height: 39px;
235
	width: 431px;
236
	z-index: 1;
237
	padding-top: 20px;
238
	padding-left: 5px;
239
	margin: 0px;
240
}
241
#header-right .container .right #hostname {
242
	position: fixed;
243
	height: 40px;
244
	width: 400px;
245
	z-index: 1;
246
	padding-right: 5px;
247
	margin: 0px;
248
	top: 5px;
249
	left: 400px;
250
	font-size: 14px;
251
	color: #000000;
252
	font-weight: normal;
253
	text-align: right;
254
}
255

  
256

  
257

  
258
table#marquee {
259
	position: relative;
260
	top: -6px;
261
	left: -5px;
262
	border: 0;
263
	padding: 0;
264
	margin: 0;
265
	width: 424px;
266
	background-color: transparent;
267
	padding: 2px;
268
	border: 0px;
269
}
270
span#marquee-container {
271
	position: absolute;
272
	visibility: hidden;
273
	top: -100px;
274
	left: -10000px;
275
}
276
div#marquee-text {	
277
	font-size: 1.18em;
278
	font-weight: normal;
279
	font-family: Verdana;
280
	color: #ffffff;
281
}
282
table#marquee div#container {
283
	position: relative;
284
	overflow: hidden;
285
	width: 418px;
286
	height: 20px;
287
}
288
table#marquee div#container div#scroller {
289
	position: absolute;
290
	left: 0px;
291
	top: 0px;
292
}
293

  
294

  
295

  
296

  
297

  
298
#content {
299
	position: absolute;
300
	top: 80px;
301
	left: 0px;
302
	margin-top: 0px;
303
	margin-left: 0px;
304
	padding-top: 0px;
305
	width: 810px;
306
	background-color: #ffffff;
307
}
308

  
309
#left {
310
	width: 810px;
311
	height: 1px;
312
	left:0px;
313
}
314
#right {
315
	position: relative;
316
	top: -10px;
317
	left: 0px;
318
	width: 770px;
319
	margin-top: 0px;
320
	margin-left: 5px;
321
	margin-right: 5px;
322
	padding-top: 5px;
323
	padding-left: 10px;
324
	padding-right: 10px;
325
	padding-bottom: 90px;
326
	min-height: 400px;
327
}
328

  
329
#footer {
330
	position: fixed;
331
	background: url('images/footer.png') no-repeat;
332
/*	top: -18px; */
333
	bottom: 0px;
334
	left: 0px;
335
	width: 810px;
336
	height: 50px;
337
	color: #ffffff;
338
	text-align: center;;
339
	font-size: 0.9em;
340
	padding-top: 17px;
341
	clear: both;
342
}
343
#footer p {
344
	padding: 0px;
345
	margin: 0px;
346
}
347

  
348
/* Style the List */
349
#navigation {
350
	/* background: url('images/menu.gif') no-repeat; */
351
	/* width: 693px; */
352
	position: relative;
353
	position: fixed;
354
	top: 59px;
355
	left: 3px;
356
	width: 810px;
357
	padding: 0px;
358
	height: 28px;
359
	z-index: 3;
360
}
361
#navigation ul {
362
	padding: 0;
363
	margin: 0;
364
	list-style: none;
365
	text-align: center;
366
}
367
#navigation ul#menu {
368
	padding-top: 3px;
369
	padding-left: 5px;
370
}
371

  
372
/* Style the List Elements */
373
#navigation ul li {
374
	float: left;
375
	position: relative;
376
	/* width: 7.5em; */
377
	width: 8.77em;
378
	top: -1px;
379
}
380
#navigation ul li div {
381
	font-size: 1em;
382
	font-weight: bold;
383
	color: #cccccc;
384
}
385
/* Make the List inside the List Elements */
386
/* initially hidden with absolute position */
387
#navigation ul li ul {
388
	display: none;
389
	position: absolute; 
390
	top: 2em;
391
	left: -2px;
392
	width: 9em;
393
	font-weight: normal;
394
	background: transparent bottom left no-repeat; /* This is key to making the menu maintain visibility when not on a link */
395
	/* background-color: #202020;
396
	background: url("images/menu_footer.gif") no-repeat;
397
	background-position: bottom;
398
	*/
399
	padding: 0em 0 0.4em 0;
400
	padding-top: 0.3em;
401
}
402
/* to override top and left in browsers other than IE */
403
/* which will position to the top right of the containing */
404
/* li, rather than bottom left */
405
#navigation ul li > ul {
406
	top: auto;
407
	left: auto;
408
	left: -1px !important;
409
}
410
/* Show initial drop down upon mouse over, but do not show */
411
/* nested side drop menus within listed elements */
412
#navigation ul li:hover ul { 
413
	display: block;
414
	cursor: pointer;
415
}
416
#navigation ul li:hover {
417
	cursor: pointer;
418
	cursor: pointer;
419
}
420
#navigation ul li:hover div {
421
	text-decoration: none;
422
}
423

  
424
#navigation ul li {
425
	background-color: transparent;
426
	color: #000000;
427
}
428
#navigation ul li ul li {
429
	border: 1px solid #990000;
430
	width: 8.8em;
431
	height: 1.6em;
432
	line-height: 1.6em;
433
	background-color: #990000;
434
	color: #000000;
435
}
436
#navigation ul li ul li:hover {
437
	background-color: #666666;
438
}
439

  
440
/* textcolor in dropdownmenu */
441
#navigation li li a {
442
	display: block;
443
	padding-left: 10px;
444
	padding-right: 10px;
445
	color: #cccccc;
446
}
447

  
448
#navigation ul li ul li a.navlnk:hover {
449
	text-decoration: none;
450
}
451
#navigation ul li.first {
452
	border-right: 0px;
453
}
454
#navigation ul li.middle {
455
	border-right: 0px;
456
}
457
#navigation ul li.last {
458

  
459
}
460

  
461
#navigation ul li.dropfirst {
462
	border-bottom: 0px;
463
}
464
#navigation ul li.dropmiddle {
465
	border-bottom: 0px;
466
}
467
#navigation ul li.droplast {
468
}
469

  
470
#wzdtabcont {
471
	float: left;
472
	background-color: #FFFFFF;
473
	color: #000000;
474
	padding: 0;
475
}
476

  
477
ul#wzdnav {
478
  font-size: 0.96em;
479
  float: left;
480
	width: 14.5em;
481
  margin: 0;
482
	padding-left: 18px;
483
}
484

  
485
ul#wzdnav li {
486
  list-style: none;
487
  margin: 0;
488
	padding-bottom: 0.2em;
489
  padding-left: 0;
490
}
491

  
492
ul#wzdnav a {
493
  display: block;
494
  padding: 0.3em;
495
  font-weight: normal;
496
}
497

  
498
#wzdnavbold a {
499
  display: block;
500
  padding: 0.3em;
501
  font-weight: bold ! important;
502
}
503

  
504
ul#wzdnav a:link {
505
  color: black;
506
	background-color: #eee;
507
}
508

  
509
ul#wzdnav a:visited {
510
  color: #666;
511
	background-color: #eee;
512
}
513

  
514
ul#wzdnav a:hover {
515
  color: black;
516
	background-color: white;
517
}
518

  
519
ul#wzdnav a:active {
520
  color: white;
521
	background-color: gray;
522
}
523

  
524
#graph {
525
	position: relative;
526
	z-index: 10;
527
}
528

  
529
#logoutbtn {
530
  position: absolute;
531
  left: 95%;
532
  vertical-align: middle;
533
}
534

  
535

  
536
#graph {
537
	position: relative;
538
	z-index: 10;
539
}
540

  
541

  
542

  
543
/* Class Based CSS Definitions */
544
.pgtitle {
545
	font-size: 18px;
546
	color: #777777;
547
	font-weight: bold;
548
}
549
.tfrtitle {
550
	font-size: 18px;
551
	color: #ffffff;
552
	font-weight: bold;
553
}
554
.vncell {
555
	background-color: #DDDDDD;
556
	padding-right: 20px;
557
	padding-left: 8px;
558
	border-bottom: 1px solid #999999;
559
}
560
.formfld {
561
  padding-left: 19px;
562
  font-size: small;
563
}
564
.formselect {
565
  font-size: 1.0em;
566
}
567
.langopt {
568
  padding-left: 34px;
569
  padding-top: 2px;
570
  padding-bottom: 2px;
571
}
572
.saved {
573
  /* background: url('/themes/nione/images/icons/icon_wzd_saved.png') no-repeat 0 1px #FFFFFF; */
574
  list-style-image: url('/themes/nervecenter/images/icons/icon_wzd_saved.png') ! important;
575
}
576
.notsaved {
577
  /* background: url('/themes/nione/images/icons/icon_wzd_nsaved.png') no-repeat 0 1px #FFFFFF; */
578
  list-style-image: url('/themes/nervecenter/images/icons/icon_wzd_nsaved.png') ! important;
579
}
580
.en {
581
  background: url('/themes/nervecenter/images/icons/icon_flag_en.png') no-repeat 0 1px #FFFFFF;
582
}
583
.de {
584
  background: url('/themes/nervecenter/images/icons/icon_flag_de.png') no-repeat 0 1px #FFFFFF;
585
}
586
.es {
587
  background: url('/themes/nervecenter/images/icons/icon_flag_es.png') no-repeat 0 1px #FFFFFF;
588
}
589
.pt_BR {
590
  background: url('/themes/nervecenter/images/icons/icon_flag_pt_BR.png') no-repeat 0 1px #FFFFFF;
591
}
592
.host {
593
  background: url('/themes/nervecenter/images/icons/icon_frmfld_host.png') no-repeat 0 1px #FFFFFF;
594
}
595
.search {
596
  background: url('/themes/nervecenter/images/icons/icon_frmfld_search.png') no-repeat 0 1px #FFFFFF;
597
}
598
.file {
599
  background: url('/themes/nervecenter/images/icons/icon_frmfld_file.png') no-repeat 0 1px #FFFFFF;
600
}
601
.mail {
602
  background: url('/themes/nervecenter/images/icons/icon_frmfld_mail.png') no-repeat 0 1px #FFFFFF;
603
}
604
.imp {
605
  background: url('/themes/nervecenter/images/icons/icon_frmfld_imp.png') no-repeat 0 1px #FFFFFF;
606
}
607
.pwd {
608
  background: url('/themes/nervecenter/images/icons/icon_frmfld_pwd.png') no-repeat 0 1px #FFFFFF;
609
}
610
.user {
611
  background: url('/themes/nervecenter/images/icons/icon_frmfld_user.png') no-repeat 0 1px #FFFFFF ;
612
}
613
.group {
614
  background: url('/themes/nervecenter/images/icons/icon_frmfld_group.png') no-repeat 0 1px #FFFFFF;
615
}
616
.url {
617
  background: url('/themes/nervecenter/images/icons/icon_frmfld_url.png') no-repeat 0 1px #FFFFFF;
618
}
619
.time {
620
  background: url('/themes/nervecenter/images/icons/icon_frmfld_time.png') no-repeat 0 1px #FFFFFF;
621
}
622
.unknown {
623
  background: url('/themes/nervecenter/images/icons/icon_frmfld_unknown.png') no-repeat 0 1px #FFFFFF;
624
}
625
.formfld_cert {
626
  background: url('/themes/nervecenter/images/icons/icon_frmfld_cert.png') no-repeat 0 1px #FFFFFF;
627
  padding-left: 28px;
628
	font-family: Courier New, Courier, monospaced;
629
	font-size: 11px;
630
}
631
.formfldalias {
632
	background-color: #990000;
633
	color: #FFFFFF;
634
}
635
.formpre {
636
	font-family: Courier New, Courier, monospaced;
637
	font-size: 10px;
638
}
639
.formbtn {
640
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
641
	font-size: 13px;
642
	font-weight: bold;
643
}
644
.formbtns {
645
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
646
	font-size: 10px;
647
	font-weight: bold;
648
}
649
.vvcell {
650
	background-color: #FFFFC6;
651
}
652
.errmsg {
653
	font-weight: bold;
654
	color: #CC0000;
655
}
656
.red {
657
	color: #CC0000;
658
}
659
.gray {
660
	color: #A0A0A0;
661
}
662
.vexpl {
663
	font-size: 11px;
664
}
665
.navlnk {
666
	color: #FFFFFF;
667
	text-decoration: none;
668
	font-size: 13px;
669
}
670
.navlnks {
671
	color: #FFFFFF;
672
	text-decoration: none;
673
	font-size: 11px;
674
}
675
.redlnk {
676
	color: #990000;
677
	text-decoration: none;
678
}
679
.tblnk {
680
	color: #FFFFFF;
681
	text-decoration: none;
682
}
683
.vncellreq {
684
	background-color: #DDDDDD;
685
	padding-right: 20px;
686
	padding-left: 8px;
687
	font-weight: bold;
688
	border-bottom: 1px solid #999999;
689
}
690
.vncellt {
691
	background-color: #DDDDDD;
692
	padding-right: 20px;
693
	padding-left: 8px;
694
	padding-top: 4px;
695
	padding-bottom: 4px;
696
	font-weight: bold;
697
	border-bottom: 1px solid #999999;
698
}
699
.vtable {
700
	border-bottom: 1px solid #999999;
701
}
702
.vnsepcell {
703
	background-color: #BBBBBB;
704
	padding-right: 20px;
705
	padding-left: 8px;
706
	font-weight: bold;
707
	border-bottom: 1px solid #999999;
708
	font-size: 11px;
709
}
710
.cpline {
711
	font-size: 11px;
712
	color: #FFFFFF;
713
}
714
.hostname {
715
	font-size: 11px;
716
	color: #990000;
717
	font-weight: bold;
718
}
719
.vnsepcellr {
720
	background-color: #BBBBBB;
721
	padding-right: 20px;
722
	padding-left: 8px;
723
	font-weight: bold;
724
	border-right: 1px solid #999999;
725
	border-bottom: 1px solid #999999;
726
	font-size: 11px;
727
}
728
.listrborder {
729
	background-color: #FFFFFF;
730
	border-right: 1px solid #999999;
731
	border-left: 1px solid #999999;	
732
	border-bottom: 1px solid #999999;
733
	font-size: 11px;
734
	padding-right: 6px;
735
	padding-left: 6px;
736
	padding-top: 4px;
737
	padding-bottom: 4px;
738
}
739
.listr {
740
	background-color: #FFFFFF;
741
	border-right: 1px solid #999999;
742
	border-bottom: 1px solid #999999;
743
	font-size: 11px;
744
	padding-right: 6px;
745
	padding-left: 6px;
746
	padding-top: 4px;
747
	padding-bottom: 4px;
748
}
749
.listrpad {
750
	border-right: 1px solid #999999;
751
	border-bottom: 1px solid #999999;
752
	font-size: 11px;
753
	padding-right: 16px;
754
	padding-left: 10px;
755
	padding-top: 8px;
756
	padding-bottom: 8px;
757
}
758
.listn {
759
	font-size: 11px;
760
	padding-right: 16px;
761
	padding-left: 6px;
762
	padding-top: 4px;
763
	padding-bottom: 4px;
764
}
765
.listbg {
766
	border-right: 1px solid #999999;
767
	border-bottom: 1px solid #999999;
768
	font-size: 11px;
769
	color: #FFFFFF;
770
	background-color: #990000;
771
	padding-right: 16px;
772
	padding-left: 6px;
773
	padding-top: 4px;
774
	padding-bottom: 4px;
775
}
776
.listbggrey {
777
	border-right: 1px solid #999999;
778
        border-bottom: 1px solid #999999;
779
        font-size: 11px;
780
        background-color: #999999;
781
        padding-right: 16px;
782
        padding-left: 6px;
783
        padding-top: 4px;
784
        padding-bottom: 4px;
785
}
786
.listhdr {
787
	background-color: #BBBBBB;
788
	padding-right: 16px;
789
	padding-left: 6px;
790
	font-weight: bold;
791
	border-bottom: 1px solid #999999;
792
	font-size: 11px;
793
	padding-top: 5px;
794
	padding-bottom: 5px;
795
}
796
.listhdr a {
797
	color: #000000;
798
}
799
.listhdrr {
800
	background-color: #BBBBBB;
801
	padding-right: 16px;
802
	padding-left: 6px;
803
	font-weight: bold;
804
	border-right: 1px solid #999999;
805
	border-bottom: 1px solid #999999;
806
	font-size: 11px;
807
	padding-top: 5px;
808
	padding-bottom: 5px;
809
}
810
.listhdrr a {
811
	color: #000000;
812
}
813
.listlr {
814
	background-color: #FFFFFF;
815
	border-right: 1px solid #999999;
816
	border-bottom: 1px solid #999999;
817
	border-left: 1px solid #999999;
818
	font-size: 11px;
819
	padding-right: 6px;
820
	padding-left: 6px;
821
	padding-top: 4px;
822
	padding-bottom: 4px;
823
}
824
.listlrns {
825
	background-color: #FFFFFF;
826
	border-right: 1px solid #999999;
827
	border-bottom: 1px solid #999999;
828
	border-left: 1px solid #999999;
829
	font-size: 11px;
830
	padding-top: 4px;
831
	padding-bottom: 4px;
832
}
833
.list {
834
	font-size: 11px;
835
	padding-left: 6px;
836
	padding-top: 2px;
837
	padding-bottom: 2px;
838
}
839
.listt {
840
	font-size: 11px;
841
	padding-top: 5px;
842
}
843
.listhdrrns {
844
	background-color: #BBBBBB;
845
	padding-left: 6px;
846
	padding-top: 5px;
847
	padding-bottom: 5px;
848
	padding-right: 6px;
849
	font-weight: bold;
850
	border-right: 1px solid #999999;
851
	border-bottom: 1px solid #999999;
852
	font-size: 11px;
853
}
854
.listbgns {
855
	border-right: 1px solid #999999;
856
	border-bottom: 1px solid #999999;
857
	font-size: 11px;
858
	background-color: #D9DEE8;
859
	padding-left: 6px;
860
	padding-right: 4px;
861
	padding-top: 4px;
862
	padding-bottom: 4px;
863
}
864
.listtopic {
865
	border-right: 1px solid #999999;
866
	font-size: 11px;
867
	background-color: #990000;
868
	padding-right: 16px;
869
	padding-left: 6px;
870
	color: #FFFFFF;
871
	font-weight: bold;
872
	padding-top: 5px;
873
	padding-bottom: 5px;
874
}
875

  
876
.optsect_t {
877
	border-right: 1px solid #999999;
878
	background-color: #990000;
879
	padding-right: 6px;
880
	padding-left: 6px;
881
	padding-top: 2px;
882
	padding-bottom: 2px;
883
}
884
.optsect_s {
885
	font-size: 11px;
886
	color: #FFFFFF;
887
	font-weight: bold;
888
}
889
.tabnavtbl {
890
}
891

  
892

  
893
/* MISC CSS Definitions */
894
ul#tabnav {
895
	font-size: 11px;
896
	font-weight: bold;
897
	list-style-type: none;
898
	margin: 0;
899
	padding: 0;
900
}
901
ul#tabnav li.tabinact1 {
902
	float: left;
903
	background-color: #777777;
904
	color: #FFFFFF;
905
	padding: 0;
906
	white-space: nowrap;
907
}
908
ul#tabnav li.tabinact {
909
	float: left;
910
	border-left: 1px solid #999999;
911
	background-color: #777777;
912
	color: #FFFFFF;
913
	padding: 0;
914
	white-space: nowrap;
915
}
916
ul#tabnav li.tabinact a {
917
	float: left;
918
	display: block;
919
	text-decoration: none;
920
	padding: 5px 8px 5px 8px;
921
	color: #FFFFFF;
922
}
923
ul#tabnav li.tabinact1 a {
924
	float: left;
925
	display: block;
926
	text-decoration: none;
927
	padding: 5px 8px 5px 8px;
928
	color: #FFFFFF;
929
}
930
ul#tabnav li.tabact {
931
	float: left;
932
	background-color: #EEEEEE;
933
	color: #000000;
934
	padding: 5px 8px 5px 8px;
935
	white-space: nowrap;
936
}
937
.tabcont {
938
	background-color: #EEEEEE;
939
	padding-right: 12px;
940
	padding-left: 12px;
941
	padding-top: 12px;
942
	padding-bottom: 12px;
943
}
944
.tabact {
945
	float: left;
946
	background-color: #EEEEEE;
947
	color: #000000;
948
	padding: 5px 8px 5px 8px;
949
	white-space: nowrap;
950
}
951
.tabinact {
952
	font-weight: bold;
953
	float: left;
954
	border-left: 1px solid #999999;
955
	background-color: #777777;
956
	color: #FFFFFF;
957
	padding: 0;
958
	white-space: nowrap;
959
}
960
.menu {
961
	background-color: #000000;
962
	white-space: nowrap;
963
	padding: 0px 5px 0px 5px;
964
	width: 100%;
965
	vertical-align: top;
966
}
967

  
968

  
969
/* Auto Complete Suggestions */
970
div.suggestions {
971
    -moz-box-sizing: border-box;
972
    /* box-sizing: border-box; */
973
    border: 1px solid black;
974
    position: absolute;
975
	background-color: #990000;
976
	color: #FFF;
977
}
978

  
979
div.suggestions div {
980
    cursor: default;
981
    padding: 0px 3px;
982
	background-color: #990000;
983
	color: #FFF;
984
}
985

  
986
div.suggestions div.current {
987
    background-color: #3366cc;
988
    color: #FFF;
989
}
990
/* End Auto Complete Suggestions */
991

  
992

  
993
/* Nifty Corners Crap */
994
.rtop,.artop{display:block}
995
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
996
.artop *{border-style: solid;border-width:0 1px}
997
.r1,.rl1,.re1,.rel1{margin-left:5px}
998
.r1,.rr1,.re1,.rer1{margin-right:5px}
999
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
1000
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
1001
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
1002
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
1003
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
1004
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
1005
.rx1,.rxl1{border-left-width:5px}
1006
.rx1,.rxr1{border-right-width:5px}
1007
.rx2,.rxl2{border-left-width:3px}
1008
.rx2,.rxr2{border-right-width:3px}
1009
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
1010
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
1011
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
1012
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
1013
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
1014
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
1015
/* End Nifty Corners Crap */
1016

  
1017

  
1018

  
1019
/* CSS for Dynamic Log Viewer */
1020
/* Author: Erik Kristensen    */
1021
div#log div.log-entry {
1022
	clear: both;
1023
}
1024

  
1025
div#log div.log-entry span,
1026
div#log div.log-header span {
1027
	padding: 3px 2px 3px 2px;
1028
	padding-left: 8px;
1029
}
1030

  
1031
div#log div.log-entry span.log-action {
1032
	padding-bottom: 6px;
1033
	padding-left: 5px;
1034
	padding-right: 5px;
1035
}
1036

  
1037
div#log div.log-header span {
1038
	border-top: 1px solid #999;
1039
	background-color: #bbb;
1040
	font-weight: bold;
1041
	text-align: left;
1042
}
1043

  
1044
div#log span.log-action,
1045
div#log span.log-time,
1046
div#log span.log-interface,
1047
div#log span.log-source,
1048
div#log span.log-destination,
1049
div#log span.log-protocol {
1050
	float: left;
1051
	text-align: left;
1052
	border-left: 1px solid #999;
1053
	border-bottom: 1px solid #999;
1054
	
1055
}
1056

  
1057
div#log span.log-general {
1058

  
1059
}
1060

  
1061
div#log span.log-protocol {
1062
	border-right: 1px solid #999;
1063
}
1064

  
1065
div#log span.log-action {
1066
	width: 2em;
1067
	text-align: center;
1068
}
1069

  
1070
div#log span.log-time {
1071
	width: 12.5em;
1072
}
1073

  
1074
div#log span.log-interface {
1075
	width: 5em;
1076
}
1077

  
1078
div#log span.log-source,
1079
div#log span.log-destination {
1080
	width: 17.6em;
1081
}
1082

  
1083
div#log span.log-protocol {
1084
	width: 5.5em;
1085
}
1086
/* END CSS FOR DYNAMIC LOG VIEWER */
1087

  
1088
#login {
1089
	background: #cccccc;
1090
	border: 0px solid #666666;
1091
	margin: 5em auto;
1092
	padding: 0em;
1093
	width: 340px;
1094
}
1095

  
1096
#login h1 {
1097
	background: url(images/misc/logon.png) no-repeat top left;
1098
	margin-top: 0;
1099
	display: block;
1100
	text-indent: -1000px;
1101
	height: 50px;
1102
	border-bottom: none;
1103
}
1104

  
1105
#login p {
1106
	font-size: 1em;
1107
	font-weight: bold;
1108
	padding: 3px;
1109
	margin: 0em;
1110
	text-indent: 10px;
1111
}
1112

  
1113
#login span {
1114
	font-size: 1em;
1115
	font-weight: bold;
1116
	width: 20%;
1117
	padding: 3px;
1118
	margin: 0em;
1119
	text-indent: 10px;
1120
}
1121

  
1122
#login p#text {
1123
	font-size: 1em;
1124
	font-weight: normal;
1125
	padding: 3px;
1126
	margin: 0em;
1127
	text-indent: 10px;
1128
}
1129

  
1130
#login #username, #password {
1131
	font-size: 1em;
1132
	width: 60%;
1133
	padding: 3px;
1134
	margin: 0em;
1135
}
1136

  
1137
#login #submit {
1138
	font-size: 1em;
1139
	font-weight: bold;
1140
	padding: 3px;
1141
	margin: 0em;
1142
	text-indent: 10px;
1143
}
1144

  
1145
/* Widget CSS */
1146
.widgetsubheader {
1147
	border-right: 1px solid #999999;
1148
	font-size: 11px;
1149
	background-color: #B1B1B1;
1150
	padding-right: 6px;
1151
	padding-left: 6px;
1152
	color: #000000;
1153
	font-weight: bold;
1154
	padding-top: 5px;
1155
	padding-bottom: 5px;
1156
}
1157
.widgetheader {
1158
	border-right: 1px solid #999999;
1159
	font-size: 11px;
1160
	background-color: #990000;
1161
	padding-right: 6px;
1162
	padding-left: 6px;
1163
	color: #FFFFFF;
1164
	font-weight: bold;
1165
	padding-top: 5px;
1166
	padding-bottom: 5px;
1167
}
1168
.widgetdiv{
1169
	margin:5px;
1170
	padding: 5px;
1171
	background:#CCCCCC;
1172
}
1173
.widgetconfigdiv{
1174
	background:#BBBBBB;
1175
	font-size: 11px;
1176
	color: #000000;
1177
	padding-right: 5px;
1178
	padding-left: 5px;
1179
	padding-top: 5px;
1180
	padding-bottom: 5px;
1181
}
1182

  
1183
div#log div.log-entry-mini {
1184
	clear: both;
1185
}
1186

  
1187
div#log div.log-entry-mini span {
1188
	padding: 2px 2px 2px 2px;
1189
	padding-left: 8px;
1190
}
1191

  
1192
div#log span.log-action-mini-header,
1193
div#log span.log-interface-mini-header,
1194
div#log span.log-source-mini-header,
1195
div#log span.log-destination-mini-header,
1196
div#log span.log-protocol-mini-header {
1197
	float: left;
1198
	text-align: left;
1199
	background-color: #B1B1B1;
1200
	font-size: 12px;
1201
	border-left: 1px solid #999;
1202
	border-bottom: 1px solid #999;
1203
}
1204

  
1205
div#log span.log-action-mini,
1206
div#log span.log-time-mini,
1207
div#log span.log-interface-mini,
1208
div#log span.log-source-mini,
1209
div#log span.log-destination-mini,
1210
div#log span.log-protocol-mini {
1211
	float: left;
1212
	text-align: left;
1213
	background-color: #FFFFFF;
1214
	font-size: 11px;
1215
	border-left: 1px solid #999;
1216
	border-bottom: 1px solid #999;
1217
}
1218

  
1219
div#log span.log-action-mini,
1220
div#log span.log-action-mini-header {
1221
	width: 6%;
1222
}
1223

  
1224
div#log span.log-interface-mini,
1225
div#log span.log-interface-mini-header {
1226
	width: 8%;
1227
}
1228

  
1229
div#log span.log-source-mini,
1230
div#log span.log-destination-mini,
1231
div#log span.log-source-mini-header,
1232
div#log span.log-destination-mini-header {
1233
	width: 31%;
1234
}
1235

  
1236
div#log span.log-protocol-mini,
1237
div#log span.log-protocol-mini-header {
1238
	width: 8%;	
1239
	border-right: 1px solid #999;
1240
}
1241

  
1242
/* Sortable tables */
1243
table.sortable thead {
1244
    background-color:#eee;
1245
    color:#666666;
1246
    font-weight: bold;
1247
    cursor: default;
1248
}
usr/local/www/themes/pfsense_ng/all.css
1
/* Element CSS Definitions */
2
html, body, td, th, input, select {
3
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
4
	font-size: 0.9em;
5

  
6
}
7

  
8
.infobox {
9
	width:100%;
10
}
11

  
12
.infoboxsave {
13
	padding-right: 10px;
14
}
15

  
16
.infoboxnptd2 {
17
	width:100%;
18
	color:white;
19
	background-color:#990000;
20
	padding-right: 10px;
21
}
22

  
23
.infoboxnptd {
24
	width:8%;
25
	background-color:#990000;	
26
}
27

  
28
.infoboxnptable {
29
 	height:32px;
30
	width:100%;
31
	background-color:#990000;	
32
}
33

  
34
.infoboxnptable2 {
35
 	height:32px;
36
	width:100%;
37
	background-color:#990000;	
38
}
39

  
40
.infoboxnp {
41
	background-color:#990000;
42
	width:100%;
43
}
44

  
45
.infoboxnpimg {
46
	vertical-align:middle;
47
	width:28px;
48
	height:32px;
49
	background-color:#990000;	
50
}
51

  
52
.inputerrorsleft {
53
	background-color: #990000;
54
	width: 36px;
55
}
56

  
57
.inputerrorsright {
58
	background-color: #FFD9D1;	
59
	color: #000000;
60
	font-size: 11px;
61
	padding-left: 8px; 
62
	padding-top: 6px;
63
}
64

  
65
div.GraphLink {
66
	position: relative;
67
}
68

  
69
span.GraphLinkLine {
70
	position: absolute;
71
	background-color: #990000;
72
	width: 100%;
73
}
74

  
75
/* DOM Tooltip CSS definitions */
76
div.niceTitle
77
{
78
	background-color: #333333;
79
	color: #FFFFFF;
80
	font-weight: bold;
81
	font-size: 13px;
82
	font-family: "Trebuchet MS", sans-serif;
83
	width: 220px;
84
	left: 0;
85
	top: 0;
86
	padding: 4px;
87
	position: absolute;
88
	text-align: left;
89
	z-index: 20;
90
	-moz-border-radius: 0 10px 10px 10px;
91
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
92
	-moz-opacity: .87;
93
	-khtml-opacity: .87;
94
	opacity: .87;
95
}
96
div.niceTitle h1
97
{
98
  background: #990000;
99
  border-bottom: 1px dotted #FFFFFF;
100
	font-weight: bold;
101
	font-size: 13px;
102
	font-family: "Trebuchet MS", sans-serif;
103
	margin: 3px;
104
  padding-top: 1px;
105
  padding-bottom: 1px;
106
  padding-left: 3px;
107
  text-align: left;
108
	left: 0;
109
	top: 0;
110
  -moz-border-radius: 0 8px 0 0;
111
  -moz-opacity: 1;
112
}
113
div.niceTitle .contents
114
{
115
	margin: 0;
116
	padding: 0 3px;
117
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
118
	-moz-opacity: 1;
119
	-khtml-opacity: 1;
120
	opacity: 1;
121
}
122
div.niceTitle p
123
{
124
  background: #FFFFFF;
125
  border: 1px solid #990000;
126
	color: #000000;
127
	font-size: 11px;
128
	font-family: "Trebuchet MS", sans-serif;
129
	padding: 5px;
130
	margin: 3px;
131
	text-align: left;
132
	-moz-opacity: 1;
133
  -moz-border-radius: 0 0 8px 8px;
134
}
135

  
136
body {
137
  margin: 0px auto;
138
  align: left;
139
  background: url('images/background.jpg') repeat-y;
140
  background-position : left 0px;
141
  background-attachment: fixed;
142
  background-color: #cccccc;
143
}
144
a:link {
145
	color: #550000;
146
}
147

  
148
a:visited {
149
	color: #550000;
150
}
151

  
152
a:active {
153
	color: #550000;
154
}
155

  
156
a:hover {
157
	color: #550000;
158
}
159

  
160
form {
161
	margin: 0px;
162
}
163
a {
164
	text-decoration: none;
165
}
166
form input {
167
	font-size: 1.1em;
168
}
169

  
170
iframe {
171
	z-index: 1;
172
	border: 1px dashed #990000;
173
}
174
.iframe {
175
	background-color: #FFFFFF;
176
}
177

  
178
/* style of disabled formelements */
179
#wrap div {margin:1em 0}
180
[disabled] {
181
	color:#666666;
182
	background:#eeeeee;
183
}
184

  
185

  
186
/* ID Based CSS Definitions */
187
/* margin: 0px auto makes the content centered, margin 0px 0px makes it aligned to the left */
188
#wrapper {
189
	width: 810px;
190
	margin: 0px 0px;
191
/*	left: 0px; */
192
}
193

  
194
#header {
195
	background: url('images/header.png') no-repeat;
196
	background-position: 0px;
197
	height: 40px;
198
	width: 810px;
199
	position: fixed;
200
	left: 0;
201
	margin-bottom: 5px;
202
	z-index: 2;
203
}
204
#header-left {
205
	position: relative;
206
	/* background: url('images/logo.gif') no-repeat; */
207
	background-position: center;
208
	height: 40px;
209
	width: 80px;
210
	left: 0px;
211
	top:0px;
212
	float: left;
213
}
214
#header-left #status-link {
215
	position: relative;
216
	top: 0px;
217
	left: 0px;
218
}
219
#header-right {
220
	position: relative;
221
	/* background: url('images/header.gif') no-repeat; */
222
	height: 70px;
223
	color: #fff;
224
	left: 0px;
225
	margin-left: 165px;
226
}
227
#header-right .alert {
228
	position: relative;
229
	/* background: url('images/alert.gif') no-repeat; */
230
	background-position: 4px 2px;
231
	color: #fff;
232
	height: 17px;
233
	width: 500px;
234
	padding: 4px;
235
	padding-left: 27px;
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff