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