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