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

Last change on this file since 358 was 352, checked in by roby, 3 years ago

Segue adattamento per php7
modifica gestione consultazioni con e senza voto nullo di lista
File size: 9.6 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 {
[352]105 width: 1100px;
[2]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 text-align:left;
[352]449 margin: 0px 0 0 0px;
[2]450 width: 130px;
451 padding: 0px;
[352]452 border: .5px solid black;
453}
454.td-130b {
455 border: .5px solid black;
456 font-family: Verdana, Arial, Helvetica, sans-serif;
457 font-size: 12px;
458 margin-top: 0px;
459 margin: 0;
460}
[2]461
462/* sinistra */
463div#sx{
464 width: 590px;
465 float: left;
466 text-align: left;
467 }
468/* destra */
469div#dx{
470 width: 149px;
471 float: right;
472 text-align: left;
473 }
474
475
476/* flash */
477div#flash{
478 width: 410px;
479 float: left;
480 text-align: left;
481 }
482
483
484
485
486
487
488/* immagini bordo */
489
490.image {
491 /*float: center;*/
492 border: none;
493 margin: 0px;
494 padding: 0px;
495}
496
497.stemma {
498 /*float: center;*/
499 border: none;
500 margin: 0px;
501 padding: 0px;
502 width:50px;
503 height:50px;
504}
505
506.stemmapic {
507 /*float: center;*/
508 border: none;
509 margin: 0px;
510 padding: 0px;
511 width:30px;
512 height:30px;
513}
514
515
516.noblocco {
517border: 0px;
518margin-right:0px;
519margin-left:180px;
520text-align: right;
521vertical-align: middle;
522width:18px;
523height:18px;
524}
525
526
527.nobordo {
528border: 0px;
529text-align: center;
530vertical-align: middle;
531}
532
533.bordo {
534border: 1px solid #ff0000;
535text-align: left;
536vertical-align: middle;
537
538}
539/******************** font e backcolor******************************/
540.blu {
541 background: none;
542 font-weight: bold;
543 color: #003366;
544 font-size: 12px;
545 font-family: Verdana, Helvetica
546}
547
548/*diventa grigio qui */
549
550.red {
551 background: none;
552 color: #ff0000;
553 font-size: 12px;
554 font-family: Verdana, Helvetica
555}
556
557.redbig {
558 background: none;
559 color: #ff0000;
560 font-size: 16px;
561 font-family: Verdana, Helvetica
562}
563
564.bgw {
565 background: #ffffff;
566 font-size: 12px;
567 font-family: Verdana, Helvetica;
568 text-align: center;
569}
570/* diventa rosso */
571
572.bggray {
573 background-color:#4983b6;
574 font-size: 12px;
575 font-family: Verdana, Helvetica;
576 text-align: center;
577 color: #ffffff;
578}
579
580.bggray2 {
581 background: #EAEAEA;
582 font-size: 12px;
583 font-family: Verdana, Helvetica;
584 text-align: center;
585 }
586
587.bggray3 {
588 background: #ffffff;
589 font-size: 12px;
590 font-family: Verdana, Helvetica;
591 text-align: left;
592 }
593
594.normale {
595 background: none;
596 color: #000000;
597 font-size: 12px;
598 font-family: Verdana, Helvetica;
599 text-align: left;
600}
601.piccolo {
602 BACKGROUND: none;
603 COLOR: #cccccc;
604 FONT-SIZE: 10px;
605 FONT-WEIGHT: normal;
606 FONT-FAMILY: Verdana, Helvetica;
607 TEXT-DECORATION: none}
608/**********************************************************************BOTTONI W3C*****************************************************/
609
610.w3cbutton3 {
611background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
612 margin: 0px 0px 0px 5px;
613 width: 95px;
[352]614 border: 1px solid #6A6A6A;
[2]615 font-family: helvetica,arial,sans-serif;
616 font-size: 10px;
617 float: left;
618}
619
620.w3cbutton3 a {
621 display: block;
622 width: 100%;
623}
624
625.w3cbutton3 a:link, .w3cbutton3 a:visited {
626 background-color: #8CC8C7;
627 color: #2A290B;
628 text-decoration: none;
629}
630
631.w3cbutton3 a:hover {
632 background-color: #C9F4F3;
633 color: #2A290B;
634 text-decoration: none;
635}
636
637.w3cbutton3 span.w3c {
638 font-weight: bold;
639 padding: 0 0.4em;
640 background-color: #FFFFCC;
641 color: #0C479D;
642}
643
644.w3cbutton3 span.spec {
645 color: #333333;
646}
647
648.w3cbutton3 span.specRed {
649 color: #FF0000;
650}
651
652
Note: See TracBrowser for help on using the repository browser.