W3C CSS Validator results for http://razzismoecalcio.altervista.org/tipologie.html (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?profile=css3&uri=http://razzismoecalcio.altervista.org/tipologie.html&usermedium=all&vextwarning&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (6)

URI : http://razzismoecalcio.altervista.org/css/foglio-stile-esterno-pc.css

10 #container Same color for background-color and border-top-color
10 #container Same color for background-color and border-right-color
10 #container Same color for background-color and border-bottom-color
10 #container Same color for background-color and border-left-color
39 -ms-transform is a vendor extension
40 -webkit-transform is a vendor extension

↑ Top

Valid CSS information

body {
background-color : #c4c4c4;
text-align : justify;
font-family : Arial, Helvetica, sans-serif;
}
#container {
background-color : white;
max-width : 960px;
margin : auto;
padding : 0;
border : white solid 2px;
border-radius : 5px;
font-size : 1em;
}
#metanavigazione {
width : 100%;
height : 35px;
background-color : #3a3a3a;
padding : 5px 0;
margin-bottom : 5px;
border-radius : 5px;
}
#metanavigazione img {
float : right;
width : 35px;
height : 35px;
padding-right : 5px;
}
#metanavigazione img:hover {
transform : scale(1.2,1.2);
}
#header {
width : 100%;
height : 150px;
background-image : url("../immagini/nuovologo.png");
margin-bottom : 5px;
border-radius : 5px;
}
#header h1 {
padding : 0;
margin : 0;
position : relative;
top : 45%;
left : 2%;
}
#header h1 a {
color : #3a3a3a;
}
#header h2 {
padding : 0;
margin : 0;
font-size : 1em;
color : grey;
position : relative;
top : 50%;
left : 2%;
}
#header a:link {
text-decoration : none;
}
#header a:visited {
background-color : white;
}
#header a:hover, a:active {
text-shadow : 2px 2px 2px grey;
}
#menu {
width : 100%;
height : 39px;
background-color : #3a3a3a;
}
#respmenu {
display : none;
background-color : #3a3a3a;
}
#principale {
margin : 0;
padding : 0;
list-style-type : none;
}
#principale li {
float : left;
border-right : 1px solid white;
}
#principale li a {
display : block;
color : white;
padding : 10px 5px;
width : 134px;
text-align : center;
font-size : 0.96em;
}
#principale li li a {
text-align : left;
}
#principale li a:link, li a:visited {
text-decoration : none;
background-color : #3a3a3a;
}
#principale li a:hover, li a:active {
background-color : grey;
}
#principale li ul {
visibility : hidden;
padding : 0;
margin : 0;
position : absolute;
list-style-type : none;
}
#principale li:hover ul {
visibility : visible;
z-index : 1;
}
#principale li ul li {
clear : both;
background-color : #3a3a3a;
}
#principale ul ul {
display : none;
position : absolute;
margin : -39px 144px;
}
#principale ul li:hover ul {
display : block;
z-index : 1;
}
.invisible {
margin : 0;
padding : 0;
float : right;
}
.link-attivo {
background-color : grey !important ;
}
#content {
float : left;
width : 74%;
margin-top : 50px;
margin-bottom : 5px;
margin-left : 0;
margin-right : 10px;
color : #404040;
border-right : 1px solid #dedede;
}
#titolo-home {
font-size : 1.4em;
margin : 0;
padding : 0 20px;
}
.titoli-non-home {
margin-top : 10px;
margin-bottom : 0;
padding : 0 20px;
font-size : 1.4em;
}
#briciole {
color : #404040;
margin-top : -20px;
padding : 0 0 0 20px;
}
#briciole a {
color : #404040;
}
#briciole a:link {
text-decoration : none;
}
#briciole a:visited {
background-color : white;
}
#briciole a:hover, a:active {
background-color : #dadada;
border-radius : 5px;
}
#riassunto {
padding : 20px 20px;
font-size : 0.9em;
}
#immagine-home {
width : 65%;
margin : auto;
}
.testo {
padding : 10px 20px;
font-size : 0.9em;
}
.link-testo {
text-decoration : none;
color : #087bbb;
}
.link-testo:visited {
background-color : white;
}
.link-testo:hover {
text-decoration : underline;
}
.link-testo:active {
background-color : white;
}
#foto-chi-sono {
float : left;
margin : 5px 5px 5px 20px;
width : 18%;
}
#testo-chi-sono {
padding : 0 20px;
font-size : 0.9em;
}
#center {
text-align : center;
}
.box-menu {
border-bottom : 1px solid #dedede;
padding-bottom : 20px;
margin-bottom : 30px;
}
.box-menu img {
width : 30%;
padding-left : 30px;
float : left;
}
.titolo-riassunto {
margin-left : 36%;
width : 62%;
margin-right : 10px;
}
.titolo-riassunto h1 {
padding : 0;
margin : 0;
font-size : 1.4em;
}
.titolo-riassunto p {
font-size : 0.9em;
}
.flessibile {
width : 100%;
max-width : 100%;
}
#right-menu1 {
float : left;
width : 24.5%;
margin-top : 110px;
border-radius : 5px;
border : #dedede solid 1px;
background-color : #efefef;
font-size : 0.9em;
}
#right-menu1 h3 {
margin : 0;
padding-left : 5px;
}
#right-menu1 h4 {
margin : 0;
padding : 8px 0 0 5px;
}
#right-menu1 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#right-menu1 li {
padding : 5px;
}
#right-menu1 a {
display : block;
color : black;
}
#right-menu1 a:link {
text-decoration : underline;
}
#right-menu1 a:visited {
background-color : #efefef;
}
#right-menu1 a:hover, a:active {
background-color : #c4c4c4;
border-radius : 5px;
}
#right-menu1 h3 {
margin : 0;
padding-bottom : 10px;
}
#right-menu2 {
float : left;
width : 24.5%;
margin-top : 55px;
}
.box-slider {
border : #dedede solid 1px;
border-radius : 5px;
}
.primo-articolo {
margin-top : -28px;
padding : 5px;
border-bottom : 1px solid #dedede;
}
.primo-articolo p {
margin : 3px 0;
font-size : 0.9em;
}
.articoli-secondari {
padding : 5px;
}
.testo-box h3 {
font-size : 1em;
margin : 0;
padding : 0;
}
.link-azzurro {
text-decoration : none;
color : #404040;
}
.link-azzurro:visited {
background-color : white;
}
.link-azzurro:hover {
color : #087bbb;
}
.link-azzurro:active {
background-color : white;
}
.testo-box h4 {
font-size : 0.8em;
margin : 0;
padding : 5px 0;
}
#footer {
clear : both;
width : 100%;
background-color : #3a3a3a;
text-align : center;
border-top : 1px solid #684330;
border-radius : 5px;
padding : 5px 0;
}
#footer p a {
color : white;
}
#footer p {
color : white;
}
#autore-data {
font-size : 0.75em;
}
#footer a:link {
text-decoration : none;
}
#footer a:visited {
background-color : #3a3a3a;
}
#footer a:hover, a:active {
background-color : grey;
border-radius : 5px;
}
.menu-finale {
margin : 0;
}
#tabella-statistiche {
margin : 0 20px;
text-align : center;
font-size : 0.9em;
}
td, th {
border : #AAAAAA solid 1px;
border-radius : 5px;
width : 50px;
}
.bigger {
width : 128px;
}
.sfondo-grigio {
background-color : #dadada;
}
@media screen and (max-width: 768px) {
#container {
font-size : 0.9em;
}
#header {
height : 90px;
background-image : url("../immagini/nuovologo-per-cell.png");
margin-bottom : 10px;
}
#header h1 {
font-size : 1.8em;
}
#header h2 {
font-size : 0.8em;
}
#menu {
height : 30px;
position : relative;
z-index : 1;
}
#respmenu {
display : block;
padding : 6px;
color : white;
font-size : 0.9em;
cursor : pointer;
}
.invisible {
display : none;
}
#principale {
display : none;
}
#principale li {
float : none;
padding-left : 9px;
background-color : #3a3a3a;
}
#principale li a {
padding : 2px 0;
width : 100%;
text-align : left;
}
#principale li ul {
visibility : visible;
position : relative;
padding-left : 30px;
}
#principale li ul li {
font-size : 0.8em;
}
#principale ul ul {
display : block;
position : relative;
margin : 0 0 0 20px;
padding : 0;
}
#content {
float : none;
width : 100%;
margin-top : 30px;
border-right : none;
}
#foto-chi-sono {
width : 18%;
margin-top : 13px;
}
.box-menu {
padding-bottom : 10px;
margin-bottom : 30px;
width : 100%;
}
.box-menu img {
width : 55%;
margin-left : 10%;
float : none;
}
.titolo-riassunto {
width : 90%;
clear : both;
padding : 5px 0;
margin : auto;
}
#right-menu1 {
float : none;
width : 90%;
margin : auto;
padding : 0;
background-color : #dedede;
border-radius : 5px;
}
#right-menu1 ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#right-menu1 a {
display : block;
color : #087bbb;
padding : 5px;
}
#right-menu1 a:link {
color : #087bbb;
}
#right-menu1 a:visited {
background-color : #dedede;
}
#right-menu1 a:hover, a:active {
text-decoration : underline;
background-color : white;
}
#right-menu2 {
float : none;
width : 100%;
margin-top : 40px;
}
.box-slider {
border-bottom : 0 solid #dedede;
border-radius : 0;
}
.articoli-secondari {
border-bottom : 2px solid #dedede;
}
.piccolo {
font-size : 0.5em;
}
#footer {
margin-top : 5px;
font-size : 0.9em;
}
#tabella-statistiche {
font-size : 0.48em;
}
td, th {
border-radius : 2px;
}
}
@media print {
body {
background-color : white !important ;
}
#container {
font-size : 12pt !important ;
}
#metanavigazione, #menu, #right-menu1, #right-menu2, #footer {
display : none;
}
#header {
height : 150px;
background-image : url("Immagini progetto/nuovologo-per-cell.png");
margin-bottom : 10px;
position : relative;
margin-top : -50px;
}
#header h1 {
font-size : 16pt;
}
#header h2 {
font-size : 12pt;
}
#header a:link, a:visited {
text-decoration : underline;
}
#content {
float : none;
width : 100%;
margin-top : 10px;
border-right : none;
}
.link-testo {
text-decoration : underline;
}
#briciole {
display : none;
}
}

↑ Top