Source code taken from cacert-20141124.tar.bz2
[cacert.git] / www / styles / default.css
1 /***********************************************/
2 /* emx_nav_right.css */
3 /* Use with template Halo_rightNav.html */
4 /***********************************************/
5
6 /***********************************************/
7 /* HTML tag styles */
8 /***********************************************/
9
10 body {
11 font-family: Arial,sans-serif;
12 color: #333333;
13 line-height: 1.166;
14 margin: 0px;
15 padding: 0px;
16 background: #cccccc;
17 /* url("/siteimages/bg_grad.jpg") fixed; */
18 }
19
20
21 /******* hyperlink and anchor tag styles *******/
22
23 a:link, a:visited {
24 color: #005fa9;
25 text-decoration: none;
26 }
27
28 a:hover {
29 text-decoration: underline;
30 }
31
32
33 /************** header tag styles **************/
34
35 h1 {
36 font: bold 120% Arial ,sans-serif;
37 color: #334d55;
38 margin: 0px;
39 padding: 0px;
40 }
41
42 h2 {
43 font: bold 114% Arial ,sans-serif;
44 color: #006699;
45 margin: 0px;
46 padding: 0px;
47 }
48
49 h3 {
50 font: bold 100% Arial ,sans-serif;
51 color: #334d55;
52 margin: 0px;
53 padding: 0px;
54 }
55
56 h3.pointer {
57 cursor: pointer;
58 /* cursor: hand; */
59 }
60
61 h4 {
62 font: bold 100% Arial ,sans-serif;
63 color: #333333;
64 margin: 0px;
65 padding: 0px;
66 }
67
68 h5 {
69 font: 100% Arial ,sans-serif;
70 color: #334d55;
71 margin: 0px;
72 padding: 0px;
73 }
74
75
76 /*************** list tag styles ***************/
77
78 ul.menu {
79 list-style: none;
80 margin: 0px 0px 0px 15px;
81 padding-left: 5px;
82 border-left: 1px dotted #000;
83 }
84
85 ul.top {
86 list-style: none;
87 margin: 0px 0px 0px 15px;
88 padding-left: 5px;
89 border-left: 0px;
90 }
91
92 ul.no_indent {
93 list-style: none;
94 padding: 0px;
95 }
96
97 .attach_ul {
98 margin-bottom: 0px;
99 }
100
101 .attach_ul + ul {
102 margin-top: 0px;
103 }
104
105
106 /***********************************************/
107 /* Layout Divs */
108 /***********************************************/
109
110 #pagecell1 {
111 position: absolute;
112 top: 2%;
113 left: 2%;
114 right: 2%;
115 width: 96%;
116 background-color: #ffffff;
117 }
118
119 #tl {
120 position: absolute;
121 top: -1px;
122 left: -1px;
123 margin: 0px;
124 padding: 0px;
125 z-index: 100;
126 }
127
128 #tr {
129 position: absolute;
130 top: -1px;
131 right: -1px;
132 margin: 0px;
133 padding: 0px;
134 z-index: 100;
135 }
136
137 #masthead {
138 position: absolute;
139 top: 0px;
140 left: 2%;
141 right: 2%;
142 width: 95.6%;
143 }
144
145 #pageNav {
146 float: right;
147 width: 178px;
148 padding: 0px;
149 background-color: #F5f7f7;
150 border-left: 1px solid #cccccc;
151 font: small Verdana,sans-serif;
152 }
153
154 #content {
155 padding: 0px 10px 0px 0px;
156 margin: 0px 178px 0px 0px;
157 }
158
159
160 /***********************************************/
161 /* Component Divs */
162 /***********************************************/
163 #siteName {
164 margin: 0px;
165 padding: 16px 0px 8px 0px;
166 color: #ffffff;
167 font-weight: normal;
168 }
169
170
171 /************** utility styles *****************/
172
173 #utility {
174 font: 75% Verdana,sans-serif;
175 position: absolute;
176 top: 16px;
177 right: 0px;
178 color: #919999;
179 }
180
181 #utility a {
182 color: #ffffff;
183 }
184
185 #utility a:hover {
186 text-decoration: underline;
187 }
188
189
190 /************** pageName styles ****************/
191
192 #pageName {
193 padding: 0px 0px 14px 10px;
194 margin: 0px;
195 border-bottom: 1px solid #ccd2d2;
196 z-index: 2;
197 }
198
199 #pageName h2 {
200 font: bold 175% Arial,sans-serif;
201 color: #000000;
202 margin: 0px;
203 padding: 0px;
204 }
205
206 /*
207 #pageLogo {
208 position: absolute;
209 top: 8px;
210 left: 10px;
211 z-index: 5;
212 }
213 */
214
215
216 /************* globalNav styles ****************/
217
218 #globalNav {
219 position: relative;
220 width: 100%;
221 min-width: 640px;
222 height: 32px;
223 color: #cccccc;
224 padding: 0px;
225 margin: 0px;
226 background-image: url("siteimages/glbnav_background.gif");
227 }
228
229 #globalNav img {
230 margin-bottom: -4px;
231 }
232
233 #gnl {
234 position: absolute;
235 top: 0px;
236 left:0px;
237 }
238
239 #gnr {
240 position: absolute;
241 top: 0px;
242 right:0px;
243 }
244
245 #globalLink {
246 position: absolute;
247 top: 6px;
248 height: 22px;
249 min-width: 640px;
250 padding: 0px;
251 margin: 0px;
252 left: 10px;
253 z-index: 100;
254 }
255
256
257 a.glink, a.glink:visited {
258 font-size: small;
259 color: #000000;
260 font-weight: bold;
261 margin: 0px;
262 padding: 2px 5px 4px 5px;
263 border-right: 1px solid #8fb8bc;
264 }
265
266 a.glink:hover {
267 background-image: url("siteimages/glblnav_selected.gif");
268 text-decoration: none;
269 }
270
271 .skipLinks {
272 display: none;
273 }
274
275
276 /************ subglobalNav styles **************/
277
278 .subglobalNav {
279 position: absolute;
280 top: 84px;
281 left: 0px;
282 /*width: 100%;*/
283 min-width: 640px;
284 height: 20px;
285 padding: 0px 0px 0px 10px;
286 visibility: hidden;
287 color: #ffffff;
288 }
289
290 .subglobalNav a:link, .subglobalNav a:visited {
291 font-size: 80%;
292 color: #ffffff;
293 }
294
295 .subglobalNav a:hover {
296 color: #cccccc;
297 }
298
299
300 /*************** search styles *****************/
301 /*
302 #listshow {
303 z-order: 101;
304 }
305 */
306
307 #search {
308 position: absolute;
309 top: 125px;
310 right: 0px;
311 }
312
313 #search form {
314 position: absolute;
315 top: 125px;
316 right: 300px;
317 }
318 #search input {
319 font-size: 11px;
320 }
321
322 #search1 {
323 position: absolute;
324 top: 85px;
325 right: 300px;
326 }
327
328 #search2 {
329 position: absolute;
330 top: 100px;
331 right: 300px;
332 }
333
334 #search3 {
335 position: absolute;
336 top: 85px;
337 right: 240px;
338 }
339
340 #search4 {
341 position: absolute;
342 top: 100px;
343 right: 226px;
344 }
345
346 #googlead {
347 position: absolute;
348 top: 5px;
349 right: 0px;
350 z-index: -10;
351 }
352
353 #search input {
354 font-size: 70%;
355 margin: 0px 0px 0px 10px;
356 }
357
358 #search a:link, #search a:visited {
359 font-size: 80%;
360 font-weight: bold;
361
362 }
363
364 #search a:hover {
365 margin: 0px;
366 }
367
368
369 /************* breadCrumb styles ***************/
370
371 #breadCrumb {
372 padding: 5px 0px 5px 10px;
373 font: small Verdana,sans-serif;
374 color: #aaaaaa;
375 }
376
377 #breadCrumb a {
378 color: #aaaaaa;
379 }
380
381 #breadCrumb a:hover {
382 color: #005fa9;
383 text-decoration: underline;
384 }
385
386
387 /************** feature styles *****************/
388
389 .feature {
390 padding: 0px 0px 10px 10px;
391 font-size: 80%;
392 min-height: 200px;
393 height: 200px;
394 }
395
396 .feature {
397 height: auto;
398 }
399
400 .feature h3 {
401 font: bold 175% Arial,sans-serif;
402 color: #000000;
403 padding: 30px 0px 5px 0px;
404 }
405
406 .feature img {
407 float: left;
408 padding: 0px 10px 0px 0px;
409 }
410
411
412 /*************** story styles ******************/
413
414 .story {
415 padding: 10px 0px 0px 10px;
416 font-size: 80%;
417 min-height: 450px;
418 }
419
420 .story h3 {
421 font: bold 125% Arial,sans-serif;
422 color: #000000;
423 }
424
425 .story a.capsule {
426 font: bold 1em Arial,sans-serif;
427 color: #005FA9;
428 display: block;
429 padding-bottom: 5px;
430 }
431
432 .story a.capsule:hover {
433 text-decoration: underline;
434 }
435
436 td.storyLeft {
437 padding-right: 12px;
438 }
439
440
441 /************** siteInfo styles ****************/
442
443 #siteInfo {
444 clear: both;
445 border-top: 1px solid #cccccc;
446 font-size: small;
447 color: #cccccc;
448 padding: 10px 10px 10px 10px;
449 }
450
451
452 /************ sectionLinks styles **************/
453
454 #sectionLinks {
455 margin: 0px;
456 padding: 0px;
457 }
458
459 #sectionLinks h3 {
460 padding: 10px 0px 2px 10px;
461 border-bottom: 1px solid #cccccc;
462 }
463
464 #sectionLinks a:link, #sectionLinks a:visited {
465 display: block;
466 border-top: 1px solid #ffffff;
467 border-bottom: 1px solid #cccccc;
468 background-image: url("siteimages/bg_nav.jpg");
469 font-weight: bold;
470 padding: 3px 0px 3px 10px;
471 color: #21536A;
472 }
473
474 #sectionLinks a:hover {
475 border-top: 1px solid #cccccc;
476 background-color: #DDEEFF;
477 background-image: none;
478 font-weight: bold;
479 text-decoration: none;
480 }
481
482
483 /************* relatedLinks styles **************/
484
485 .relatedLinks {
486 margin: 0px;
487 padding: 0px 0px 10px 10px;
488 border-bottom: 1px solid #cccccc;
489 }
490
491 .relatedLinks h3 {
492 padding: 10px 0px 2px 0px;
493 }
494
495 .relatedLinks a {
496 display: block;
497 }
498
499
500 /**************** advert styles *****************/
501
502 #advert {
503 padding: 10px;
504 }
505
506 #advert img {
507 display: block;
508 }
509
510
511 /********************* end **********************/
512
513 .DataTD input, .DataTD textarea {
514 font-size: 92%;
515 }
516
517 .DataTD select, .DataTD option {
518 font-size: 92%;
519 }
520
521 .DataTD {
522 background-color: #e2e2e2;
523 border-style: inset;
524 border-width: 1px;
525 font-size: 8pt;
526 color: #000000;
527 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
528
529 background: #ffffff;
530 padding: 1px 5px 1px 5px;
531 border: 1px #cfcfcf solid;
532 border-left: 1px #cfcfcf dotted;
533 border-right: 1px #cfcfcf dotted;
534 }
535
536 .DataTDGrey {
537 background-color: #EFEDED;
538 border-style: inset;
539 border-width: 1px;
540 font-size: 8pt;
541 color: #000000;
542 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
543
544 padding: 1px 5px 1px 5px;
545 border: 1px #CFCFCF solid;
546 border-left: 1px #cfcfcf dotted;
547 border-right: 1px #cfcfcf dotted;
548 }
549
550 .DataTDNotDotted {
551 background-color: #e2e2e2;
552 border-style: inset;
553 border-width: 1px;
554 font-size: 8pt;
555 color: #000000;
556 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
557
558 background: #ffffff;
559 padding: 1px 5px 1px 5px;
560 border: 1px #CFCFCF solid;
561 border-left: 1px #cfcfcf solid;
562 border-right: 1px #cfcfcf solid;
563 }
564
565 .DataTDError {
566 border-style: inset;
567 border-width: 1px;
568 font-size: 8pt;
569 color: #ff0000;
570 font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
571
572 background: #ffffff;
573 padding: 1px 5px 1px 5px;
574 border: 1px #cfcfcf solid;
575 border-left: 1px #cfcfcf dotted;
576 border-right: 1px #cfcfcf dotted;
577 }
578 .wrapper {
579 border-collapse: collapse;
580 font-family: verdana, sans-serif;
581 font-size: 11px;
582 text-align: center;
583 }
584
585 td.greytxt {
586 color: #cccccc;
587 font-size: smaller;
588 text-align: right;
589 vertical-align: bottom;
590 }
591 .bold, .primaryemailaddress {
592 font-weight:bold;
593 }
594 .italic, .deletedemailaddress {
595 font-style:italic;
596 }
597 .title {
598 background: #e2e2e2;
599 font-weight: bold;
600 padding: 1px 5px 1px 5px;
601 border: 1px solid #cfcfcf;
602 border-bottom: 3px double #cfcfcf;
603 border-top: 1px solid #656565;
604 text-align: center;
605 }
606
607 .errmsg {
608 font-weight: bold;
609 color: #FF0000;
610 }
611
612 .ac_menu {
613 border: 1px solid black
614 }
615
616 .ac_normal {
617 background-color: #ffffff;
618 cursor: pointer;
619 }
620
621 .ac_highlight {
622 background-color: #3366cc;
623 color: white;
624 cursor: pointer;
625 }
626
627 .ac_normal .a {
628 font-size: 13px;
629 color: black;
630 }
631
632 .ac_highlight .a {
633 font-size: 13px;
634 }
635
636 .ac_normal .d {
637 float: right;
638 font-size: 10px;
639 color: green;
640 }
641
642 .ac_highlight .d {
643 float: right;
644 font-size: 10px;
645 }
646
647
648 /************** sponsorInfo styles ****************/
649
650 div.sponsorinfo {
651 clear: both;
652 border-top: 1px solid #cccccc;
653 font-size: small;
654 color: #000000;
655 padding: 10px 10px 10px 10px;
656 }
657
658 img.sponsorlogo {
659 margin-left: 10px;
660 margin-right: 10px;
661 border: 0px none;
662 vertical-align: middle;
663 }
664
665
666 /************ Newsbox *************/
667
668 #lnews { /* class for the text "Latest News" */
669 font-size: small;
670 font-variant: small-caps;
671 }
672
673 div.newsbox {
674 border-top: 1px solid #cccccc;
675 color: #101010;
676 padding: 10px 10px 10px 10px;
677 }
678
679
680 /************ SQL Performance ***********/
681
682 div.footerbar {
683 clear: both;
684 border-top: 1px solid #cccccc;
685 font-size: small;
686 color: black;
687 padding: 10px 10px 10px 10px;
688 }
689
690
691 /************ Honeypot ***********/
692
693 .robotic {
694 display: none;
695 }
696
697
698 /************ unicode fallbacks ***********/
699
700 /* Some embedding of font */
701 @font-face {
702 font-family: 'Source Code Pro';
703 src: local('Source Code Pro');
704 /* src: url(/res/fonts/SourceCodePro-Medium.ttf); */
705 }
706
707 @font-face {
708 font-family: 'Last Resort';
709 src: local('LastResort');
710 /* src: url(/res/fonts/LastResort.ttf); */
711 }
712
713 .accountdetail {
714 font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
715 font-size: 1.1em;
716 }
717
718 .accountdetail.fname {
719 }
720
721 .accountdetail.mname {
722 }
723
724 .accountdetail.lname {
725 font-weight: bold;
726 }
727
728 .accountdetail.suffix {
729 }