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

Last change on this file since 354 was 354, checked in by roby, 3 years ago

Client : correzioni varie

File size: 9.2 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:18px;
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
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 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
378table.table-docs {
379 margin: auto;
380 width: auto;
381 border-collapse: collapse;
382 border: 1px solid #fff; /*for older IE*/
383 border-style: hidden;
384}
385
386table.table-docs caption {
387 background-color: #f79646;
388 color: #fff;
389 font-size: x-large;
390 font-weight: bold;
391 letter-spacing: .3em;
392}
393
394table.table-docs thead th {
395 padding: 8px;
396 background-color: #fde9d9;
397 font-size: large;
398}
399
400table.table-docs thead th#thDay {
401 width: 40%;
402}
403
404table.table-docs th, table.table-docs td {
405 padding: 5px;
406 border-width: 1px;
407 border-style: solid;
408 border-color: #000 #777;
409}
410
411
412table.table-docs tbody th {
413 text-align: left;
414 font-weight: normal;
415}
416
417table.table-docs tfoot {
418 font-weight: bold;
419 font-size: large;
420 background-color: #687886;
421 color: #fff;
422}
423
424table.table-docs tr.bgw {
425 background: #ffffff;
426 font-size: 12px;
427 font-family: Verdana, Helvetica;
428 text-align: center;
429 border: 1px;
430 border-color: black;
431}
432/* diventa celeste */
433
434table.table-docs tr.bggray {
435 background-color:#5D81A6;
436 font-size: 12px;
437 font-family: Verdana, Helvetica;
438 text-align: center;
439 color: #ffffff;
440 border: 1px;
441 border-color: black;
442}
443
444table.table-docs tr.bggray2 {
445 background: #A8C4E1;
446 font-size: 12px;
447 font-family: Verdana, Helvetica;
448 text-align: center;
449 }
450
451table.table-docs td.td-150b {
452 text-align:center;
453}
454
455table.table-docs td.td-150c {
456 text-align:left;
457 width: 150px;
458
459}
460
461.blu {
462 background: none;
463 font-weight: bold;
464 color: #003366;
465 font-size: 12px;
466 font-family: Verdana, Helvetica
467}
468
469
470.red {
471 background: none;
472 color: #ff0000;
473 font-size: 12px;
474 font-family: Verdana, Helvetica
475}
476
477.redbig {
478 background: none;
479 color: #ff0000;
480 font-size: 16px;
481 font-family: Verdana, Helvetica
482}
483
484.bgw {
485 background: #ffffff;
486 font-size: 12px;
487 font-family: Verdana, Helvetica;
488 text-align: center;
489 border: 1px;
490 border-color: black;
491}
492/* diventa celeste */
493
494.bggray {
495 background-color:#5D81A6;
496 font-size: 12px;
497 font-family: Verdana, Helvetica;
498 text-align: center;
499 color: #ffffff;
500 border: 1px;
501 border-color: black;
502}
503
504.bggray2 {
505 background: #A8C4E1;
506 font-size: 12px;
507 font-family: Verdana, Helvetica;
508 text-align: center;
509 border: 1px;
510 border-color: black;
511 }
512
513.bggray3 {
514 background: #dce9f9;
515 font-size: 12px;
516 font-family: Verdana, Helvetica;
517 text-align: left;
518 }
519
520.normale {
521 background: none;
522 color: #000000;
523 font-size: 12px;
524 font-family: Verdana, Helvetica;
525 text-align: left;
526}
527.piccolo {
528 BACKGROUND: none;
529 COLOR: #cccccc;
530 FONT-SIZE: 10px;
531 FONT-WEIGHT: normal;
532 FONT-FAMILY: Verdana, Helvetica;
533 TEXT-DECORATION: none}
534/**********************************************************************BOTTONI W3C*****************************************************/
535
536.w3cbutton3 {
537background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
538 margin: 0px 0px 0px 5px;
539 width: 95px;
540 border: 1px solid #6A6A6A;
541 font-family: helvetica,arial,sans-serif;
542 font-size: 10px;
543 float: left;
544}
545
546.w3cbutton3 a {
547 display: block;
548 width: 100%;
549}
550
551.w3cbutton3 a:link, .w3cbutton3 a:visited {
552 background-color: #8CC8C7;
553 color: #2A290B;
554 text-decoration: none;
555}
556
557.w3cbutton3 a:hover {
558 background-color: #C9F4F3;
559 color: #2A290B;
560 text-decoration: none;
561}
562
563.w3cbutton3 span.w3c {
564 font-weight: bold;
565 padding: 0 0.4em;
566 background-color: #FFFFCC;
567 color: #0C479D;
568}
569
570.w3cbutton3 span.spec {
571 color: #333333;
572}
573
574.w3cbutton3 span.specRed {
575 color: #FF0000;
576}
577
Note: See TracBrowser for help on using the repository browser.