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