Citazione:
body {
font:64% verdana, helvetica, sans-serif;
text-align:center;
background:#FFF;
color:#000;
margin:0;
padding:0;
}
hr { display:none } /* occorre solo per strutturare il codice per i browser che non supportino i CSS */
/* LINK */
/* gestione sottolineature */
a:link, a:visited { text-decoration:none }
a:hover, a:active { text-decoration:underline }
/* link grande*/
#contenuto-principale .riga-1 .colonna-1 a { font-size:1.25em; }
/* link nero bold */
#contenuto-principale .riga-2 a:link, #contenuto-principale .riga-2 a:visited,#header a:link, #header a:visited, #link-canali #link-canali-naviga a:link, #link-canali #link-canali-naviga a:visited, #colonna-link a:link, #colonna-link a:visited { color:#000;font-weight:bold }
#contenuto-principale .riga-2 a:hover, #contenuto-principale .riga-2 a:active,#header a:hover, #header a:active, #link-canali #link-canali-naviga a:hover, #link-canali #link-canali-naviga a:active, #colonna-link a:hover, #colonna-link a:active { color:royalblue; }
/* link bianco bold */
#header .colonna-3 a:link, #header .colonna-3 a:visited { font-weight:bold;color:#FFF; }
#header .colonna-3 a:hover, #header .colonna-3 a:active { font-weight:bold;color:darkturquoise; }
#pie-di-pagina .colonna-3 a:link, #pie-di-pagina .colonna-3 a:visited { font-weight:normal;color:#FFF; }
#pie-di-pagina .colonna-3 a:hover, #pie-di-pagina .colonna-3 a:active { color:darkturquoise; }
/* link nero normal */
#link-canali a:link, #link-canali a:visited, #pie-di-pagina a:link, #pie-di-pagina a:visited, #network a:link, #network a:visited, #altri a:link, #altri a:visited, #cliccati a:link, #cliccati a:visited, #contenuto-principale .riga-3 .footer a:link, #contenuto-principale .riga-3 .footer a:visited { color:#000;font-weight:normal }
#link-canali a:hover, #link-canali a:active, #pie-di-pagina a:hover, #pie-di-pagina a:active, #network a:hover, #network a:active, #altri a:hover, #altri a:active, #cliccati a:hover, #cliccati a:active, #contenuto-principale .riga-3 .footer a:hover, #contenuto-principale .riga-3 .footer a:active { color:royalblue; }
/* link box del menu*/
#link-info .footer a:link, #link-info .footer a:visited { color:white;font-weight:normal }
#link-info .footer a:hover, #link-info .footer a:active { color:royalblue; }
/* tutti gli altri link */
a:link, a:visited { font-weight:bold;color:royalblue; }
a:hover, a:active { font-weight:bold;color:royalblue; }
/* /LINK */
/* struttura generale */
#header {
background:deepskyblue;
color:#000;
margin:0 auto;
width:760px;
text-align: left;
}
#corpo {
position:relative;/*indispensabile per il posizionamento assoluto delle colonne*/
background:#FAF8F6;
color:#000;
margin:0 auto;
width:760px;
text-align: left;
}
#pie-di-pagina {
width:760px;
margin:0 auto;
text-align: left;
border-top:1px solid #866141;
}
/* /struttura generale */
/* dettagli #header */
#header .riga-1 {
position:relative;/*indispensabile per il posizionamento assoluto delle colonne*/
background:skyblue;
}
#header .riga-1 .colonna-1 {
background:dodgerblue;
width:156px;
padding: 2px 0;
text-align:center;
}
#header .riga-1 .colonna-2 {
position:absolute;
top:0;left:156px;
width:478px;
padding: 2px 0;
text-align:center;
}
#header .riga-1 .colonna-3 {
position:absolute;
top:0;left:634px;
background:mediumblue;
width:126px;
padding:2px 0;
text-align:center;
}
#header .riga-2 {
position: relative;/*indispensabile per il posizionamento assoluto delle colonne*/
border-top:1px solid #694929;
}
#header .riga-2 .colonna-1 {
width:156px;
height:47px;
}
#header .riga-2 .colonna-2 {
position:absolute;
top:0;left:156px;
width:478px;
height:47px;
text-align:center;
}
#header .riga-2 .colonna-2 form {
display:block;
margin:10px 0 0 0;
}
#header .riga-2 .colonna-2 form .submit {
border-width:1px;
border-style:solid;
border-color:#FFCF61 #000000 #000000 #FFCF61;
background:#900;
color:#FFF;
font:12px verdana, helvetica, sans-serif;
}
#header .riga-3 {
position:relative;/*indispensabile per il posizionamento assoluto delle colonne*/
background:ghostwhite;
}
#header .riga-3 .colonna-1 {
background:dodgerblue;
width:156px;
padding: 2px 0;
text-align:center;
border-top:1px dotted #000;
border-bottom:1px solid mediumblue;
border-right:1px solid mediumblue;
}
#header .riga-3 .colonna-2 {
position:absolute;
top:0;left:156px;
width:478px;
padding: 2px 0;
text-align:center;
border-top:1px solid #000;
border-bottom:1px dotted #000;
}
#header .riga-3 .colonna-3 {
position:absolute;
top:0;left:634px;
background:mediumblue;
width:126px;
padding:2px 0;
text-align:center;
border-top:1px dotted #000;
border-bottom:1px solid #FF8618;
}
/* /dettagli #header */
/* dettagli #corpo */
/* dettagli struttura #corpo */
#corpo #contenuto-principale {
position:absolute;
top:0;left:156px;
width:478px;
padding:8px 0;
}
#corpo #colonna-link {
width:156px;
padding:8px 0 0 0;
background:#FFF;
}
#corpo #colonna-secondaria {
position:absolute;
top:0;left:634px;
width:126px;
padding:8px 0;
text-align:center;
}
/* /dettagli struttura #corpo */
/* dettagli #corpo #contenuto-principale */
#corpo #contenuto-principale .riga-1 { padding:0 5px;position:relative; }
#corpo #contenuto-principale .riga-2 { padding:10px 5px }
#corpo #contenuto-principale .riga-3 { padding:0 5px;position:relative }
#corpo #contenuto-principale .riga-1 .colonna-1 {
width:312px;
float:left;
margin-right:4px
}
#corpo #contenuto-principale .riga-1 .colonna-2 { width:152px;float:left }
#corpo #contenuto-principale .riga-1 .colonna-1 img {
border:1px solid #000;
float:left;
margin-right:5px;
}
#corpo #contenuto-principale .riga-1 .colonna-2 img {
border:1px solid #000;
float:left;
margin-right:3px
}
#corpo #contenuto-principale .riga-1 .colonna-2 div {clear:left; }
#corpo #contenuto-principale .riga-2 h6 {
font-size:1em;
font-weight:bold;
color:mediumblue;
margin:0 0 3px 0;
}
#corpo #contenuto-principale .riga-2 .box {
padding: 6px 9px;
color: mediumblue;
border-width:1px;
border-color: royalblue mediumblue;
border-style:dotted solid;
}
#corpo #contenuto-principale .riga-3 .colonna-1 {
width:152px;
float:left;
margin-right:10px
}
#corpo #contenuto-principale .riga-3 .colonna-2 { float:left;width:306px; }
#corpo #contenuto-principale .riga-3 .colonna-1 h6 {
font-size:1em;
font-weight:bold;
color:mediumblue;
margin:0 0 3px 0;
}
#corpo #contenuto-principale .riga-3 .colonna-1 img {display:block;border:0px solid #000;}
#corpo #contenuto-principale .riga-3 .colonna-1 .box {
padding:5px 0;
margin:5px 0;
border-top:1px dotted royalblue;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #shopping { width:100%;margin-bottom:10px; }
#corpo #contenuto-principale .riga-3 .colonna-2 #shopping h6 {
display:block;
margin:0;
width:7em;
font-size:1em;
font-weight:bold;
background:dodgerblue url(immagini/angolo_s.gif) 100% 0% no-repeat;
color:whitesmoke;
padding:1px 30px 2px 5px;
white-space: nowrap;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #shopping .box {
border:1px solid skyblue;
background:whitesmoke;
color:#000;
padding:4px;
margin:0;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #shopping .box .colonna-1 {
width:144px;
margin:0;padding:0 0 4px 0;
float:left;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #shopping .box .colonna-2 {
width:144px;
margin:0;padding:0 0 4px 0;
float:right;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #shopping .box .footer {
clear:both;
background:lightskyblue;
color:royalblue;
padding:2px 5px 4px 5px;
margin: 5px -4px -4px -4px;
text-align:right;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #cliccati { margin-top:10px 0 }
#corpo #contenuto-principale .riga-3 .colonna-2 #cliccati h6 {
font-size:1em;
font-weight:bold;
color:royalblue;
margin:0 0 3px 0;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #cliccati .box {
padding: 4px;
margin:0;
background:skyblue;
color: royalblue;
border-width:1px;
border-color: royalblue;
border-style:dotted none;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #community { width:100%;margin:10px 0; }
#corpo #contenuto-principale .riga-3 .colonna-2 #community h6 {
display:block;
margin:0;
width:7em;
font-size:1em;
font-weight:bold;
background:darkslateblue url(immagini/angolo_c.gif) 100% 0% no-repeat;
color:white;
padding:1px 30px 2px 5px;
white-space: nowrap;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #community .box {
border:1px solid darkslateblue;
background:whitesmoke;
color:#000;
padding:4px;
margin:0;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #community .box .colonna-1 {
width:144px;
margin:0;padding:0 0 4px 0;
float:left;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #community .box .colonna-2 {
width:144px;
margin:0;padding:0 0 4px 0;
float:right;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #community .box .footer {
clear:both;
background:skyblue;
color:darkslateblue;
padding:2px 5px 4px 5px;
margin: 0 -4px -4px -4px;
text-align:right;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #altri {
background:whitesmoke;
padding:4px 7px 5px 7px;
margin:10px 0;
border-top:1px dotted royalblue;
border-bottom:1px dotted royalblue;
color: royalblue;
}
#corpo #contenuto-principale .riga-3 .colonna-2 #network { color:#B3ADAD }
#corpo #contenuto-principale .riga-3 .colonna-2 #network h6 {
font-size:1em;
font-weight:bold;
color:royalblue;
margin:0 0 3px 0;
border-bottom:1px dotted royalblue;
}
/* /dettagli #corpo #contenuto-principale */
/* dettagli #corpo #colonna-link */
#corpo form .submit {
border-width:1px;
border-style:solid;
border-color:#FFCF61 #000000 #000000 #FFCF61;
background:royalblue;
color:#FFF;
font:12px verdana, helvetica, sans-serif;
}
#corpo #colonna-link #menu { width:100%;margin:10px 0; }
#corpo #colonna-link #menu h6 {
display:block;
margin:0;
width:7em;
font-size:1em;
font-weight:bold;
padding:1px 30px 2px 5px;
white-space: nowrap;
}
#corpo #colonna-link #menu .box {
border:1px solid ;
background:whitesmoke;
color:#000;
padding:4px;
margin:0;
width:154px;
margin:0;padding:0 0 4px 0;
float:left;
}
#corpo #colonna-link #menu .box ul {
list-style: none;
margin:0;
padding:0 3px 0 0px;
}
#corpo #colonna-link #menu .box ul li { padding:3px 3px 3px 3px; }
#corpo #colonna-link #menu .box .footer {
clear:both;
padding:2px 2px 2px 10px;
margin: 0 -4px -4px -4px;
text-align:left;
}
#corpo #colonna-link #menu #info h6 {
background:darkslateblue;
color:white;
}
#corpo #colonna-link #menu #info .box {
border:darkslateblue;
}
#corpo #colonna-link #menu #info .box .footer {
background:darkslateblue;
color:darkslateblue;
}
#corpo #colonna-link #menu #giovani h6 {
background:slateblue url(immagini/angolo_web.gif) 100% 0% no-repeat;
color:white;
}
#corpo #colonna-link #menu #giovani .box {
border:slateblue;
}
#corpo #colonna-link #menu #giovani .box .footer {
background:slateblue;
color:slateblue;
}
#corpo #colonna-link #menu #web h6 {
background:darkslateblue url(immagini/angolo_w.gif) 100% 0% no-repeat;
color:white;
}
#corpo #colonna-link #menu #web .box {
border:mediumblue;
}
#corpo #colonna-link #menu #web .box .footer {
background:mediumblue;
color:mediumblue;
}
#corpo #colonna-link ul {
list-style: none;
margin:0;
padding:0 3px 0 0px;
}
#corpo #colonna-link ul li {
padding-bottom:8px;}
#corpo #colonna-link #link-canali {
background:url(immagini/sfondo_colonna_link.gif) repeat-y;
}
#corpo #colonna-link #link-canali ul { padding:0;border-bottom:1px dotted royalblue; }
#corpo #colonna-link #link-canali ul li { padding:3px 3px 3px 3px; }
/* /dettagli #corpo #colonna-link */
/* dettagli #corpo #colonna-secondaria */
#corpo #colonna-secondaria img { display:block;border:0 solid;margin: 10px auto; }
#corpo #colonna-secondaria .box {
background:whitesmoke;
padding:8px;
margin:14px 0;
border-top:1px dotted royalblue;
border-bottom:1px dotted royalblue;
text-align:left;
}
/* /dettagli #corpo #colonna-secondaria */
/* /dettagli #corpo */
/* dettagli #pie-di-pagina */
#pie-di-pagina .riga-1 {
position:relative;/*indispensabile per il posizionamento assoluto delle colonne*/
}
#pie-di-pagina .riga-2 {
border-top:1px solid #866141;
color:#866141;
padding:10px 0 30px 0;
text-align:center
}
#pie-di-pagina .riga-1 .colonna-1 {
width:156px;
padding: 2px 0;
text-align:center;
border-left:1px solid #866141;
border-right:1px solid #866141;
}
#pie-di-pagina .riga-1 .colonna-2 {
position:absolute;
top:0;left:156px;
width:478px;
padding: 2px 0;
text-align:center;
color:#866141;
}
#pie-di-pagina .riga-1 .colonna-3 {
position:absolute;
top:0;left:632px;
background:mediumblue;
width:126px;
padding:2px 0;
text-align:center;
border-left:1px solid #866141;
border-right:1px solid #866141;
}
/* /dettagli #pie-di-pagina */
Ed ecco quello della pagina php cui è collegato tramite inclusione nella index