source: trunk/client/temi/facebook/style.css@ 347

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

Aggiornamento per compatibilità con php7.4

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