dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes for cross-browser compability

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
themes/default-bootstrap/sass/_theme_variables.scss
-1
View File
@@ -1,6 +1,5 @@
@import 'compass';
@import 'bootstrap_lib/_variables';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
//------- FONTS
themes/default-bootstrap/sass/comparator.scss
+3
View File
@@ -101,4 +101,7 @@ table#product_comparison {
font-style:italic;
}
}
.ie8 table#product_comparison .product-image-block .product_image img {
width:auto;
}
.footer_link { margin-bottom:20px;}
themes/default-bootstrap/sass/global.scss
+78 -21
View File
@@ -617,6 +617,7 @@ table.table_block td {
left:-33px;
top:6px;
z-index:1;
&:before{
position:absolute;
bottom:-3px;
@@ -630,6 +631,7 @@ table.table_block td {
text-indent:-5000px;
@include rotate(225deg);
}
&:after{
position:absolute;
bottom:-3px;
@@ -686,6 +688,42 @@ table.table_block td {
@include rotate(136deg);
}
}
.ie8 {
.new {
left:0px;
top:0px;
width:auto;
padding:5px 15px;
&:after {
display:none;
}
&:before {
display:none;
}
}
.sale {
right:0px;
top:0px;
width:auto;
padding:5px 15px;
&:after {
display:none;
}
&:before {
display:none;
}
}
.new-box {
top:-1px;
left:-1px;
}
.sale-box {
right:-1px;
top:-1px;
}
}
/************************************* BOXES *****************************************************/
.box {
background:$base-box-bg;
@@ -1004,7 +1042,6 @@ table.table_block td {
right:0;
top:0;
cursor:pointer;
text-align:center;
font-family:$font-icon;
font-size:14px;
@@ -1018,6 +1055,7 @@ table.table_block td {
height:30px;
color:$base-text-color;
line-height:30px;
text-align:center;
}
}
@@ -1118,7 +1156,6 @@ ul.footer_links {
max-width:192px;
float:left;
/* max 991px */
@media (max-width: $screen-sm-max) {
max-width:160px;
}
@@ -1441,20 +1478,20 @@ ul.step {
font-weight:bold;
}
&.step_todo {
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
span {
display:block;
color:$base-text-color;
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
border:1px solid;
border-color:$light-border-color;
color:$base-text-color;
position:relative;
@media (min-width: $screen-md) { // min 991px
padding-left:38px;
@@ -1467,20 +1504,20 @@ ul.step {
}
&.step_done {
border-color:#666666 #5f5f5f #292929 #5f5f5f;
background: rgb(114,113,113);
background: -moz-linear-gradient(top, rgba(114,113,113,1) 0%, rgba(102,102,102,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,113,113,1)), color-stop(100%,rgba(102,102,102,1)));
background: -webkit-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
background: -o-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
background: -ms-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
background: linear-gradient(to bottom, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#666666',GradientType=0 );
a {
color:$light-text-color;
text-shadow:1px 1px rgba(0,0,0,0.3);
border:1px solid;
border-color:#8b8a8a;
background: rgb(114,113,113);
background: -moz-linear-gradient(top, rgba(114,113,113,1) 0%, rgba(102,102,102,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,113,113,1)), color-stop(100%,rgba(102,102,102,1)));
background: -webkit-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
background: -o-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
background: -ms-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
background: linear-gradient(to bottom, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#666666',GradientType=0 );
@media (min-width: $screen-md) { // min 991px */
padding-left:38px;
@@ -1763,6 +1800,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
}
}
}
.ie8 #header #header_logo {
width:350px;
}
/* ************************************************************************************************
BREADCRUMB
************************************************************************************************ */
@@ -1835,7 +1875,19 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
}
}
.ie8 {
.breadcrumb {
min-height:1px;
a:after {
display:none;
}
.navigation-pipe {
width:20px;
}
}
}
/* ************************************************************************************************
FOOTER
************************************************************************************************ */
@@ -3137,4 +3189,9 @@ div.star.star_hover {
}
}
}
}
.ie8 {
#facebook_block, #cmsinfo_block {
height:344px;
}
}
themes/default-bootstrap/sass/modules/blockcart/blockcart.scss
+3
View File
@@ -194,6 +194,9 @@
background:url(../../../img/cart-shadow.png) repeat-x $dark-background;
}
}
.block_content {
margin-bottom:0;
}
}
#cart_block #cart_block_summary, #cart_block .title_block span, #header #cart_block h4, #header #cart_block .title_block, #header #cart_block h4 {display:none}
#cart_block #cart_block_shipping_cost,
themes/default-bootstrap/sass/modules/blocklayered/blocklayered-15.scss
+10
View File
@@ -244,3 +244,13 @@
.hide-action:hover {
font-weight: bold;
}
#ul_layered_price_0, #ul_layered_weight_0 {
.col-xs-6 {
padding-top:10px;
@media (min-width: $screen-lg) { // min 1200px
padding-top:0;
padding-left:0;
padding-right:0;
}
}
}
themes/default-bootstrap/sass/modules/blocknewsletter/blocknewsletter.scss
+2 -1
View File
@@ -64,6 +64,7 @@
.form-control {
height:45px;
line-height:30px;
max-width:267px;
background:#3c3c3c;
border-color:#515151;
@@ -78,7 +79,7 @@
}
.button-small {
margin-left:-42px;
margin-left:-43px;
border:none;
background:none;
text-align:center;
themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss
+3
View File
@@ -37,6 +37,8 @@
display:block;
font-family:$font-icon;
font-size:17px;
width:100%;
text-align:center;
}
&:hover {color:#6f6f6f}
@@ -45,6 +47,7 @@
#search_query_top {
padding:0 13px;
height:45px;
line-height:45px;
width:271px;
background:$base-box-bg;
float: left;
themes/default-bootstrap/sass/modules/blocktopmenu/css/superfish-modified.scss
+6 -4
View File
@@ -174,7 +174,7 @@ ul.sf-menu li li li.sfHover ul {
}
}
}
.sf-menu > li > ul > li:not(#category-thumbnail) {
.sf-menu > li > ul > li {
float:left;
width:20%;
padding-right:15px;
@@ -192,9 +192,11 @@ ul.sf-menu li li li.sfHover ul {
}
}
.sf-menu > li > ul > li#category-thumbnail {
width:100%;
width:100% !important;
float:none;
clear:both;
overflow:hidden;
padding-right:0;
> div {
float:left;
@@ -225,8 +227,8 @@ ul.sf-menu li li li.sfHover ul {
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
position:relative;
background: #f6f6f6;
position: relative;
&:hover {
background: $dark-background;
themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss
+2 -2
View File
@@ -23,14 +23,14 @@
a {
padding:7px 10px 14px 16px;
background:$dark-background;
min-width: 270px;
width: 270px;
display:block;
font-weight:bold;
color:#777777;
text-shadow:1px 1px rgba(0,0,0,0.2);
overflow:hidden;
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
min-width:190px;
width:190px;
}
span.ajax_cart_product_txt, span.ajax_cart_product_txt_s {
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
themes/default-bootstrap/sass/modules/homeslider/bx_styles.scss
+10 -1
View File
@@ -187,7 +187,6 @@
}
}
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
@@ -258,4 +257,14 @@
font-size: .85em;
padding: 10px;
}
}
.ie8 {
#homepage-slider{
.bx-wrapper .bx-controls-direction a {
&:before {
background:$dark-background;
}
}
}
}
themes/default-bootstrap/sass/product.scss
+74 -49
View File
@@ -64,30 +64,31 @@ img{
#view_full_size {
display:block;
cursor:pointer;
.span_link {
position:absolute;
bottom:20px;
left:50%;
margin-left:-68px;
display:block;
padding:10px 0;
text-align:center;
line-height:22px;
color:#777676;
width:136px;
text-align:center;
font-weight:bold;
background:rgba(255,255,255,0.5);
@include box-shadow(0 2px 8px rgba(0,0,0,0.16));
&:after{
font-family:$font-icon;
color:#c0c0c0;
font-size:20px;
.span_link {
position:absolute;
bottom:20px;
left:50%;
margin-left:-68px;
display:block;
padding:10px 0;
text-align:center;
line-height:22px;
content:"";
font-weight:normal;
margin:0 0 0 4px
color:#777676;
width:136px;
text-align:center;
font-weight:bold;
background:rgba(255,255,255,0.5);
@include box-shadow(0 2px 8px rgba(0,0,0,0.16));
&:after{
font-family:$font-icon;
color:#c0c0c0;
font-size:20px;
line-height:22px;
content:"";
font-weight:normal;
margin:0 0 0 4px
}
&:hover:after{color:$base-text-color}
@@ -95,7 +96,19 @@ img{
}
}
}
.ie8 #pb-right-column {
#image-block {
#view_full_size {
.span_link {
background:#fff;
border:1px solid $base-border-color;
}
}
}
}
/* miniatures */
#pb-right-column #views_block {
margin-top:10px
@@ -224,6 +237,7 @@ span.view_scroll_spacer {
}
#view_scroll_left {
margin-top:0;
&:before{
content:"";
padding-right:2px;
@@ -240,7 +254,12 @@ span.view_scroll_spacer {
}
.view_scroll_spacer {
margin-top:38px;
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
margin-top:28px;
}
}
/* link list */
#usefull_link_block {
list-style-type:none;
@@ -511,31 +530,33 @@ padding:18px 19px 12px;
border-bottom:1px solid #012740;
@include border-radius(5px);
position:relative;
display:block;
display:block;
@include background-image(linear-gradient(#009ad0, #007ab7));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
&:before{
font-family:$font-icon;
position:absolute;
top:0;
left:0;
bottom:0;
color:$light-text-color;
font-size:25px;
line-height:47px;
text-shadow:0 1px #015883;
content:"";
z-index:2;
width:51px;
text-align:center;
border:1px solid #06b2e6;
@include border-radius(5px 0 0 5px);
&:before{
font-family:$font-icon;
position:absolute;
top:0;
left:0;
bottom:0;
color:$light-text-color;
font-size:25px;
line-height:47px;
text-shadow:0 1px #015883;
content:"";
z-index:2;
width:51px;
text-align:center;
border:1px solid #06b2e6;
@include border-radius(5px 0 0 5px);
@media (max-width: $screen-sm-max) { //max 991px
display:none
}
}
}
&:after{
&:after{
background:url(../img/border-1.gif) repeat-y 0 0;
position:absolute;
top:0;
@@ -544,16 +565,14 @@ padding:18px 19px 12px;
content:"";
width:1px;
z-index:2;
@media (max-width: $screen-sm-max) { // max 991px
display:none
}
}
}
}
.box-info-product .exclusive span{
@include background-image(linear-gradient(#009ad0, #007ab7));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
.box-info-product .exclusive span{
@include border-radius(5px);
font-weight:bold;
font-size:20px;
@@ -578,7 +597,7 @@ padding:18px 19px 12px;
}
.box-info-product .exclusive:hover span{
.box-info-product .exclusive:hover{
@include background-image(linear-gradient(#007ab7, #009ad0));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
background-position:0 0
@@ -686,6 +705,7 @@ table.table-produst-discounts{
padding:0 6px;
float:left;
border:$main_border;
line-height:27px;
}
.btn{
@@ -756,6 +776,11 @@ table.table-produst-discounts{
@include background-image(linear-gradient(#fff, #fbfbfb));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 );
}
.ie8 {
.box-security {
filter:none;
}
}
/* prices */
.content_prices {
padding:13px 19px;
themes/default-bootstrap/sass/product_list.scss
+6 -1
View File
@@ -83,7 +83,12 @@ ul.product_list {
.nb-comments {overflow:hidden; font-style:italic;}
}
}
.ie8 {
.quick-view {
background:#fff;
border:1px solid $base-border-color;
}
}
/*******************************************************
Product list(Grid) Styles
********************************************************/