source: trunk/client/temi/altro/style.css@ 388

Last change on this file since 388 was 384, checked in by roby, 22 months ago
  • ADMIN
  • Continua lo sviluppo della funzione di aggiornamento.
  • Modifiche alla gestione di consultazioni circoscrizionali
  • CLIENT
  • Modifica alla funzione di proiezione dell'assegnazione dei seggi per gestire il caso della legge regionale siciliana relativamente a comuni sotto i 15.000 abitanti (da completare, non tutti i casi sono ancora gestiti).
  • Modifiche alla gestione di consultazioni circoscrizionali
  • Modifiche ai link dei menu per il cambio di tema
File size: 9.2 KB
RevLine 
[2]1/****************
2style css for eleonline
3http://www.elenoline.it
4****************/
5
6body {
[384]7/*background-image:url(images/body_bg.jpg); background-repeat:repeat-x;
8 font: normal small Arial, Helvetica, sans-serif;*/
9 font: Titillium Web,Lora, Roboto Mono;
[139]10 font-size:18px;
[2]11 /*text-align:justify;*/
12 color: #000000;
13 margin-top:10px;
14 margin-left:0px;
15 margin-right:0px;
16 margin-bottom:0px;
17}
18.logoleft{
19background-image:url(images/logo_left.jpg); background-repeat:no-repeat;
[355]20width:10px;
[2]21height:78px;
22}
23.logoright{
24background-image:url(images/logo_right.jpg); background-repeat:no-repeat;
[355]25width:10px;
[2]26height:78px;
27}
[355]28.logotable {
29 border-collapse: collapse;
30}
[2]31.logo{
32background-image:url(images/logo_bg.jpg); background-repeat:repeat-x;
33 text-transform: uppercase;
34 font-size:28px;
35 color:#88AED6;
36 font-weight:bold;
37 text-decoration:none;
38 width:250px;
39}
40.main{
41background-color:#A8C4E1;
42}
43.tag {
44 margin: 0;
45 padding:45px 20px 10px 10px;
46 text-transform: uppercase;
47 font-size:16px;
48 font-weight:bold;
49 color:#ffffff;
50 text-decoration:none;
51}
52a{
53color:#5D81A6;
54
55text-decoration:none;
56}
57a:hover{
58color:#000000;
59text-decoration:none;
60}
61
62/* usate per blocco */
63
64
65.sidebar {
66 background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
67 text-align:left;
68 margin-top:0px;
69 width: 200px;
70 border: none;
71 padding: 0px;
72 background-color:#A8C4E1;
73
74}
75.sidebar a{
76color:#5D81A6;
77}
78.sidebar a:hover{
79text-decoration: underline;
80/*color:#FFFFFF;*/
81}
82.sidebar a:visited{
83color:#5D81A6;
84}
85
86
87.td-149 {
88 background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
89 float: right;
90 margin-top:0px;
91 /*margin: 0px 0 0 0px;*/
92 width: 200px;
93 border: none;
94 background-color:#A8C4E1;
95 /*background-color: #d2d2d2;*/
96 padding: 0px;
97}
98.td-149 a{
99color:#5D81A6;
100}
101.td-149 a:hover{
102color:#FFFFFF;
103}
104.td-149 a:visited{
105color:#000000;
106}
107.welcome
108{font-size:35px;
109color:#686868;
110}
111/* contenitore */
112
113div#container{
114 width: 900px;
115 margin: 0px auto; /*centra negli altri browsers*/
116 /*text-align: left; /*ripristina l' allineamento*/
117 }
118table {
119 margin-right: auto;
120 margin-left: auto;
121 text-align: left;
122 margin-top: 0px;
123
124
125
126}
127td {
128 font-family: Verdana, Arial, Helvetica, sans-serif;
129 font-size: 12px;
130 margin-top: 0px;
131 margin: 0;
132}
133
134hr {
135 color: #000000;
136 background-color: #FFFFFF;
137 border-bottom: 1px dotted #CCCCCC;
138}
139form {
140
141 font-size: 12px;
142 color: #000066;
143 text-decoration: none;
144 margin-right: 0px;
145 margin-left: 0px;
146 margin-top: 0px;
147 margin-bottom: 0px;
148 width: 100%;
149}
150p {
151 font-family: Verdana, Arial, Helvetica, sans-serif;
152 font-size: 12px;
153 padding-right: 8px;
154 padding-bottom: 0px;
155 padding-left: 8px;
156 padding-top: 0px;
157 margin: 2px 2px 4px;
158}
159
160h1 {
161 font-size: 16px;
162 font-weight: bold;
163 color: #222266;
164 text-decoration: none;
165 border-bottom-width: 1px;
166 border-bottom-style: dotted;
167 border-bottom-color: #222266;
168 margin-top: 6px;
169 margin-bottom: 8px;
170 padding-right: 0px;
171 padding-left: 0px;
172}
173h2 {
174 font-size: 14px;
175 font-weight: bold;
176 color: #5D81A6;
177 text-decoration: none;
178 border-bottom-width: 1px;
179 border-bottom-style: dotted;
180 border-bottom-color: #CCCCCC;
181 margin-top: 9px;
182 margin-bottom: 2px;
183 padding-right: 1px;
184 padding-left: 4px;
185}
186
187h4 {
188 font-size: 14px;
189 color: #003366;
190 text-decoration: none;
191 background-position: center;
192 bottom: 9px;
193 margin: 20px;
194 text-align: center;
195 border: 1px dotted #666666;
196 padding: 2px;
197 width: auto;
198 background-color: #EEEFEF;
199 font-variant: small-caps;
200}
201h5 {
202 font-size: 14px;
203 font-weight: bold;
204 color: #ffffff;
205 text-decoration: none;
206 border-bottom-width: 1px;
207 border-bottom-style: dotted;
208 border-bottom-color: #CCCCCC;
209 margin-top: 0px;
210 margin-bottom: 4px;
211 padding-right: 1px;
212 padding-left: 4px;
213 background-color: #A8C4E1;
214 background-position: center;
215 text-align: center;
216}
217h6 {
218 font-size: 12px;
219 font-weight: bold;
220 color: #333333;
221 text-decoration: none;
222 border-bottom-style: dotted;
223 padding-left: 4px;
224 background-position: center;
225 border-bottom-color: #EEEEEE;
226 border-bottom-width: 1px;
227 padding-top: 3px;
228 padding-right: 2px;
229 padding-bottom: 0px;
230 bottom: 9px;
231 margin-top: 1px;
232 margin-bottom: 3px;
233}
234
235/* classe tratteggiata usata in molti td */
236
237
238.modulo {
239 text-decoration: none;
240 border: 1px solid #666699;
241 font-size: 10px;
242}
243
244.modulo-button {
245 color: #663366;
246 text-decoration: none;
247 background-color: #FFFFEE;
248 border: 1px solid #660033;
249 width: 50%;
250 text-align: center;
251 font-size: 10px;
252 padding: 3px;
253}
254
255
256.sitebar {
257 background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
258 font-size: 12px;
259 border: none;
260 color: #ffffff;
261}
262
263
264
265/* tavole */
266.table-main {
267 border: 1px solid #DEDEDC;
268 font-size: 12px;
269 background-position: center top;
270 padding: 0px;
271 color: #666666;
272 text-align:center;
273 width: 900px;
[243]274
[2]275
276}
277
278
279/* numero e simbolo liste */
280
281.td-5 {
282
283 margin: 0px 0 0 0px;
284 width: 5%;
285 border: none;
286 background-color:#5D81A6;
287 color:#ffffff;
288
289 padding: 0px;
290 FONT-SIZE: 12px;
291 FONT-FAMILY: Verdana, Helvetica;
292}
293
294.td-130c {
[354]295 float: right;
[2]296 text-align:left;
[354]297 margin: 0px 0 0 1px;
[2]298 width: 130px;
[354]299 border: none;
[2]300 padding: 0px;
[354]301}
[2]302
303/* sinistra */
304div#sx{
305 width: 500px;
306 float: left;
307 text-align: left;
308 }
309/* destra */
310div#dx{
311 width: 149px;
312 float: right;
313 /*text-align: left; */
314 }
315
316
317/* flash */
318div#flash{
319 width: 410px;
320 float: left;
321 text-align: left;
322 }
323
324
325
326
327
328
329/* immagini bordo */
330
331.image {
332 /*float: center;*/
333 border: none;
334 margin: 0px;
335 padding: 0px;
336}
337
338.stemma {
339 /*float: center;*/
340 border: none;
341 margin: 0px;
342 padding: 0px;
343 width:50px;
344 height:50px;
345}
346
347.stemmapic {
348 /*float: center;*/
349 border: none;
350 margin: 0px;
351 padding: 0px;
352 width:30px;
353 height:30px;
354}
355
356
357.noblocco {
358border: 0px;
359margin-right:0px;
360margin-left:130px;
361text-align: right;
362vertical-align: middle;
363width:18px;
364height:18px;
365}
366
367
368.nobordo {
369border: 0px;
370text-align: center;
371vertical-align: middle;
372}
373
374.bordo {
375border: 1px solid #ff0000;
376text-align: left;
377vertical-align: middle;
378
379}
380/******************** font e backcolor******************************/
[354]381
382table.table-docs {
383 margin: auto;
384 width: auto;
385 border-collapse: collapse;
386 border: 1px solid #fff; /*for older IE*/
387 border-style: hidden;
388}
389
390table.table-docs caption {
391 background-color: #f79646;
392 color: #fff;
393 font-size: x-large;
394 font-weight: bold;
395 letter-spacing: .3em;
396}
397
398table.table-docs thead th {
399 padding: 8px;
400 background-color: #fde9d9;
401 font-size: large;
402}
403
404table.table-docs thead th#thDay {
405 width: 40%;
406}
407
408table.table-docs th, table.table-docs td {
409 padding: 5px;
410 border-width: 1px;
411 border-style: solid;
412 border-color: #000 #777;
413}
414
415
416table.table-docs tbody th {
417 text-align: left;
418 font-weight: normal;
419}
420
421table.table-docs tfoot {
422 font-weight: bold;
423 font-size: large;
424 background-color: #687886;
425 color: #fff;
426}
427
428table.table-docs tr.bgw {
429 background: #ffffff;
430 font-size: 12px;
431 font-family: Verdana, Helvetica;
432 text-align: center;
433 border: 1px;
434 border-color: black;
435}
436/* diventa celeste */
437
438table.table-docs tr.bggray {
439 background-color:#5D81A6;
440 font-size: 12px;
441 font-family: Verdana, Helvetica;
442 text-align: center;
443 color: #ffffff;
444 border: 1px;
445 border-color: black;
446}
447
448table.table-docs tr.bggray2 {
449 background: #A8C4E1;
450 font-size: 12px;
451 font-family: Verdana, Helvetica;
452 text-align: center;
453 }
454
455table.table-docs td.td-150b {
456 text-align:center;
457}
458
459table.table-docs td.td-150c {
460 text-align:left;
461 width: 150px;
462
463}
464
[2]465.blu {
466 background: none;
467 font-weight: bold;
468 color: #003366;
469 font-size: 12px;
470 font-family: Verdana, Helvetica
471}
472
473
474.red {
475 background: none;
476 color: #ff0000;
477 font-size: 12px;
478 font-family: Verdana, Helvetica
479}
480
481.redbig {
482 background: none;
483 color: #ff0000;
484 font-size: 16px;
485 font-family: Verdana, Helvetica
486}
487
488.bgw {
489 background: #ffffff;
490 font-size: 12px;
491 font-family: Verdana, Helvetica;
492 text-align: center;
[354]493 border: 1px;
494 border-color: black;
[2]495}
496/* diventa celeste */
497
498.bggray {
499 background-color:#5D81A6;
500 font-size: 12px;
501 font-family: Verdana, Helvetica;
502 text-align: center;
503 color: #ffffff;
[354]504 border: 1px;
505 border-color: black;
[2]506}
507
508.bggray2 {
509 background: #A8C4E1;
510 font-size: 12px;
511 font-family: Verdana, Helvetica;
512 text-align: center;
[354]513 border: 1px;
514 border-color: black;
[2]515 }
516
517.bggray3 {
518 background: #dce9f9;
519 font-size: 12px;
520 font-family: Verdana, Helvetica;
521 text-align: left;
522 }
523
524.normale {
525 background: none;
526 color: #000000;
527 font-size: 12px;
528 font-family: Verdana, Helvetica;
529 text-align: left;
530}
531.piccolo {
532 BACKGROUND: none;
533 COLOR: #cccccc;
534 FONT-SIZE: 10px;
535 FONT-WEIGHT: normal;
536 FONT-FAMILY: Verdana, Helvetica;
537 TEXT-DECORATION: none}
538/**********************************************************************BOTTONI W3C*****************************************************/
539
540.w3cbutton3 {
541background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
542 margin: 0px 0px 0px 5px;
543 width: 95px;
544 border: 1px solid #6A6A6A;
545 font-family: helvetica,arial,sans-serif;
546 font-size: 10px;
547 float: left;
548}
549
550.w3cbutton3 a {
551 display: block;
552 width: 100%;
553}
554
555.w3cbutton3 a:link, .w3cbutton3 a:visited {
556 background-color: #8CC8C7;
557 color: #2A290B;
558 text-decoration: none;
559}
560
561.w3cbutton3 a:hover {
562 background-color: #C9F4F3;
563 color: #2A290B;
564 text-decoration: none;
565}
566
567.w3cbutton3 span.w3c {
568 font-weight: bold;
569 padding: 0 0.4em;
570 background-color: #FFFFCC;
571 color: #0C479D;
572}
573
574.w3cbutton3 span.spec {
575 color: #333333;
576}
577
578.w3cbutton3 span.specRed {
579 color: #FF0000;
580}
581
Note: See TracBrowser for help on using the repository browser.