Listato 5 - Codice di "mainstyle.css"

/* Stili generici per l'elemento body */
body {
background : #FFFFFF;
color : #FFFFFF;
font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
text-align : center;
}

/* Stile della sezione "sezprinc" */

#sezprinc {
background: #FFFFFF;
border-bottom : 1px solid black;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 1px solid black;
color : #000000;
margin : 20px auto;
text-align : left;
width : 574px;
}

/* Stile della sezione "testata" */

#testata {
background : #336699;
border-bottom : 1px solid black;
height : 75px;
margin : 0px;
padding-bottom : 1px;
padding-left : 26px;
padding-right : 26px;
padding-top : 0px;
}

/* Stile della sezione "contenuto" */

#contenuto {
border-bottom : #CCCCCC 0px dotted;
border-left : #CCCCCC 0px dotted;
border-right : #CCCCCC 0px dotted;
border-top : #CCCCCC 0px dotted;
margin : 0px 27px;
padding-bottom : 5px;
padding-left : 0px;
padding-right : 0px;
padding-top : 6px;
voice-family : inherit;
width : 512px;

}

/* Stile della sezione navigazione */

#navigazione {
background : #336699;
border-bottom : #CCCCCC 0px;
border-left : #CCCCCC 0px;
border-right : #CCCCCC 0px dotted;
border-top : #CCCCCC 0px;
color : #000000;
float : left;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 140px;
min-height : 500px;
}

/* Stili dei link della sezione "navigazione" */

#navigazione a {
background : #336699;
color :#99FFFF;
}

#navigazione a:hover {
background : #336699;
color : #DC143C;
}

#navigazione a:visited {
background : #336699;
color :#99FFFF;
}

/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "navigazione" */

#navigazione h1 {
background : #336699;
border-bottom : 1px dotted #808080;
border-left : 1px dotted #808080;
border-right : 1px dotted #808080;
border-top : 1px dotted #808080;
color : white;
font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
margin-bottom : 3px;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
padding-bottom : 2px;
text-align : center;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "navigazione" */

#navigazione p {
background : #336699;
color : Black;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin : 5px 5px;
}


/* Stile della sezione "menu" */
#menu {
border-bottom : black 1px solid;
border-left :black 1px solid;
border-right : black 1px solid;
border-top : black 0px solid;
margin : 0px 26px 1px;
padding-bottom : 5px;
padding-left : 2px;
padding-right : 0px;
padding-top : 4px;
width : 512px;
background : #FFCC00;

}

/* Stli dei link della sezione "menu" */
#menu a {
background : #FFCC00;
color : #CC0000;
}

#menu a:visited {
background : #FFCC00;
color : #CC0000;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "menu" */
#menu p {
background : #FFCC00;
color : black;
font : bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
}

/* Stile della sezione "post" */
#post {
background-color : #FFFFFF;
border-bottom : #CCCCCC 0px;
border-left : #CCCCCC 0px dotted;
border-right : #CCCCCC 0px;
border-top : #CCCCCC 0px;
color : #000000;
margin : 0px 0px 0px 142px;
padding-bottom : 10px;
padding-left : 16px;
padding-right : 0px;
padding-top : 0px;
voice-family : inherit;
width : 350px;

}

/* Selettore contestuale. Specifica come appare l'elemento h1 all'interno della sezione "post" */
#post h1 {
background : white;
color : #191970;
font : bold 13px Tahoma, Verdana, Helvetica, sans-serif;
margin : 5px;


}

/* Selettore contestuale. Specifica come appare l'elemento h2 all'interno della sezione "post" */
#post h2 {
background-color : #FFFFFF;
color : #CC0000;
font : bold 10px Tahoma, Verdana, Helvetica, sans-serif;
margin : 5px;
}

/* Selettore contestuale. Specifica come appare l'elemento p all'interno della sezione "post" */
#post p {
background-color : #FFFFFF;
border-bottom : 1px dotted black;
color : #000000;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height : 1.5em;
margin : 5px;
padding-bottom : 4px;
}