fixes for cross-browser compability

This commit is contained in:
TMMeilleur
2013-11-22 14:55:48 +02:00
parent 0a7ea9b124
commit 2376dd404f
54 changed files with 345 additions and 155 deletions
@@ -1,4 +1,3 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
@@ -198,36 +197,38 @@ ul.sf-menu li li li.sfHover ul {
color: #515151;
}
.sf-menu > li > ul > li:not(#category-thumbnail) {
.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px;
}
@media (max-width: 767px) {
.sf-menu > li > ul > li:not(#category-thumbnail) {
.sf-menu > li > ul > li {
width: 50%;
}
}
@media (max-width: 479px) {
.sf-menu > li > ul > li:not(#category-thumbnail) {
.sf-menu > li > ul > li {
width: 100%;
}
}
@media (min-width: 768px) {
.sf-menu > li > ul > li:not(#category-thumbnail).first-in-line-lg {
.sf-menu > li > ul > li.first-in-line-lg {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.sf-menu > li > ul > li:not(#category-thumbnail).first-in-line-xs {
.sf-menu > li > ul > li.first-in-line-xs {
clear: left;
}
}
.sf-menu > li > ul > li#category-thumbnail {
width: 100%;
width: 100% !important;
float: none;
clear: both;
overflow: hidden;
padding-right: 0;
}
.sf-menu > li > ul > li#category-thumbnail > div {
float: left;