source: trunk/client/temi/facebook/style.css@ 398

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