source: trunk/client/temi/yellowblu/style.css@ 24

Last change on this file since 24 was 2, checked in by root, 15 years ago

importo il progetto
File size: 9.4 KB
Line 
1/****************
2style css for eleonline
3http://www.eleonline.it
4
5l.apolito r.gigli
6****************/
7
8/* inizio style yellowblu */
9* {
10 margin: 0;
11 padding: 0;
12}
13
14body {
15 margin: 0;
16 padding: 0;
17 background: #FFFFFF;
18 font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
19 color: #7F7772;
20}
21
22
23/* Logo */
24
25#header {
26 width: 970px;
27 height: 108px;
28 margin: 0 auto;
29}
30
31#logo h1, #logo p {
32 float: left;
33 color: #3B3B3B;
34}
35
36#logo h1 {
37 height: 70px;
38 padding: 30px 90px 0 0;
39 background: url(../../modules/Elezioni/images/logo.jpg) no-repeat right bottom;
40 font-size: 4em;
41}
42
43#logo p {
44 margin: 0 0 0 -30px;
45 padding: 70px 0 0 0;
46 line-height: normal;
47 letter-spacing: -1px;
48 font-size: 1.8em;
49 font-weight: bold;
50}
51
52#logo a {
53 text-decoration: none;
54 color: #3B3B3B;
55 font-weight: bold;
56}
57
58#bg {
59 background: url(images/img04.gif) no-repeat center top;
60}
61
62#menu {
63 width: 970px;
64 height: 60px;
65 margin: 0 auto;
66 background: #6AA2FD url(images/img04.gif);
67}
68
69#menu ul {
70 margin: 0;
71 padding: 0;
72 list-style: none;
73}
74
75#menu li {
76 /*display: inline;
77*/
78}
79
80#menu a {
81 display: block;
82 float: left;
83 padding: 18px 30px 0 30px;
84 text-decoration: none;
85 font-size: 1.6em;
86 font-weight: bold;
87 color: #FFFFFF;
88}
89
90#menu a:hover {
91/* text-decoration: underline; */
92}
93
94#menu .current_page_item {
95}
96
97#menu .current_page_item a {
98 color: #000000;
99}
100
101/* Page */
102
103#page {
104 width: 970px;
105 margin: 0 auto;
106 padding: 30px 0;
107}
108
109/* Ads */
110
111#ads {
112 float: right;
113 width: 160px;
114 padding: 0 0 0 20px;
115}
116
117/* Content */
118
119#content {
120 float: left;
121 width: 770px;
122}
123
124
125
126#search {
127 padding-right: 0px;
128 float: right;
129 width: 120px;
130 height: 28px;
131 background: #FFFFFF url(images/img02.gif) no-repeat;
132}
133
134#search #x {
135 display: none;
136}
137
138#search #s {
139 padding: 6px 5px 5px 35px;
140 width: 160px;
141 height: auto;
142 background: none;
143 border: none;
144 font: normal 1em Arial, Helvetica, sans-serif;
145 color: #000;
146}
147
148#search br {
149 display: none;
150}
151
152
153
154/*
155fine stylized
156inizio eleonline
157*/
158
159
160
161
162
163
164.logoleft{
165background-image:url(images/logo_left.jpg); background-repeat:no-repeat;
166width:12px;
167height:78px;
168}sidebar
169.logoright{
170background-image:url(images/logo_right.jpg); background-repeat:no-repeat;
171width:12px;
172height:78px;
173}
174.logo{
175background-image:url(images/logo_bg.jpg); background-repeat:repeat-x;
176 text-transform: uppercase;
177 font-size:28px;
178 color:#88AED6;
179 font-weight:bold;
180 text-decoration:none;
181 width:250px;
182}
183.main{
184background-color:#A8C4E1;
185}
186.tag {
187 margin: 0;
188 padding:45px 20px 10px 10px;
189 text-transform: uppercase;
190 font-size:16px;
191 font-weight:bold;
192 color:#ffffff;
193 text-decoration:none;
194}
195a{
196color:#000000;
197
198text-decoration:none;
199}
200a:hover{
201color:#dce9f9;
202text-decoration:none;
203}
204
205/* usate per blocco */
206
207.sidebar {
208
209
210 margin-top:0px;
211 background-color: #ffffff;
212 /*margin: 0px 0 0 0px;*/
213 width: 200px;
214 border: none;
215
216
217 padding: 0px;
218}
219
220.sidebar h5 {
221
222 height: 27px;
223 padding: 6px 0 0 27px;
224 background: #ffffff url(images/img05.gif) no-repeat;
225 background-position:center;
226 text-transform: lowercase;
227 font-size: 12px;
228 color: #FFFFFF;
229}
230
231
232
233
234#sidebar h6 {
235
236 padding: 12px;
237 background: #ffffff url(images/img06.gif) repeat-x;
238 font-size: 12px;
239}
240
241
242
243.welcome
244{font-size:35px;
245color:#686868;
246}
247
248/* contenitore */
249
250div#container{
251 width: 750px;
252 margin: 0px auto; /*centra negli altri browsers*/
253 text-align: left; /*ripristina l' allineamento*/
254 }
255table {
256 margin-right: auto;
257 margin-left: auto;
258 text-align: left;
259 margin-top: 0px;
260
261
262
263}
264td {
265 font-family: Verdana, Arial, Helvetica, sans-serif;
266 font-size: 12px;
267 margin-top: 0px;
268 margin: 0;
269}
270
271hr {
272 color: #000000;
273 background-color: #FFFFFF;
274 border-bottom: 1px dotted #CCCCCC;
275}
276form {
277
278 font-size: 12px;
279 color: #000066;
280 text-decoration: none;
281 margin-right: 0px;
282 margin-left: 0px;
283 margin-top: 0px;
284 margin-bottom: 0px;
285 width: 100%;
286}
287p {
288 font-family: Verdana, Arial, Helvetica, sans-serif;
289 font-size: 12px;
290 padding-right: 8px;
291 padding-bottom: 0px;
292 padding-left: 8px;
293 padding-top: 0px;
294 margin: 2px 2px 4px;
295}
296h1 {
297 font-size: 16px;
298 font-weight: bold;
299 color: #000000;
300 text-decoration: none;
301 border-bottom-width: 1px;
302 border-bottom-style: dotted;
303 border-bottom-color: #222266;
304 margin-top: 6px;
305 margin-bottom: 8px;
306 padding-right: 0px;
307 padding-left: 0px;
308}
309h2 {
310 font-size: 14px;
311 font-weight: bold;
312 color: #5D81A6;
313 text-decoration: none;
314 border-bottom-width: 1px;
315 border-bottom-style: dotted;
316 border-bottom-color: #CCCCCC;
317 margin-top: 9px;
318 margin-bottom: 2px;
319 padding-right: 1px;
320 padding-left: 4px;
321}
322h4 {
323 font-size: 14px;
324 color: #003366;
325 text-decoration: none;
326 background-position: center;
327 bottom: 9px;
328 margin: 20px;
329 text-align: center;
330 border: 1px dotted #666666;
331 padding: 2px;
332 width: auto;
333 background-color: #EEEFEF;
334 font-variant: small-caps;
335}
336
337h5 {
338
339 height: 27px;
340 padding: 6px 0 0 27px;
341 background: #ffffff url(images/img05bis.gif) no-repeat;
342 background-position:center;
343 text-transform: lowercase;
344 font-size: 12px;
345 color: #FFFFFF;
346/*
347 font-size: 14px;
348 font-weight: bold;
349 color: #ffffff;
350 text-decoration: none;
351 border-bottom-width: 1px;
352 border-bottom-style: dotted;
353 border-bottom-color: #CCCCCC;
354 margin-top: 0px;
355 margin-bottom: 4px;
356 padding-right: 1px;
357 padding-left: 4px;
358 background-color: #A8C4E1;
359 background-position: center;
360 text-align: center;
361*/
362}
363h6 {
364
365 padding: 12px;
366 background: #ffffff url(images/img06.gif) repeat-x;
367 font-size: 12px;
368/*
369 font-size: 12px;
370 font-weight: bold;
371 color: #333333;
372 text-decoration: none;
373 border-bottom-style: dotted;
374 padding-left: 4px;
375 background-position: center;
376 border-bottom-color: #EEEEEE;
377 border-bottom-width: 1px;
378 padding-top: 3px;
379 padding-right: 2px;
380 padding-bottom: 0px;
381 bottom: 9px;
382 margin-top: 1px;
383 margin-bottom: 3px;
384*/
385}
386
387/* classe tratteggiata usata in molti td */
388
389
390.modulo {
391 text-decoration: none;
392 border: 1px solid #666699;
393 font-size: 10px;
394}
395
396.modulo-button {
397 color: #663366;
398 text-decoration: none;
399 background-color: #FFFFEE;
400 border: 1px solid #660033;
401 width: 50%;
402 text-align: center;
403 font-size: 10px;
404 padding: 3px;
405}
406
407/*
408.sitebar {
409 background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
410 font-size: 12px;
411 border: none;
412 color: #ffffff;
413}
414*/
415
416
417/* tavole */
418.table-main {
419 border: 1px solid #DEDEDC;
420 font-size: 12px;
421 background-position: center top;
422 padding: 0px;
423 color: #000000;
424 text-align:center;
425 width: 970px;
426
427}
428
429
430/* numero e simbolo liste */
431
432.td-5 {
433
434 margin: 0px 0 0 0px;
435 width: 5%;
436 border: none;
437 background-color:#4983b6;
438 color:#ffffff;
439 /*background-color: #d2d2d2;*/
440 padding: 0px;
441 FONT-SIZE: 12px;
442 FONT-FAMILY: Verdana, Helvetica;
443}
444.td-130c {
445 float: right;
446 text-align:left;
447 margin: 0px 0 0 1px;
448 width: 130px;
449 border: none;
450
451 padding: 0px;
452}
453
454/* sinistra */
455div#sx{
456 width: 590px;
457 float: left;
458 text-align: left;
459 }
460/* destra */
461div#dx{
462 width: 149px;
463 float: right;
464 text-align: left;
465 }
466
467
468/* flash */
469div#flash{
470 width: 410px;
471 float: left;
472 text-align: left;
473 }
474
475
476
477
478
479
480/* immagini bordo */
481
482.image {
483 /*float: center;*/
484 border: none;
485 margin: 0px;
486 padding: 0px;
487}
488
489.stemma {
490 /*float: center;*/
491 border: none;
492 margin: 0px;
493 padding: 0px;
494 width:50px;
495 height:50px;
496}
497
498.stemmapic {
499 /*float: center;*/
500 border: none;
501 margin: 0px;
502 padding: 0px;
503 width:30px;
504 height:30px;
505}
506
507
508.noblocco {
509border: 0px;
510margin-right:0px;
511margin-left:180px;
512text-align: right;
513vertical-align: middle;
514width:18px;
515height:18px;
516}
517
518
519.nobordo {
520border: 0px;
521text-align: center;
522vertical-align: middle;
523}
524
525.bordo {
526border: 1px solid #ff0000;
527text-align: left;
528vertical-align: middle;
529
530}
531/******************** font e backcolor******************************/
532.blu {
533 background: none;
534 font-weight: bold;
535 color: #003366;
536 font-size: 12px;
537 font-family: Verdana, Helvetica
538}
539
540/*diventa grigio qui */
541
542.red {
543 background: none;
544 color: #ff0000;
545 font-size: 12px;
546 font-family: Verdana, Helvetica
547}
548
549.redbig {
550 background: none;
551 color: #ff0000;
552 font-size: 16px;
553 font-family: Verdana, Helvetica
554}
555
556.bgw {
557 background: #ffffff;
558 font-size: 12px;
559 font-family: Verdana, Helvetica;
560 text-align: center;
561}
562/* diventa rosso */
563
564.bggray {
565 background-color:#4983b6;
566 font-size: 12px;
567 font-family: Verdana, Helvetica;
568 text-align: center;
569 color: #ffffff;
570}
571
572.bggray2 {
573 background: #EAEAEA;
574 font-size: 12px;
575 font-family: Verdana, Helvetica;
576 text-align: center;
577 }
578
579.bggray3 {
580 background: #ffffff;
581 font-size: 12px;
582 font-family: Verdana, Helvetica;
583 text-align: left;
584 }
585
586.normale {
587 background: none;
588 color: #000000;
589 font-size: 12px;
590 font-family: Verdana, Helvetica;
591 text-align: left;
592}
593.piccolo {
594 BACKGROUND: none;
595 COLOR: #cccccc;
596 FONT-SIZE: 10px;
597 FONT-WEIGHT: normal;
598 FONT-FAMILY: Verdana, Helvetica;
599 TEXT-DECORATION: none}
600/**********************************************************************BOTTONI W3C*****************************************************/
601
602.w3cbutton3 {
603background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
604 margin: 0px 0px 0px 5px;
605 width: 95px;
606 border: 1px solid #6A6A6A;<div class=\"dx\">";
607 font-family: helvetica,arial,sans-serif;
608 font-size: 10px;
609 float: left;
610}
611
612.w3cbutton3 a {
613 display: block;
614 width: 100%;
615}
616
617.w3cbutton3 a:link, .w3cbutton3 a:visited {
618 background-color: #8CC8C7;
619 color: #2A290B;
620 text-decoration: none;
621}
622
623.w3cbutton3 a:hover {
624 background-color: #C9F4F3;
625 color: #2A290B;
626 text-decoration: none;
627}
628
629.w3cbutton3 span.w3c {
630 font-weight: bold;
631 padding: 0 0.4em;
632 background-color: #FFFFCC;
633 color: #0C479D;
634}
635
636.w3cbutton3 span.spec {
637 color: #333333;
638}
639
640.w3cbutton3 span.specRed {
641 color: #FF0000;
642}
643
644
Note: See TracBrowser for help on using the repository browser.