1a26382406fe734595aa07c703bd0a8cce90525c
[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
226 #gnl {
227 position: absolute;
228 top: 0px;
229 left:0px;
230 }
231
232 #gnr {
233 position: absolute;
234 top: 0px;
235 right:0px;
236 }
237
238 #globalLink{
239 position: absolute;
240 top: 6px;
241 height: 22px;
242 min-width: 640px;
243 padding: 0px;
244 margin: 0px;
245 left: 10px;
246 z-index: 100;
247 }
248
249
250 a.glink, a.glink:visited {
251 font-size: small;
252 color: #000000;
253 font-weight: bold;
254 margin: 0px;
255 padding: 2px 5px 4px 5px;
256 border-right: 1px solid #8FB8BC;
257 }
258
259 a.glink:hover {
260 background-image: url("siteimages/glblnav_selected.gif");
261 text-decoration: none;
262 }
263
264 .skipLinks {display: none;}
265
266
267 /************ subglobalNav styles **************/
268
269 .subglobalNav{
270 position: absolute;
271 top: 84px;
272 left: 0px;
273 /*width: 100%;*/
274 min-width: 640px;
275 height: 20px;
276 padding: 0px 0px 0px 10px;
277 visibility: hidden;
278 color: #ffffff;
279 }
280
281 .subglobalNav a:link, .subglobalNav a:visited {
282 font-size: 80%;
283 color: #ffffff;
284 }
285
286 .subglobalNav a:hover {
287 color: #cccccc;
288 }
289
290
291 /*************** search styles *****************/
292 /*
293 #listshow {
294 z-order: 101;
295 }
296 */
297
298 #search{
299 position: absolute;
300 top: 125px;
301 right: 0px;
302 }
303
304 #search form {
305 position: absolute;
306 top: 125px;
307 right: 300px;
308 }
309 #search input {
310 font-size: 11px;
311 }
312
313 #search1{
314 position: absolute;
315 top: 85px;
316 right: 300px;
317 }
318
319 #search2{
320 position: absolute;
321 top: 100px;
322 right: 300px;
323 }
324
325 #search3{
326 position: absolute;
327 top: 85px;
328 right: 240px;
329 }
330
331 #search4{
332 position: absolute;
333 top: 100px;
334 right: 226px;
335 }
336
337 #googlead{
338 position: absolute;
339 top: 5px;
340 right: 0px;
341 z-index: -10;
342 }
343
344 #search input{
345 font-size: 70%;
346 margin: 0px 0px 0px 10px;
347 }
348
349 #search a:link, #search a:visited {
350 font-size: 80%;
351 font-weight: bold;
352
353 }
354
355 #search a:hover {
356 margin: 0px;
357 }
358
359
360 /************* breadCrumb styles ***************/
361
362 #breadCrumb{
363 padding: 5px 0px 5px 10px;
364 font: small Verdana,sans-serif;
365 color: #AAAAAA;
366 }
367
368 #breadCrumb a{
369 color: #AAAAAA;
370 }
371
372 #breadCrumb a:hover {
373 color: #005FA9;
374 text-decoration: underline;
375 }
376
377
378 /************** feature styles *****************/
379
380 .feature{
381 padding: 0px 0px 10px 10px;
382 font-size: 80%;
383 min-height: 200px;
384 height: 200px;
385 }
386
387 .feature {
388 height: auto;
389 }
390
391 .feature h3{
392 font: bold 175% Arial,sans-serif;
393 color: #000000;
394 padding: 30px 0px 5px 0px;
395 }
396
397 .feature img{
398 float: left;
399 padding: 0px 10px 0px 0px;
400 }
401
402
403 /*************** story styles ******************/
404
405 .story {
406 padding: 10px 0px 0px 10px;
407 font-size: 80%;
408 min-height: 450px;
409 }
410
411 .story h3{
412 font: bold 125% Arial,sans-serif;
413 color: #000000;
414 }
415
416 .story p {
417 padding: 0px 0px 10px 0px;
418 }
419
420 .story a.capsule{
421 font: bold 1em Arial,sans-serif;
422 color: #005FA9;
423 display:block;
424 padding-bottom: 5px;
425 }
426
427 .story a.capsule:hover {
428 text-decoration: underline;
429 }
430
431 td.storyLeft{
432 padding-right: 12px;
433 }
434
435
436 /************** siteInfo styles ****************/
437
438 #siteInfo{
439 clear: both;
440 border-top: 1px solid #cccccc;
441 font-size: small;
442 color: #cccccc;
443 padding: 10px 10px 10px 10px;
444 }
445
446
447 /************ sectionLinks styles **************/
448
449 #sectionLinks{
450 margin: 0px;
451 padding: 0px;
452
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 {
592 border:1px solid black
593 }
594
595 .ac_normal
596 {
597 background-color:#ffffff;
598 cursor:pointer;
599 }
600
601 .ac_highlight
602 {
603 background-color:#3366cc;
604 color:white;
605 cursor:pointer;
606 }
607
608 .ac_normal .a
609 {
610 font-size:13px;
611 color:black;
612 }
613
614 .ac_highlight .a
615 {
616 font-size:13px;
617 }
618
619 .ac_normal .d
620 {
621 float:right;
622 font-size:10px;
623 color:green;
624 }
625
626 .ac_highlight .d
627 {
628 float:right;
629 font-size:10px;
630 }
631
632
633 /************** sponsorInfo styles ****************/
634
635 div.sponsorinfo {
636 clear: both;
637 border-top: 1px solid #cccccc;
638 font-size: small;
639 color: #000000;
640 padding: 10px 10px 10px 10px;
641 }
642
643 img.sponsorlogo {
644 margin-left: 10px;
645 margin-right: 10px;
646 border: 0px none;
647 vertical-align: middle;
648 }
649
650
651 /************ Newsbox *************/
652
653 #lnews { /* class for the text "Latest News" */
654 font-size: small;
655 font-variant: small-caps;
656 }
657
658 div.newsbox {
659 border-top: 1px solid #cccccc;
660 color: #101010;
661 padding: 10px 10px 10px 10px;
662 }
663
664
665 /************ SQL Performance ***********/
666
667 div.footerbar {
668 clear: both;
669 border-top: 1px solid #cccccc;
670 font-size: small;
671 color: black;
672 padding: 10px 10px 10px 10px;
673 }
674
675
676 /************ Honeypot ***********/
677
678 .robotic { display: none; }
679
680
681 /************ unicode fallbacks ***********/
682
683 /* Some embedding of font */
684 @font-face {
685 font-family: 'Source Code Pro';
686 src: local('Source Code Pro');
687 /* src: url(/res/fonts/SourceCodePro-Medium.ttf); */
688 }
689
690 @font-face {
691 font-family: 'Last Resort';
692 src: local('LastResort');
693 /* src: url(/res/fonts/LastResort.ttf); */
694 }
695
696 .accountdetail {
697 font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
698 font-size: 1.1em;
699 }
700
701 .accountdetail.fname {
702 }
703
704 .accountdetail.mname {
705 }
706
707 .accountdetail.lname {
708 font-weight: bold;
709 }
710
711 .accountdetail.suffix {
712 }