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

Last change on this file since 333 was 242, checked in by luc, 9 years ago

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