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

Last change on this file since 206 was 104, checked in by eol, 13 years ago

Sistemazione elementi grafici e di esportaione dati
File size: 9.5 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
235#sidebar h6 {
236
237 padding: 12px;
238 background: #ffffff url(images/img06.gif) repeat-x;
239 font-size: 12px;
240}
241
242
243
244.welcome
245{font-size:35px;
246color:#686868;
247}
248
249/* contenitore */
250
251div#container{
252 width: 750px;
253 margin: 0px auto; /*centra negli altri browsers*/
254 text-align: left; /*ripristina l' allineamento*/
255 }
256table {
257 margin-right: auto;
258 margin-left: auto;
259 text-align: left;
260 margin-top: 0px;
261
262
263
264}
265td {
266 font-family: Verdana, Arial, Helvetica, sans-serif;
267 font-size: 12px;
268 margin-top: 0px;
269 margin: 0;
270}
271
272hr {
273 color: #000000;
274 background-color: #FFFFFF;
275 border-bottom: 1px dotted #CCCCCC;
276}
277form {
278
279 font-size: 12px;
280 color: #000066;
281 text-decoration: none;
282 margin-right: 0px;
283 margin-left: 0px;
284 margin-top: 0px;
285 margin-bottom: 0px;
286 width: 100%;
287}
288p {
289 font-family: Verdana, Arial, Helvetica, sans-serif;
290 font-size: 12px;
291 padding-right: 8px;
292 padding-bottom: 0px;
293 padding-left: 8px;
294 padding-top: 0px;
295 margin: 2px 2px 4px;
296}
297h1 {
298 font-size: 16px;
299 font-weight: bold;
300 color: #000000;
301 text-decoration: none;
302 border-bottom-width: 1px;
303 border-bottom-style: dotted;
304 border-bottom-color: #222266;
305 margin-top: 6px;
306 margin-bottom: 8px;
307 padding-right: 0px;
308 padding-left: 0px;
309}
310h2 {
311 font-size: 14px;
312 font-weight: bold;
313 color: #5D81A6;
314 text-decoration: none;
315 border-bottom-width: 1px;
316 border-bottom-style: dotted;
317 border-bottom-color: #CCCCCC;
318 margin-top: 9px;
319 margin-bottom: 2px;
320 padding-right: 1px;
321 padding-left: 4px;
322}
323h4 {
324 font-size: 14px;
325 color: #003366;
326 text-decoration: none;
327 background-position: center;
328 bottom: 9px;
329 margin: 20px;
330 text-align: center;
331 border: 1px dotted #666666;
332 padding: 2px;
333 width: auto;
334 background-color: #EEEFEF;
335 font-variant: small-caps;
336}
337
338h5 {
339
340 height: 27px;
341 padding: 6px 0 0 27px;
342 background: #ffffff url(images/img05bis.gif) no-repeat;
343 background-position:center;
344 text-transform: lowercase;
345 font-size: 12px;
346 color: #FFFFFF;
347 text-align:center;
348/*
349 font-size: 14px;
350 font-weight: bold;
351 color: #ffffff;
352 text-decoration: none;
353 border-bottom-width: 1px;
354 border-bottom-style: dotted;
355 border-bottom-color: #CCCCCC;
356 margin-top: 0px;
357 margin-bottom: 4px;
358 padding-right: 1px;
359 padding-left: 4px;
360 background-color: #A8C4E1;
361 background-position: center;
362 text-align: center;
363*/
364}
365h6 {
366
367 padding: 12px;
368 background: #ffffff url(images/img06.gif) repeat-x;
369 font-size: 12px;
370/*
371 font-size: 12px;
372 font-weight: bold;
373 color: #333333;
374 text-decoration: none;
375 border-bottom-style: dotted;
376 padding-left: 4px;
377 background-position: center;
378 border-bottom-color: #EEEEEE;
379 border-bottom-width: 1px;
380 padding-top: 3px;
381 padding-right: 2px;
382 padding-bottom: 0px;
383 bottom: 9px;
384 margin-top: 1px;
385 margin-bottom: 3px;
386*/
387}
388
389/* classe tratteggiata usata in molti td */
390
391
392.modulo {
393 text-decoration: none;
394 border: 1px solid #666699;
395 font-size: 10px;
396}
397
398.modulo-button {
399 color: #663366;
400 text-decoration: none;
401 background-color: #FFFFEE;
402 border: 1px solid #660033;
403 width: 50%;
404 text-align: center;
405 font-size: 10px;
406 padding: 3px;
407}
408
409/*
410.sitebar {
411 background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
412 font-size: 12px;
413 border: none;
414 color: #ffffff;
415}
416*/
417
418
419/* tavole */
420.table-main {
421 border: 1px solid #DEDEDC;
422 font-size: 12px;
423 background-position: center top;
424 padding: 0px;
425 color: #000000;
426 text-align:center;
427 width: 970px;
428
429}
430
431
432/* numero e simbolo liste */
433
434.td-5 {
435
436 margin: 0px 0 0 0px;
437 width: 5%;
438 border: none;
439 background-color:#4983b6;
440 color:#ffffff;
441 /*background-color: #d2d2d2;*/
442 padding: 0px;
443 FONT-SIZE: 12px;
444 FONT-FAMILY: Verdana, Helvetica;
445}
446.td-130c {
447 float: right;
448 text-align:left;
449 margin: 0px 0 0 1px;
450 width: 130px;
451 border: none;
452
453 padding: 0px;
454}
455
456/* sinistra */
457div#sx{
458 width: 590px;
459 float: left;
460 text-align: left;
461 }
462/* destra */
463div#dx{
464 width: 149px;
465 float: right;
466 text-align: left;
467 }
468
469
470/* flash */
471div#flash{
472 width: 410px;
473 float: left;
474 text-align: left;
475 }
476
477
478
479
480
481
482/* immagini bordo */
483
484.image {
485 /*float: center;*/
486 border: none;
487 margin: 0px;
488 padding: 0px;
489}
490
491.stemma {
492 /*float: center;*/
493 border: none;
494 margin: 0px;
495 padding: 0px;
496 width:50px;
497 height:50px;
498}
499
500.stemmapic {
501 /*float: center;*/
502 border: none;
503 margin: 0px;
504 padding: 0px;
505 width:30px;
506 height:30px;
507}
508
509
510.noblocco {
511border: 0px;
512margin-right:0px;
513margin-left:180px;
514text-align: right;
515vertical-align: middle;
516width:18px;
517height:18px;
518}
519
520
521.nobordo {
522border: 0px;
523text-align: center;
524vertical-align: middle;
525}
526
527.bordo {
528border: 1px solid #ff0000;
529text-align: left;
530vertical-align: middle;
531
532}
533/******************** font e backcolor******************************/
534.blu {
535 background: none;
536 font-weight: bold;
537 color: #003366;
538 font-size: 12px;
539 font-family: Verdana, Helvetica
540}
541
542/*diventa grigio qui */
543
544.red {
545 background: none;
546 color: #ff0000;
547 font-size: 12px;
548 font-family: Verdana, Helvetica
549}
550
551.redbig {
552 background: none;
553 color: #ff0000;
554 font-size: 16px;
555 font-family: Verdana, Helvetica
556}
557
558.bgw {
559 background: #ffffff;
560 font-size: 12px;
561 font-family: Verdana, Helvetica;
562 text-align: center;
563}
564/* diventa rosso */
565
566.bggray {
567 background-color:#4983b6;
568 font-size: 12px;
569 font-family: Verdana, Helvetica;
570 text-align: center;
571 color: #ffffff;
572}
573
574.bggray2 {
575 background: #EAEAEA;
576 font-size: 12px;
577 font-family: Verdana, Helvetica;
578 text-align: center;
579 }
580
581.bggray3 {
582 background: #ffffff;
583 font-size: 12px;
584 font-family: Verdana, Helvetica;
585 text-align: left;
586 }
587
588.normale {
589 background: none;
590 color: #000000;
591 font-size: 12px;
592 font-family: Verdana, Helvetica;
593 text-align: left;
594}
595.piccolo {
596 BACKGROUND: none;
597 COLOR: #cccccc;
598 FONT-SIZE: 10px;
599 FONT-WEIGHT: normal;
600 FONT-FAMILY: Verdana, Helvetica;
601 TEXT-DECORATION: none}
602/**********************************************************************BOTTONI W3C*****************************************************/
603
604.w3cbutton3 {
605background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
606 margin: 0px 0px 0px 5px;
607 width: 95px;
608 border: 1px solid #6A6A6A;<div class=\"dx\">";
609 font-family: helvetica,arial,sans-serif;
610 font-size: 10px;
611 float: left;
612}
613
614.w3cbutton3 a {
615 display: block;
616 width: 100%;
617}
618
619.w3cbutton3 a:link, .w3cbutton3 a:visited {
620 background-color: #8CC8C7;
621 color: #2A290B;
622 text-decoration: none;
623}
624
625.w3cbutton3 a:hover {
626 background-color: #C9F4F3;
627 color: #2A290B;
628 text-decoration: none;
629}
630
631.w3cbutton3 span.w3c {
632 font-weight: bold;
633 padding: 0 0.4em;
634 background-color: #FFFFCC;
635 color: #0C479D;
636}
637
638.w3cbutton3 span.spec {
639 color: #333333;
640}
641
642.w3cbutton3 span.specRed {
643 color: #FF0000;
644}
645
646
Note: See TracBrowser for help on using the repository browser.