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

Last change on this file since 206 was 139, checked in by roby, 13 years ago

Modifiche per gestione Legge regione Sicilia 2011
File size: 12.8 KB
Line 
1/* ########### slashblog ###################*/
2
3/*
4Liberamente tratto da
5http://www.freecsstemplates.org
6Released for free under a Creative Commons Attribution 2.5 License
7*/
8
9body {
10 margin: 20px 0 0 0;
11 padding: 0;
12 background: #FFFFFF url(images/img01.gif) repeat-x;
13 font-family: Arial, Helvetica, sans-serif;
14 font-size: 13px;
15 color: #203C36;
16
17}
18
19
20a {
21 font-size: 13px;
22 color: #7AB9AB;
23}
24
25a:hover {
26 font-size: 13px;
27 text-decoration: none;
28}
29
30
31
32/* Header */
33
34#header {
35 width: 980px;
36 height: 80px;
37 margin: 0 auto;
38 background: url(images/img02.jpg);
39}
40
41#header h1 {
42 margin: 0;
43 padding: 15px 0 0 20px;
44 letter-spacing: normal;
45 font-size: 1em;
46 color: #FFFFFF;
47}
48
49#header h1 a {
50 text-decoration: none;
51 color: #FFFFFF;
52}
53
54#header h1 a:hover {
55 text-decoration: underline;
56}
57
58#header b {
59 display: block;
60 letter-spacing: -2px;
61 font-size: 2.4em;
62}
63
64/* Search */
65
66#search {
67 float: right;
68 width: 180px;
69 padding-top: 30px;
70}
71
72#searchfield {
73 width: 150px;
74}
75
76#searchsubmit {
77 display: none;
78}
79
80/* Page */
81
82#page {
83 width: 980px;
84 margin: 0 auto;
85 padding: 60px 0px;
86 background: url(images/img03.jpg) no-repeat;
87
88}
89
90/* Content */
91
92#content {
93 float: left;
94 width: 770px;
95
96}
97
98/* Footer */
99
100#footer {
101 clear: both;
102 padding: 40px 0;
103 background: #696B60 url(images/img07.gif) repeat-x;
104}
105
106#footer p {
107 margin: 0;
108 text-align: center;
109 color: #999999;
110}
111
112#footer a {
113 color: #999999;
114}
115
116
117
118
119div#container{
120
121 width: 798;
122 margin: 0px auto; /*centra */
123 text-align: left; /*ripristina l' allineamento*/
124 }
125
126table {
127 margin-right: auto;
128 margin-left: auto;
129 text-align: left;
130 margin-top: 0px;
131
132}
133td {
134 font-family: Verdana, Arial, Helvetica, sans-serif;
135 font-size: 12px;
136 margin-top: 0px;
137 margin: 0;
138}
139
140hr {
141 color: #000000;
142 background-color: #FFFFFF;
143 border-bottom: 1px dotted #CCCCCC;
144}
145form {
146
147 font-size: 13px;
148 color: #000066;
149 text-decoration: none;
150 margin-right: 0px;
151 margin-left: 0px;
152 margin-top: 0px;
153 margin-bottom: 0px;
154 width: 100%;
155}
156p {
157 font-family: Verdana, Arial, Helvetica, sans-serif;
158 font-size: 12px;
159 padding-right: 8px;
160 padding-bottom: 0px;
161 padding-left: 8px;
162 padding-top: 0px;
163 margin: 2px 2px 4px;
164}
165h1 {
166 font-size: 16px;
167 font-weight: bold;
168
169 text-decoration: none;
170 border-bottom-width: 1px;
171 border-bottom-style: dotted;
172 border-bottom-color: #222266;
173 margin-top: 6px;
174 margin-bottom: 8px;
175 padding-right: 0px;
176 padding-left: 0px;
177}
178h2 {
179 font-size: 14px;
180 font-weight: bold;
181
182 text-decoration: none;
183 border-bottom-width: 1px;
184 border-bottom-style: dotted;
185 border-bottom-color: #CCCCCC;
186 margin-top: 9px;
187 margin-bottom: 2px;
188 padding-right: 1px;
189 padding-left: 4px;
190}
191h4 {
192 font-size: 14px;
193
194 text-decoration: none;
195 background-position: center;
196 bottom: 9px;
197 margin: 20px;
198 text-align: center;
199 border: 1px dotted #666666;
200 padding: 2px;
201 width: auto;
202 background-color: #EEEFEF;
203 font-variant: small-caps;
204}
205h5 {
206 font-size: 14px;
207 font-weight: bold;
208 color:#ffffff;
209 background: url(images/img04.jpg) repeat;
210 text-decoration: none;
211 border-bottom-width: 1px;
212 border-bottom-style: dotted;
213 border-bottom-color: #CCCCCC;
214 margin-top: 0px;
215 margin-bottom: 4px;
216 padding-right: 1px;
217 padding-left: 4px;
218
219
220 text-align: center;
221}
222h6 {
223 font-size: 12px;
224 font-weight: bold;
225 color: #333333;
226 text-decoration: none;
227 border-bottom-style: dotted;
228 padding-left: 4px;
229 background-position: center;
230 border-bottom-color: #EEEEEE;
231 border-bottom-width: 1px;
232 padding-top: 3px;
233 padding-right: 2px;
234 padding-bottom: 0px;
235 bottom: 9px;
236 margin-top: 1px;
237 margin-bottom: 3px;
238}
239
240
241
242
243
244.sitebar {
245 background-image: url(images/site-background.gif);
246 font-size: 12px;
247 border: none;
248 color: #330000;
249}
250.footbar {
251 background-image: url(images/footer.jpg);
252 font-size: 10px;
253 color: #330000;
254 padding-right: 10px;
255 padding-bottom: 2px;
256 padding-left: 8px;
257 padding-top: 2px;
258 height: 24px;
259}
260.modulo {
261 text-decoration: none;
262 border: 1px solid #666699;
263 font-size: 10px;
264}
265.moduloform {
266 text-decoration: none;
267 border: 1px solid #666699;
268 font-size: 12px;
269 text-align: left;
270}
271.modulo-extranet {
272 text-decoration: none;
273 border: 1px dotted #000033;
274 width: 100px;
275 background-color: #FFFFFF;
276 color: #CCCCCC;
277}
278.modulo-button {
279 color: #663366;
280 text-decoration: none;
281 background-color: #FFFFEE;
282 border: 1px solid #660033;
283 width: 50%;
284 text-align: center;
285 font-size: 10px;
286 padding: 3px;
287}
288.modulosmall {
289 font-size: 9px;
290 color: #000066;
291 text-decoration: none;
292 background-color: #FFFFFF;
293 border: 0px;
294 width: 100%;
295 margin: 0px;
296 padding: 2px;
297}
298.modulo-table {
299 font-size: 10px;
300 color: #000066;
301 text-decoration: none;
302 background-color: #FFFFFF;
303 border-top: 1px dotted #000033;
304 border-bottom: 1px dotted #000033;
305 width: 100%;
306}
307.modulo-titolo {
308 font-size: 12px;
309 font-weight: bold;
310 color: #336633;
311 text-decoration: none;
312 border-top: 1px dotted #000033;
313 margin-top: 10px;
314 margin-bottom: 0px;
315 margin-right: 0px;
316 margin-left: 0px;
317 padding: 0px;
318 background-color: #EFEFEF;
319 text-align: left;
320 width: 100%;
321}
322.table-main {
323
324 font-size: 12px;
325 background-position: center top;
326 padding: 0px;
327
328 text-align:center;
329 width: 980px;
330}
331
332.table-blocco {
333border: 1px solid #DEDEDC;
334font-size: 10px;
335background-position: center top;
336padding: 0px;
337color: #666666;
338}
339
340
341
342
343.table-central {
344 border-top-width: 1px;
345 border-right-width: 1px;
346 border-bottom-width: 1px;
347 border-left-width: 1px;
348 border-right-style: dotted;
349 border-left-style: dotted;
350 border-top-color: #CC3300;
351 border-right-color: #CC3300;
352 border-bottom-color: #CC3300;
353 border-left-color: #CC3300;
354 border-top-style: none;
355 border-bottom-style: none;
356 height: 100%;
357 width: 100%;
358 margin: 0px;
359 padding: 8px;
360}
361.table-info {
362 font-size: 10px;
363 padding-right: 4px;
364 padding-bottom: 2px;
365 padding-left: 2px;
366 padding-top: 4px;
367 margin: 2px 2px 4px;
368}
369.table-main-secondary {
370 background-position: center top;
371 border-top: none;
372 border-left: 1px dotted #DEDEDC;
373 border-bottom: none;
374 border-right: none;
375}
376.table-docs {
377 font-size: 13px;
378 padding: 1px;
379 color: #000000;
380 /* margin: 4px 4px 40px;*/
381 border-bottom: thin dotted #666666;
382 text-align:center;
383}
384.message {
385 font-size: 12px;
386 color: #EE3366;
387 text-decoration: none;
388 background-position: center;
389 bottom: 5px;
390 margin: 10px auto;
391 text-align: left;
392 border: 1px dotted #FF6666;
393 padding: 2px;
394 width: 450px;
395 background-color: #FFFFEF;
396}
397.td-main {
398
399 border-top: none;
400 border-right: 1px dotted #DEDEDC;
401 border-bottom: none;
402 border-left: 1px dotted #DEDEDC;
403}
404
405
406
407
408.tavola {
409 background-image: url(images/back.gif);
410 font-size: 12px;
411 border: none;
412 color: #330000;
413}
414
415/* tabelle specifiche */
416
417.piccolo {
418 BACKGROUND: none;
419 COLOR: #cccccc;
420 FONT-SIZE: 10px;
421 FONT-WEIGHT: normal;
422 FONT-FAMILY: Verdana, Helvetica;
423 TEXT-DECORATION: none}
424
425.table-80 {
426 margin: 0px auto;
427 font-size: 12px;
428 border: none;
429 color: #330000;
430 width: 80%;
431}
432.table-762 {
433 text-align: center;
434 margin: 0px auto;
435 font-size: 12px;
436 border: none;
437 color: #330000;
438 width: 762px;
439 margin-top: 0px;
440
441 padding: 0px;
442}
443.td-image {
444 text-align: center;
445 border: none;
446 margin: 0px;
447 padding: 0px;
448}
449.image {
450 /*float: center;*/
451 border: none;
452 margin: 0px;
453 padding: 0px;
454}
455
456.td-2 {
457
458 margin: 0px 0 0 0px;
459
460 border: none;
461 background-color: #d2d2d2;
462 padding: 0px;
463 FONT-SIZE: 12px;
464 FONT-FAMILY: Verdana, Helvetica;
465 text-align: center;
466}
467.td-5 {
468 background: url(images/img04.jpg) repeat;
469 margin: 0px 0 0 0px;
470 width: 5%;
471 border: none;
472 background-color: #d2d2d2;
473 padding: 0px;
474 FONT-SIZE: 12px;
475 FONT-FAMILY: Verdana, Helvetica;
476 text-align: center;
477}
478
479
480
481.td-5 a{
482color :#376424
483}
484
485.td-30 {
486
487
488 width: 30%;
489 text-align: left;
490
491
492 FONT-SIZE: 12px;
493 FONT-FAMILY: Verdana, Helvetica;
494}
495
496
497/* blocco
498########################################################################################
499]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]
500########################################################################################*/
501
502.sidebar {
503
504 /*float: right;*/
505 width: 190px;
506 background: url(images/img04.jpg) repeat-y;
507
508}
509
510.blocco {
511
512background: url(images/img05.jpg) no-repeat;
513
514
515}
516
517
518.fondo {
519 padding: 20px 20px 60px 20px;
520 background: url(images/img06.jpg) no-repeat left bottom;
521}
522
523.white {
524 width: 190px;
525 background: url(images/bianco.gif) repeat-x;
526}
527.sidebar h5 {
528 font-size: 16px;
529 font-weight: bold;
530 color:#ffffff;
531
532 text-decoration: none;
533 border-bottom-width: 1px;
534 border-bottom-style: dotted;
535 border-bottom-color: #CCCCCC;
536 margin-top: 0px;
537 margin-bottom: 4px;
538 padding-right: 1px;
539 padding-left: 4px;
540
541
542 text-align: center;
543}
544
545.sidebar h6 {
546
547 margin: 0;
548 padding: 20px 20px 0 20px;
549 text-transform: uppercase;
550 font-family: "Arial Black", Arial, Helvetica, sans-serif;
551 font-size: .8em;
552 color: #FFFFFF;
553}
554
555.sidebar a {
556 color: #FFFFFF;
557}
558
559
560
561
562.td-130 {
563 float: right;
564 margin: 0px 0 0 1px;
565 width: 130px;
566 border: none;
567 background-color: #d2d2d2;
568 padding: 0px;
569
570}
571.td-130c {
572 float: right;
573 text-align:left;
574 margin: 0px 0 0 1px;
575 width: 130px;
576 border: none;
577
578 padding: 0px;
579}
580.td-vuoto {
581
582
583 width: 100%;
584 border: none;
585 text-align: left;
586
587}
588.td-vuotoc {
589
590
591 width: 100%;
592 border: none;
593 text-align: center;
594
595}
596
597.td-89 {
598
599
600 width: 89%;
601 border: none;
602 text-align: left;
603
604}
605.td-640 {
606 float: left;
607 margin: 0px 0 0 10px;
608 width: 610px;
609 border: none;
610 background-color: #ffffff;
611 padding: 0px;
612 text-align: left;
613}
614.div {
615font-size: 15px;
616}
617div#sx{
618 width: 610px;
619 float: left;
620 text-align: left;
621 }
622
623div#dx{
624 width: 149px;
625 float: right;
626 text-align: left;
627 }
628
629div#divbutton{
630 width: 798px;
631
632 text-align: right;
633 }
634
635
636div#flash{
637 width: 410px;
638 float: left;
639 text-align: left;
640 }
641
642
643
644.noblocco {
645border: 0px;
646margin-right:0px;
647margin-left:170px;
648text-align: right;
649vertical-align: middle;
650width:18px;
651height:18px;
652}
653
654
655.normal{
656 margin: 0px 0 0 1px;
657 float: left;
658 text-align: left;
659 }
660
661.stemmapic {
662 /*float: center;*/
663 border: none;
664 margin: 0px;
665 padding: 0px;
666 width:30px;
667 height:30px;
668}
669.stemma {
670 /*float: center;*/
671 border: none;
672 margin: 0px;
673 padding: 0px;
674 width:50px;
675 height:50px;
676 text-align: center;
677}
678
679/**********************************************************************BOTTONI W3C*****************************************************/
680
681.w3cbutton3 {
682 margin: 0px 0px 0px 5px;
683 width: 95px;
684 border: 1px solid #6A6A6A;
685 font-family: helvetica,arial,sans-serif;
686 font-size: 10px;
687 float: left;
688}
689
690.w3cbutton3 a {
691 display: block;
692 width: 100%;
693}
694
695.w3cbutton3 a:link, .w3cbutton3 a:visited {
696 background-color: #8CC8C7;
697 color: #2A290B;
698 text-decoration: none;
699}
700
701.w3cbutton3 a:hover {
702 background-color: #C9F4F3;
703 color: #2A290B;
704 text-decoration: none;
705}
706
707.w3cbutton3 span.w3c {
708 font-weight: bold;
709 padding: 0 0.4em;
710 background-color: #FFFFCC;
711 color: #0C479D;
712}
713
714.w3cbutton3 span.spec {
715 color: #333333;
716}
717
718.w3cbutton3 span.specRed {
719 color: #FF0000;
720}
721
722
723/******************** font e backcolor******************************/
724.blu {
725 BACKGROUND: none;
726 font-weight: bold;
727 COLOR: #003366;
728 FONT-SIZE: 12px;
729 FONT-FAMILY: Verdana, Helvetica
730}
731
732
733.red {
734 BACKGROUND: none;
735 COLOR: #ff0000;
736 FONT-SIZE: 12px;
737 FONT-FAMILY: Verdana, Helvetica
738}
739
740.redbig {
741 BACKGROUND: none;
742 COLOR: #ff0000;
743 FONT-SIZE: 16px;
744 FONT-FAMILY: Verdana, Helvetica
745}
746
747.bgw {
748 BACKGROUND: #ffffff;
749 FONT-SIZE: 12px;
750 FONT-FAMILY: Verdana, Helvetica;
751 text-align: center;
752}
753
754.bggray {
755 background: url(images/img04.jpg) repeat;
756 COLOR: #ffffff;
757 FONT-SIZE: 12px;
758 FONT-FAMILY: Verdana, Helvetica;
759 text-align: center;
760}
761
762
763.bggray a{
764color :#376424
765}
766
767.bggray2 {
768 BACKGROUND: #EFEFEF;
769 FONT-SIZE: 12px;
770 FONT-FAMILY: Verdana, Helvetica;
771 text-align: center;
772 }
773
774.bggray2 a{
775color :#376424
776}
777
778
779.bggray3 {
780 BACKGROUND: #EFEFEF;
781 FONT-SIZE: 12px;
782 FONT-FAMILY: Verdana, Helvetica;
783 text-align: left;
784 }
785
786
787.bggray3 a{
788color :#376424
789}
790
791
792
793
794.normale {
795 BACKGROUND: none;
796 COLOR: #000000;
797 FONT-SIZE: 12px;
798 FONT-FAMILY: Verdana, Helvetica;
799 text-align: left;
800}
801
802.nobordo {
803border: 0px;
804text-align: center;
805vertical-align: middle;
806}
807
808.bordo {
809border: 1px solid #ff0000;
810text-align: left;
811vertical-align: middle;
812}
813
Note: See TracBrowser for help on using the repository browser.