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

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

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