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

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

Segue adattamento per php7
modifica gestione consultazioni con e senza voto nullo di lista
File size: 9.0 KB
RevLine 
[2]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;
[242]67 height: 70px;
[2]68 margin: 0 auto;
69}
[242]70/*
[2]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}
[242]102*/
[2]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;
[104]288 color: #ffffff;
289 text-align:center;
[2]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 text-align:left;
[352]391 margin: 0px 0 0 0px;
[2]392 width: 130px;
393 padding: 0px;
[352]394 border: .5px solid black;
395}
396.td-130b {
397 border: .5px solid black;
398 font-family: Verdana, Arial, Helvetica, sans-serif;
399 font-size: 12px;
400 margin-top: 0px;
401 margin: 0;
402}
[2]403
404/* sinistra */
405div#sx{
406 width: 500px;
407 float: left;
408 text-align: left;
409 }
410/* destra */
411div#dx{
412 width: 149px;
413 float: right;
414 text-align: left;
415 }
416
417
418/* flash */
419div#flash{
420 width: 410px;
421 float: left;
422 text-align: left;
423 }
424
425
426
427
428
429
430/* immagini bordo */
431
432.image {
433 /*float: center;*/
434 border: none;
435 margin: 0px;
436 padding: 0px;
437}
438
439.stemma {
440 /*float: center;*/
441 border: none;
442 margin: 0px;
443 padding: 0px;
444 width:50px;
445 height:50px;
446}
447
448.stemmapic {
449 /*float: center;*/
450 border: none;
451 margin: 0px;
452 padding: 0px;
453 width:30px;
454 height:30px;
455}
456
457
458.noblocco {
459border: 0px;
460margin-right:0px;
461margin-left:130px;
462text-align: right;
463vertical-align: middle;
464width:18px;
465height:18px;
466}
467
468
469.nobordo {
470border: 0px;
471text-align: center;
472vertical-align: middle;
473}
474
475.bordo {
476border: 1px solid #ff0000;
477text-align: left;
478vertical-align: middle;
479
480}
481/******************** font e backcolor******************************/
482.blu {
483 background: none;
484 font-weight: bold;
485 color: #003366;
486 font-size: 12px;
487 font-family: Verdana, Helvetica
488}
489
490/*diventa grigio qui */
491
492.red {
493 background: none;
494 color: #ff0000;
495 font-size: 12px;
496 font-family: Verdana, Helvetica
497}
498
499.redbig {
500 background: none;
501 color: #ff0000;
502 font-size: 16px;
503 font-family: Verdana, Helvetica
504}
505
506.bgw {
507 background: #ffffff;
508 font-size: 12px;
509 font-family: Verdana, Helvetica;
510 text-align: center;
511}
512/* diventa rosso */
513
514.bggray {
515 background-color:#ff0000;
516 font-size: 12px;
517 font-family: Verdana, Helvetica;
518 text-align: center;
519 color: #ffffff;
520}
521
522.bggray2 {
523 background: #EAEAEA;
524 font-size: 12px;
525 font-family: Verdana, Helvetica;
526 text-align: center;
527 }
528
529.bggray3 {
530 background: #ffffff;
531 font-size: 12px;
532 font-family: Verdana, Helvetica;
533 text-align: left;
534 }
535
536.normale {
537 background: none;
538 color: #000000;
539 font-size: 12px;
540 font-family: Verdana, Helvetica;
541 text-align: left;
542}
543.piccolo {
544 BACKGROUND: none;
545 COLOR: #cccccc;
546 FONT-SIZE: 10px;
547 FONT-WEIGHT: normal;
548 FONT-FAMILY: Verdana, Helvetica;
549 TEXT-DECORATION: none}
550/**********************************************************************BOTTONI W3C*****************************************************/
551
552.w3cbutton3 {
553background-image:url(images/box_bg.jpg); background-repeat:repeat-x;
554 margin: 0px 0px 0px 5px;
555 width: 95px;
556 border: 1px solid #6A6A6A;<div class=\"dx\">";
557 font-family: helvetica,arial,sans-serif;
558 font-size: 10px;
559 float: left;
560}
561
562.w3cbutton3 a {
563 display: block;
564 width: 100%;
565}
566
567.w3cbutton3 a:link, .w3cbutton3 a:visited {
568 background-color: #8CC8C7;
569 color: #2A290B;
570 text-decoration: none;
571}
572
573.w3cbutton3 a:hover {
574 background-color: #C9F4F3;
575 color: #2A290B;
576 text-decoration: none;
577}
578
579.w3cbutton3 span.w3c {
580 font-weight: bold;
581 padding: 0 0.4em;
582 background-color: #FFFFCC;
583 color: #0C479D;
584}
585
586.w3cbutton3 span.spec {
587 color: #333333;
588}
589
590.w3cbutton3 span.specRed {
591 color: #FF0000;
592}
593
594
Note: See TracBrowser for help on using the repository browser.