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

Last change on this file since 104 was 104, checked in by eol, 13 years ago

Sistemazione elementi grafici e di esportaione dati
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 text-align:center;
290/*
291 font-size: 14px;
292 font-weight: bold;
293 color: #ffffff;
294 text-decoration: none;
295 border-bottom-width: 1px;
296 border-bottom-style: dotted;
297 border-bottom-color: #CCCCCC;
298 margin-top: 0px;
299 margin-bottom: 4px;
300 padding-right: 1px;
301 padding-left: 4px;
302 background-color: #A8C4E1;
303 background-position: center;
304 text-align: center;
305*/
306}
307h6 {
308 padding: 12px;
309 background: url(images/img06.gif) repeat-x;
310 font-size: 12px;
311/*
312
313 font-size: 12px;
314 font-weight: bold;
315 color: #333333;
316 text-decoration: none;
317 border-bottom-style: dotted;
318 padding-left: 4px;
319 background-position: center;
320 border-bottom-color: #EEEEEE;
321 border-bottom-width: 1px;
322 padding-top: 3px;
323 padding-right: 2px;
324 padding-bottom: 0px;
325 bottom: 9px;
326 margin-top: 1px;
327 margin-bottom: 3px;
328*/
329}
330
331/* classe tratteggiata usata in molti td */
332
333
334.modulo {
335 text-decoration: none;
336 border: 1px solid #666699;
337 font-size: 10px;
338}
339
340.modulo-button {
341 color: #663366;
342 text-decoration: none;
343 background-color: #FFFFEE;
344 border: 1px solid #660033;
345 width: 50%;
346 text-align: center;
347 font-size: 10px;
348 padding: 3px;
349}
350
351
352.sitebar {
353 background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
354 font-size: 12px;
355 border: none;
356 color: #ffffff;
357}
358
359
360
361/* tavole */
362.table-main {
363 border: 1px solid #DEDEDC;
364 font-size: 12px;
365 background-position: center top;
366 padding: 0px;
367 color: #000000;
368 text-align:center;
369 width: 900px;
370 margin:0px auto;
371
372}
373
374
375/* numero e simbolo liste */
376
377.td-5 {
378
379 margin: 0px 0 0 0px;
380 width: 5%;
381 border: none;
382 background-color:#ff0000;
383 color:#ffffff;
384 /*background-color: #d2d2d2;*/
385 padding: 0px;
386 FONT-SIZE: 12px;
387 FONT-FAMILY: Verdana, Helvetica;
388}
389.td-130c {
390 float: right;
391 text-align:left;
392 margin: 0px 0 0 1px;
393 width: 130px;
394 border: none;
395
396 padding: 0px;
397}
398
399/* sinistra */
400div#sx{
401 width: 500px;
402 float: left;
403 text-align: left;
404 }
405/* destra */
406div#dx{
407 width: 149px;
408 float: right;
409 text-align: left;
410 }
411
412
413/* flash */
414div#flash{
415 width: 410px;
416 float: left;
417 text-align: left;
418 }
419
420
421
422
423
424
425/* immagini bordo */
426
427.image {
428 /*float: center;*/
429 border: none;
430 margin: 0px;
431 padding: 0px;
432}
433
434.stemma {
435 /*float: center;*/
436 border: none;
437 margin: 0px;
438 padding: 0px;
439 width:50px;
440 height:50px;
441}
442
443.stemmapic {
444 /*float: center;*/
445 border: none;
446 margin: 0px;
447 padding: 0px;
448 width:30px;
449 height:30px;
450}
451
452
453.noblocco {
454border: 0px;
455margin-right:0px;
456margin-left:130px;
457text-align: right;
458vertical-align: middle;
459width:18px;
460height:18px;
461}
462
463
464.nobordo {
465border: 0px;
466text-align: center;
467vertical-align: middle;
468}
469
470.bordo {
471border: 1px solid #ff0000;
472text-align: left;
473vertical-align: middle;
474
475}
476/******************** font e backcolor******************************/
477.blu {
478 background: none;
479 font-weight: bold;
480 color: #003366;
481 font-size: 12px;
482 font-family: Verdana, Helvetica
483}
484
485/*diventa grigio qui */
486
487.red {
488 background: none;
489 color: #ff0000;
490 font-size: 12px;
491 font-family: Verdana, Helvetica
492}
493
494.redbig {
495 background: none;
496 color: #ff0000;
497 font-size: 16px;
498 font-family: Verdana, Helvetica
499}
500
501.bgw {
502 background: #ffffff;
503 font-size: 12px;
504 font-family: Verdana, Helvetica;
505 text-align: center;
506}
507/* diventa rosso */
508
509.bggray {
510 background-color:#ff0000;
511 font-size: 12px;
512 font-family: Verdana, Helvetica;
513 text-align: center;
514 color: #ffffff;
515}
516
517.bggray2 {
518 background: #EAEAEA;
519 font-size: 12px;
520 font-family: Verdana, Helvetica;
521 text-align: center;
522 }
523
524.bggray3 {
525 background: #ffffff;
526 font-size: 12px;
527 font-family: Verdana, Helvetica;
528 text-align: left;
529 }
530
531.normale {
532 background: none;
533 color: #000000;
534 font-size: 12px;
535 font-family: Verdana, Helvetica;
536 text-align: left;
537}
538.piccolo {
539 BACKGROUND: none;
540 COLOR: #cccccc;
541 FONT-SIZE: 10px;
542 FONT-WEIGHT: normal;
543 FONT-FAMILY: Verdana, Helvetica;
544 TEXT-DECORATION: none}
545/**********************************************************************BOTTONI W3C*****************************************************/
546
547.w3cbutton3 {
548background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
549 margin: 0px 0px 0px 5px;
550 width: 95px;
551 border: 1px solid #6A6A6A;<div class=\"dx\">";
552 font-family: helvetica,arial,sans-serif;
553 font-size: 10px;
554 float: left;
555}
556
557.w3cbutton3 a {
558 display: block;
559 width: 100%;
560}
561
562.w3cbutton3 a:link, .w3cbutton3 a:visited {
563 background-color: #8CC8C7;
564 color: #2A290B;
565 text-decoration: none;
566}
567
568.w3cbutton3 a:hover {
569 background-color: #C9F4F3;
570 color: #2A290B;
571 text-decoration: none;
572}
573
574.w3cbutton3 span.w3c {
575 font-weight: bold;
576 padding: 0 0.4em;
577 background-color: #FFFFCC;
578 color: #0C479D;
579}
580
581.w3cbutton3 span.spec {
582 color: #333333;
583}
584
585.w3cbutton3 span.specRed {
586 color: #FF0000;
587}
588
589
Note: See TracBrowser for help on using the repository browser.