/* CSS Document */
/*______stili per il layout fisso_________*/
html,body{margin: 0;padding:0; background-color: #C8CDD1}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{
width: 760px;margin: 0 auto;text-align: left;
border: #FFFFFF 1px Solid;
background-image: url(rightcol.jpg) repeat-y top left;
background-color:#CCCC66;
}
/*______stili specifici per il layout_________*/
div#navigation{float:left;width: 180px}
div#content{ text-align:left;
margin-left: 150px;
padding: 1em;
background-color:#C8D7E4;
border-left: Solid 1px #FFFFFF;}
div#footer{clear:left; text-align:center; padding: 0.5em;
background-color: #69c; color: #000; border-top: Solid 1px #FFFFFF;}
div#header{background-color:#36C;color: #ff0}
/*_______stili per la navigazione____(MODIFICABILI)________*/
div#navigation a{color:#FFFFFF;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #2E577A;text-decoration: underline}
div#navigation a#activelink{color: blue;text-decoration: none}
/*__________________MENU_____________________*/
/* Definisce lo stile di un layer contenitore del menu */
div.main {
width: 150px;
border: 0px Solid #FFFFFF;
}
/* Definisce lo stile di ogni singolo layer nelle sue parti più spicciole */
div.menu {
background: #EEEEEE;
font-size: 11px;
font-family: Verdana;
border-bottom: Solid 1px #FFFFFF;
}
/* Definisce lo stile dei link al caricamento */
a.menu {
background: #2E577A;
color: #000000;
padding: 1px;
position: Relative; /* Permette di ottenere l'effetto anche se il mouse non è sul testo */
text-decoration: None;
display: Block; /* Imposta il contenuto del layer per la larghezza del layer stesso */
}
/* Definisce lo stile dei link al passaggio del mouse (modificati solo i colori) */
a:hover.menu {
background: white;
color: white;
padding: 1px;
position: Relative;
text-decoration: underline;
display: Block;
}
Rispondi quotando
