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

Last change on this file since 253 was 243, checked in by luc, 9 years ago

Nuovi menu per i temi presenti
File size: 7.7 KB
RevLine 
[2]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;
[139]9 font-size:18px;
[2]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;
[243]270
[2]271
272}
273
274
275/* numero e simbolo liste */
276
277.td-5 {
278
279 margin: 0px 0 0 0px;
280 width: 5%;
281 border: none;
282 background-color:#5D81A6;
283 color:#ffffff;
284
285 padding: 0px;
286 FONT-SIZE: 12px;
287 FONT-FAMILY: Verdana, Helvetica;
288}
289
290.td-130c {
291 float: right;
292 text-align:left;
293 margin: 0px 0 0 1px;
294 width: 130px;
295 border: none;
296
297 padding: 0px;
298}
299
300/* sinistra */
301div#sx{
302 width: 500px;
303 float: left;
304 text-align: left;
305 }
306/* destra */
307div#dx{
308 width: 149px;
309 float: right;
310 /*text-align: left; */
311 }
312
313
314/* flash */
315div#flash{
316 width: 410px;
317 float: left;
318 text-align: left;
319 }
320
321
322
323
324
325
326/* immagini bordo */
327
328.image {
329 /*float: center;*/
330 border: none;
331 margin: 0px;
332 padding: 0px;
333}
334
335.stemma {
336 /*float: center;*/
337 border: none;
338 margin: 0px;
339 padding: 0px;
340 width:50px;
341 height:50px;
342}
343
344.stemmapic {
345 /*float: center;*/
346 border: none;
347 margin: 0px;
348 padding: 0px;
349 width:30px;
350 height:30px;
351}
352
353
354.noblocco {
355border: 0px;
356margin-right:0px;
357margin-left:130px;
358text-align: right;
359vertical-align: middle;
360width:18px;
361height:18px;
362}
363
364
365.nobordo {
366border: 0px;
367text-align: center;
368vertical-align: middle;
369}
370
371.bordo {
372border: 1px solid #ff0000;
373text-align: left;
374vertical-align: middle;
375
376}
377/******************** font e backcolor******************************/
378.blu {
379 background: none;
380 font-weight: bold;
381 color: #003366;
382 font-size: 12px;
383 font-family: Verdana, Helvetica
384}
385
386
387.red {
388 background: none;
389 color: #ff0000;
390 font-size: 12px;
391 font-family: Verdana, Helvetica
392}
393
394.redbig {
395 background: none;
396 color: #ff0000;
397 font-size: 16px;
398 font-family: Verdana, Helvetica
399}
400
401.bgw {
402 background: #ffffff;
403 font-size: 12px;
404 font-family: Verdana, Helvetica;
405 text-align: center;
406}
407/* diventa celeste */
408
409.bggray {
410 background-color:#5D81A6;
411 font-size: 12px;
412 font-family: Verdana, Helvetica;
413 text-align: center;
414 color: #ffffff;
415}
416
417.bggray2 {
418 background: #A8C4E1;
419 font-size: 12px;
420 font-family: Verdana, Helvetica;
421 text-align: center;
422 }
423
424.bggray3 {
425 background: #dce9f9;
426 font-size: 12px;
427 font-family: Verdana, Helvetica;
428 text-align: left;
429 }
430
431.normale {
432 background: none;
433 color: #000000;
434 font-size: 12px;
435 font-family: Verdana, Helvetica;
436 text-align: left;
437}
438.piccolo {
439 BACKGROUND: none;
440 COLOR: #cccccc;
441 FONT-SIZE: 10px;
442 FONT-WEIGHT: normal;
443 FONT-FAMILY: Verdana, Helvetica;
444 TEXT-DECORATION: none}
445/**********************************************************************BOTTONI W3C*****************************************************/
446
447.w3cbutton3 {
448background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
449 margin: 0px 0px 0px 5px;
450 width: 95px;
451 border: 1px solid #6A6A6A;
452 font-family: helvetica,arial,sans-serif;
453 font-size: 10px;
454 float: left;
455}
456
457.w3cbutton3 a {
458 display: block;
459 width: 100%;
460}
461
462.w3cbutton3 a:link, .w3cbutton3 a:visited {
463 background-color: #8CC8C7;
464 color: #2A290B;
465 text-decoration: none;
466}
467
468.w3cbutton3 a:hover {
469 background-color: #C9F4F3;
470 color: #2A290B;
471 text-decoration: none;
472}
473
474.w3cbutton3 span.w3c {
475 font-weight: bold;
476 padding: 0 0.4em;
477 background-color: #FFFFCC;
478 color: #0C479D;
479}
480
481.w3cbutton3 span.spec {
482 color: #333333;
483}
484
485.w3cbutton3 span.specRed {
486 color: #FF0000;
487}
488
Note: See TracBrowser for help on using the repository browser.