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