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

Last change on this file since 318 was 85, checked in by roby, 14 years ago

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