Resultados del Validador CSS del W3C para http://www.oliveoilk.com/resources/css/base.css (CSS versión 2.1)

Disculpas! Hemos encontrado las siguientes errores (1)

URI : http://www.oliveoilk.com/resources/css/base.css

149 .gallery-th .thumb:hover La propiedad opacity no existe en CSS versión 2.1 pero existe en [css3] : 0.7

↑ Top

Las Advertencias (45)

URI : http://www.oliveoilk.com/resources/css/base.css

13 Color de primer plano y color de fondo iguales en dos contextos #page-content #left a#external:hover y #page-content #right h1
13 Color de primer plano y color de fondo iguales en dos contextos ul#news-list li a:hover y #page-content #right h1
13 Color de primer plano y color de fondo iguales en dos contextos ul.links li a:hover y #page-content #right h1
16 Color de primer plano y color de fondo iguales en dos contextos a.button y a
23 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y strong
33 Color de primer plano y color de fondo iguales en dos contextos .imgLeft y #skip a:hover
33 Color de primer plano y color de fondo iguales en dos contextos .imgRight y #skip a:hover
47 Color de primer plano y color de fondo iguales en dos contextos a.button y #nav ul li a
48 Color de primer plano y color de fondo iguales en dos contextos a.button y #nav li a:hover
50 Color de primer plano y color de fondo iguales en dos contextos a.button y .current-about h4
50 Color de primer plano y color de fondo iguales en dos contextos a.button y .current-menu a
50 Color de primer plano y color de fondo iguales en dos contextos a.button y .current-news h3
51 Color de primer plano y color de fondo iguales en dos contextos a.button y .current a
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.contact #nav li#menu6
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.home #nav li#menu1
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.k #nav li#menu3
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.links #nav li#menu5
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.news #nav li#menu4
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.olive #nav li#menu2
59 Color de primer plano y color de fondo iguales en dos contextos a.button y body.shop #nav li#menu7
66 Color de primer plano y color de fondo iguales en dos contextos a.button y #nav2 ul li a
67 Color de primer plano y color de fondo iguales en dos contextos a.button y #nav2 li a:hover
68 Color de primer plano y color de fondo iguales en dos contextos a.button y .active
83 Color de primer plano y color de fondo iguales en dos contextos #tiendalist li a:hover y body.yellow #page-content h4
83 Color de primer plano y color de fondo iguales en dos contextos #top y body.yellow #page-content h4
83 Color de primer plano y color de fondo iguales en dos contextos body y body.yellow #page-content h4
83 Color de primer plano y color de fondo iguales en dos contextos html y body.yellow #page-content h4
104 Color de primer plano y color de fondo iguales en dos contextos #page-content #left a#external:hover y .news h3
104 Color de primer plano y color de fondo iguales en dos contextos ul#news-list li a:hover y .news h3
104 Color de primer plano y color de fondo iguales en dos contextos ul.links li a:hover y .news h3
104 Color de primer plano y color de fondo iguales en dos contextos #page-content #left a#external:hover y h3
104 Color de primer plano y color de fondo iguales en dos contextos ul#news-list li a:hover y h3
104 Color de primer plano y color de fondo iguales en dos contextos ul.links li a:hover y h3
104 Color de primer plano y color de fondo iguales en dos contextos #page-content #left a#external:hover y ul#news h3
104 Color de primer plano y color de fondo iguales en dos contextos ul#news-list li a:hover y ul#news h3
104 Color de primer plano y color de fondo iguales en dos contextos ul.links li a:hover y ul#news h3
104 Color de primer plano y color de fondo iguales en dos contextos #page-content #left a#external:hover y ul.news h3
104 Color de primer plano y color de fondo iguales en dos contextos ul#news-list li a:hover y ul.news h3
104 Color de primer plano y color de fondo iguales en dos contextos ul.links li a:hover y ul.news h3
156 Color de primer plano y color de fondo iguales en dos contextos #page-content #left a#external:hover y .contact #right p b
156 Color de primer plano y color de fondo iguales en dos contextos ul#news-list li a:hover y .contact #right p b
156 Color de primer plano y color de fondo iguales en dos contextos ul.links li a:hover y .contact #right p b
176 Color de primer plano y color de fondo iguales en dos contextos #instrucciones y #footer a:hover
176 Color de primer plano y color de fondo iguales en dos contextos #page-content y #footer a:hover
189 Color de primer plano y color de fondo iguales en dos contextos a.button:hover y .grey

