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

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