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