source: trunk/client/temi/altro/style.css@ 85

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

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