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

Last change on this file since 2 was 2, checked in by root, 15 years ago

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