↑ Top

Información de CSS válida

* {
padding : 0;
margin : 0;
list-style-type : none;
text-decoration : none;
}
html, body {
top : 0;
left : 0;
background-color : #222;
color : #666;
right : 0;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 100%;
}
.hide {
display : none;
}
.clear {
clear : both;
}
h1, h2, h3, h4, h5, h6 {
font-weight : bold;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#page-content #right h1 {
margin : 0 0 34px 0;
color : #333;
padding : 0;
}
#page-content #right h3 {
margin : 0 0 8px 0;
padding : 0;
}
a {
cursor : pointer;
outline : none;
text-decoration : none;
color : #111;
}
a:hover {
color : #666;
text-decoration : none !important ;
}
img {
border : none;
}
p, li {
font-size : 0.75em;
line-height : 1.4em;
margin-bottom : 16px;
}
.right {
text-align : right;
}
strong {
color : #444;
font-weight : bold;
}
cite, em, i, blockquote {
font-family : Georgia, serif;
font-style : italic;
font-size : 105%;
}
blockquote {
padding : 16px 16px 10px 16px;
background : #efefef;
border : 1px solid #ccc;
margin : 10px 0 16px 0;
}
#top {
height : 8px;
background : #222;
display : block;
}
#skip {
position : absolute;
top : 6px;
right : 30px;
z-index : 9;
background : url(../img/black-60.png) repeat;
font-size : 0.7em;
}
#skip a {
color : #777;
padding : 5px 10px;
display : block;
}
#skip a:hover {
color : #eee;
padding : 10px 10px 5px 10px;
}
#header {
position : relative;
width : 100%;
min-width : 900px;
height : 335px;
overflow : hidden;
}
#header-image, #header-content {
position : absolute !important ;
}
#header-image div {
position : absolute;
}
#header-space {
height : 335px !important ;
height : 0;
}
#header-image, #header-content {
min-height : 335px;
height : 335px;
width : 100%;
overflow : hidden;
min-width : 900px;
}
#slideshow1, #header-image div, #header-image img {
width : 100% !important ;
width : auto;
min-height : 335px;
min-width : 1280px;
height : auto !important ;
height : 335px;
}
object {
z-index : -1 !important ;
float : left;
top : 0;
left : 0;
position : absolute;
height : 335px !important ;
}
#newsticker img {
width : 10px;
}
#nav {
height : 32px;
width : 100%;
min-width : 900px;
font-size : 12pt;
margin-top : -32px;
background : transparent url(../img/white-70.png) repeat;
overflow : hidden;
position : absolute;
bottom : 0 !important ;
bottom : -1px;
}
#nav ul {
width : 700px;
margin : 0 0 0 20px;
}
#nav ul li {
float : left;
margin-right : 18px;
}
#nav ul li a {
z-index : 100;
float : left;
height : 32px;
color : #111;
padding-left : 0 !important ;
line-height : 26pt;
text-indent : 8px;
text-align : left;
text-transform : uppercase;
font-size : 9pt;
}
#nav li a:hover {
color : #111;
text-decoration : none !important ;
}
.current-menu a, .current-news h3, .current-about h4 {
color : #111 !important ;
font-weight : bold;
}
.current a {
color : #111 !important ;
font-weight : bold;
}
body.home #nav li#menu1, body.olive #nav li#menu2, body.k #nav li#menu3, body.news #nav li#menu4, body.links #nav li#menu5, body.contact #nav li#menu6, body.shop #nav li#menu7 {
color : #111 !important ;
font-weight : bold;
}
#level0 #nav {
height : 0;
}
#nav2 {
height : 0;
width : 100%;
min-width : 900px;
font-size : 12pt;
background : transparent url(../img/white-50.png) repeat;
overflow : hidden;
bottom : 32px !important ;
bottom : 31px;
position : absolute;
}
#nav2 ul {
width : 600px;
margin : 0 0 0 20px;
}
#nav2 ul li {
float : left;
margin-right : 12px;
}
#nav2 ul li a {
z-index : 10;
float : left;
height : 25px;
color : #111;
padding-left : 0 !important ;
line-height : 20pt;
text-indent : 8px;
position : relative;
text-align : left;
text-transform : uppercase;
font-size : 8pt;
}
#nav2 li a:hover {
color : #111;
text-decoration : none !important ;
}
.active {
color : #111 !important ;
font-weight : bold;
}
#language {
position : absolute;
right : 30px;
top : 8px;
}
#language p {
font-size : 0.7em;
}
a#external, a.external {
background : url(../img/external-link.gif) no-repeat [right, 5px];
padding-right : 15px;
}
body.yellow #nav {
background : url(../img/yellow-70.png);
}
body.yellow #nav2 {
background : url(../img/yellow-50.png);
}
body.yellow #page-content h4 {
color : #222;
margin-top : 28px;
}
#page-content {
width : 100%;
min-width : 1000px;
clear : both;
background : #fff url(../img/bgcontent.jpg) repeat-x [bottom];
border-bottom : 2px solid #000;
padding-bottom : 40px;
position : relative;
}
#awards {
position : absolute;
right : 30px;
top : 35px;
width : 115px;
}
#awards a {
display : block;
margin : 0 0 25px 0;
}
#left {
float : left;
width : 200px;
margin : 40px 44px 30px 30px;
}
#right {
float : left;
width : 500px;
margin : 36px 0 30px 0;
position : relative;
}
ul#news, ul.news {
margin : 0 0 18px 0;
padding : 0;
}
ul#news li, ul.news li {
margin : 0;
padding : 8px 0 0 0;
font-size : 1em;
line-height : 1em;
border-bottom : 1px solid #ccc;
}
ul#news li p {
margin : 0;
padding : 0;
}
.date {
color : #999;
margin-right : 20px;
}
li.first {
border-bottom : 1px solid #ccc;
padding : 0 0 15px 0 !important ;
margin-bottom : 20px;
}
ul#news h3, ul.news h3, .news h3, h3 {
font-size : 0.9em;
text-transform : uppercase;
margin-bottom : 13px;
line-height : 1em;
color : #333 !important ;
}
ul#news h4, ul.news h4, .news h4, h4 {
font-size : 0.7em;
text-transform : uppercase;
margin-bottom : 9px;
line-height : 1.2em;
color : #666;
}
h4.separator {
margin : 30px 0 0 0;
padding : 0 0 8px 0;
border-bottom : 1px solid #ccc;
font-size : 0.6em;
}
body.olive #right p {
margin-bottom : 12px;
line-height : 1.4em;
}
ul#news-list {
margin : 50px 0 10px 0;
font-size : 1em;
border-top : 1px solid #ccc;
}
ul#news-list li {
margin : 0;
padding : 0;
}
ul#news-list li a {
padding : 3px 0;
margin : 0;
border-bottom : 1px solid #ccc;
display : block;
}
ul#news-list li a:hover {
background : #333;
padding-left : 10px;
color : #fff !important ;
}
ul.links {
list-style : none;
margin : 0;
padding : 0;
border-top : 1px solid #ccc;
}
ul.links li {
position : relative;
margin : 0;
padding : 0;
border-bottom : 1px solid #ccc;
}
ul.links li a {
display : block;
width : 480px;
padding : 5px 10px;
font-weight : bold;
}
ul.links li a:hover {
background : #333 url(../img/link.gif) no-repeat [480px, center];
color : #fff !important ;
}
ul.links li span {
position : absolute;
top : 5px;
left : 250px;
font-weight : normal;
}
a.button {
background : #111;
color : #ccc !important ;
padding : 6px 12px;
}
a.button:hover {
background : #444;
color : #fff !important ;
}
body.home a.button {
margin-left : 73px;
}
#botella-k {
margin-top : 60px;
margin-left : 30px;
}
#page-content #left a#external {
background : url(../img/external-link.gif) no-repeat [right, 4px];
padding-right : 17px;
}
#page-content #left a#external:hover {
background : #333 url(../img/external-link.gif) no-repeat [94%, 4px];
}
#page-content #right a#external, #page-content #right a.external {
background : url(../img/external-link.gif) no-repeat [right, 0];
padding-right : 17px;
}
#instrucciones {
margin : 161px 0 0 0;
border : 1px solid #ccc;
background : #fff url(../img/grey-lines.jpg) repeat-y [center];
padding : 6px;
}
#instrucciones p {
font-size : 0.7em;
}
#nota {
margin : 100px 0 0 0;
}
#nota p {
font-size : 0.7em;
margin-bottom : 5px !important ;
}
#left-images {
float : left;
width : 100px;
margin : 40px 44px 30px 30px;
}
#right-images {
float : left;
width : 80%;
margin : 36px 0 30px 0;
}
#assets-gallery {
margin : 20px 0 0 0;
padding : 3px 0;
width : 210px;
}
#assets-gallery .thumb {
float : left;
margin : 0 3px 3px 0;
padding : 0;
}
.gallery-th {
margin : 0;
padding : 3px 0;
width : 660px;
}
.gallery-th .thumb {
float : left;
margin : 0 3px 3px 0;
padding : 0;
}
#right .col1 {
float : left;
width : 220px;
margin : 0 30px 0 0;
}
#right .col2 {
float : left;
width : 200px;
}
.contact #right p {
margin : 0 0 10px 0;
border-bottom : 1px solid #ccc;
padding : 0 0 10px 0;
}
.contact #right p b {
color : #333;
}
ul.sitemap li {
margin : 0;
padding : 2px 0;
}
ul.sitemap li ul {
border-left : 2px solid #eee;
margin-left : 7px;
}
ul.sitemap li ul li {
font-size : 1em;
padding : 2px 0 2px 7px;
}
#product-select {
position : absolute;
left : 520px;
top : 0;
height : 200px;
width : 152px;
text-align : center;
}
.img-select {
margin-right : 20px;
float : left;
cursor : pointer;
}
select.sel-prod {
float : left;
width : 140px;
margin : 56px 0 0 0;
}
#footer {
background : transparent;
position : relative;
width : 100%;
min-width : 900px;
color : #777;
float : left;
text-align : left;
border-top : 1px solid #111;
}
#footer-copy {
width : 900px;
}
#footer-left {
float : left;
width : 200px;
margin : 0 44px 3px 30px;
}
#footer-right {
float : left;
width : 500px;
margin : 0;
}
#footer a {
color : #999;
}
#footer a:hover {
color : white;
}
#footer p {
float : left;
width : auto;
margin : 14px 20px 14px 0;
text-transform : none;
font-size : 0.7em;
}
#social-icons {
position : absolute;
right : 30px;
top : 12px;
}
.imgRight {
float : right;
margin : 0 0 10px 20px;
}
.imgRight, .imgLeft {
padding : 3px;
border : 1px solid #ccc;
background : #eee;
}
.center {
text-align : center;
}
.download {
margin-left : 10px;
}
.grey {
color : #444;
}
#gulatienda {
margin-bottom : 35px;
}
#tiendalist li a {
float : left;
margin : 30px 30px 30px 0;
padding : 10px 40px;
border : 1px solid #222;
font-weight : bold;
}
#tiendalist li a:hover {
background : #222;
color : #ddd;
}

↑ Top