source: trunk/admin/temi/facebook/style.css@ 257

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