diff --git a/themes/default-bootstrap/css/global.css b/themes/default-bootstrap/css/global.css index f1570e6ff..14dfa0ca2 100644 --- a/themes/default-bootstrap/css/global.css +++ b/themes/default-bootstrap/css/global.css @@ -1,99 +1,98 @@ -@charset "CP850"; /* ################################################################################################## PRESTASHOP SCSS ################################################################################################## */ /* **************************************************************************** reset **************************************************************************** */ -/* line 9, ../sass/global.scss */ html { - min-height: 100%; } + min-height: 100%; +} -/* line 10, ../sass/global.scss */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; - padding: 0; } + padding: 0; +} -/* line 11, ../sass/global.scss */ del, ins { - text-decoration: none; } + text-decoration: none; +} -/* line 12, ../sass/global.scss */ caption, th { - text-align: left; } + text-align: left; +} -/* line 13, ../sass/global.scss */ q:before, q:after { - content: ''; } + content: ''; +} -/* line 14, ../sass/global.scss */ abbr, acronym { border: 0; - font-variant: normal; } + font-variant: normal; +} -/* line 15, ../sass/global.scss */ sup { - vertical-align: baseline; } + vertical-align: baseline; +} -/* line 16, ../sass/global.scss */ sub { - vertical-align: baseline; } + vertical-align: baseline; +} -/* line 17, ../sass/global.scss */ legend { - color: #000; } + color: #000; +} -/* line 18, ../sass/global.scss */ ul, ol { - list-style-type: none; } + list-style-type: none; +} -/* line 19, ../sass/global.scss */ a { - cursor: pointer; } - /* line 21, ../sass/global.scss */ - a:hover { - text-decoration: none; } + cursor: pointer; +} +a:hover { + text-decoration: none; +} @media only screen and (min-width: 1200px) { - /* line 27, ../sass/global.scss */ .container { padding-left: 0; - padding-right: 0; } } -/* line 29, ../sass/global.scss */ + padding-right: 0; + } +} body { min-width: 320px; height: 100%; background: #333333; line-height: 18px; font-size: 13px; - color: #777777; } - /* line 37, ../sass/global.scss */ - body.content_only { - background: none; } + color: #777777; +} +body.content_only { + background: none; +} -/* line 41, ../sass/global.scss */ textarea { - resize: none; } + resize: none; +} /* ************************************************************************************************ struture ************************************************************************************************ */ -/* line 46, ../sass/global.scss */ #header { - z-index: 10; } + z-index: 10; +} -/* line 47, ../sass/global.scss */ .columns-container { - background: white; } + background: white; +} -/* line 48, ../sass/global.scss */ #columns { z-index: 1; position: relative; - padding-bottom: 50px; } + padding-bottom: 50px; +} /* title *************************************************************************************** */ -/* line 63, ../sass/global.scss */ #center_column .page_product_box h3 { color: #555454; text-transform: uppercase; @@ -106,102 +105,102 @@ textarea { position: relative; border: 1px solid #d6d4d4; border-bottom: none; - background: #fbfbfb; } + background: #fbfbfb; +} /* text **************************************************************************************** */ -/* line 71, ../sass/global.scss */ a, a:focus, a:active { text-decoration: none; - outline: none; } + outline: none; +} -/* line 72, ../sass/global.scss */ p.info-title { font-weight: bold; color: #333333; - margin-bottom: 25px; } + margin-bottom: 25px; +} -/* line 77, ../sass/global.scss */ p.info-account { - margin: -4px 0 24px 0; } + margin: -4px 0 24px 0; +} -/* line 80, ../sass/global.scss */ .dark { - color: #333333; } + color: #333333; +} -/* line 83, ../sass/global.scss */ .main-page-indent { - margin-bottom: 30px; } + margin-bottom: 30px; +} -/* line 86, ../sass/global.scss */ .alert { - font-weight: bold; } - /* line 89, ../sass/global.scss */ - .alert ul, .alert ol { - padding-left: 15px; - margin-left: 27px; } - /* line 93, ../sass/global.scss */ - .alert ul li, .alert ol li { - list-style-type: decimal; - font-weight: normal; } - /* line 99, ../sass/global.scss */ - .alert.alert-success { - text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } - /* line 101, ../sass/global.scss */ - .alert.alert-success:before { - font-family: "FontAwesome"; - content: ""; - font-size: 20px; - vertical-align: -2px; - padding-right: 7px; } - /* line 110, ../sass/global.scss */ - .alert.alert-danger { - text-shadow: 1px 1px rgba(0, 0, 0, 0.1); } - /* line 112, ../sass/global.scss */ - .alert.alert-danger:before { - font-family: "FontAwesome"; - content: ""; - font-size: 20px; - vertical-align: -2px; - padding-right: 7px; - float: left; } + font-weight: bold; +} +.alert ul, .alert ol { + padding-left: 15px; + margin-left: 27px; +} +.alert ul li, .alert ol li { + list-style-type: decimal; + font-weight: normal; +} +.alert.alert-success { + text-shadow: 1px 1px rgba(0, 0, 0, 0.1); +} +.alert.alert-success:before { + font-family: "FontAwesome"; + content: ""; + font-size: 20px; + vertical-align: -2px; + padding-right: 7px; +} +.alert.alert-danger { + text-shadow: 1px 1px rgba(0, 0, 0, 0.1); +} +.alert.alert-danger:before { + font-family: "FontAwesome"; + content: ""; + font-size: 20px; + vertical-align: -2px; + padding-right: 7px; + float: left; +} -/* line 122, ../sass/global.scss */ .label { white-space: normal; display: inline-block; - padding: 6px 10px; } + padding: 6px 10px; +} -/* line 125, ../sass/global.scss */ .required sup { color: #f13340; font-size: 13px; font-weight: bold; - top: 0; } + top: 0; +} -/* line 132, ../sass/global.scss */ .unvisible { - display: none; } + display: none; +} -/* line 133, ../sass/global.scss */ label { - color: #333333; } + color: #333333; +} -/* line 134, ../sass/global.scss */ .checkbox { - line-height: 16px; } - /* line 136, ../sass/global.scss */ - .checkbox label { - color: #777777; } + line-height: 16px; +} +.checkbox label { + color: #777777; +} -/* line 140, ../sass/global.scss */ .close { - opacity: 1; } - /* line 142, ../sass/global.scss */ - .close:hover { - opacity: 1; } + opacity: 1; +} +.close:hover { + opacity: 1; +} /*buttons ************************************************************************************** */ -/* line 152, ../sass/global.scss */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, @@ -219,44 +218,44 @@ span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b; cursor: pointer; white-space: normal; - text-align: left; } + text-align: left; +} -/* line 167, ../sass/global.scss */ *:first-child + html input.button_mini, *:first-child + html input.button_small, *:first-child + html input.button, *:first-child + html input.button_large, *:first-child + html input.button_mini_disabled, *:first-child + html input.button_small_disabled, *:first-child + html input.button_disabled, *:first-child + html input.button_large_disabled, *:first-child + html input.exclusive_mini, *:first-child + html input.exclusive_small, *:first-child + html input.exclusive, *:first-child + html input.exclusive_large, *:first-child + html input.exclusive_mini_disabled, *:first-child + html input.exclusive_small_disabled, *:first-child + html input.exclusive_disabled, *:first-child + html input.exclusive_large_disabled { - border: none; } + border: none; +} /* hover button */ -/* line 175, ../sass/global.scss */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { text-decoration: none; - background-position: left -50px; } + background-position: left -50px; +} /* active button */ -/* line 184, ../sass/global.scss */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { - background-position: left -100px; } + background-position: left -100px; +} -/* line 187, ../sass/global.scss */ input.button_disabled, input.exclusive_disabled, span.exclusive { border: 1px solid #ccc; color: #999; background: url(../img/bg_bt_2.gif) repeat-x 0 0 #cccccc; - cursor: default; } + cursor: default; +} -/* line 193, ../sass/global.scss */ .btn.disabled, .btn[disabled]:hover { - opacity: 0.3; } + opacity: 0.3; +} -/* line 196, ../sass/global.scss */ .button.button-small { font: bold 13px/17px Arial, Helvetica, sans-serif; color: white; @@ -269,27 +268,27 @@ input.button_disabled, input.exclusive_disabled, span.exclusive { -o-border-radius: 0px; border-radius: 0px; padding: 0; - text-shadow: 1px 1px rgba(0, 0, 0, 0.24); } - /* line 206, ../sass/global.scss */ - .button.button-small span { - display: block; - padding: 3px 8px 3px 8px; - border: 1px solid; - border-color: #8b8a8a; } - /* line 213, ../sass/global.scss */ - .button.button-small i { - vertical-align: 0px; - margin-right: 5px; } - /* line 217, ../sass/global.scss */ - .button.button-small i.right { - margin-right: 0; - margin-left: 5px; } - /* line 220, ../sass/global.scss */ - .button.button-small:hover { - background: #575757; - border-color: #303030 #303030 #666666 #444444; } + text-shadow: 1px 1px rgba(0, 0, 0, 0.24); +} +.button.button-small span { + display: block; + padding: 3px 8px 3px 8px; + border: 1px solid; + border-color: #8b8a8a; +} +.button.button-small i { + vertical-align: 0px; + margin-right: 5px; +} +.button.button-small i.right { + margin-right: 0; + margin-left: 5px; +} +.button.button-small:hover { + background: #575757; + border-color: #303030 #303030 #666666 #444444; +} -/* line 225, ../sass/global.scss */ .button.button-medium { font-size: 17px; line-height: 21px; @@ -310,53 +309,56 @@ input.button_disabled, input.exclusive_disabled, span.exclusive { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; - border-radius: 0; } - /* line 243, ../sass/global.scss */ + border-radius: 0; +} +.button.button-medium span { + display: block; + padding: 10px 10px 10px 14px; + border: 1px solid; + border-color: #74d578; + /* max 480px */ +} +@media (max-width: 480px) { .button.button-medium span { - display: block; - padding: 10px 10px 10px 14px; - border: 1px solid; - border-color: #74d578; - /* max 480px */ } - @media (max-width: 480px) { - /* line 243, ../sass/global.scss */ - .button.button-medium span { - font-size: 15px; - padding-right: 7px; - padding-left: 7px; } } - /* line 259, ../sass/global.scss */ + font-size: 15px; + padding-right: 7px; + padding-left: 7px; + } +} +.button.button-medium i.left { + font-size: 24px; + vertical-align: -2px; + margin: -4px 10px 0 0; + display: inline-block; + /* max 480px */ +} +@media (max-width: 480px) { .button.button-medium i.left { - font-size: 24px; - vertical-align: -2px; - margin: -4px 10px 0 0; - display: inline-block; - /* max 480px */ } - @media (max-width: 480px) { - /* line 259, ../sass/global.scss */ - .button.button-medium i.left { - margin-right: 5px; } } - /* line 270, ../sass/global.scss */ + margin-right: 5px; + } +} +.button.button-medium i.right { + margin-right: 0; + margin-left: 9px; + /* max 480px */ +} +@media (max-width: 480px) { .button.button-medium i.right { - margin-right: 0; - margin-left: 9px; - /* max 480px */ } - @media (max-width: 480px) { - /* line 270, ../sass/global.scss */ - .button.button-medium i.right { - margin-left: 5px; } } - /* line 280, ../sass/global.scss */ - .button.button-medium:hover { - background: #3aa04c; - background: -moz-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04c), color-stop(100%, #3aa04a)); - background: -webkit-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); - background: -o-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); - background: -ms-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); - background: linear-gradient(to bottom, #3aa04c 0%, #3aa04a 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa04c', endColorstr='#3aa04a',GradientType=0 ); - border-color: #196f28 #399a49 #399a49 #258033; } + margin-left: 5px; + } +} +.button.button-medium:hover { + background: #3aa04c; + background: -moz-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04c), color-stop(100%, #3aa04a)); + background: -webkit-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: -o-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: -ms-linear-gradient(top, #3aa04c 0%, #3aa04a 100%); + background: linear-gradient(to bottom, #3aa04c 0%, #3aa04a 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aa04c', endColorstr='#3aa04a',GradientType=0 ); + border-color: #196f28 #399a49 #399a49 #258033; +} -/* line 292, ../sass/global.scss */ .button.button-medium.exclusive { border-color: #db8600 #d98305 #c86d26 #d98305; background: #fdaa02; @@ -366,33 +368,33 @@ input.button_disabled, input.exclusive_disabled, span.exclusive { background: -o-linear-gradient(top, #fdaa02 0%, #fe9702 100%); background: -ms-linear-gradient(top, #fdaa02 0%, #fe9702 100%); background: linear-gradient(to bottom, #fdaa02 0%, #fe9702 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa02', endColorstr='#fe9702',GradientType=0 ); } - /* line 303, ../sass/global.scss */ - .button.button-medium.exclusive span { - border-color: #fec133 #febc33 #feb233 #febc33; } - /* line 307, ../sass/global.scss */ - .button.button-medium.exclusive:hover { - filter: none; - background: #f89609; - border-color: #a6550c #ba6708 #db8600 #ba6708; } - /* line 312, ../sass/global.scss */ - .button.button-medium.exclusive:hover span { - border-color: #fec133; } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdaa02', endColorstr='#fe9702',GradientType=0 ); +} +.button.button-medium.exclusive span { + border-color: #fec133 #febc33 #feb233 #febc33; +} +.button.button-medium.exclusive:hover { + filter: none; + background: #f89609; + border-color: #a6550c #ba6708 #db8600 #ba6708; +} +.button.button-medium.exclusive:hover span { + border-color: #fec133; +} -/* line 317, ../sass/global.scss */ .link-button { - font-weight: bold; } - /* line 320, ../sass/global.scss */ - .link-button i { - margin-right: 5px; } - /* line 323, ../sass/global.scss */ - .link-button i.large { - font-size: 26px; - line-height: 26px; - vertical-align: -3px; - color: #c0c0c0; } + font-weight: bold; +} +.link-button i { + margin-right: 5px; +} +.link-button i.large { + font-size: 26px; + line-height: 26px; + vertical-align: -3px; + color: #c0c0c0; +} -/* line 326, ../sass/global.scss */ .btn.button-plus, .btn.button-minus { font-size: 14px; line-height: 14px; @@ -405,35 +407,35 @@ input.button_disabled, input.exclusive_disabled, span.exclusive { -o-border-radius: 0; border-radius: 0; border: 1px solid; - border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8; } - /* line 336, ../sass/global.scss */ - .btn.button-plus span, .btn.button-minus span { - display: block; - border: 1px solid white; - vertical-align: middle; - width: 25px; - height: 25px; - text-align: center; - vertical-align: middle; - padding: 4px 0 0 0; - background: #1e5799; - background: white; - background: -moz-linear-gradient(top, white 0%, #fbfbfb 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fbfbfb)); - background: -webkit-linear-gradient(top, white 0%, #fbfbfb 100%); - background: -o-linear-gradient(top, white 0%, #fbfbfb 100%); - background: -ms-linear-gradient(top, white 0%, #fbfbfb 100%); - background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); } - /* line 356, ../sass/global.scss */ - .btn.button-plus:hover, .btn.button-minus:hover { - color: #333333; } - /* line 358, ../sass/global.scss */ - .btn.button-plus:hover span, .btn.button-minus:hover span { - filter: none; - background: #f6f6f6; } + border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8; +} +.btn.button-plus span, .btn.button-minus span { + display: block; + border: 1px solid white; + vertical-align: middle; + width: 25px; + height: 25px; + text-align: center; + vertical-align: middle; + padding: 4px 0 0 0; + background: #1e5799; + background: white; + background: -moz-linear-gradient(top, white 0%, #fbfbfb 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fbfbfb)); + background: -webkit-linear-gradient(top, white 0%, #fbfbfb 100%); + background: -o-linear-gradient(top, white 0%, #fbfbfb 100%); + background: -ms-linear-gradient(top, white 0%, #fbfbfb 100%); + background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); +} +.btn.button-plus:hover, .btn.button-minus:hover { + color: #333333; +} +.btn.button-plus:hover span, .btn.button-minus:hover span { + filter: none; + background: #f6f6f6; +} -/* line 364, ../sass/global.scss */ .button.exclusive-medium { font-size: 17px; padding: 0; @@ -442,120 +444,121 @@ input.button_disabled, input.exclusive_disabled, span.exclusive { font-weight: bold; border: 1px solid; border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; - text-shadow: 1px 1px white; } - /* line 374, ../sass/global.scss */ + text-shadow: 1px 1px white; +} +.button.exclusive-medium span { + border: 1px solid; + border-color: white; + display: block; + padding: 9px 10px 11px 10px; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); + /* max 480px */ +} +@media (max-width: 480px) { .button.exclusive-medium span { - border: 1px solid; - border-color: white; - display: block; - padding: 9px 10px 11px 10px; - background: #f7f7f7; - background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); - background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); - /* max 480px */ } - @media (max-width: 480px) { - /* line 374, ../sass/global.scss */ - .button.exclusive-medium span { - font-size: 15px; - padding-right: 7px; - padding-left: 7px; } } - /* line 395, ../sass/global.scss */ - .button.exclusive-medium:hover { - border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2; } - /* line 398, ../sass/global.scss */ - .button.exclusive-medium:hover span { - background: #e7e7e7; - background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(0%, #e7e7e7)); - background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); - background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); - background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); - background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); } + font-size: 15px; + padding-right: 7px; + padding-left: 7px; + } +} +.button.exclusive-medium:hover { + border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2; +} +.button.exclusive-medium:hover span { + background: #e7e7e7; + background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(0%, #e7e7e7)); + background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%); + background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 ); +} -/* line 410, ../sass/global.scss */ .button.ajax_add_to_cart_button { font: 700 17px/21px Arial, Helvetica, sans-serif; color: white; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); padding: 0; border: 1px solid; - border-color: #0079b6 #006fa8 #012740 #006fa8; } - /* line 418, ../sass/global.scss */ - .button.ajax_add_to_cart_button span { - border: 1px solid; - border-color: #06b2e6; - padding: 10px 14px; - display: block; - background: #009ad0; - background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); - background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%); - background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%); - background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%); - background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); } - /* line 432, ../sass/global.scss */ - .button.ajax_add_to_cart_button:hover { - border-color: #01314e #004b74 #0079b6 #004b74; } - /* line 434, ../sass/global.scss */ - .button.ajax_add_to_cart_button:hover span { - filter: none; - background: #0084bf; } + border-color: #0079b6 #006fa8 #012740 #006fa8; +} +.button.ajax_add_to_cart_button span { + border: 1px solid; + border-color: #06b2e6; + padding: 10px 14px; + display: block; + background: #009ad0; + background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); + background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%); + background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); +} +.button.ajax_add_to_cart_button:hover { + border-color: #01314e #004b74 #0079b6 #004b74; +} +.button.ajax_add_to_cart_button:hover span { + filter: none; + background: #0084bf; +} -/* line 440, ../sass/global.scss */ .button.lnk_view { font: 700 17px/21px Arial, Helvetica, sans-serif; color: #333333; text-shadow: 1px 1px white; padding: 0; border: 1px solid; - border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; } - /* line 447, ../sass/global.scss */ - .button.lnk_view span { - border: 1px solid; - border-color: white; - padding: 10px 14px; - display: block; - background: #f7f7f7; - background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); - background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); } - /* line 461, ../sass/global.scss */ - .button.lnk_view:hover { - border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e; } - /* line 463, ../sass/global.scss */ - .button.lnk_view:hover span { - filter: none; - background: #e7e7e7; } - /* line 468, ../sass/global.scss */ - .button.lnk_view i.left { - padding-right: 8px; - color: #777777; } + border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7; +} +.button.lnk_view span { + border: 1px solid; + border-color: white; + padding: 10px 14px; + display: block; + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); +} +.button.lnk_view:hover { + border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e; +} +.button.lnk_view:hover span { + filter: none; + background: #e7e7e7; +} +.button.lnk_view i.left { + padding-right: 8px; + color: #777777; +} /* form ******************************************************************************************/ -/* line 474, ../sass/global.scss */ .form-control { padding: 3px 5px; height: 27px; -webkit-box-shadow: none; -moz-box-shadow: none; - box-shadow: none; } - /* line 479, ../sass/global.scss */ - .form-control.grey { - background: #fbfbfb; } + box-shadow: none; +} +.form-control.grey { + background: #fbfbfb; +} /* table *************************************************************************************** */ -/* line 485, ../sass/global.scss */ table.std, table.table_block { margin-bottom: 20px; @@ -563,9 +566,9 @@ table.table_block { border: 1px solid #999; border-bottom: none; background: white; - border-collapse: inherit; } + border-collapse: inherit; +} -/* line 494, ../sass/global.scss */ table.std th, table.table_block th { padding: 14px 12px; @@ -574,97 +577,97 @@ table.table_block th { font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #000; - background: #999999; } + background: #999999; +} -/* line 504, ../sass/global.scss */ table.std tr.alternate_item, table.table_block tr.alternate_item { - background-color: #f3f3f3; } + background-color: #f3f3f3; +} -/* line 506, ../sass/global.scss */ table.std td, table.table_block td { padding: 12px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; font-size: 12px; - vertical-align: top; } + vertical-align: top; +} -/* line 513, ../sass/global.scss */ .table { - margin-bottom: 30px; } - /* line 518, ../sass/global.scss */ - .table > thead > tr > th { - background: #fbfbfb; - border-bottom-width: 1px; - color: #333333; } - /* line 528, ../sass/global.scss */ - .table td a.color-myaccount { - color: #777777; - text-decoration: underline; } - /* line 532, ../sass/global.scss */ - .table td a.color-myaccount:hover { - text-decoration: none; } - /* line 536, ../sass/global.scss */ - .table tfoot tr { - background: #fbfbfb; } + margin-bottom: 30px; +} +.table > thead > tr > th { + background: #fbfbfb; + border-bottom-width: 1px; + color: #333333; +} +.table td a.color-myaccount { + color: #777777; + text-decoration: underline; +} +.table td a.color-myaccount:hover { + text-decoration: none; +} +.table tfoot tr { + background: #fbfbfb; +} /******************** product elements ****************/ -/* line 542, ../sass/global.scss */ .product-name { font-size: 17px; line-height: 23px; color: #3a3939; - margin-bottom: 0; } - /* line 547, ../sass/global.scss */ - .product-name a { - font-size: 17px; - line-height: 23px; - color: #3a3939; } - /* line 551, ../sass/global.scss */ - .product-name a:hover { - color: #515151; } + margin-bottom: 0; +} +.product-name a { + font-size: 17px; + line-height: 23px; + color: #3a3939; +} +.product-name a:hover { + color: #515151; +} -/* line 556, ../sass/global.scss */ .price { font-size: 13px; - color: #777777; } + color: #777777; +} -/* line 560, ../sass/global.scss */ .price.product-price { font: 600 21px/26px "Open Sans", sans-serif; - color: #333333; } + color: #333333; +} -/* line 564, ../sass/global.scss */ .old-price { color: #6f6f6f; - text-decoration: line-through; } + text-decoration: line-through; +} -/* line 568, ../sass/global.scss */ .old-price.product-price { - font-size: 17px; } + font-size: 17px; +} -/* line 571, ../sass/global.scss */ .special-price { - color: #f13340; } + color: #f13340; +} -/* line 574, ../sass/global.scss */ .price-percent-reduction { background: #f13340; border: 1px solid #d02a2c; font: 600 21px/24px "Open Sans", sans-serif; color: white; padding: 0 5px 0 3px; - display: inline-block; } - /* line 582, ../sass/global.scss */ - .price-percent-reduction.small { - font: 700 14px/17px Arial, Helvetica, sans-serif; - padding: 1px 6px; } + display: inline-block; +} +.price-percent-reduction.small { + font: 700 14px/17px Arial, Helvetica, sans-serif; + padding: 1px 6px; +} /*************************************************************************************************** Labels New/Sale ***************************************************************************************************/ -/* line 590, ../sass/global.scss */ .new-box, .sale-box { position: absolute; top: -4px; @@ -672,17 +675,17 @@ table.table_block td { height: 74px; width: 74px; text-align: center; - z-index: 0; } + z-index: 0; +} -/* line 599, ../sass/global.scss */ .new-box { - left: -4px; } + left: -4px; +} -/* line 602, ../sass/global.scss */ .sale-box { - right: -5px; } + right: -5px; +} -/* line 605, ../sass/global.scss */ .new-label { font: 700 15px/18px Arial, Helvetica, sans-serif; color: white; @@ -701,43 +704,43 @@ table.table_block td { position: absolute; left: -33px; top: 6px; - z-index: 1; } - /* line 621, ../sass/global.scss */ - .new-label:before { - position: absolute; - bottom: -3px; - right: 5px; - width: 0px; - height: 0px; - border-style: solid; - border-width: 4px 4px 0px 4px; - border-color: #21a3d8 transparent transparent transparent; - content: "."; - text-indent: -5000px; - -webkit-transform: rotate(225deg); - -moz-transform: rotate(225deg); - -ms-transform: rotate(225deg); - -o-transform: rotate(225deg); - transform: rotate(225deg); } - /* line 635, ../sass/global.scss */ - .new-label:after { - position: absolute; - bottom: -3px; - left: 4px; - width: 0px; - height: 0px; - border-style: solid; - border-width: 4px 4px 0px 4px; - border-color: #21a3d8 transparent transparent transparent; - content: "."; - text-indent: -5000px; - -webkit-transform: rotate(145deg); - -moz-transform: rotate(145deg); - -ms-transform: rotate(145deg); - -o-transform: rotate(145deg); - transform: rotate(145deg); } + z-index: 1; +} +.new-label:before { + position: absolute; + bottom: -3px; + right: 5px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #21a3d8 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(225deg); + -moz-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -o-transform: rotate(225deg); + transform: rotate(225deg); +} +.new-label:after { + position: absolute; + bottom: -3px; + left: 4px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #21a3d8 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(145deg); + -moz-transform: rotate(145deg); + -ms-transform: rotate(145deg); + -o-transform: rotate(145deg); + transform: rotate(145deg); +} -/* line 649, ../sass/global.scss */ .sale-label { font: 700 15px/18px Arial, Helvetica, sans-serif; color: white; @@ -756,190 +759,197 @@ table.table_block td { position: absolute; right: -33px; top: 6px; - z-index: 1; } - /* line 664, ../sass/global.scss */ - .sale-label:before { - position: absolute; - bottom: -3px; - right: 4px; - width: 0px; - height: 0px; - border-style: solid; - border-width: 4px 4px 0px 4px; - border-color: #ad2b34 transparent transparent transparent; - content: "."; - text-indent: -5000px; - -webkit-transform: rotate(225deg); - -moz-transform: rotate(225deg); - -ms-transform: rotate(225deg); - -o-transform: rotate(225deg); - transform: rotate(225deg); } - /* line 677, ../sass/global.scss */ - .sale-label:after { - position: absolute; - bottom: -3px; - left: 5px; - width: 0px; - height: 0px; - border-style: solid; - border-width: 4px 4px 0px 4px; - border-color: #ad2b34 transparent transparent transparent; - content: "."; - text-indent: -5000px; - -webkit-transform: rotate(136deg); - -moz-transform: rotate(136deg); - -ms-transform: rotate(136deg); - -o-transform: rotate(136deg); - transform: rotate(136deg); } + z-index: 1; +} +.sale-label:before { + position: absolute; + bottom: -3px; + right: 4px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #ad2b34 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(225deg); + -moz-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -o-transform: rotate(225deg); + transform: rotate(225deg); +} +.sale-label:after { + position: absolute; + bottom: -3px; + left: 5px; + width: 0px; + height: 0px; + border-style: solid; + border-width: 4px 4px 0px 4px; + border-color: #ad2b34 transparent transparent transparent; + content: "."; + text-indent: -5000px; + -webkit-transform: rotate(136deg); + -moz-transform: rotate(136deg); + -ms-transform: rotate(136deg); + -o-transform: rotate(136deg); + transform: rotate(136deg); +} -/* line 692, ../sass/global.scss */ .ie8 .new-label { left: 0px; top: 0px; width: auto; - padding: 5px 15px; } - /* line 698, ../sass/global.scss */ - .ie8 .new-label:after { - display: none; } - /* line 701, ../sass/global.scss */ - .ie8 .new-label:before { - display: none; } -/* line 705, ../sass/global.scss */ + padding: 5px 15px; +} +.ie8 .new-label:after { + display: none; +} +.ie8 .new-label:before { + display: none; +} .ie8 .sale-label { right: 0px; top: 0px; width: auto; - padding: 5px 15px; } - /* line 711, ../sass/global.scss */ - .ie8 .sale-label:after { - display: none; } - /* line 714, ../sass/global.scss */ - .ie8 .sale-label:before { - display: none; } -/* line 718, ../sass/global.scss */ + padding: 5px 15px; +} +.ie8 .sale-label:after { + display: none; +} +.ie8 .sale-label:before { + display: none; +} .ie8 .new-box { top: -1px; - left: -1px; } -/* line 722, ../sass/global.scss */ + left: -1px; +} .ie8 .sale-box { right: -1px; - top: -1px; } + top: -1px; +} /************************************* BOXES *****************************************************/ -/* line 728, ../sass/global.scss */ .box { background: #fbfbfb; border: 1px solid #d6d4d4; padding: 14px 18px 13px; margin: 0 0 30px 0; - line-height: 23px; } - /* line 735, ../sass/global.scss */ - .box p { - margin-bottom: 0; } - /* line 739, ../sass/global.scss */ - .box.box-small { - padding: 9px 10px 9px 20px; } - /* line 742, ../sass/global.scss */ - .box.box-small .dark { - padding-top: 10px; - padding-right: 20px; - margin-bottom: 0; - width: auto; } + line-height: 23px; +} +.box p { + margin-bottom: 0; +} +.box.box-small { + padding: 9px 10px 9px 20px; +} +.box.box-small .dark { + padding-top: 10px; + padding-right: 20px; + margin-bottom: 0; + width: auto; +} -/* line 745, ../sass/global.scss */ .page-product-box { - padding-bottom: 10px; } + padding-bottom: 10px; +} -/* line 746, ../sass/global.scss */ .product-box { width: 178px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; - box-sizing: border-box; } - /* line 751, ../sass/global.scss */ - .product-box .product-image { - border: 1px solid #d6d4d4; - background: white; - padding: 5px; - display: block; - margin-bottom: 11px; } - /* line 757, ../sass/global.scss */ - .product-box .product-image img { - max-width: 100%; - width: 100%; - height: auto; } + box-sizing: border-box; +} +.product-box .product-image { + border: 1px solid #d6d4d4; + background: white; + padding: 5px; + display: block; + margin-bottom: 11px; +} +.product-box .product-image img { + max-width: 100%; + width: 100%; + height: auto; +} /* BLOCK .block ******************************************************************************** */ /************************************************************************************************** Homepage Tabs ***************************************************************************************************/ -/* line 767, ../sass/global.scss */ #home-page-tabs { border: none; - background: white; } - @media (min-width: 768px) { - /* line 767, ../sass/global.scss */ - #home-page-tabs { - padding: 10px 0; - margin: 0 0 0 -18px; } } - /* line 775, ../sass/global.scss */ + background: white; +} +@media (min-width: 768px) { + #home-page-tabs { + padding: 10px 0; + margin: 0 0 0 -18px; + } +} +#home-page-tabs > li { + margin-bottom: 0; +} +@media (min-width: 768px) { #home-page-tabs > li { - margin-bottom: 0; } - @media (min-width: 768px) { - /* line 775, ../sass/global.scss */ - #home-page-tabs > li { - border-left: 1px solid #d6d4d4; - margin: 0 0px 0 9px; - padding: 0 0px 0 9px; } } - @media (max-width: 479px) { - /* line 775, ../sass/global.scss */ - #home-page-tabs > li { - width: 100%; } } - /* line 786, ../sass/global.scss */ - #home-page-tabs > li a { - font: 600 21px/24px "Open Sans", sans-serif; - color: #555454; - text-transform: uppercase; - border: none; - outline: none; - margin: 0; - padding: 10px; } - @media (min-width: 768px) { - /* line 786, ../sass/global.scss */ - #home-page-tabs > li a { - padding: 1px 10px; } } - /* line 799, ../sass/global.scss */ - #home-page-tabs > li:first-child { - border: none; } - /* line 802, ../sass/global.scss */ + border-left: 1px solid #d6d4d4; + margin: 0 0px 0 9px; + padding: 0 0px 0 9px; + } +} +@media (max-width: 479px) { + #home-page-tabs > li { + width: 100%; + } +} +#home-page-tabs > li a { + font: 600 21px/24px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; + border: none; + outline: none; + margin: 0; + padding: 10px; +} +@media (min-width: 768px) { + #home-page-tabs > li a { + padding: 1px 10px; + } +} +#home-page-tabs > li:first-child { + border: none; +} +#home-page-tabs > li.active a, #home-page-tabs > li a:hover { + background: #333333; + color: white; + padding: 10px; +} +@media (min-width: 768px) { #home-page-tabs > li.active a, #home-page-tabs > li a:hover { - background: #333333; - color: white; - padding: 10px; } - @media (min-width: 768px) { - /* line 802, ../sass/global.scss */ - #home-page-tabs > li.active a, #home-page-tabs > li a:hover { - margin: -9px 0; } } + margin: -9px 0; + } +} -/* line 813, ../sass/global.scss */ #index .tab-content { margin-top: 35px; - margin-bottom: 34px; } + margin-bottom: 34px; +} -/* line 818, ../sass/global.scss */ .block { - margin-bottom: 30px; } - @media (max-width: 767px) { - /* line 818, ../sass/global.scss */ - .block { - margin-bottom: 0px; } } - @media (max-width: 767px) { - /* line 823, ../sass/global.scss */ - .block .block_content { - margin-bottom: 20px; } } + margin-bottom: 30px; +} +@media (max-width: 767px) { + .block { + margin-bottom: 0px; + } +} +@media (max-width: 767px) { + .block .block_content { + margin-bottom: 20px; + } +} -/* line 833, ../sass/global.scss */ .block .title_block, .block h4 { font: 600 18px/22px "Open Sans", sans-serif; color: #555454; @@ -947,235 +957,240 @@ table.table_block td { border-top: 5px solid #333333; text-transform: uppercase; padding: 14px 5px 17px 20px; - margin-bottom: 20px; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 833, ../sass/global.scss */ - .block .title_block, .block h4 { - font-size: 14px; } } - @media (max-width: 767px) { - /* line 833, ../sass/global.scss */ - .block .title_block, .block h4 { - position: relative; } - /* line 848, ../sass/global.scss */ - .block .title_block:after, .block h4:after { - display: block; - font-family: "FontAwesome"; - content: ""; - position: absolute; - right: 0; - top: 15px; - height: 36px; - width: 36px; - font-size: 26px; - font-weight: normal; } - /* line 860, ../sass/global.scss */ - .block .title_block.active:after, .block h4.active:after { - content: ""; } } - /* line 865, ../sass/global.scss */ - .block .title_block a, .block h4 a { - color: #555454; } - /* line 868, ../sass/global.scss */ - .block .title_block a:hover, .block h4 a:hover { - color: #333333; } -/* line 873, ../sass/global.scss */ + margin-bottom: 20px; +} +@media (min-width: 768px) and (max-width: 991px) { + .block .title_block, .block h4 { + font-size: 14px; + } +} +@media (max-width: 767px) { + .block .title_block, .block h4 { + position: relative; + } + .block .title_block:after, .block h4:after { + display: block; + font-family: "FontAwesome"; + content: ""; + position: absolute; + right: 0; + top: 15px; + height: 36px; + width: 36px; + font-size: 26px; + font-weight: normal; + } + .block .title_block.active:after, .block h4.active:after { + content: ""; + } +} +.block .title_block a, .block h4 a { + color: #555454; +} +.block .title_block a:hover, .block h4 a:hover { + color: #333333; +} .block#contact_block { - background: #333333; } - /* line 876, ../sass/global.scss */ - .block#contact_block .title_block { - border-color: #e4e3e3; - background: #333333; - color: white; - margin-bottom: 0; - padding-bottom: 9px; } -/* line 884, ../sass/global.scss */ + background: #333333; +} +.block#contact_block .title_block { + border-color: #e4e3e3; + background: #333333; + color: white; + margin-bottom: 0; + padding-bottom: 9px; +} .block .list-block { - margin-top: -8px; } - @media (max-width: 767px) { - /* line 884, ../sass/global.scss */ - .block .list-block { - margin-top: 0; } } - /* line 890, ../sass/global.scss */ - .block .list-block li { - padding: 5px 0 6px 20px; - border-top: 1px solid #d6d4d4; } - /* line 895, ../sass/global.scss */ - .block .list-block li a i { - display: none; } - /* line 897, ../sass/global.scss */ - .block .list-block li a:before { - content: ""; - display: inline; - font-family: "FontAwesome"; - color: #333333; - padding-right: 8px; } - /* line 905, ../sass/global.scss */ - .block .list-block li a:hover { - color: #333333; - font-weight: bold; } - /* line 911, ../sass/global.scss */ - .block .list-block li:first-child { - border-top: none; } - /* line 914, ../sass/global.scss */ - .block .list-block .form-group { - padding-top: 20px; - border-top: 1px solid #d6d4d4; - margin-bottom: 0; } - /* line 919, ../sass/global.scss */ - .block .list-block .form-group select { - max-width: 270px; } - @media (max-width: 767px) { - /* line 919, ../sass/global.scss */ - .block .list-block .form-group select { - width: 270px; } } - /* line 927, ../sass/global.scss */ - .block .list-block .btn { - margin-top: 12px; } -/* line 931, ../sass/global.scss */ + margin-top: -8px; +} +@media (max-width: 767px) { + .block .list-block { + margin-top: 0; + } +} +.block .list-block li { + padding: 5px 0 6px 20px; + border-top: 1px solid #d6d4d4; +} +.block .list-block li a i { + display: none; +} +.block .list-block li a:before { + content: ""; + display: inline; + font-family: "FontAwesome"; + color: #333333; + padding-right: 8px; +} +.block .list-block li a:hover { + color: #333333; + font-weight: bold; +} +.block .list-block li:first-child { + border-top: none; +} +.block .list-block .form-group { + padding-top: 20px; + border-top: 1px solid #d6d4d4; + margin-bottom: 0; +} +.block .list-block .form-group select { + max-width: 270px; +} +@media (max-width: 767px) { + .block .list-block .form-group select { + width: 270px; + } +} +.block .list-block .btn { + margin-top: 12px; +} .block .products-block li { padding: 0 0 20px 0; margin-bottom: 20px; - border-bottom: 1px solid #d6d4d4; } - /* line 936, ../sass/global.scss */ + border-bottom: 1px solid #d6d4d4; +} +.block .products-block li .products-block-image { + float: left; + border: 1px solid #d6d4d4; + margin-right: 19px; +} +@media (min-width: 768px) and (max-width: 991px) { .block .products-block li .products-block-image { - float: left; - border: 1px solid #d6d4d4; - margin-right: 19px; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 936, ../sass/global.scss */ - .block .products-block li .products-block-image { - float: none; - display: inline-block; - margin: 0 auto 10px; - text-align: center; } } - /* line 948, ../sass/global.scss */ - .block .products-block li .product-content { - overflow: hidden; } - /* line 950, ../sass/global.scss */ - .block .products-block li .product-content h5 { - margin: -3px 0 0 0; } -/* line 956, ../sass/global.scss */ + float: none; + display: inline-block; + margin: 0 auto 10px; + text-align: center; + } +} +.block .products-block li .product-content { + overflow: hidden; +} +.block .products-block li .product-content h5 { + margin: -3px 0 0 0; +} .block .products-block .product-name { font-size: 15px; - line-height: 18px; } -/* line 958, ../sass/global.scss */ + line-height: 18px; +} .block .products-block .product-description { - margin-bottom: 14px; } -/* line 960, ../sass/global.scss */ + margin-bottom: 14px; +} .block .products-block .price-percent-reduction { font: 700 14px/17px Arial, Helvetica, sans-serif; - padding: 1px 6px; } + padding: 1px 6px; +} /*************** Block CATEGORIES ***************/ -/* line 967, ../sass/global.scss */ #categories_block_top { clear: both; position: relative; - top: 30px; } - /* line 971, ../sass/global.scss */ - #categories_block_top .sf-menu { - position: relative; } - /* line 973, ../sass/global.scss */ - #categories_block_top .sf-menu > li { - position: static; } - /* line 975, ../sass/global.scss */ - #categories_block_top .sf-menu > li > ul { - width: 100%; - top: 60px; - margin: 0 20px; } - /* line 979, ../sass/global.scss */ - #categories_block_top .sf-menu > li > ul > li { - display: block; - float: left; - width: 20%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0 10px; } - /* line 988, ../sass/global.scss */ - #categories_block_top .sf-menu > li > ul > .category_thumb { - display: block; - clear: both; - overflow: hidden; - width: 100%; } - /* line 993, ../sass/global.scss */ - #categories_block_top .sf-menu > li > ul > .category_thumb img { - display: inline-block; - width: 33%; } - /* line 1000, ../sass/global.scss */ - #categories_block_top .sf-menu > li h4 a { - font-size: 1.1em; } - /* line 1002, ../sass/global.scss */ - #categories_block_top .sf-menu > li h4 a:before { - display: none; } - /* line 1005, ../sass/global.scss */ - #categories_block_top .sf-menu > li .main-level-submenus { - position: relative; - display: block !important; - visibility: visible !important; - top: 0; - background: none; - box-shadow: none; - padding: 0; - left: 0; } - /* line 1016, ../sass/global.scss */ - #categories_block_top .sf-menu .category_thumb { - display: none; } + top: 30px; +} +#categories_block_top .sf-menu { + position: relative; +} +#categories_block_top .sf-menu > li { + position: static; +} +#categories_block_top .sf-menu > li > ul { + width: 100%; + top: 60px; + margin: 0 20px; +} +#categories_block_top .sf-menu > li > ul > li { + display: block; + float: left; + width: 20%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0 10px; +} +#categories_block_top .sf-menu > li > ul > .category_thumb { + display: block; + clear: both; + overflow: hidden; + width: 100%; +} +#categories_block_top .sf-menu > li > ul > .category_thumb img { + display: inline-block; + width: 33%; +} +#categories_block_top .sf-menu > li h4 a { + font-size: 1.1em; +} +#categories_block_top .sf-menu > li h4 a:before { + display: none; +} +#categories_block_top .sf-menu > li .main-level-submenus { + position: relative; + display: block !important; + visibility: visible !important; + top: 0; + background: none; + box-shadow: none; + padding: 0; + left: 0; +} +#categories_block_top .sf-menu .category_thumb { + display: none; +} -/* line 1021, ../sass/global.scss */ #categories_block_left .block_content > ul { - border-top: 1px solid #d6d4d4; } -/* line 1025, ../sass/global.scss */ + border-top: 1px solid #d6d4d4; +} #categories_block_left li { - position: relative; } - /* line 1028, ../sass/global.scss */ - #categories_block_left li a { - font-weight: bold; - color: #333333; - display: block; - font-size: 13px; - line-height: 30px; - padding: 0 30px 0 19px; - border-bottom: 1px solid #d6d4d4; } - /* line 1038, ../sass/global.scss */ - #categories_block_left li span.grower { - display: block; - background: #f6f6f6; - position: absolute; - right: 0; - top: 0; - cursor: pointer; - font-family: "FontAwesome"; - font-size: 14px; } - /* line 1050, ../sass/global.scss */ - #categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before { - content: ""; - display: block; - vertical-align: middle; - width: 30px; - height: 30px; - color: #333333; - line-height: 30px; - text-align: center; } - /* line 1062, ../sass/global.scss */ - #categories_block_left li span.grower.CLOSE:before { - content: ""; - color: #c0c0c0; } - /* line 1067, ../sass/global.scss */ - #categories_block_left li span.grower:hover + a, #categories_block_left li a:hover, #categories_block_left li a.selected { - background: #f6f6f6; } - /* line 1073, ../sass/global.scss */ - #categories_block_left li li a { - font-weight: normal; - color: #777777; } - /* line 1077, ../sass/global.scss */ - #categories_block_left li li a:before { - content: ""; - font-family: "FontAwesome"; - line-height: 29px; - padding-right: 8px; } + position: relative; +} +#categories_block_left li a { + font-weight: bold; + color: #333333; + display: block; + font-size: 13px; + line-height: 30px; + padding: 0 30px 0 19px; + border-bottom: 1px solid #d6d4d4; +} +#categories_block_left li span.grower { + display: block; + background: #f6f6f6; + position: absolute; + right: 0; + top: 0; + cursor: pointer; + font-family: "FontAwesome"; + font-size: 14px; +} +#categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before { + content: ""; + display: block; + vertical-align: middle; + width: 30px; + height: 30px; + color: #333333; + line-height: 30px; + text-align: center; +} +#categories_block_left li span.grower.CLOSE:before { + content: ""; + color: #c0c0c0; +} +#categories_block_left li span.grower:hover + a, #categories_block_left li a:hover, #categories_block_left li a.selected { + background: #f6f6f6; +} +#categories_block_left li li a { + font-weight: normal; + color: #777777; +} +#categories_block_left li li a:before { + content: ""; + font-family: "FontAwesome"; + line-height: 29px; + padding-right: 8px; +} /*************************************************************************************************/ -/* line 1088, ../sass/global.scss */ .page-heading { font: 600 18px/22px "Open Sans", sans-serif; color: #555454; @@ -1183,31 +1198,32 @@ table.table_block td { padding: 0px 0px 17px 0px; margin-bottom: 30px; border-bottom: 1px solid #d6d4d4; - overflow: hidden; } - /* line 1097, ../sass/global.scss */ + overflow: hidden; +} +.page-heading span.heading-counter { + font: bold 13px/22px Arial, Helvetica, sans-serif; + float: right; + color: #333333; + text-transform: none; +} +@media (max-width: 480px) { .page-heading span.heading-counter { - font: bold 13px/22px Arial, Helvetica, sans-serif; - float: right; - color: #333333; - text-transform: none; } - @media (max-width: 480px) { - /* line 1097, ../sass/global.scss */ - .page-heading span.heading-counter { - float: none; - display: block; - padding-top: 5px; } } - /* line 1109, ../sass/global.scss */ - .page-heading span.lighter { - color: #9c9c9c; } - /* line 1111, ../sass/global.scss */ - .page-heading.bottom-indent { - margin-bottom: 16px; } - /* line 1113, ../sass/global.scss */ - .page-heading.product-listing { - border-bottom: none; - margin-bottom: 0; } + float: none; + display: block; + padding-top: 5px; + } +} +.page-heading span.lighter { + color: #9c9c9c; +} +.page-heading.bottom-indent { + margin-bottom: 16px; +} +.page-heading.product-listing { + border-bottom: none; + margin-bottom: 0; +} -/* line 1115, ../sass/global.scss */ .page-subheading { font-family: "Open Sans", sans-serif; font-weight: 600; @@ -1217,9 +1233,9 @@ table.table_block td { padding: 0 0 15px; line-height: normal; margin-bottom: 12px; - border-bottom: 1px solid #d6d4d4; } + border-bottom: 1px solid #d6d4d4; +} -/* line 1126, ../sass/global.scss */ h3.page-product-heading { color: #555454; text-transform: uppercase; @@ -1232,707 +1248,740 @@ h3.page-product-heading { position: relative; border: 1px solid #d6d4d4; border-bottom: none; - background: #fbfbfb; } + background: #fbfbfb; +} /* BLOCK .footer_links (cms pages) ************************************************************* */ -/* line 1130, ../sass/global.scss */ ul.footer_links { padding: 20px 0 0px 0; - border-top: 1px solid #d6d4d4; } - /* line 1134, ../sass/global.scss */ - ul.footer_links li { - float: left; } - /* line 1137, ../sass/global.scss */ - ul.footer_links li + li { - margin-left: 10px; } + border-top: 1px solid #d6d4d4; +} +ul.footer_links li { + float: left; +} +ul.footer_links li + li { + margin-left: 10px; +} /* barre comparaison / tri ********************************************************************* */ -/* line 1145, ../sass/global.scss */ .content_sortPagiBar .sortPagiBar { border-top: 1px solid #d6d4d4; border-bottom: 1px solid #d6d4d4; - padding: 19px 0 10px 0; } - /* line 1150, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar #productsSortForm { - float: left; - margin-right: 20px; - margin-bottom: 10px; } - /* line 1155, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar #productsSortForm select { - max-width: 192px; - float: left; } - @media (max-width: 991px) { - /* line 1155, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar #productsSortForm select { - max-width: 160px; } } - /* line 1164, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar #productsSortForm .selector { - float: left; } - /* line 1166, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar .nbrItemPage { - float: left; } - /* line 1168, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar .nbrItemPage select { - max-width: 59px; - float: left; } - /* line 1170, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span { - padding: 3px 0 0 12px; - display: inline-block; - float: left; } - /* line 1176, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item { - float: left; } - /* line 1179, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar label, .content_sortPagiBar .sortPagiBar select { - float: left; } - /* line 1183, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar label { - padding: 3px 6px 0 0; } - /* line 1187, ../sass/global.scss */ - .content_sortPagiBar .sortPagiBar.instant_search #productsSortForm { - display: none; } -/* line 1189, ../sass/global.scss */ + padding: 19px 0 10px 0; +} +.content_sortPagiBar .sortPagiBar #productsSortForm { + float: left; + margin-right: 20px; + margin-bottom: 10px; +} +.content_sortPagiBar .sortPagiBar #productsSortForm select { + max-width: 192px; + float: left; +} +@media (max-width: 991px) { + .content_sortPagiBar .sortPagiBar #productsSortForm select { + max-width: 160px; + } +} +.content_sortPagiBar .sortPagiBar #productsSortForm .selector { + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage { + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage select { + max-width: 59px; + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span { + padding: 3px 0 0 12px; + display: inline-block; + float: left; +} +.content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item { + float: left; +} +.content_sortPagiBar .sortPagiBar label, .content_sortPagiBar .sortPagiBar select { + float: left; +} +.content_sortPagiBar .sortPagiBar label { + padding: 3px 6px 0 0; +} +.content_sortPagiBar .sortPagiBar.instant_search #productsSortForm { + display: none; +} .content_sortPagiBar .display, .content_sortPagiBar .display_m { float: right; - margin-top: -4px; } - /* line 1193, ../sass/global.scss */ - .content_sortPagiBar .display li, .content_sortPagiBar .display_m li { - float: left; - padding-left: 12px; - text-align: center; } - /* line 1198, ../sass/global.scss */ - .content_sortPagiBar .display li a, .content_sortPagiBar .display_m li a { - color: gray; - font-size: 11px; - line-height: 14px; } - /* line 1203, ../sass/global.scss */ - .content_sortPagiBar .display li a i, .content_sortPagiBar .display_m li a i { - display: block; - font-size: 24px; - height: 24px; - line-height: 24px; - margin-bottom: -3px; - color: #e1e0e0; } - /* line 1215, ../sass/global.scss */ - .content_sortPagiBar .display li a:hover i, .content_sortPagiBar .display li.selected i, .content_sortPagiBar .display_m li a:hover i, .content_sortPagiBar .display_m li.selected i { - color: #333333; } - /* line 1222, ../sass/global.scss */ - .content_sortPagiBar .display li.selected a, .content_sortPagiBar .display_m li.selected a { - cursor: default; } - /* line 1225, ../sass/global.scss */ - .content_sortPagiBar .display li.display-title, .content_sortPagiBar .display_m li.display-title { - font-weight: bold; - color: #333333; - padding: 7px 6px 0 0; } + margin-top: -4px; +} +.content_sortPagiBar .display li, .content_sortPagiBar .display_m li { + float: left; + padding-left: 12px; + text-align: center; +} +.content_sortPagiBar .display li a, .content_sortPagiBar .display_m li a { + color: gray; + font-size: 11px; + line-height: 14px; +} +.content_sortPagiBar .display li a i, .content_sortPagiBar .display_m li a i { + display: block; + font-size: 24px; + height: 24px; + line-height: 24px; + margin-bottom: -3px; + color: #e1e0e0; +} +.content_sortPagiBar .display li a:hover i, .content_sortPagiBar .display li.selected i, .content_sortPagiBar .display_m li a:hover i, .content_sortPagiBar .display_m li.selected i { + color: #333333; +} +.content_sortPagiBar .display li.selected a, .content_sortPagiBar .display_m li.selected a { + cursor: default; +} +.content_sortPagiBar .display li.display-title, .content_sortPagiBar .display_m li.display-title { + font-weight: bold; + color: #333333; + padding: 7px 6px 0 0; +} /* pagination ********************************************************************************** */ -/* line 1234, ../sass/global.scss */ .top-pagination-content, .bottom-pagination-content { text-align: center; padding: 12px 0 12px 0; - position: relative; } - /* line 1239, ../sass/global.scss */ + position: relative; +} +.top-pagination-content div.pagination, .bottom-pagination-content div.pagination { + margin: 0; + float: right; + width: 530px; + text-align: center; +} +@media (min-width: 992px) and (max-width: 1199px) { .top-pagination-content div.pagination, .bottom-pagination-content div.pagination { - margin: 0; - float: right; - width: 530px; - text-align: center; } - @media (min-width: 992px) and (max-width: 1199px) { - /* line 1239, ../sass/global.scss */ - .top-pagination-content div.pagination, .bottom-pagination-content div.pagination { - width: 380px; } } - @media (max-width: 991px) { - /* line 1239, ../sass/global.scss */ - .top-pagination-content div.pagination, .bottom-pagination-content div.pagination { - float: left; - width: auto; } } - /* line 1252, ../sass/global.scss */ - .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { - float: right; - margin: 8px 53px 8px 14px; } - @media (min-width: 992px) and (max-width: 1199px) { - /* line 1252, ../sass/global.scss */ - .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { - margin-right: 11px; } } - @media (max-width: 991px) { - /* line 1252, ../sass/global.scss */ - .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { - margin-right: 0; } } - /* line 1265, ../sass/global.scss */ - .top-pagination-content div.pagination .showall .btn span, .bottom-pagination-content div.pagination .showall .btn span { - font-size: 13px; - padding: 3px 5px 4px 5px; - line-height: normal; } - /* line 1273, ../sass/global.scss */ + width: 380px; + } +} +@media (max-width: 991px) { + .top-pagination-content div.pagination, .bottom-pagination-content div.pagination { + float: left; + width: auto; + } +} +.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { + float: right; + margin: 8px 53px 8px 14px; +} +@media (min-width: 992px) and (max-width: 1199px) { + .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { + margin-right: 11px; + } +} +@media (max-width: 991px) { + .top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall { + margin-right: 0; + } +} +.top-pagination-content div.pagination .showall .btn span, .bottom-pagination-content div.pagination .showall .btn span { + font-size: 13px; + padding: 3px 5px 4px 5px; + line-height: normal; +} +.top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination { + margin: 8px 0px 8px 0; +} +@media (max-width: 991px) { .top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination { - margin: 8px 0px 8px 0; } - @media (max-width: 991px) { - /* line 1273, ../sass/global.scss */ - .top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination { - float: left; } } - /* line 1279, ../sass/global.scss */ - .top-pagination-content ul.pagination li, .bottom-pagination-content ul.pagination li { - display: inline-block; - float: left; } - /* line 1283, ../sass/global.scss */ - .top-pagination-content ul.pagination li > a, .top-pagination-content ul.pagination li > span, .bottom-pagination-content ul.pagination li > a, .bottom-pagination-content ul.pagination li > span { - margin: 0 1px 0 0px; - padding: 0; - font-weight: bold; - border: 1px solid; - border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; - display: block; } - /* line 1291, ../sass/global.scss */ - .top-pagination-content ul.pagination li > a span, .top-pagination-content ul.pagination li > span span, .bottom-pagination-content ul.pagination li > a span, .bottom-pagination-content ul.pagination li > span span { - border: 1px solid white; - padding: 2px 8px; - display: block; - background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; } - /* line 1301, ../sass/global.scss */ - .top-pagination-content ul.pagination li > a:hover span, .bottom-pagination-content ul.pagination li > a:hover span { - background: #f6f6f6; } - /* line 1305, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_previous, .top-pagination-content ul.pagination li.pagination_next, .bottom-pagination-content ul.pagination li.pagination_previous, .bottom-pagination-content ul.pagination li.pagination_next { - color: #777676; - font-weight: bold; } - /* line 1309, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_previous > a, .top-pagination-content ul.pagination li.pagination_previous > span, .top-pagination-content ul.pagination li.pagination_next > a, .top-pagination-content ul.pagination li.pagination_next > span, .bottom-pagination-content ul.pagination li.pagination_previous > a, .bottom-pagination-content ul.pagination li.pagination_previous > span, .bottom-pagination-content ul.pagination li.pagination_next > a, .bottom-pagination-content ul.pagination li.pagination_next > span { - border: none; - background: none; - display: block; - padding: 4px 0; } - @media (max-width: 767px) { - /* line 1315, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_previous > a b, .top-pagination-content ul.pagination li.pagination_previous > span b, .top-pagination-content ul.pagination li.pagination_next > a b, .top-pagination-content ul.pagination li.pagination_next > span b, .bottom-pagination-content ul.pagination li.pagination_previous > a b, .bottom-pagination-content ul.pagination li.pagination_previous > span b, .bottom-pagination-content ul.pagination li.pagination_next > a b, .bottom-pagination-content ul.pagination li.pagination_next > span b { - display: none; } } - /* line 1318, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_previous > a span, .top-pagination-content ul.pagination li.pagination_previous > span span, .top-pagination-content ul.pagination li.pagination_next > a span, .top-pagination-content ul.pagination li.pagination_next > span span, .bottom-pagination-content ul.pagination li.pagination_previous > a span, .bottom-pagination-content ul.pagination li.pagination_previous > span span, .bottom-pagination-content ul.pagination li.pagination_next > a span, .bottom-pagination-content ul.pagination li.pagination_next > span span { - border: none; - padding: 0; - background: none; } - /* line 1319, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_previous > a b, .top-pagination-content ul.pagination li.pagination_previous > span b, .top-pagination-content ul.pagination li.pagination_next > a b, .top-pagination-content ul.pagination li.pagination_next > span b, .bottom-pagination-content ul.pagination li.pagination_previous > a b, .bottom-pagination-content ul.pagination li.pagination_previous > span b, .bottom-pagination-content ul.pagination li.pagination_next > a b, .bottom-pagination-content ul.pagination li.pagination_next > span b { - font-weight: bold; } - /* line 1323, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_previous, .bottom-pagination-content ul.pagination li.pagination_previous { - margin-right: 10px; } - /* line 1325, ../sass/global.scss */ - .top-pagination-content ul.pagination li.pagination_next, .bottom-pagination-content ul.pagination li.pagination_next { - margin-left: 10px; } - /* line 1329, ../sass/global.scss */ - .top-pagination-content ul.pagination li.active > span, .bottom-pagination-content ul.pagination li.active > span { - color: #333333; - border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; } - /* line 1334, ../sass/global.scss */ - .top-pagination-content ul.pagination li.active > span span, .bottom-pagination-content ul.pagination li.active > span span { - background: #f6f6f6; } - /* line 1340, ../sass/global.scss */ + float: left; + } +} +.top-pagination-content ul.pagination li, .bottom-pagination-content ul.pagination li { + display: inline-block; + float: left; +} +.top-pagination-content ul.pagination li > a, .top-pagination-content ul.pagination li > span, .bottom-pagination-content ul.pagination li > a, .bottom-pagination-content ul.pagination li > span { + margin: 0 1px 0 0px; + padding: 0; + font-weight: bold; + border: 1px solid; + border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; + display: block; +} +.top-pagination-content ul.pagination li > a span, .top-pagination-content ul.pagination li > span span, .bottom-pagination-content ul.pagination li > a span, .bottom-pagination-content ul.pagination li > span span { + border: 1px solid white; + padding: 2px 8px; + display: block; + background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; +} +.top-pagination-content ul.pagination li > a:hover span, .bottom-pagination-content ul.pagination li > a:hover span { + background: #f6f6f6; +} +.top-pagination-content ul.pagination li.pagination_previous, .top-pagination-content ul.pagination li.pagination_next, .bottom-pagination-content ul.pagination li.pagination_previous, .bottom-pagination-content ul.pagination li.pagination_next { + color: #777676; + font-weight: bold; +} +.top-pagination-content ul.pagination li.pagination_previous > a, .top-pagination-content ul.pagination li.pagination_previous > span, .top-pagination-content ul.pagination li.pagination_next > a, .top-pagination-content ul.pagination li.pagination_next > span, .bottom-pagination-content ul.pagination li.pagination_previous > a, .bottom-pagination-content ul.pagination li.pagination_previous > span, .bottom-pagination-content ul.pagination li.pagination_next > a, .bottom-pagination-content ul.pagination li.pagination_next > span { + border: none; + background: none; + display: block; + padding: 4px 0; +} +@media (max-width: 767px) { + .top-pagination-content ul.pagination li.pagination_previous > a b, .top-pagination-content ul.pagination li.pagination_previous > span b, .top-pagination-content ul.pagination li.pagination_next > a b, .top-pagination-content ul.pagination li.pagination_next > span b, .bottom-pagination-content ul.pagination li.pagination_previous > a b, .bottom-pagination-content ul.pagination li.pagination_previous > span b, .bottom-pagination-content ul.pagination li.pagination_next > a b, .bottom-pagination-content ul.pagination li.pagination_next > span b { + display: none; + } +} +.top-pagination-content ul.pagination li.pagination_previous > a span, .top-pagination-content ul.pagination li.pagination_previous > span span, .top-pagination-content ul.pagination li.pagination_next > a span, .top-pagination-content ul.pagination li.pagination_next > span span, .bottom-pagination-content ul.pagination li.pagination_previous > a span, .bottom-pagination-content ul.pagination li.pagination_previous > span span, .bottom-pagination-content ul.pagination li.pagination_next > a span, .bottom-pagination-content ul.pagination li.pagination_next > span span { + border: none; + padding: 0; + background: none; +} +.top-pagination-content ul.pagination li.pagination_previous > a b, .top-pagination-content ul.pagination li.pagination_previous > span b, .top-pagination-content ul.pagination li.pagination_next > a b, .top-pagination-content ul.pagination li.pagination_next > span b, .bottom-pagination-content ul.pagination li.pagination_previous > a b, .bottom-pagination-content ul.pagination li.pagination_previous > span b, .bottom-pagination-content ul.pagination li.pagination_next > a b, .bottom-pagination-content ul.pagination li.pagination_next > span b { + font-weight: bold; +} +.top-pagination-content ul.pagination li.pagination_previous, .bottom-pagination-content ul.pagination li.pagination_previous { + margin-right: 10px; +} +.top-pagination-content ul.pagination li.pagination_next, .bottom-pagination-content ul.pagination li.pagination_next { + margin-left: 10px; +} +.top-pagination-content ul.pagination li.active > span, .bottom-pagination-content ul.pagination li.active > span { + color: #333333; + border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0; +} +.top-pagination-content ul.pagination li.active > span span, .bottom-pagination-content ul.pagination li.active > span span { + background: #f6f6f6; +} +.top-pagination-content .compare-form, .bottom-pagination-content .compare-form { + float: right; +} +@media (max-width: 479px) { .top-pagination-content .compare-form, .bottom-pagination-content .compare-form { - float: right; } - @media (max-width: 479px) { - /* line 1340, ../sass/global.scss */ - .top-pagination-content .compare-form, .bottom-pagination-content .compare-form { - float: left; - width: 100%; - text-align: left; - padding-bottom: 10px; - clear: both; } } - /* line 1351, ../sass/global.scss */ + float: left; + width: 100%; + text-align: left; + padding-bottom: 10px; + clear: both; + } +} +.top-pagination-content .product-count, .bottom-pagination-content .product-count { + padding: 11px 0 0 0; + float: left; +} +@media (max-width: 991px) { .top-pagination-content .product-count, .bottom-pagination-content .product-count { - padding: 11px 0 0 0; - float: left; } - @media (max-width: 991px) { - /* line 1351, ../sass/global.scss */ - .top-pagination-content .product-count, .bottom-pagination-content .product-count { - clear: left; } } + clear: left; + } +} -/* line 1359, ../sass/global.scss */ .bottom-pagination-content { - border-top: 1px solid #d6d4d4; } + border-top: 1px solid #d6d4d4; +} /* CART steps *********************************************************************** */ -/* line 1361, ../sass/global.scss */ ul.step { margin-bottom: 30px; - overflow: hidden; } - @media (min-width: 480px) { - /* line 1361, ../sass/global.scss */ - ul.step { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - border-radius: 4px; } } - /* line 1368, ../sass/global.scss */ + overflow: hidden; +} +@media (min-width: 480px) { + ul.step { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + } +} +ul.step li { + float: left; + width: 20%; + text-align: left; + border: 1px solid; + border-top-color: #cacaca; + border-bottom-color: #9a9a9a; + border-right-color: #b7b7b7; + border-left-width: 0px; +} +@media (max-width: 479px) { ul.step li { - float: left; - width: 20%; - text-align: left; - border: 1px solid; - border-top-color: #cacaca; - border-bottom-color: #9a9a9a; - border-right-color: #b7b7b7; - border-left-width: 0px; } - @media (max-width: 479px) { - /* line 1368, ../sass/global.scss */ - ul.step li { - width: 100%; - border-left-width: 1px; } } - /* line 1382, ../sass/global.scss */ - ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span { - display: block; - padding: 13px 10px 14px 13px; - color: #333333; - font-size: 17px; - line-height: 21px; - font-weight: bold; - text-shadow: 1px 1px white; - position: relative; } - @media (min-width: 992px) { - /* line 1393, ../sass/global.scss */ - ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after { - content: "."; - position: absolute; - top: 0; - right: -31px; - z-index: 0; - text-indent: -5000px; - display: block; - width: 31px; - height: 52px; - margin-top: -2px; } } - /* line 1407, ../sass/global.scss */ - ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus { - text-decoration: none; - outline: none; } - /* line 1410, ../sass/global.scss */ - ul.step li.first { - border-left-width: 1px; - border-left-color: #b7b7b7; } - @media (min-width: 480px) { - /* line 1410, ../sass/global.scss */ - ul.step li.first { - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; } } - /* line 1418, ../sass/global.scss */ - ul.step li.first span, ul.step li.first a { - z-index: 5; - padding-left: 13px !important; } - @media (min-width: 480px) { - /* line 1418, ../sass/global.scss */ - ul.step li.first span, ul.step li.first a { - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; } } - /* line 1428, ../sass/global.scss */ - ul.step li.second span, ul.step li.second a { - z-index: 4; } - /* line 1431, ../sass/global.scss */ - ul.step li.third span, ul.step li.third a { - z-index: 3; } - /* line 1434, ../sass/global.scss */ - ul.step li.four span, ul.step li.four a { - z-index: 2; } - /* line 1437, ../sass/global.scss */ - ul.step li.last span { - z-index: 1; } - @media (min-width: 480px) { - /* line 1436, ../sass/global.scss */ - ul.step li.last { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; } - /* line 1444, ../sass/global.scss */ - ul.step li.last span { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; } } - /* line 1450, ../sass/global.scss */ - ul.step li.step_current { - font-weight: bold; - background: #42b856; - background: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b856), color-stop(100%, #43ab54)); - background: -webkit-linear-gradient(top, #42b856 0%, #43ab54 100%); - background: -o-linear-gradient(top, #42b856 0%, #43ab54 100%); - background: -ms-linear-gradient(top, #42b856 0%, #43ab54 100%); - background: linear-gradient(to bottom, #42b856 0%, #43ab54 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b856', endColorstr='#43ab54',GradientType=0 ); - border-color: #399b49 #51ae5c #208931 #369946; } - /* line 1462, ../sass/global.scss */ - ul.step li.step_current span { - color: white; - text-shadow: 1px 1px #208931; - border: 1px solid; - border-color: #73ca77 #74c776 #74c175 #74c776; - position: relative; } - @media (min-width: 992px) { - /* line 1462, ../sass/global.scss */ - ul.step li.step_current span { - padding-left: 38px; } - /* line 1471, ../sass/global.scss */ - ul.step li.step_current span:after { - background: url(../img/order-step-a.png) right 0 no-repeat; } } - /* line 1477, ../sass/global.scss */ - ul.step li.step_current_end { - font-weight: bold; } - /* line 1480, ../sass/global.scss */ - ul.step li.step_todo { - background: #f7f7f7; - background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); - background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); - background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); } - /* line 1490, ../sass/global.scss */ - ul.step li.step_todo span { - display: block; - border: 1px solid; - border-color: white; - color: #333333; - position: relative; } - @media (min-width: 992px) { - /* line 1490, ../sass/global.scss */ - ul.step li.step_todo span { - padding-left: 38px; } - /* line 1499, ../sass/global.scss */ - ul.step li.step_todo span:after { - background: url(../img/order-step-current.png) right 0 no-repeat; } } - /* line 1505, ../sass/global.scss */ - ul.step li.step_done { - border-color: #666666 #5f5f5f #292929 #5f5f5f; - background: #727171; - background: -moz-linear-gradient(top, #727171 0%, #666666 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727171), color-stop(100%, #666666)); - background: -webkit-linear-gradient(top, #727171 0%, #666666 100%); - background: -o-linear-gradient(top, #727171 0%, #666666 100%); - background: -ms-linear-gradient(top, #727171 0%, #666666 100%); - background: linear-gradient(to bottom, #727171 0%, #666666 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0 ); } - /* line 1516, ../sass/global.scss */ - ul.step li.step_done a { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.3); - border: 1px solid; - border-color: #8b8a8a; } - @media (min-width: 992px) { - /* line 1516, ../sass/global.scss */ - ul.step li.step_done a { - padding-left: 38px; } - /* line 1525, ../sass/global.scss */ - ul.step li.step_done a:after { - background: url(../img/order-step-done.png) right 0 no-repeat; } } - @media (min-width: 992px) { - /* line 1534, ../sass/global.scss */ - ul.step li.step_done.step_done_last a:after { - background: url(../img/order-step-done-last.png) right 0 no-repeat; } } - @media (min-width: 992px) { - /* line 1543, ../sass/global.scss */ - ul.step li#step_end span:after { - display: none; } } - /* line 1550, ../sass/global.scss */ - ul.step li em { - font-style: normal; } - @media (min-width: 480px) and (max-width: 767px) { - /* line 1550, ../sass/global.scss */ - ul.step li em { - display: none; } } + width: 100%; + border-left-width: 1px; + } +} +ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span { + display: block; + padding: 13px 10px 14px 13px; + color: #333333; + font-size: 17px; + line-height: 21px; + font-weight: bold; + text-shadow: 1px 1px white; + position: relative; +} +@media (min-width: 992px) { + ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after { + content: "."; + position: absolute; + top: 0; + right: -31px; + z-index: 0; + text-indent: -5000px; + display: block; + width: 31px; + height: 52px; + margin-top: -2px; + } +} +ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus { + text-decoration: none; + outline: none; +} +ul.step li.first { + border-left-width: 1px; + border-left-color: #b7b7b7; +} +@media (min-width: 480px) { + ul.step li.first { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + } +} +ul.step li.first span, ul.step li.first a { + z-index: 5; + padding-left: 13px !important; +} +@media (min-width: 480px) { + ul.step li.first span, ul.step li.first a { + -moz-border-radius-topleft: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + } +} +ul.step li.second span, ul.step li.second a { + z-index: 4; +} +ul.step li.third span, ul.step li.third a { + z-index: 3; +} +ul.step li.four span, ul.step li.four a { + z-index: 2; +} +ul.step li.last span { + z-index: 1; +} +@media (min-width: 480px) { + ul.step li.last { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + } + ul.step li.last span { + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +ul.step li.step_current { + font-weight: bold; + background: #42b856; + background: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42b856), color-stop(100%, #43ab54)); + background: -webkit-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: -o-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: -ms-linear-gradient(top, #42b856 0%, #43ab54 100%); + background: linear-gradient(to bottom, #42b856 0%, #43ab54 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42b856', endColorstr='#43ab54',GradientType=0 ); + border-color: #399b49 #51ae5c #208931 #369946; +} +ul.step li.step_current span { + color: white; + text-shadow: 1px 1px #208931; + border: 1px solid; + border-color: #73ca77 #74c776 #74c175 #74c776; + position: relative; +} +@media (min-width: 992px) { + ul.step li.step_current span { + padding-left: 38px; + } + ul.step li.step_current span:after { + background: url(../img/order-step-a.png) right 0 no-repeat; + } +} +ul.step li.step_current_end { + font-weight: bold; +} +ul.step li.step_todo { + background: #f7f7f7; + background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed)); + background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%); + background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); +} +ul.step li.step_todo span { + display: block; + border: 1px solid; + border-color: white; + color: #333333; + position: relative; +} +@media (min-width: 992px) { + ul.step li.step_todo span { + padding-left: 38px; + } + ul.step li.step_todo span:after { + background: url(../img/order-step-current.png) right 0 no-repeat; + } +} +ul.step li.step_done { + border-color: #666666 #5f5f5f #292929 #5f5f5f; + background: #727171; + background: -moz-linear-gradient(top, #727171 0%, #666666 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727171), color-stop(100%, #666666)); + background: -webkit-linear-gradient(top, #727171 0%, #666666 100%); + background: -o-linear-gradient(top, #727171 0%, #666666 100%); + background: -ms-linear-gradient(top, #727171 0%, #666666 100%); + background: linear-gradient(to bottom, #727171 0%, #666666 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0 ); +} +ul.step li.step_done a { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.3); + border: 1px solid; + border-color: #8b8a8a; +} +@media (min-width: 992px) { + ul.step li.step_done a { + padding-left: 38px; + } + ul.step li.step_done a:after { + background: url(../img/order-step-done.png) right 0 no-repeat; + } +} +@media (min-width: 992px) { + ul.step li.step_done.step_done_last a:after { + background: url(../img/order-step-done-last.png) right 0 no-repeat; + } +} +@media (min-width: 992px) { + ul.step li#step_end span:after { + display: none; + } +} +ul.step li em { + font-style: normal; +} +@media (min-width: 480px) and (max-width: 767px) { + ul.step li em { + display: none; + } +} /* module productcomments ********************************************************************** */ -/* line 1559, ../sass/global.scss */ .rating { clear: both; display: block; margin: 2em; - cursor: pointer; } + cursor: pointer; +} -/* line 1565, ../sass/global.scss */ .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; - visibility: hidden; } + visibility: hidden; +} -/* line 1573, ../sass/global.scss */ .cancel, .star { overflow: hidden; float: left; margin: 0 1px 0 0; width: 16px; height: 16px; - cursor: pointer; } + cursor: pointer; +} -/* line 1581, ../sass/global.scss */ .cancel, .cancel a { - background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important; } + background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important; +} -/* line 1583, ../sass/global.scss */ .cancel a, .star a { display: block; width: 100%; height: 100%; - background-position: 0 0; } + background-position: 0 0; +} -/* line 1589, ../sass/global.scss */ div.star_on a { - background-position: 0 -16px; } + background-position: 0 -16px; +} -/* line 1590, ../sass/global.scss */ div.star_hover a, div.star a:hover { - background-position: 0 -32px; } + background-position: 0 -32px; +} -/* line 1591, ../sass/global.scss */ .pack_content { - margin: 10px 0 10px 0; } + margin: 10px 0 10px 0; +} -/* line 1592, ../sass/global.scss */ .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; - background: none repeat scroll 0 0 #ffffe0; } + background: none repeat scroll 0 0 #ffffe0; +} -/* line 1599, ../sass/global.scss */ #page .rte { - background: transparent none repeat scroll 0 0; } + background: transparent none repeat scroll 0 0; +} -/* line 1601, ../sass/global.scss */ .listcomment { list-style-type: none; - margin: 0 0 20px 0 !important; } + margin: 0 0 20px 0 !important; +} -/* line 1605, ../sass/global.scss */ .listcomment li { padding: 10px 0; border-bottom: 1px dotted #d6d4d4; - color: #666666; } + color: #666666; +} -/* line 1610, ../sass/global.scss */ .listcomment .titlecomment { display: block; font-weight: bold; font-size: 12px; - color: #333333; } + color: #333333; +} -/* line 1616, ../sass/global.scss */ .listcomment .txtcomment { display: block; padding: 5px 0; - color: #333333; } + color: #333333; +} /* ************************************************************************************************ HEADER ************************************************************************************************ */ -/* line 1627, ../sass/global.scss */ .banner-top { - background: #000; } + background: #000; +} -/* line 1630, ../sass/global.scss */ .header-container { - background: white; } + background: white; +} -/* line 1633, ../sass/global.scss */ #header { padding-bottom: 21px; position: relative; background: white; - /* languages/currencies */ } - /* line 1638, ../sass/global.scss */ - #header .header-row { - background: #333333; } - /* line 1641, ../sass/global.scss */ - #header .header-row .shop-phone { - display: block; - padding: 5px 0 10px; } - @media (max-width: 767px) { - /* line 1641, ../sass/global.scss */ - #header .header-row .shop-phone { - display: none; } } - /* line 1648, ../sass/global.scss */ - #header .header-row .shop-phone i { - font-size: 21px; - line-height: 21px; - color: white; - padding-right: 7px; } - /* line 1655, ../sass/global.scss */ - #header .header-row .shop-phone strong { - color: white; } - /* line 1658, ../sass/global.scss */ - #header .header-row #header_user_info { - float: right; - border-left: 1px solid #515151; - border-right: 1px solid #515151; } - @media (max-width: 479px) { - /* line 1658, ../sass/global.scss */ - #header .header-row #header_user_info { - width: 25%; - text-align: center; } } - /* line 1666, ../sass/global.scss */ - #header .header-row #header_user_info a { - color: white; - font-weight: bold; - display: block; - padding: 8px 9px 11px 8px; } - @media (max-width: 479px) { - /* line 1666, ../sass/global.scss */ - #header .header-row #header_user_info a { - font-size: 11px; } } - /* line 1677, ../sass/global.scss */ - #header .header-row-2 { - position: relative; - z-index: 1; } - /* line 1678, ../sass/global.scss */ + /* languages/currencies */ +} +#header .header-row { + background: #333333; +} +#header .header-row .shop-phone { + display: block; + padding: 5px 0 10px; +} +@media (max-width: 767px) { + #header .header-row .shop-phone { + display: none; + } +} +#header .header-row .shop-phone i { + font-size: 21px; + line-height: 21px; + color: white; + padding-right: 7px; +} +#header .header-row .shop-phone strong { + color: white; +} +#header .header-row #header_user_info { + float: right; + border-left: 1px solid #515151; + border-right: 1px solid #515151; +} +@media (max-width: 479px) { + #header .header-row #header_user_info { + width: 25%; + text-align: center; + } +} +#header .header-row #header_user_info a { + color: white; + font-weight: bold; + display: block; + padding: 8px 9px 11px 8px; +} +@media (max-width: 479px) { + #header .header-row #header_user_info a { + font-size: 11px; + } +} +#header .header-row-2 { + position: relative; + z-index: 1; +} +#header #header_logo { + position: absolute; + left: 0; + top: 27px; + z-index: 1; +} +@media (min-width: 768px) and (max-width: 991px) { #header #header_logo { - position: absolute; - left: 0; - top: 27px; - z-index: 1; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 1678, ../sass/global.scss */ - #header #header_logo { - width: 250px; - top: 35px; } } - @media (min-width: 480px) and (max-width: 767px) { - /* line 1678, ../sass/global.scss */ - #header #header_logo { - width: 174px; - left: 15px; - top: 48px; } } - @media (max-width: 479px) { - /* line 1678, ../sass/global.scss */ - #header #header_logo { - width: 200px; - left: 50%; - margin-left: -100px; - top: 20px; } } - /* line 1699, ../sass/global.scss */ - #header #header_right { - position: relative; } - /* line 1703, ../sass/global.scss */ + width: 250px; + top: 35px; + } +} +@media (min-width: 480px) and (max-width: 767px) { + #header #header_logo { + width: 174px; + left: 15px; + top: 48px; + } +} +@media (max-width: 479px) { + #header #header_logo { + width: 200px; + left: 50%; + margin-left: -100px; + top: 20px; + } +} +#header #header_right { + position: relative; +} +#header #currencies-block-top, #header #languages-block-top { + float: right; + border-left: 1px solid #515151; + position: relative; +} +@media (max-width: 479px) { #header #currencies-block-top, #header #languages-block-top { - float: right; - border-left: 1px solid #515151; - position: relative; } - @media (max-width: 479px) { - /* line 1703, ../sass/global.scss */ - #header #currencies-block-top, #header #languages-block-top { - width: 25%; } } - /* line 1711, ../sass/global.scss */ - #header #currencies-block-top span.firstWord, #header #languages-block-top span.firstWord { - display: none; } - /* line 1713, ../sass/global.scss */ - #header #currencies-block-top div.current, #header #languages-block-top div.current { - font-weight: bold; - padding: 8px 10px 10px 10px; - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.2); } - @media (max-width: 479px) { - /* line 1713, ../sass/global.scss */ - #header #currencies-block-top div.current, #header #languages-block-top div.current { - text-align: center; - padding: 9px 5px 10px; - font-size: 11px; } } - /* line 1723, ../sass/global.scss */ - #header #currencies-block-top div.current strong, #header #languages-block-top div.current strong { - color: #777777; } - /* line 1727, ../sass/global.scss */ - #header #currencies-block-top div.current:after, #header #languages-block-top div.current:after { - content: ""; - font-family: "FontAwesome"; - font-size: 18px; - line-height: 18px; - color: #686666; - vertical-align: -2px; - padding-left: 12px; } - @media (max-width: 479px) { - /* line 1727, ../sass/global.scss */ - #header #currencies-block-top div.current:after, #header #languages-block-top div.current:after { - padding-left: 2px; - font-size: 13px; - line-height: 13px; - vertical-align: 0; } } - @media (max-width: 479px) { - /* line 1742, ../sass/global.scss */ - #header #currencies-block-top div.current .cur-label, #header #languages-block-top div.current .cur-label { - display: none; } } - /* line 1749, ../sass/global.scss */ - #header #currencies-block-top ul, #header #languages-block-top ul { - display: none; - position: absolute; - top: 37px; - left: 0; - width: 157px; - background: #333333; - z-index: 2; } - /* line 1758, ../sass/global.scss */ - #header #currencies-block-top ul li, #header #languages-block-top ul li { - color: white; - line-height: 35px; - font-size: 13px; } - /* line 1763, ../sass/global.scss */ - #header #currencies-block-top ul li a, #header #currencies-block-top ul li > span, #header #languages-block-top ul li a, #header #languages-block-top ul li > span { - padding: 0 10px 0 12px; - display: block; - color: white; } - /* line 1769, ../sass/global.scss */ - #header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a { - background: #484848; } - /* line 1775, ../sass/global.scss */ + width: 25%; + } +} +#header #currencies-block-top span.firstWord, #header #languages-block-top span.firstWord { + display: none; +} +#header #currencies-block-top div.current, #header #languages-block-top div.current { + font-weight: bold; + padding: 8px 10px 10px 10px; + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.2); +} +@media (max-width: 479px) { + #header #currencies-block-top div.current, #header #languages-block-top div.current { + text-align: center; + padding: 9px 5px 10px; + font-size: 11px; + } +} +#header #currencies-block-top div.current strong, #header #languages-block-top div.current strong { + color: #777777; +} +#header #currencies-block-top div.current:after, #header #languages-block-top div.current:after { + content: ""; + font-family: "FontAwesome"; + font-size: 18px; + line-height: 18px; + color: #686666; + vertical-align: -2px; + padding-left: 12px; +} +@media (max-width: 479px) { + #header #currencies-block-top div.current:after, #header #languages-block-top div.current:after { + padding-left: 2px; + font-size: 13px; + line-height: 13px; + vertical-align: 0; + } +} +@media (max-width: 479px) { + #header #currencies-block-top div.current .cur-label, #header #languages-block-top div.current .cur-label { + display: none; + } +} +#header #currencies-block-top ul, #header #languages-block-top ul { + display: none; + position: absolute; + top: 37px; + left: 0; + width: 157px; + background: #333333; + z-index: 2; +} +#header #currencies-block-top ul li, #header #languages-block-top ul li { + color: white; + line-height: 35px; + font-size: 13px; +} +#header #currencies-block-top ul li a, #header #currencies-block-top ul li > span, #header #languages-block-top ul li a, #header #languages-block-top ul li > span { + padding: 0 10px 0 12px; + display: block; + color: white; +} +#header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a { + background: #484848; +} +#header #contact-link { + float: right; + border-left: 1px solid #515151; +} +@media (max-width: 479px) { #header #contact-link { - float: right; - border-left: 1px solid #515151; } - @media (max-width: 479px) { - /* line 1775, ../sass/global.scss */ - #header #contact-link { - width: 25%; - text-align: center; } } - /* line 1782, ../sass/global.scss */ - #header #contact-link a { - display: block; - color: white; - font-weight: bold; - padding: 8px 10px 11px 10px; - text-shadow: 1px 1px rgba(0, 0, 0, 0.2); } - @media (max-width: 479px) { - /* line 1782, ../sass/global.scss */ - #header #contact-link a { - font-size: 11px; - padding-left: 5px; - padding-right: 5px; } } - /* line 1795, ../sass/global.scss */ - #header #contact-link a, #header .header-row #header_user_info a, #header #currencies-block-top div.current, #header #languages-block-top div.current { - cursor: pointer; } - /* line 1798, ../sass/global.scss */ - #header #contact-link a:hover, #header #contact-link a.active, #header .header-row #header_user_info a:hover, #header .header-row #header_user_info a.active, #header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active { - background: #2b2b2b; } + width: 25%; + text-align: center; + } +} +#header #contact-link a { + display: block; + color: white; + font-weight: bold; + padding: 8px 10px 11px 10px; + text-shadow: 1px 1px rgba(0, 0, 0, 0.2); +} +@media (max-width: 479px) { + #header #contact-link a { + font-size: 11px; + padding-left: 5px; + padding-right: 5px; + } +} +#header #contact-link a, #header .header-row #header_user_info a, #header #currencies-block-top div.current, #header #languages-block-top div.current { + cursor: pointer; +} +#header #contact-link a:hover, #header #contact-link a.active, #header .header-row #header_user_info a:hover, #header .header-row #header_user_info a.active, #header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active { + background: #2b2b2b; +} -/* line 1803, ../sass/global.scss */ .ie8 #header #header_logo { - width: 350px; } + width: 350px; +} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ -/* line 1809, ../sass/global.scss */ .breadcrumb { display: inline-block; padding: 0 11px 0 0; @@ -1949,512 +1998,522 @@ div.star_hover a, div.star a:hover { overflow: hidden; margin-bottom: 16px; position: relative; - z-index: 1; } - /* line 1823, ../sass/global.scss */ - .breadcrumb .navigation-pipe { - width: 18px; - display: inline-block; - text-indent: -5000px; } - /* line 1829, ../sass/global.scss */ - .breadcrumb a { - display: inline-block; - background: white; - padding: 0 8px 0 22px; - margin-left: -26px; - position: relative; - z-index: 2; - color: #333333; } - /* line 1838, ../sass/global.scss */ - .breadcrumb a.home { - font-size: 17px; - color: #777777; - width: 38px; - text-align: center; - padding: 0; - margin: 0; - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - z-index: 99; - line-height: 22px; - display: inline-block; - height: 24px; } - /* line 1852, ../sass/global.scss */ - .breadcrumb a.home i { - vertical-align: -1px; } - /* line 1857, ../sass/global.scss */ - .breadcrumb a:after { - display: inline-block; - content: "."; - position: absolute; - right: -10px; - top: 3px; - width: 18px; - height: 18px; - background: white; - border-right: 1px solid #d6d4d4; - border-top: 1px solid #d6d4d4; - border-radius: 2px; - text-indent: -5000px; - z-index: -1; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); } - /* line 1874, ../sass/global.scss */ - .breadcrumb a:hover { - color: #777; } + z-index: 1; +} +.breadcrumb .navigation-pipe { + width: 18px; + display: inline-block; + text-indent: -5000px; +} +.breadcrumb a { + display: inline-block; + background: white; + padding: 0 8px 0 22px; + margin-left: -26px; + position: relative; + z-index: 2; + color: #333333; +} +.breadcrumb a.home { + font-size: 17px; + color: #777777; + width: 38px; + text-align: center; + padding: 0; + margin: 0; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + z-index: 99; + line-height: 22px; + display: inline-block; + height: 24px; +} +.breadcrumb a.home i { + vertical-align: -1px; +} +.breadcrumb a:after { + display: inline-block; + content: "."; + position: absolute; + right: -10px; + top: 3px; + width: 18px; + height: 18px; + background: white; + border-right: 1px solid #d6d4d4; + border-top: 1px solid #d6d4d4; + border-radius: 2px; + text-indent: -5000px; + z-index: -1; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.breadcrumb a:hover { + color: #777; +} -/* line 1880, ../sass/global.scss */ .ie8 .breadcrumb { - min-height: 1px; } - /* line 1883, ../sass/global.scss */ - .ie8 .breadcrumb a:after { - display: none; } - /* line 1886, ../sass/global.scss */ - .ie8 .breadcrumb .navigation-pipe { - width: 20px; } + min-height: 1px; +} +.ie8 .breadcrumb a:after { + display: none; +} +.ie8 .breadcrumb .navigation-pipe { + width: 20px; +} /* ************************************************************************************************ FOOTER ************************************************************************************************ */ -/* line 1894, ../sass/global.scss */ .footer-container { - padding: 0 0 100px 0; } - @media (min-width: 768px) { - /* line 1894, ../sass/global.scss */ - .footer-container { - background: url(../img/footer-bg.gif) repeat-x; } } - /* line 1900, ../sass/global.scss */ - .footer-container #footer { - color: #777; - position: relative; } - /* line 1903, ../sass/global.scss */ - .footer-container #footer .footer-block { - margin-top: 45px; } - @media (max-width: 767px) { - /* line 1903, ../sass/global.scss */ - .footer-container #footer .footer-block { - margin-top: 20px; } } - /* line 1910, ../sass/global.scss */ - .footer-container #footer a { - color: #777; } - /* line 1913, ../sass/global.scss */ - .footer-container #footer a:hover { - color: white; } - /* line 1918, ../sass/global.scss */ - .footer-container #footer h4 { - font: 600 18px/22px "Open Sans", sans-serif; - color: white; - margin: 0 0 13px 0; } - @media (max-width: 767px) { - /* line 1918, ../sass/global.scss */ - .footer-container #footer h4 { - position: relative; - margin-bottom: 0; - padding-bottom: 13px; } - /* line 1927, ../sass/global.scss */ - .footer-container #footer h4:after { - display: block; - content: ""; - font-family: "FontAwesome"; - position: absolute; - right: 0; - top: 1px; } - /* line 1935, ../sass/global.scss */ - .footer-container #footer h4.active:after { - content: ""; } } - /* line 1940, ../sass/global.scss */ - .footer-container #footer h4 a { - color: white; } - /* line 1944, ../sass/global.scss */ - .footer-container #footer ul li { - padding-bottom: 8px; } - /* line 1947, ../sass/global.scss */ - .footer-container #footer ul li a { - font-weight: bold; - text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } - /* line 1953, ../sass/global.scss */ - .footer-container #footer #block_contact_infos { - border-left: 1px solid #515151; } - @media (max-width: 767px) { - /* line 1953, ../sass/global.scss */ - .footer-container #footer #block_contact_infos { - border: none; } } - /* line 1958, ../sass/global.scss */ - .footer-container #footer #block_contact_infos > div { - padding: 0 0 0 5px; } - @media (max-width: 767px) { - /* line 1958, ../sass/global.scss */ - .footer-container #footer #block_contact_infos > div { - padding-left: 0; } } - /* line 1966, ../sass/global.scss */ - .footer-container #footer #block_contact_infos > div ul li { - padding: 0 0 7px 4px; - overflow: hidden; - line-height: 30px; } - /* line 1971, ../sass/global.scss */ - .footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a { - color: white; - font-weight: normal; } - /* line 1976, ../sass/global.scss */ - .footer-container #footer #block_contact_infos > div ul li i { - font-size: 25px; - width: 32px; - text-align: center; - padding-right: 12px; - float: left; - color: #908f8f; } - /* line 1981, ../sass/global.scss */ - .footer-container #footer .blockcategories_footer { - clear: left; } - /* line 1982, ../sass/global.scss */ - .footer-container #footer #social_block { - float: left; - width: 50%; - padding: 23px 30px 16px 0; - background: #3F3F3F; } - @media (max-width: 767px) { - /* line 1982, ../sass/global.scss */ - .footer-container #footer #social_block { - width: 100%; - float: left; - padding-top: 5px; } } - /* line 1992, ../sass/global.scss */ - .footer-container #footer #social_block ul { - float: right; } - @media (max-width: 767px) { - /* line 1992, ../sass/global.scss */ - .footer-container #footer #social_block ul { - float: none; } } - /* line 1998, ../sass/global.scss */ - .footer-container #footer #social_block ul li { - float: left; - width: 40px; - text-align: center; } - /* line 2003, ../sass/global.scss */ - .footer-container #footer #social_block ul li a { - display: inline-block; - color: #908f8f; - font-size: 28px; } - /* line 2008, ../sass/global.scss */ - .footer-container #footer #social_block ul li a span { - display: none; } - /* line 2010, ../sass/global.scss */ - .footer-container #footer #social_block ul li a:before { - display: inline-block; - font-family: "FontAwesome"; - vertical-align: -5px; } - /* line 2016, ../sass/global.scss */ - .footer-container #footer #social_block ul li a:hover { - color: white; } - /* line 2022, ../sass/global.scss */ - .footer-container #footer #social_block ul li.facebook a:before { - content: ""; } - /* line 2028, ../sass/global.scss */ - .footer-container #footer #social_block ul li.twitter a:before { - content: ""; } - /* line 2034, ../sass/global.scss */ - .footer-container #footer #social_block ul li.rss a:before { - content: ""; } - /* line 2039, ../sass/global.scss */ - .footer-container #footer #social_block h4 { - float: right; - margin-bottom: 0; - font-size: 21px; - line-height: 25px; - text-transform: none; - padding: 0 10px 0 0; } - @media (max-width: 767px) { - /* line 2039, ../sass/global.scss */ - .footer-container #footer #social_block h4 { - display: none; - text-align: center; } } - /* line 2052, ../sass/global.scss */ - .footer-container #footer .bottom-footer { - position: absolute; - bottom: -55px; - left: 0; } - /* line 2057, ../sass/global.scss */ - .footer-container #footer .bottom-footer div { - padding: 15px 0 0 0; - border-top: 1px solid #515151; - width: 100%; } + padding: 0 0 100px 0; +} +@media (min-width: 768px) { + .footer-container { + background: url(../img/footer-bg.gif) repeat-x; + } +} +.footer-container #footer { + color: #777; + position: relative; +} +.footer-container #footer .footer-block { + margin-top: 45px; +} +@media (max-width: 767px) { + .footer-container #footer .footer-block { + margin-top: 20px; + } +} +.footer-container #footer a { + color: #777; +} +.footer-container #footer a:hover { + color: white; +} +.footer-container #footer h4 { + font: 600 18px/22px "Open Sans", sans-serif; + color: white; + margin: 0 0 13px 0; +} +@media (max-width: 767px) { + .footer-container #footer h4 { + position: relative; + margin-bottom: 0; + padding-bottom: 13px; + } + .footer-container #footer h4:after { + display: block; + content: ""; + font-family: "FontAwesome"; + position: absolute; + right: 0; + top: 1px; + } + .footer-container #footer h4.active:after { + content: ""; + } +} +.footer-container #footer h4 a { + color: white; +} +.footer-container #footer ul li { + padding-bottom: 8px; +} +.footer-container #footer ul li a { + font-weight: bold; + text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); +} +.footer-container #footer #block_contact_infos { + border-left: 1px solid #515151; +} +@media (max-width: 767px) { + .footer-container #footer #block_contact_infos { + border: none; + } +} +.footer-container #footer #block_contact_infos > div { + padding: 0 0 0 5px; +} +@media (max-width: 767px) { + .footer-container #footer #block_contact_infos > div { + padding-left: 0; + } +} +.footer-container #footer #block_contact_infos > div ul li { + padding: 0 0 7px 4px; + overflow: hidden; + line-height: 30px; +} +.footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a { + color: white; + font-weight: normal; +} +.footer-container #footer #block_contact_infos > div ul li i { + font-size: 25px; + width: 32px; + text-align: center; + padding-right: 12px; + float: left; + color: #908f8f; +} +.footer-container #footer .blockcategories_footer { + clear: left; +} +.footer-container #footer #social_block { + float: left; + width: 50%; + padding: 23px 30px 16px 0; + background: #3F3F3F; +} +@media (max-width: 767px) { + .footer-container #footer #social_block { + width: 100%; + float: left; + padding-top: 5px; + } +} +.footer-container #footer #social_block ul { + float: right; +} +@media (max-width: 767px) { + .footer-container #footer #social_block ul { + float: none; + } +} +.footer-container #footer #social_block ul li { + float: left; + width: 40px; + text-align: center; +} +.footer-container #footer #social_block ul li a { + display: inline-block; + color: #908f8f; + font-size: 28px; +} +.footer-container #footer #social_block ul li a span { + display: none; +} +.footer-container #footer #social_block ul li a:before { + display: inline-block; + font-family: "FontAwesome"; + vertical-align: -5px; +} +.footer-container #footer #social_block ul li a:hover { + color: white; +} +.footer-container #footer #social_block ul li.facebook a:before { + content: ""; +} +.footer-container #footer #social_block ul li.twitter a:before { + content: ""; +} +.footer-container #footer #social_block ul li.rss a:before { + content: ""; +} +.footer-container #footer #social_block h4 { + float: right; + margin-bottom: 0; + font-size: 21px; + line-height: 25px; + text-transform: none; + padding: 0 10px 0 0; +} +@media (max-width: 767px) { + .footer-container #footer #social_block h4 { + display: none; + text-align: center; + } +} +.footer-container #footer .bottom-footer { + position: absolute; + bottom: -55px; + left: 0; +} +.footer-container #footer .bottom-footer div { + padding: 15px 0 0 0; + border-top: 1px solid #515151; + width: 100%; +} /* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ -/* line 2072, ../sass/global.scss */ #short_description_content ul, #short_description_content ol, #short_description_content dl, #tinymce ul, #tinymce ol, #tinymce dl { - margin-left: 20px; } + margin-left: 20px; +} -/* line 2074, ../sass/global.scss */ .block_hidden_only_for_screen { - display: none; } + display: none; +} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ -/* line 2080, ../sass/global.scss */ .cart_navigation { - margin: 0 0 20px; } - /* line 2083, ../sass/global.scss */ - .cart_navigation .button-medium { - float: right; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - border-radius: 4px; - font-size: 20px; - line-height: 24px; } - /* line 2089, ../sass/global.scss */ - .cart_navigation .button-medium span { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - border-radius: 4px; - padding: 11px 15px 10px 15px; } - /* line 2094, ../sass/global.scss */ - .cart_navigation .button-medium i.right { - font-size: 25px; - line-height: 25px; - vertical-align: -4px; - margin-left: 6px; } - /* line 2101, ../sass/global.scss */ - .cart_navigation .button-exclusive { - border: none; - background: none; - padding: 0; - font-size: 17px; - font-weight: bold; - color: #333333; - margin: 9px 0 0 0; } - /* line 2110, ../sass/global.scss */ - .cart_navigation .button-exclusive i { - color: #777777; - margin-right: 8px; } - /* line 2115, ../sass/global.scss */ - .cart_navigation .button-exclusive:hover, .cart_navigation .button-exclusive:focus, .cart_navigation .button-exclusive:active { - color: #515151; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; } - @media (max-width: 480px) { - /* line 2122, ../sass/global.scss */ - .cart_navigation > span { - display: block; - width: 100%; - padding-bottom: 15px; } } + margin: 0 0 20px; +} +.cart_navigation .button-medium { + float: right; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + font-size: 20px; + line-height: 24px; +} +.cart_navigation .button-medium span { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + padding: 11px 15px 10px 15px; +} +.cart_navigation .button-medium i.right { + font-size: 25px; + line-height: 25px; + vertical-align: -4px; + margin-left: 6px; +} +.cart_navigation .button-exclusive { + border: none; + background: none; + padding: 0; + font-size: 17px; + font-weight: bold; + color: #333333; + margin: 9px 0 0 0; +} +.cart_navigation .button-exclusive i { + color: #777777; + margin-right: 8px; +} +.cart_navigation .button-exclusive:hover, .cart_navigation .button-exclusive:focus, .cart_navigation .button-exclusive:active { + color: #515151; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +@media (max-width: 480px) { + .cart_navigation > span { + display: block; + width: 100%; + padding-bottom: 15px; + } +} /* step 1 - cart ******************************************************************************* */ -/* line 2132, ../sass/global.scss */ .cart_last_product { - display: none; } + display: none; +} -/* line 2133, ../sass/global.scss */ .cart_quantity .cart_quantity_input { height: 27px; line-height: 27px; padding: 0; text-align: center; - width: 57px; } + width: 57px; +} -/* line 2140, ../sass/global.scss */ .table tbody > tr > td { - vertical-align: middle; } - /* line 2143, ../sass/global.scss */ - .table tbody > tr > td.cart_quantity { - padding: 41px 14px 25px; - width: 88px; } - /* line 2146, ../sass/global.scss */ - .table tbody > tr > td.cart_quantity .cart_quantity_button { - margin-top: 3px; } - /* line 2148, ../sass/global.scss */ - .table tbody > tr > td.cart_quantity .cart_quantity_button a { - float: left; - margin-right: 3px; } - /* line 2151, ../sass/global.scss */ - .table tbody > tr > td.cart_quantity .cart_quantity_button a + a { - margin-right: 0; } - /* line 2157, ../sass/global.scss */ - .table tbody > tr > td.cart_delete, .table tbody > tr > td.price_discount_del { - padding: 5px; } + vertical-align: middle; +} +.table tbody > tr > td.cart_quantity { + padding: 41px 14px 25px; + width: 88px; +} +.table tbody > tr > td.cart_quantity .cart_quantity_button { + margin-top: 3px; +} +.table tbody > tr > td.cart_quantity .cart_quantity_button a { + float: left; + margin-right: 3px; +} +.table tbody > tr > td.cart_quantity .cart_quantity_button a + a { + margin-right: 0; +} +.table tbody > tr > td.cart_delete, .table tbody > tr > td.price_discount_del { + padding: 5px; +} -/* line 2161, ../sass/global.scss */ .table tfoot > tr > td { - vertical-align: middle; } + vertical-align: middle; +} -/* line 2165, ../sass/global.scss */ .cart_delete a.cart_quantity_delete, a.price_discount_delete { font-size: 23px; - color: #333333; } - /* line 2168, ../sass/global.scss */ - .cart_delete a.cart_quantity_delete:hover, - a.price_discount_delete:hover { - color: #c0c0c0; } + color: #333333; +} +.cart_delete a.cart_quantity_delete:hover, +a.price_discount_delete:hover { + color: #c0c0c0; +} -/* line 2175, ../sass/global.scss */ #cart_summary tbody td.cart_product { padding: 19px; - width: 137px; } - /* line 2178, ../sass/global.scss */ - #cart_summary tbody td.cart_product img { - border: 1px solid #d6d4d4; } -/* line 2185, ../sass/global.scss */ + width: 137px; +} +#cart_summary tbody td.cart_product img { + border: 1px solid #d6d4d4; +} #cart_summary tbody td.cart_unit .price span { - display: block; } - /* line 2188, ../sass/global.scss */ - #cart_summary tbody td.cart_unit .price span.price-percent-reduction { - margin: 5px auto; - display: inline-block; } - /* line 2193, ../sass/global.scss */ - #cart_summary tbody td.cart_unit .price span.old-price { - text-decoration: line-through; } -/* line 2197, ../sass/global.scss */ + display: block; +} +#cart_summary tbody td.cart_unit .price span.price-percent-reduction { + margin: 5px auto; + display: inline-block; +} +#cart_summary tbody td.cart_unit .price span.old-price { + text-decoration: line-through; +} #cart_summary tbody td.cart_description { - width: 480px; } - /* line 2199, ../sass/global.scss */ - #cart_summary tbody td.cart_description small { - display: block; - padding: 5px 0 0 0; } -/* line 2211, ../sass/global.scss */ + width: 480px; +} +#cart_summary tbody td.cart_description small { + display: block; + padding: 5px 0 0 0; +} #cart_summary tfoot td.text-right { font-weight: bold; - color: #333333; } -/* line 2215, ../sass/global.scss */ + color: #333333; +} #cart_summary tfoot td.price { - text-align: right; } -/* line 2219, ../sass/global.scss */ + text-align: right; +} #cart_summary tfoot td.total_price_container span { font: 600 18px/22px "Open Sans", sans-serif; color: #555454; - text-transform: uppercase; } -/* line 2225, ../sass/global.scss */ + text-transform: uppercase; +} #cart_summary tfoot td#total_price_container { font: 600 21px/25px "Open Sans", sans-serif; color: #333333; - background: white; } + background: white; +} @media (max-width: 767px) { - /* line 2236, ../sass/global.scss */ #order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr { - display: block; } - /* line 2237, ../sass/global.scss */ + display: block; + } #order-detail-content #cart_summary thead tr { position: absolute; top: -9999px; - left: -9999px; } - /* line 2242, ../sass/global.scss */ + left: -9999px; + } #order-detail-content #cart_summary tr { border-bottom: 1px solid #ccc; - overflow: hidden; } - /* line 2246, ../sass/global.scss */ + overflow: hidden; + } #order-detail-content #cart_summary td { border: none; position: relative; width: 50%; float: left; - white-space: normal; } - /* line 2254, ../sass/global.scss */ - #order-detail-content #cart_summary td.cart_avail { - clear: both; } - /* line 2256, ../sass/global.scss */ - #order-detail-content #cart_summary td.cart_quantity { - clear: both; - padding: 9px 8px 11px 18px; } - /* line 2261, ../sass/global.scss */ - #order-detail-content #cart_summary td.cart_delete { - width: 100%; - clear: both; - text-align: right; } - /* line 2265, ../sass/global.scss */ - #order-detail-content #cart_summary td.cart_delete:before { - display: inline-block; - padding-right: 0.5em; - position: relative; - top: -3px; } - /* line 2271, ../sass/global.scss */ - #order-detail-content #cart_summary td.cart_delete div { - display: inline; } - /* line 2274, ../sass/global.scss */ + white-space: normal; + } + #order-detail-content #cart_summary td.cart_avail { + clear: both; + } + #order-detail-content #cart_summary td.cart_quantity { + clear: both; + padding: 9px 8px 11px 18px; + } + #order-detail-content #cart_summary td.cart_delete { + width: 100%; + clear: both; + text-align: right; + } + #order-detail-content #cart_summary td.cart_delete:before { + display: inline-block; + padding-right: 0.5em; + position: relative; + top: -3px; + } + #order-detail-content #cart_summary td.cart_delete div { + display: inline; + } #order-detail-content #cart_summary td:before { content: attr(data-title); - display: block; } - /* line 2279, ../sass/global.scss */ + display: block; + } #order-detail-content #cart_summary tfoot td { float: none; - width: 100%; } - /* line 2282, ../sass/global.scss */ - #order-detail-content #cart_summary tfoot td:before { - display: inline; } - /* line 2287, ../sass/global.scss */ + width: 100%; + } + #order-detail-content #cart_summary tfoot td:before { + display: inline; + } #order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price { display: block; float: left; - width: 50%; } } -/* line 2297, ../sass/global.scss */ + width: 50%; + } +} .cart_voucher { - vertical-align: top !important; } - /* line 2299, ../sass/global.scss */ - .cart_voucher h4 { - font: 600 18px/22px "Open Sans", sans-serif; - color: #555454; - text-transform: uppercase; - padding: 7px 0 10px 0; } - /* line 2305, ../sass/global.scss */ - .cart_voucher .title-offers { - color: #333333; - font-weight: bold; - margin-bottom: 6px; } - /* line 2310, ../sass/global.scss */ - .cart_voucher fieldset { - margin-bottom: 10px; } - /* line 2312, ../sass/global.scss */ - .cart_voucher fieldset #discount_name { - float: left; - width: 219px; - margin-right: 11px; } - /* line 2319, ../sass/global.scss */ - .cart_voucher #display_cart_vouchers span { - font-weight: bold; - cursor: pointer; - color: #777777; } - /* line 2324, ../sass/global.scss */ - .cart_voucher #display_cart_vouchers span:hover { - color: #515151; } + vertical-align: top !important; +} +.cart_voucher h4 { + font: 600 18px/22px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; + padding: 7px 0 10px 0; +} +.cart_voucher .title-offers { + color: #333333; + font-weight: bold; + margin-bottom: 6px; +} +.cart_voucher fieldset { + margin-bottom: 10px; +} +.cart_voucher fieldset #discount_name { + float: left; + width: 219px; + margin-right: 11px; +} +.cart_voucher #display_cart_vouchers span { + font-weight: bold; + cursor: pointer; + color: #777777; +} +.cart_voucher #display_cart_vouchers span:hover { + color: #515151; +} -/* line 2328, ../sass/global.scss */ .enable-multishipping { - margin: -13px 0 17px; } - /* line 2330, ../sass/global.scss */ - .enable-multishipping label { - font-weight: normal; } + margin: -13px 0 17px; +} +.enable-multishipping label { + font-weight: normal; +} -/* line 2334, ../sass/global.scss */ #HOOK_SHOPPING_CART #loyalty i { font-size: 26px; line-height: 26px; - color: #cfcccc; } + color: #cfcccc; +} -/* line 2341, ../sass/global.scss */ #order_carrier { clear: both; margin-top: 20px; border: 1px solid #999; - background: white; } + background: white; +} -/* line 2347, ../sass/global.scss */ #order_carrier .title_block { padding: 0 15px; height: 29px; @@ -2463,146 +2522,146 @@ a.price_discount_delete { color: white; font-weight: bold; text-transform: uppercase; - background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; } + background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; +} -/* line 2357, ../sass/global.scss */ #order_carrier span { display: block; padding: 15px; - font-weight: bold; } + font-weight: bold; +} -/* line 2362, ../sass/global.scss */ .multishipping_close_container { - text-align: center; } + text-align: center; +} -/* line 2366, ../sass/global.scss */ table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; - border-radius: 5px; } + border-radius: 5px; +} /* step 3 - address ************************************************************************** */ -/* line 2374, ../sass/global.scss */ #multishipping_mode_box { padding-top: 12px; - padding-bottom: 19px; } - /* line 2377, ../sass/global.scss */ - #multishipping_mode_box .title { - font-weight: bold; - color: #333333; - margin-bottom: 15px; } + padding-bottom: 19px; +} +#multishipping_mode_box .title { + font-weight: bold; + color: #333333; + margin-bottom: 15px; +} -/* line 2383, ../sass/global.scss */ #multishipping_mode_box .description_off { - display: none; } + display: none; +} -/* line 2386, ../sass/global.scss */ #multishipping_mode_box .description_off div { - margin-bottom: 10px; } + margin-bottom: 10px; +} -/* line 2389, ../sass/global.scss */ #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: #f3f3f3; - border: 1px solid #ccc; } + border: 1px solid #ccc; +} -/* line 2393, ../sass/global.scss */ #multishipping_mode_box.on .description_off { - display: block; } + display: block; +} -/* line 2398, ../sass/global.scss */ .multishipping-cart .cart_address_delivery.form-control { - width: 198px; } + width: 198px; +} -/* line 2403, ../sass/global.scss */ #order .address_add.submit { - margin-bottom: 20px; } + margin-bottom: 20px; +} -/* line 2404, ../sass/global.scss */ #ordermsg { - margin-bottom: 30px; } + margin-bottom: 30px; +} -/* line 2405, ../sass/global.scss */ #id_address_invoice.form-control, #id_address_delivery.form-control { - width: 269px; } + width: 269px; +} -/* line 2408, ../sass/global.scss */ .checkbox.addressesAreEquals { - margin: 0 0 25px 0; } + margin: 0 0 25px 0; +} /* step 4 - paiement ************************************************************************** */ -/* line 2413, ../sass/global.scss */ #order .delivery_option label, #order-opc .delivery_option label { display: block; margin-bottom: 20px; - font-weight: normal; } - /* line 2417, ../sass/global.scss */ - #order .delivery_option label > table, #order-opc .delivery_option label > table { - background: white; - margin-bottom: 0; } - /* line 2420, ../sass/global.scss */ - #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { - height: 53px; } - /* line 2423, ../sass/global.scss */ - #order .delivery_option label > table.delivery_option_carrier, #order-opc .delivery_option label > table.delivery_option_carrier { - margin-top: 10px; - width: 100%; - background: #5192f3; - color: white; - border: 1px solid #4b80c3; - font-weight: bold; } - /* line 2430, ../sass/global.scss */ - #order .delivery_option label > table.delivery_option_carrier td, #order-opc .delivery_option label > table.delivery_option_carrier td { - padding: 8px 11px 7px 11px; } - /* line 2432, ../sass/global.scss */ - #order .delivery_option label > table.delivery_option_carrier td i, #order-opc .delivery_option label > table.delivery_option_carrier td i { - font-size: 20px; - margin-right: 7px; - vertical-align: -2px; } - /* line 2440, ../sass/global.scss */ - #order .delivery_option label > table td.delivery_option_radio, #order-opc .delivery_option label > table td.delivery_option_radio { - width: 54px; - padding-left: 0; - padding-right: 0; - text-align: center; } - /* line 2446, ../sass/global.scss */ - #order .delivery_option label > table td.delivery_option_logo, #order-opc .delivery_option label > table td.delivery_option_logo { - width: 97px; - padding-left: 21px; } - /* line 2450, ../sass/global.scss */ - #order .delivery_option label > table td.delivery_option_price, #order-opc .delivery_option label > table td.delivery_option_price { - width: 162px; } + font-weight: normal; +} +#order .delivery_option label > table, #order-opc .delivery_option label > table { + background: white; + margin-bottom: 0; +} +#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { + height: 53px; +} +#order .delivery_option label > table.delivery_option_carrier, #order-opc .delivery_option label > table.delivery_option_carrier { + margin-top: 10px; + width: 100%; + background: #5192f3; + color: white; + border: 1px solid #4b80c3; + font-weight: bold; +} +#order .delivery_option label > table.delivery_option_carrier td, #order-opc .delivery_option label > table.delivery_option_carrier td { + padding: 8px 11px 7px 11px; +} +#order .delivery_option label > table.delivery_option_carrier td i, #order-opc .delivery_option label > table.delivery_option_carrier td i { + font-size: 20px; + margin-right: 7px; + vertical-align: -2px; +} +#order .delivery_option label > table td.delivery_option_radio, #order-opc .delivery_option label > table td.delivery_option_radio { + width: 54px; + padding-left: 0; + padding-right: 0; + text-align: center; +} +#order .delivery_option label > table td.delivery_option_logo, #order-opc .delivery_option label > table td.delivery_option_logo { + width: 97px; + padding-left: 21px; +} +#order .delivery_option label > table td.delivery_option_price, #order-opc .delivery_option label > table td.delivery_option_price { + width: 162px; +} -/* line 2455, ../sass/global.scss */ .order_carrier_content { line-height: normal; - padding-bottom: 16px; } - /* line 2458, ../sass/global.scss */ - .order_carrier_content .carrier_title { - font-weight: bold; - color: #333333; } - /* line 2463, ../sass/global.scss */ - .order_carrier_content .checkbox input { - margin-top: 2px; } - /* line 2466, ../sass/global.scss */ - .order_carrier_content .delivery_options_address .carrier_title { - margin-bottom: 17px; } - /* line 2470, ../sass/global.scss */ - .order_carrier_content + div { - padding-bottom: 15px; } + padding-bottom: 16px; +} +.order_carrier_content .carrier_title { + font-weight: bold; + color: #333333; +} +.order_carrier_content .checkbox input { + margin-top: 2px; +} +.order_carrier_content .delivery_options_address .carrier_title { + margin-bottom: 17px; +} +.order_carrier_content + div { + padding-bottom: 15px; +} -/* line 2475, ../sass/global.scss */ #carrierTable { border: 1px solid #999; border-bottom: none; - background: white; } + background: white; +} -/* line 2481, ../sass/global.scss */ #carrierTable tbody { - border-bottom: 1px solid #999; } + border-bottom: 1px solid #999; +} -/* line 2484, ../sass/global.scss */ #carrierTable th { padding: 0 15px; height: 29px; @@ -2610,502 +2669,514 @@ table#cart_summary .gift-icon { line-height: 29px; color: white; text-transform: uppercase; - background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; } + background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999; +} -/* line 2493, ../sass/global.scss */ #carrierTable td { padding: 15px; font-weight: bold; - border-right: 1px solid #e9e9e9; } + border-right: 1px solid #e9e9e9; +} -/* line 2498, ../sass/global.scss */ #carrierTable td.carrier_price { - border: none; } + border: none; +} -/* line 2499, ../sass/global.scss */ p.checkbox.gift { - margin-bottom: 10px; } + margin-bottom: 10px; +} -/* line 2500, ../sass/global.scss */ #gift_div { display: none; margin-top: 5px; - margin-bottom: 10px; } + margin-bottom: 10px; +} -/* line 2506, ../sass/global.scss */ a.iframe { color: #333333; - text-decoration: underline; } - /* line 2509, ../sass/global.scss */ - a.iframe:hover { - text-decoration: none; } + text-decoration: underline; +} +a.iframe:hover { + text-decoration: none; +} /* step 5 - paiement ************************************************************************** */ -/* line 2515, ../sass/global.scss */ p.payment_module { - margin-bottom: 10px; } - /* line 2517, ../sass/global.scss */ - p.payment_module a { - display: block; - border: 1px solid #d6d4d4; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; - border-radius: 4px; - font-size: 17px; - line-height: 23px; - color: #333333; - font-weight: bold; - padding: 33px 40px 34px 99px; - letter-spacing: -1px; - position: relative; } - /* line 2529, ../sass/global.scss */ - p.payment_module a.bankwire { - background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb; } - /* line 2532, ../sass/global.scss */ - p.payment_module a.cheque { - background: url(../img/cheque.png) 15px 15px no-repeat #fbfbfb; } - /* line 2537, ../sass/global.scss */ - p.payment_module a.cheque:after, p.payment_module a.bankwire:after { - display: block; - content: ""; - position: absolute; - right: 20px; - margin-top: -11px; - top: 50%; - font-family: "FontAwesome"; - font-size: 25px; - height: 22px; - width: 14px; - color: #777777; } - /* line 2551, ../sass/global.scss */ - p.payment_module a:hover { - background-color: #f6f6f6; } - /* line 2552, ../sass/global.scss */ - p.payment_module a span { - font-weight: bold; - color: #777777; } + margin-bottom: 10px; +} +p.payment_module a { + display: block; + border: 1px solid #d6d4d4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + font-size: 17px; + line-height: 23px; + color: #333333; + font-weight: bold; + padding: 33px 40px 34px 99px; + letter-spacing: -1px; + position: relative; +} +p.payment_module a.bankwire { + background: url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb; +} +p.payment_module a.cheque { + background: url(../img/cheque.png) 15px 15px no-repeat #fbfbfb; +} +p.payment_module a.cheque:after, p.payment_module a.bankwire:after { + display: block; + content: ""; + position: absolute; + right: 20px; + margin-top: -11px; + top: 50%; + font-family: "FontAwesome"; + font-size: 25px; + height: 22px; + width: 14px; + color: #777777; +} +p.payment_module a:hover { + background-color: #f6f6f6; +} +p.payment_module a span { + font-weight: bold; + color: #777777; +} -/* line 2558, ../sass/global.scss */ .payment_module.box { - margin-top: 20px; } + margin-top: 20px; +} -/* line 2559, ../sass/global.scss */ p.cheque-indent { - margin-bottom: 9px; } + margin-bottom: 9px; +} -/* line 2563, ../sass/global.scss */ .cheque-box .form-group { - margin-bottom: 10px; } - /* line 2566, ../sass/global.scss */ - .cheque-box .form-group .form-control { - width: 269px; } + margin-bottom: 10px; +} +.cheque-box .form-group .form-control { + width: 269px; +} -/* line 2569, ../sass/global.scss */ .order-confirmation.box { - line-height: 29px; } - /* line 2569, ../sass/global.scss */ - .order-confirmation.box a { - text-decoration: underline; } - /* line 2569, ../sass/global.scss */ - .order-confirmation.box a:hover { - text-decoration: none; } + line-height: 29px; +} +.order-confirmation.box a { + text-decoration: underline; +} +.order-confirmation.box a:hover { + text-decoration: none; +} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ -/* line 2573, ../sass/global.scss */ .delivery_option_carrier td { - width: 200px; } + width: 200px; +} -/* line 2574, ../sass/global.scss */ .delivery_option_carrier td + td { - width: 280px; } + width: 280px; +} -/* line 2575, ../sass/global.scss */ .delivery_option_carrier td + td + td { - width: 200px; } + width: 200px; +} -/* line 2576, ../sass/global.scss */ .delivery_option_carrier tr td { - padding: 5px; } + padding: 5px; +} -/* line 2579, ../sass/global.scss */ .delivery_option_carrier.selected { - display: table; } + display: table; +} -/* line 2582, ../sass/global.scss */ .delivery_option_carrier.not-displayable { - display: none; } + display: none; +} /* ************************************************************************************************ PAGES ADRESSES, IDENTITY ************************************************************************************************ */ -/* line 2589, ../sass/global.scss */ #address .box, #identity .box, #account-creation_form .box, #new_account_form .box, #opc_account_form .box, #authentication .box { padding-bottom: 20px; - line-height: 20px; } -/* line 2590, ../sass/global.scss */ + line-height: 20px; +} #address p.required, #identity p.required, #account-creation_form p.required, #new_account_form p.required, #opc_account_form p.required, #authentication p.required { color: #f13340; - margin: 9px 0 16px 0; } -/* line 2594, ../sass/global.scss */ + margin: 9px 0 16px 0; +} #address p.inline-infos, #identity p.inline-infos, #account-creation_form p.inline-infos, #new_account_form p.inline-infos, #opc_account_form p.inline-infos, #authentication p.inline-infos { - color: #f00; } -/* line 2597, ../sass/global.scss */ + color: #f00; +} #address .form-group, #identity .form-group, #account-creation_form .form-group, #new_account_form .form-group, #opc_account_form .form-group, #authentication .form-group { - margin-bottom: 4px; } - /* line 2600, ../sass/global.scss */ - #address .form-group .form-control, #identity .form-group .form-control, #account-creation_form .form-group .form-control, #new_account_form .form-group .form-control, #opc_account_form .form-group .form-control, #authentication .form-group .form-control { - max-width: 271px; } - /* line 2601, ../sass/global.scss */ - #address .form-group#adress_alias, #identity .form-group#adress_alias, #account-creation_form .form-group#adress_alias, #new_account_form .form-group#adress_alias, #opc_account_form .form-group#adress_alias, #authentication .form-group#adress_alias { - margin-bottom: 20px; } - @media (min-width: 1200px) { - /* line 2604, ../sass/global.scss */ - #address .form-group.phone-number, #identity .form-group.phone-number, #account-creation_form .form-group.phone-number, #new_account_form .form-group.phone-number, #opc_account_form .form-group.phone-number, #authentication .form-group.phone-number { - float: left; - width: 270px; - margin-right: 13px; } } - @media (min-width: 1200px) { - /* line 2610, ../sass/global.scss */ - #address .form-group.phone-number + p, #identity .form-group.phone-number + p, #account-creation_form .form-group.phone-number + p, #new_account_form .form-group.phone-number + p, #opc_account_form .form-group.phone-number + p, #authentication .form-group.phone-number + p { - padding: 23px 0 0 0px; - margin-bottom: 0; } } -/* line 2618, ../sass/global.scss */ + margin-bottom: 4px; +} +#address .form-group .form-control, #identity .form-group .form-control, #account-creation_form .form-group .form-control, #new_account_form .form-group .form-control, #opc_account_form .form-group .form-control, #authentication .form-group .form-control { + max-width: 271px; +} +#address .form-group#adress_alias, #identity .form-group#adress_alias, #account-creation_form .form-group#adress_alias, #new_account_form .form-group#adress_alias, #opc_account_form .form-group#adress_alias, #authentication .form-group#adress_alias { + margin-bottom: 20px; +} +@media (min-width: 1200px) { + #address .form-group.phone-number, #identity .form-group.phone-number, #account-creation_form .form-group.phone-number, #new_account_form .form-group.phone-number, #opc_account_form .form-group.phone-number, #authentication .form-group.phone-number { + float: left; + width: 270px; + margin-right: 13px; + } +} +@media (min-width: 1200px) { + #address .form-group.phone-number + p, #identity .form-group.phone-number + p, #account-creation_form .form-group.phone-number + p, #new_account_form .form-group.phone-number + p, #opc_account_form .form-group.phone-number + p, #authentication .form-group.phone-number + p { + padding: 23px 0 0 0px; + margin-bottom: 0; + } +} #address .gender-line, #identity .gender-line, #account-creation_form .gender-line, #new_account_form .gender-line, #opc_account_form .gender-line, #authentication .gender-line { margin-bottom: 4px; - padding-top: 4px; } - /* line 2621, ../sass/global.scss */ - #address .gender-line > label, #identity .gender-line > label, #account-creation_form .gender-line > label, #new_account_form .gender-line > label, #opc_account_form .gender-line > label, #authentication .gender-line > label { - margin-right: 10px; - margin-bottom: 0; } - /* line 2627, ../sass/global.scss */ - #address .gender-line .radio-inline label, #identity .gender-line .radio-inline label, #account-creation_form .gender-line .radio-inline label, #new_account_form .gender-line .radio-inline label, #opc_account_form .gender-line .radio-inline label, #authentication .gender-line .radio-inline label { - font-weight: normal; - color: #777; } + padding-top: 4px; +} +#address .gender-line > label, #identity .gender-line > label, #account-creation_form .gender-line > label, #new_account_form .gender-line > label, #opc_account_form .gender-line > label, #authentication .gender-line > label { + margin-right: 10px; + margin-bottom: 0; +} +#address .gender-line .radio-inline label, #identity .gender-line .radio-inline label, #account-creation_form .gender-line .radio-inline label, #new_account_form .gender-line .radio-inline label, #opc_account_form .gender-line .radio-inline label, #authentication .gender-line .radio-inline label { + font-weight: normal; + color: #777; +} -/* line 2637, ../sass/global.scss */ #identity #center_column form.std .row, #authentication #center_column form.std .row, #order-opc #center_column form.std .row { margin-left: -5px; - margin-right: -5px; } - /* line 2640, ../sass/global.scss */ - #identity #center_column form.std .row .col-xs-4, #authentication #center_column form.std .row .col-xs-4, #order-opc #center_column form.std .row .col-xs-4 { - padding-left: 5px; - padding-right: 5px; - max-width: 94px; } - /* line 2644, ../sass/global.scss */ - #identity #center_column form.std .row .col-xs-4 .form-control, #authentication #center_column form.std .row .col-xs-4 .form-control, #order-opc #center_column form.std .row .col-xs-4 .form-control { - max-width: 84px; } -/* line 2648, ../sass/global.scss */ + margin-right: -5px; +} +#identity #center_column form.std .row .col-xs-4, #authentication #center_column form.std .row .col-xs-4, #order-opc #center_column form.std .row .col-xs-4 { + padding-left: 5px; + padding-right: 5px; + max-width: 94px; +} +#identity #center_column form.std .row .col-xs-4 .form-control, #authentication #center_column form.std .row .col-xs-4 .form-control, #order-opc #center_column form.std .row .col-xs-4 .form-control { + max-width: 84px; +} #identity #center_column .footer_links, #authentication #center_column .footer_links, #order-opc #center_column .footer_links { border: none; - padding-top: 0; } + padding-top: 0; +} -/* line 2654, ../sass/global.scss */ #new_account_form .box { - line-height: 20px; } - /* line 2656, ../sass/global.scss */ - #new_account_form .box .date-select { - padding-bottom: 10px; } - /* line 2657, ../sass/global.scss */ - #new_account_form .box .top-indent { - padding-top: 10px; } - /* line 2658, ../sass/global.scss */ - #new_account_form .box .customerprivacy { - padding-top: 15px; } + line-height: 20px; +} +#new_account_form .box .date-select { + padding-bottom: 10px; +} +#new_account_form .box .top-indent { + padding-top: 10px; +} +#new_account_form .box .customerprivacy { + padding-top: 15px; +} -/* line 2661, ../sass/global.scss */ #authentication fieldset.account_creation { - margin-bottom: 20px; } + margin-bottom: 20px; +} /************************************************************************************************** PASSWORD **************************************************************************************************/ -/* line 2668, ../sass/global.scss */ #password .box p { - margin-bottom: 9px; } -/* line 2671, ../sass/global.scss */ + margin-bottom: 9px; +} #password .box .form-group { - margin-bottom: 20px; } - /* line 2674, ../sass/global.scss */ - #password .box .form-group .form-control { - width: 263px; } -/* line 2679, ../sass/global.scss */ + margin-bottom: 20px; +} +#password .box .form-group .form-control { + width: 263px; +} #password .footer_links { padding-top: 0; - border: none; } + border: none; +} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ -/* line 2685, ../sass/global.scss */ #instant_search_results a.close { font-size: 13px; font-weight: 600; opacity: 1; line-height: inherit; text-transform: none; - font-family: Arial, Helvetica, sans-serif; } - /* line 2692, ../sass/global.scss */ - #instant_search_results a.close:hover { - color: #515151; } + font-family: Arial, Helvetica, sans-serif; +} +#instant_search_results a.close:hover { + color: #515151; +} /* ************************************************************************************************ MANUFACTURERS/SUPPLIERS ************************************************************************************************ */ -/* line 2702, ../sass/global.scss */ #manufacturers_list h3, #suppliers_list h3 { font-size: 17px; - line-height: 23px; } -/* line 2707, ../sass/global.scss */ + line-height: 23px; +} #manufacturers_list .description, #suppliers_list .description { - line-height: 18px; } -/* line 2713, ../sass/global.scss */ + line-height: 18px; +} #manufacturers_list .product-counter a, #suppliers_list .product-counter a { font-weight: bold; - color: #333333; } - /* line 2717, ../sass/global.scss */ - #manufacturers_list .product-counter a:hover, #suppliers_list .product-counter a:hover { - color: #515151; } -/* line 2726, ../sass/global.scss */ + color: #333333; +} +#manufacturers_list .product-counter a:hover, #suppliers_list .product-counter a:hover { + color: #515151; +} #manufacturers_list.list li .mansup-container, #suppliers_list.list li .mansup-container { border-top: 1px solid #d6d4d4; - padding: 31px 0 30px 0; } - @media (max-width: 767px) { - /* line 2726, ../sass/global.scss */ - #manufacturers_list.list li .mansup-container, #suppliers_list.list li .mansup-container { - text-align: center; } } -/* line 2736, ../sass/global.scss */ + padding: 31px 0 30px 0; +} +@media (max-width: 767px) { + #manufacturers_list.list li .mansup-container, #suppliers_list.list li .mansup-container { + text-align: center; + } +} #manufacturers_list.list li:first-child .mansup-container, #suppliers_list.list li:first-child .mansup-container { - border-top: 0; } -/* line 2741, ../sass/global.scss */ + border-top: 0; +} #manufacturers_list.list li .left-side, #suppliers_list.list li .left-side { - text-align: center; } -/* line 2743, ../sass/global.scss */ + text-align: center; +} #manufacturers_list.list li h3, #suppliers_list.list li h3 { margin-top: -5px; - padding-bottom: 8px; } -/* line 2748, ../sass/global.scss */ + padding-bottom: 8px; +} #manufacturers_list.list li .middle-side, #suppliers_list.list li .middle-side { - padding-left: 0; } - @media (max-width: 767px) { - /* line 2748, ../sass/global.scss */ - #manufacturers_list.list li .middle-side, #suppliers_list.list li .middle-side { - padding-right: 15px; - padding-left: 15px; } } -/* line 2756, ../sass/global.scss */ + padding-left: 0; +} +@media (max-width: 767px) { + #manufacturers_list.list li .middle-side, #suppliers_list.list li .middle-side { + padding-right: 15px; + padding-left: 15px; + } +} #manufacturers_list.list li .right-side-content, #suppliers_list.list li .right-side-content { border-left: 1px solid #d6d4d4; padding: 0 0 32px 31px; - min-height: 108px; } - @media (max-width: 767px) { - /* line 2756, ../sass/global.scss */ - #manufacturers_list.list li .right-side-content, #suppliers_list.list li .right-side-content { - min-height: 1px; - padding: 0; - border: none; } } - /* line 2766, ../sass/global.scss */ - #manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter { - position: relative; - top: -6px; - margin-bottom: 12px; } - @media (max-width: 767px) { - /* line 2766, ../sass/global.scss */ - #manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter { - top: 0; } } -/* line 2781, ../sass/global.scss */ -#manufacturers_list.grid li, #suppliers_list.grid li { - text-align: center; } - /* line 2784, ../sass/global.scss */ - #manufacturers_list.grid li .product-container, #suppliers_list.grid li .product-container { - padding-top: 40px; - padding-bottom: 20px; - border-bottom: 1px solid #d6d4d4; } - /* line 2789, ../sass/global.scss */ - #manufacturers_list.grid li .product-container .left-side, #suppliers_list.grid li .product-container .left-side { - padding-bottom: 42px; } - /* line 2792, ../sass/global.scss */ - #manufacturers_list.grid li .product-container h3, #suppliers_list.grid li .product-container h3 { - padding-bottom: 10px; } - /* line 2793, ../sass/global.scss */ - #manufacturers_list.grid li .product-container .product-counter, #suppliers_list.grid li .product-container .product-counter { - margin-bottom: 12px; } -@media (min-width: 1200px) { - /* line 2797, ../sass/global.scss */ - #manufacturers_list.grid li.first-in-line, #suppliers_list.grid li.first-in-line { - clear: left; } - /* line 2798, ../sass/global.scss */ - #manufacturers_list.grid li.last-line .product-container, #suppliers_list.grid li.last-line .product-container { - border-bottom: none; } } -@media (min-width: 768px) and (max-width: 1199px) { - /* line 2802, ../sass/global.scss */ - #manufacturers_list.grid li.first-item-of-tablet-line, #suppliers_list.grid li.first-item-of-tablet-line { - clear: left; } - /* line 2803, ../sass/global.scss */ - #manufacturers_list.grid li.last-tablet-line .product-container, #suppliers_list.grid li.last-tablet-line .product-container { - border-bottom: none; } } + min-height: 108px; +} +@media (max-width: 767px) { + #manufacturers_list.list li .right-side-content, #suppliers_list.list li .right-side-content { + min-height: 1px; + padding: 0; + border: none; + } +} +#manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter { + position: relative; + top: -6px; + margin-bottom: 12px; +} +@media (max-width: 767px) { + #manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter { + top: 0; + } +} +#manufacturers_list.grid li, #suppliers_list.grid li { + text-align: center; +} +#manufacturers_list.grid li .product-container, #suppliers_list.grid li .product-container { + padding-top: 40px; + padding-bottom: 20px; + border-bottom: 1px solid #d6d4d4; +} +#manufacturers_list.grid li .product-container .left-side, #suppliers_list.grid li .product-container .left-side { + padding-bottom: 42px; +} +#manufacturers_list.grid li .product-container h3, #suppliers_list.grid li .product-container h3 { + padding-bottom: 10px; +} +#manufacturers_list.grid li .product-container .product-counter, #suppliers_list.grid li .product-container .product-counter { + margin-bottom: 12px; +} +@media (min-width: 1200px) { + #manufacturers_list.grid li.first-in-line, #suppliers_list.grid li.first-in-line { + clear: left; + } + #manufacturers_list.grid li.last-line .product-container, #suppliers_list.grid li.last-line .product-container { + border-bottom: none; + } +} +@media (min-width: 768px) and (max-width: 1199px) { + #manufacturers_list.grid li.first-item-of-tablet-line, #suppliers_list.grid li.first-item-of-tablet-line { + clear: left; + } + #manufacturers_list.grid li.last-tablet-line .product-container, #suppliers_list.grid li.last-tablet-line .product-container { + border-bottom: none; + } +} @media (max-width: 767px) { - /* line 2807, ../sass/global.scss */ #manufacturers_list.grid li.item-last .product-container, #suppliers_list.grid li.item-last .product-container { - border-bottom: none; } } + border-bottom: none; + } +} -/* line 2813, ../sass/global.scss */ #manufacturer .description_box, #supplier .description_box { padding-top: 20px; padding-bottom: 20px; - border-top: 1px solid #d6d4d4; } - /* line 2818, ../sass/global.scss */ - #manufacturer .description_box .hide_desc, #supplier .description_box .hide_desc { - display: none; } -/* line 2820, ../sass/global.scss */ + border-top: 1px solid #d6d4d4; +} +#manufacturer .description_box .hide_desc, #supplier .description_box .hide_desc { + display: none; +} #manufacturer .bottom-pagination-content, #manufacturer .top-pagination-content, #supplier .bottom-pagination-content, #supplier .top-pagination-content { - min-height: 69px; } -/* line 2824, ../sass/global.scss */ + min-height: 69px; +} #manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line { - border-bottom: 1px solid #d6d4d4; } + border-bottom: 1px solid #d6d4d4; +} /***************************************************************************************************** DISCOUNT PAGE ******************************************************************************************************/ -/* line 2833, ../sass/global.scss */ table.discount i { font-size: 20px; line-height: 20px; - vertical-align: -2px; } - /* line 2838, ../sass/global.scss */ - table.discount i.icon-ok { - color: #46a74e; } - /* line 2842, ../sass/global.scss */ - table.discount i.icon-remove { - color: #f13340; } + vertical-align: -2px; +} +table.discount i.icon-ok { + color: #46a74e; +} +table.discount i.icon-remove { + color: #f13340; +} /***************************************************************************************************** GUEST TRACKING ******************************************************************************************************/ -/* line 2851, ../sass/global.scss */ #guestTracking .form-control { - max-width: 271px; } + max-width: 271px; +} @media (min-width: 1200px) { - /* line 2855, ../sass/global.scss */ #guestTracking .form-group { - overflow: hidden; } - /* line 2857, ../sass/global.scss */ - #guestTracking .form-group i { - padding-left: 10px; } - /* line 2859, ../sass/global.scss */ + overflow: hidden; + } + #guestTracking .form-group i { + padding-left: 10px; + } #guestTracking .form-control { - float: left; } - /* line 2862, ../sass/global.scss */ + float: left; + } #guestTracking label { float: left; clear: both; - width: 100%; } } + width: 100%; + } +} /***************************************************************************************************** PAGE 404 ******************************************************************************************************/ -/* line 2869, ../sass/global.scss */ #pagenotfound .pagenotfound { max-width: 824px; margin: 0 auto; - text-align: center; } - /* line 2874, ../sass/global.scss */ - #pagenotfound .pagenotfound .img-404 { - padding: 8px 0 27px 0; } - /* line 2877, ../sass/global.scss */ - #pagenotfound .pagenotfound .img-404 img { - max-width: 100%; } - /* line 2882, ../sass/global.scss */ - #pagenotfound .pagenotfound h1 { - font: 600 28px/34px "Open Sans", sans-serif; - color: #333333; - text-transform: uppercase; - margin-bottom: 7px; } - /* line 2889, ../sass/global.scss */ - #pagenotfound .pagenotfound p { - font: 600 16px/20px "Open Sans", sans-serif; - color: #555454; - text-transform: uppercase; - border-bottom: 1px solid #d6d4d4; - padding-bottom: 19px; - margin-bottom: 20px; } - /* line 2898, ../sass/global.scss */ - #pagenotfound .pagenotfound h3 { - font-weight: bold; - color: #333333; - font-size: 13px; - line-height: normal; - margin-bottom: 18px; } - /* line 2906, ../sass/global.scss */ + text-align: center; +} +#pagenotfound .pagenotfound .img-404 { + padding: 8px 0 27px 0; +} +#pagenotfound .pagenotfound .img-404 img { + max-width: 100%; +} +#pagenotfound .pagenotfound h1 { + font: 600 28px/34px "Open Sans", sans-serif; + color: #333333; + text-transform: uppercase; + margin-bottom: 7px; +} +#pagenotfound .pagenotfound p { + font: 600 16px/20px "Open Sans", sans-serif; + color: #555454; + text-transform: uppercase; + border-bottom: 1px solid #d6d4d4; + padding-bottom: 19px; + margin-bottom: 20px; +} +#pagenotfound .pagenotfound h3 { + font-weight: bold; + color: #333333; + font-size: 13px; + line-height: normal; + margin-bottom: 18px; +} +#pagenotfound .pagenotfound label { + font-weight: normal; +} +@media (max-width: 767px) { #pagenotfound .pagenotfound label { - font-weight: normal; } - @media (max-width: 767px) { - /* line 2906, ../sass/global.scss */ - #pagenotfound .pagenotfound label { - display: block; } } - /* line 2913, ../sass/global.scss */ + display: block; + } +} +#pagenotfound .pagenotfound .form-control { + max-width: 293px; + display: inline-block; + margin-right: 5px; +} +@media (max-width: 767px) { #pagenotfound .pagenotfound .form-control { - max-width: 293px; - display: inline-block; - margin-right: 5px; } - @media (max-width: 767px) { - /* line 2913, ../sass/global.scss */ - #pagenotfound .pagenotfound .form-control { - margin: 0 auto 15px auto; - display: block; } } - /* line 2924, ../sass/global.scss */ - #pagenotfound .pagenotfound .buttons { - padding: 48px 0 20px 0; } - /* line 2929, ../sass/global.scss */ - #pagenotfound .pagenotfound .buttons .button-medium i.left { - font-size: 17px; } + margin: 0 auto 15px auto; + display: block; + } +} +#pagenotfound .pagenotfound .buttons { + padding: 48px 0 20px 0; +} +#pagenotfound .pagenotfound .buttons .button-medium i.left { + font-size: 17px; +} /* ************************************************************************************************ addon RerversoForm ************************************************************************************************ */ -/* line 2939, ../sass/global.scss */ #account-creation_form fieldset.reversoform { - padding: 10px !important; } + padding: 10px !important; +} -/* line 2940, ../sass/global.scss */ #account-creation_form fieldset.reversoform .text label { display: block; padding: 0 0 10px 0; width: 100%; - text-align: left; } + text-align: left; +} -/* line 2946, ../sass/global.scss */ #account-creation_form fieldset.reversoform .infos-sup { padding: 0 !important; font-size: 10px; font-style: italic; - text-align: right; } + text-align: right; +} /* ************************************************************************************************ addon customer privacy ************************************************************************************************ */ -/* line 2955, ../sass/global.scss */ #account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label { - cursor: pointer; } + cursor: pointer; +} /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ -/* line 2962, ../sass/global.scss */ .tab-content { - margin-top: 20px; } + margin-top: 20px; +} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ -/* line 2966, ../sass/global.scss */ #livezilla_lnk { margin: 10px 0; - text-align: right; } + text-align: right; +} -/* line 2970, ../sass/global.scss */ #livezilla_lnk a { display: inline-block; padding: 6px 8px 8px 8px; @@ -3114,68 +3185,68 @@ table.discount i { border-radius: 3px; font: bold 10px Arial, Helvetica, sans-serif; color: white; - text-shadow: 0 -1px 0 #000; - background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 black; } + text-shadow: 0 -1px 0 black; + background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 black; +} -/* line 2981, ../sass/global.scss */ #livezilla_lnk a:hover { - text-decoration: none; } + text-decoration: none; +} /* ************************************************************************************************ addons comments products ************************************************************************************************ */ -/* line 2986, ../sass/global.scss */ form#sendComment fieldset { padding: 10px; border: 1px solid #ccc; - background: #eeeeee; } + background: #eeeeee; +} -/* line 2991, ../sass/global.scss */ form#sendComment h3 { - font-size: 14px; } + font-size: 14px; +} -/* line 2992, ../sass/global.scss */ #new_comment_form p.text { margin-bottom: 0; - padding-bottom: 0; } + padding-bottom: 0; +} -/* line 2997, ../sass/global.scss */ #sendComment p.text label, #sendComment p.textarea label { display: block; margin: 12px 0 4px; font-weight: bold; - font-size: 12px; } + font-size: 12px; +} -/* line 3003, ../sass/global.scss */ #sendComment p.text input { padding: 0 5px; height: 28px; width: 498px; border: 1px solid #ccc; - background: url(../img/bg_input.png) repeat-x 0 0 white; } + background: url(../img/bg_input.png) repeat-x 0 0 white; +} -/* line 3010, ../sass/global.scss */ #sendComment p.textarea textarea { height: 80px; width: 508px; - border: 1px solid #ccc; } + border: 1px solid #ccc; +} -/* line 3015, ../sass/global.scss */ #sendComment p.submit { padding: 0; - text-align: right; } + text-align: right; +} -/* line 3020, ../sass/global.scss */ #sendComment p.closeform { float: right; padding: 0; height: 12px; width: 12px; text-indent: -5000px; - background: url(../img/icon/delete.gif) no-repeat 0 0; } + background: url(../img/icon/delete.gif) no-repeat 0 0; +} -/* line 3029, ../sass/global.scss */ .star { position: relative; top: -1px; @@ -3184,40 +3255,41 @@ form#sendComment h3 { overflow: hidden; cursor: pointer; font-size: 14px; - font-weight: normal; } + font-weight: normal; +} -/* line 3039, ../sass/global.scss */ .star, .star a { - display: block; } + display: block; +} -/* line 3042, ../sass/global.scss */ .star a { position: absolute; - text-indent: -5000px; } + text-indent: -5000px; +} -/* line 3047, ../sass/global.scss */ div.star:after { content: ""; font-family: "FontAwesome"; display: inline-block; - color: #777676; } + color: #777676; +} -/* line 3054, ../sass/global.scss */ div.star.star_on { - display: block; } - /* line 3056, ../sass/global.scss */ - div.star.star_on:after { - content: ""; - font-family: "FontAwesome"; - display: inline-block; - color: #ef8743; } + display: block; +} +div.star.star_on:after { + content: ""; + font-family: "FontAwesome"; + display: inline-block; + color: #ef8743; +} -/* line 3064, ../sass/global.scss */ div.star.star_hover:after { content: ""; font-family: "FontAwesome"; display: inline-block; - color: #ef8743; } + color: #ef8743; +} /* ************************************************************************************************ xxxxx @@ -3227,59 +3299,58 @@ div.star.star_hover:after { ************************************************************************************************ */ /******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/ /*************** Block ADVERTISING ***************/ -/* line 3083, ../sass/global.scss */ .advertising_block { width: 191px; margin-bottom: 1em; - text-align: center; } + text-align: center; +} /* footer */ -/* line 3086, ../sass/global.scss */ .blockcategories_footer ul ul { - display: none !important; } + display: none !important; +} /****************************************************************** Form validate *******************************************************************/ -/* line 3092, ../sass/global.scss */ .form-group.form-error input, .form-group.form-error textarea { border: 1px solid #f13340; color: #f13340; - background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2; } -/* line 3099, ../sass/global.scss */ + background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2; +} .form-group.form-ok input, .form-group.form-ok textarea { border: 1px solid #46a74e; color: #35b33f; - background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1; } -/* line 3106, ../sass/global.scss */ + background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1; +} .form-group.form-error .form-control, .form-group.form-ok .form-control { - padding-right: 30px; } + padding-right: 30px; +} /********************************************************************* uniform *********************************************************************/ -/* line 3114, ../sass/global.scss */ .radio-inline, .checkbox { - padding-left: 0; } - /* line 3116, ../sass/global.scss */ - .radio-inline .checker, .checkbox .checker { - float: left; } - /* line 3118, ../sass/global.scss */ - .radio-inline .checker span, .checkbox .checker span { - top: 0px; } - /* line 3122, ../sass/global.scss */ - .radio-inline div.radio, .checkbox div.radio { - display: inline-block; } - /* line 3124, ../sass/global.scss */ - .radio-inline div.radio span, .checkbox div.radio span { - float: left; - top: 0px; } + padding-left: 0; +} +.radio-inline .checker, .checkbox .checker { + float: left; +} +.radio-inline .checker span, .checkbox .checker span { + top: 0px; +} +.radio-inline div.radio, .checkbox div.radio { + display: inline-block; +} +.radio-inline div.radio span, .checkbox div.radio span { + float: left; + top: 0px; +} -/* line 3130, ../sass/global.scss */ .fancybox-skin { - background: white !important; } + background: white !important; +} -/* line 3133, ../sass/global.scss */ .fancybox-skin .fancybox-close { top: 8px; right: 8px; @@ -3289,145 +3360,159 @@ div.star.star_hover:after { font-size: 28px; line-height: 28px; color: #333333; - text-align: center; } - /* line 3144, ../sass/global.scss */ - .fancybox-skin .fancybox-close:hover { - color: #515151; } - /* line 3147, ../sass/global.scss */ - .fancybox-skin .fancybox-close:after { - content: ""; - font-family: "FontAwesome"; } + text-align: center; +} +.fancybox-skin .fancybox-close:hover { + color: #515151; +} +.fancybox-skin .fancybox-close:after { + content: ""; + font-family: "FontAwesome"; +} /********************************************* Homepage pre-footer *****************************************/ -/* line 3154, ../sass/global.scss */ #facebook_block, #cmsinfo_block { margin-top: 40px; overflow: hidden; background: #f2f2f2; min-height: 344px; padding-right: 29px; - padding-left: 29px; } - @media (max-width: 991px) { - /* line 3154, ../sass/global.scss */ - #facebook_block, #cmsinfo_block { - padding-left: 15px; - padding-right: 15px; } } - @media (max-width: 767px) { - /* line 3154, ../sass/global.scss */ - #facebook_block, #cmsinfo_block { - width: 100%; - min-height: 1px; } } - /* line 3170, ../sass/global.scss */ + padding-left: 29px; +} +@media (max-width: 991px) { + #facebook_block, #cmsinfo_block { + padding-left: 15px; + padding-right: 15px; + } +} +@media (max-width: 767px) { + #facebook_block, #cmsinfo_block { + width: 100%; + min-height: 1px; + } +} +#facebook_block h4, #cmsinfo_block h4 { + font: 600 21px/25px "Open Sans", sans-serif; + color: #555454; + margin-bottom: 26px; +} +@media (max-width: 991px) { #facebook_block h4, #cmsinfo_block h4 { - font: 600 21px/25px "Open Sans", sans-serif; - color: #555454; - margin-bottom: 26px; } - @media (max-width: 991px) { - /* line 3170, ../sass/global.scss */ - #facebook_block h4, #cmsinfo_block h4 { - font-size: 16px; } } - @media (max-width: 767px) { - /* line 3170, ../sass/global.scss */ - #facebook_block h4, #cmsinfo_block h4 { - padding-top: 20px !important; } } + font-size: 16px; + } +} +@media (max-width: 767px) { + #facebook_block h4, #cmsinfo_block h4 { + padding-top: 20px !important; + } +} -/* line 3183, ../sass/global.scss */ #facebook_block h4 { - padding-top: 44px; } -/* line 3186, ../sass/global.scss */ + padding-top: 44px; +} #facebook_block .facebook-fanbox { background: white; border: 1px solid #aaaaaa; - padding-bottom: 10px; } + padding-bottom: 10px; +} -/* line 3192, ../sass/global.scss */ #cmsinfo_block { - border-left: 1px solid #d9d9d9; } - @media (max-width: 767px) { - /* line 3192, ../sass/global.scss */ - #cmsinfo_block { - border: none; - margin-top: 10px; } } - /* line 3198, ../sass/global.scss */ + border-left: 1px solid #d9d9d9; +} +@media (max-width: 767px) { + #cmsinfo_block { + border: none; + margin-top: 10px; + } +} +#cmsinfo_block > div { + padding-top: 45px; + padding-left: 0; +} +@media (max-width: 767px) { #cmsinfo_block > div { - padding-top: 45px; - padding-left: 0; } - @media (max-width: 767px) { - /* line 3198, ../sass/global.scss */ - #cmsinfo_block > div { - padding-top: 20px; } } - @media (max-width: 479px) { - /* line 3198, ../sass/global.scss */ - #cmsinfo_block > div { - width: 100%; - border-top: 1px solid #d9d9d9; } } - /* line 3209, ../sass/global.scss */ + padding-top: 20px; + } +} +@media (max-width: 479px) { + #cmsinfo_block > div { + width: 100%; + border-top: 1px solid #d9d9d9; + } +} +#cmsinfo_block > div + div { + border-left: 1px solid #d9d9d9; + min-height: 344px; + padding-left: 29px; +} +@media (max-width: 479px) { #cmsinfo_block > div + div { - border-left: 1px solid #d9d9d9; - min-height: 344px; - padding-left: 29px; } - @media (max-width: 479px) { - /* line 3209, ../sass/global.scss */ - #cmsinfo_block > div + div { - border-left: none; - padding-left: 10px; - min-height: 1px; - padding-bottom: 15px; } } - /* line 3219, ../sass/global.scss */ - #cmsinfo_block > div + div h3 { - margin-bottom: 12px; } - /* line 3224, ../sass/global.scss */ + border-left: none; + padding-left: 10px; + min-height: 1px; + padding-bottom: 15px; + } +} +#cmsinfo_block > div + div h3 { + margin-bottom: 12px; +} +#cmsinfo_block em { + float: left; + font-size: 35px; + color: white; + width: 59px; + height: 59px; + line-height: 59px; + text-align: center; + background: #333333; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + border-radius: 100px; + margin: 3px 10px 0 0; +} +@media (max-width: 991px) { #cmsinfo_block em { - float: left; - font-size: 35px; - color: white; - width: 59px; - height: 59px; - line-height: 59px; - text-align: center; - background: #333333; - -webkit-border-radius: 100px; - -moz-border-radius: 100px; - -ms-border-radius: 100px; - -o-border-radius: 100px; - border-radius: 100px; - margin: 3px 10px 0 0; } - @media (max-width: 991px) { - /* line 3224, ../sass/global.scss */ - #cmsinfo_block em { - width: 30px; - height: 30px; - line-height: 30px; - font-size: 20px; } } - /* line 3242, ../sass/global.scss */ - #cmsinfo_block .type-text { - overflow: hidden; } - /* line 3245, ../sass/global.scss */ + width: 30px; + height: 30px; + line-height: 30px; + font-size: 20px; + } +} +#cmsinfo_block .type-text { + overflow: hidden; +} +#cmsinfo_block h3 { + font: 600 21px/25px "Open Sans", sans-serif; + color: #555454; +} +@media (max-width: 1199px) { #cmsinfo_block h3 { - font: 600 21px/25px "Open Sans", sans-serif; - color: #555454; } - @media (max-width: 1199px) { - /* line 3245, ../sass/global.scss */ - #cmsinfo_block h3 { - font-size: 18px; } } - /* line 3253, ../sass/global.scss */ + font-size: 18px; + } +} +#cmsinfo_block ul li { + padding-bottom: 22px; +} +@media (max-width: 1199px) { #cmsinfo_block ul li { - padding-bottom: 22px; } - @media (max-width: 1199px) { - /* line 3253, ../sass/global.scss */ - #cmsinfo_block ul li { - padding-bottom: 10px; } } - @media (max-width: 991px) { - /* line 3253, ../sass/global.scss */ - #cmsinfo_block ul li { - padding-bottom: 0; } } + padding-bottom: 10px; + } +} +@media (max-width: 991px) { + #cmsinfo_block ul li { + padding-bottom: 0; + } +} -/* line 3265, ../sass/global.scss */ .ie8 #facebook_block, .ie8 #cmsinfo_block { - height: 344px; } + height: 344px; +} /************************* Zoom ******************************/ @media (max-width: 1199px) { - /* line 3272, ../sass/global.scss */ .zoomdiv { - display: none !important; } } + display: none !important; + } +} diff --git a/themes/default-bootstrap/css/modules/blockcart/blockcart.css b/themes/default-bootstrap/css/modules/blockcart/blockcart.css index 969a40a74..4c5da1383 100644 --- a/themes/default-bootstrap/css/modules/blockcart/blockcart.css +++ b/themes/default-bootstrap/css/modules/blockcart/blockcart.css @@ -1,110 +1,108 @@ -@charset "CP850"; /* Special style for block cart*/ /******************************************************************* Cart Block Styles ********************************************************************/ -/* line 11, ../../../sass/modules/blockcart/blockcart.scss */ #cart_block #cart_block_list .deleteCustomizableProduct, #cart_block #cart_block_list .remove_link { position: absolute; right: 10px; - top: 19px; } -/* line 17, ../../../sass/modules/blockcart/blockcart.scss */ + top: 19px; +} #cart_block #cart_block_list .remove_link a, #cart_block #cart_block_list .ajax_cart_block_remove_link { - color: #777777; } - /* line 20, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before { - display: inline-block; - content: ""; - font-family: "FontAwesome"; - font-size: 18px; - line-height: 18px; } - /* line 28, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover { - color: #515151; } -/* line 32, ../../../sass/modules/blockcart/blockcart.scss */ + color: #777777; +} +#cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before { + display: inline-block; + content: ""; + font-family: "FontAwesome"; + font-size: 18px; + line-height: 18px; +} +#cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover { + color: #515151; +} #cart_block .cart-images { float: left; - margin-right: 20px; } -/* line 37, ../../../sass/modules/blockcart/blockcart.scss */ + margin-right: 20px; +} #cart_block .cart-info { overflow: hidden; position: relative; - padding-right: 20px; } - /* line 42, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block .cart-info .product-name { - padding-bottom: 15px; - margin-top: -4px; } - /* line 46, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block .cart-info .product-name a { - font-size: 13px; - line-height: 21px; - display: inline-block; } - /* line 53, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block .cart-info .quantity-formated { - display: inline-block; - color: #9c9b9b; - text-transform: uppercase; } -/* line 60, ../../../sass/modules/blockcart/blockcart.scss */ + padding-right: 20px; +} +#cart_block .cart-info .product-name { + padding-bottom: 15px; + margin-top: -4px; +} +#cart_block .cart-info .product-name a { + font-size: 13px; + line-height: 18px; + display: inline-block; +} +#cart_block .cart-info .quantity-formated { + display: inline-block; + color: #9c9b9b; + text-transform: uppercase; +} #cart_block dt { font-weight: normal; overflow: hidden; padding: 20px 10px 16px 20px; - position: relative; } -/* line 67, ../../../sass/modules/blockcart/blockcart.scss */ + position: relative; +} #cart_block dd { - position: relative; } - /* line 70, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block dd li { - padding: 10px 20px; } - /* line 73, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block dd li .deleteCustomizableProduct { - top: 12px !important; - right: 15px !important; } -/* line 80, ../../../sass/modules/blockcart/blockcart.scss */ + position: relative; +} +#cart_block dd li { + padding: 10px 20px; +} +#cart_block dd li .deleteCustomizableProduct { + top: 12px !important; + right: 15px !important; +} #cart_block #cart_block_no_products { margin: 0; - padding: 10px 20px; } -/* line 84, ../../../sass/modules/blockcart/blockcart.scss */ + padding: 10px 20px; +} #cart_block #cart-prices { border-top: 1px solid #d6d4d4; font-weight: bold; - padding: 10px 20px 22px 20px; } - /* line 89, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart-prices .cart-prices-line { - overflow: hidden; - border-bottom: 1px solid #515151; - padding: 7px 0; } - /* line 94, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart-prices .cart-prices-line.last-line { - border: none; } -/* line 99, ../../../sass/modules/blockcart/blockcart.scss */ + padding: 10px 20px 22px 20px; +} +#cart_block #cart-prices .cart-prices-line { + overflow: hidden; + border-bottom: 1px solid #515151; + padding: 7px 0; +} +#cart_block #cart-prices .cart-prices-line.last-line { + border: none; +} #cart_block #cart-buttons { overflow: hidden; padding: 20px 20px 10px 20px; margin: 0; - background: #f6f6f6; } - /* line 105, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart-buttons a { - float: left; - margin-bottom: 10px; - margin-right: 10px; } - /* line 110, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart-buttons a#button_order_cart { - margin-right: 0; - background: #43b155; - border-color: #399b49 #369946 #208931 #369946; } - /* line 115, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart-buttons a#button_order_cart span { - border-color: #73ca77; } - /* line 119, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block #cart-buttons a#button_order_cart:hover { - background: #359144; - color: white; } + background: #f6f6f6; +} +#cart_block #cart-buttons a { + float: left; + margin-bottom: 10px; + margin-right: 10px; +} +#cart_block #cart-buttons a#button_order_cart { + margin-right: 0; + background: #43b155; + border-color: #399b49 #369946 #208931 #369946; +} +#cart_block #cart-buttons a#button_order_cart span { + border-color: #73ca77; +} +#cart_block #cart-buttons a#button_order_cart:hover { + background: #359144; + color: white; +} /******************************************************************* Cart Block(Header) Styles ********************************************************************/ -/* line 129, ../../../sass/modules/blockcart/blockcart.scss */ #header #cart_block { z-index: 10; display: none; @@ -114,98 +112,100 @@ height: auto; width: 270px; background: #484848; - color: white; } - @media (min-width: 480px) and (max-width: 767px) { - /* line 129, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block { - top: 69px; } } - @media (max-width: 479px) { - /* line 129, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block { - top: 44px; - left: 50%; - margin-left: -135px; } } - /* line 148, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block a { - color: white; } - /* line 151, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block a:hover { - color: #9c9b9b; } - /* line 156, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link { - color: white; - outline: none; - text-decoration: none; } - /* line 161, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover { - color: #9c9b9b; } - /* line 165, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block .price { - color: white; } - /* line 169, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block dt { - background: url(../../../img/cart-shadow.png) repeat-x; } - /* line 172, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block dt.first_item { - background: none; } - /* line 175, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block dd { - background: url(../../../img/cart-shadow.png) repeat-x; } - /* line 177, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block .product-atributes { - padding-bottom: 10px; - font-size: 11px; } - /* line 181, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block .product-atributes a { - color: #9c9b9b; } - /* line 184, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block .product-atributes a:hover { - color: white; } - /* line 188, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block #cart-prices { - border: none; - background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d; } - /* line 193, ../../../sass/modules/blockcart/blockcart.scss */ - #header #cart_block #cart-buttons { - background: url(../../../img/cart-shadow.png) repeat-x #333333; } -/* line 197, ../../../sass/modules/blockcart/blockcart.scss */ + color: white; +} +@media (min-width: 480px) and (max-width: 767px) { + #header #cart_block { + top: 69px; + } +} +@media (max-width: 479px) { + #header #cart_block { + top: 44px; + left: 50%; + margin-left: -135px; + } +} +#header #cart_block a { + color: white; +} +#header #cart_block a:hover { + color: #9c9b9b; +} +#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link { + color: white; + outline: none; + text-decoration: none; +} +#header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover { + color: #9c9b9b; +} +#header #cart_block .price { + color: white; +} +#header #cart_block dt { + background: url(../../../img/cart-shadow.png) repeat-x; +} +#header #cart_block dt.first_item { + background: none; +} +#header #cart_block dd { + background: url(../../../img/cart-shadow.png) repeat-x; +} +#header #cart_block .product-atributes { + padding-bottom: 10px; + font-size: 11px; +} +#header #cart_block .product-atributes a { + color: #9c9b9b; +} +#header #cart_block .product-atributes a:hover { + color: white; +} +#header #cart_block #cart-prices { + border: none; + background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d; +} +#header #cart_block #cart-buttons { + background: url(../../../img/cart-shadow.png) repeat-x #333333; +} #header .block_content { - margin-bottom: 0; } + margin-bottom: 0; +} -/* line 201, ../../../sass/modules/blockcart/blockcart.scss */ #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; } + display: none; +} -/* line 204, ../../../sass/modules/blockcart/blockcart.scss */ #cart_block #cart_block_shipping_cost, #cart_block #cart_block_total, #cart_block #cart_block_wrapping_cost { - float: right; } + float: right; +} -/* line 207, ../../../sass/modules/blockcart/blockcart.scss */ #cart_block table#vouchers { clear: both; width: 80%; margin: 0 auto; - margin-bottom: 10px; } - /* line 213, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block table#vouchers tr td { - padding: 2px; } - /* line 216, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block table#vouchers tr td.quantity { - margin-right: 5px; - min-width: 18px; } - /* line 221, ../../../sass/modules/blockcart/blockcart.scss */ - #cart_block table#vouchers tr td.delete { - padding-left: 0; - padding-right: 0; - text-align: right; - width: 15px; } + margin-bottom: 10px; +} +#cart_block table#vouchers tr td { + padding: 2px; +} +#cart_block table#vouchers tr td.quantity { + margin-right: 5px; + min-width: 18px; +} +#cart_block table#vouchers tr td.delete { + padding-left: 0; + padding-right: 0; + text-align: right; + width: 15px; +} /***************************************************************************** Layer Cart Css *****************************************************************************/ -/* line 233, ../../../sass/modules/blockcart/blockcart.scss */ .layer_cart_overlay { background-color: #000; display: none; @@ -217,16 +217,16 @@ z-index: 98; opacity: .20; -moz-opacity: .20; - filter: alpha(opacity=20); } + filter: alpha(opacity=20); +} -/* line 246, ../../../sass/modules/blockcart/blockcart.scss */ * html .layer_cart_overlay { filter: alpha(opacity=20); position: absolute; left: 0; - margin-left: -160px; } + margin-left: -160px; +} -/* line 252, ../../../sass/modules/blockcart/blockcart.scss */ #layer_cart { background-color: white; position: absolute; @@ -239,221 +239,229 @@ -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; - border-radius: 4px; } - /* line 262, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product { - padding: 30px 30px 30px 30px; - overflow: hidden; - position: static; } - /* line 267, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product h2 { - font: 400 23px/29px Arial, Helvetica, sans-serif; - color: #46a74e; - margin-bottom: 22px; - padding-right: 100px; } - @media (max-width: 767px) { - /* line 267, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product h2 { - font-size: 18px; - padding-right: 0; - line-height: normal; } } - /* line 277, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product h2 i { - font-size: 30px; - line-height: 30px; - float: left; - padding-right: 8px; } - @media (max-width: 767px) { - /* line 277, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product h2 i { - font-size: 22px; - line-height: 22px; } } - /* line 289, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product .product-image-container { - max-width: 178px; - border: 1px solid #d6d4d4; - padding: 5px; - float: left; - margin-right: 30px; } - @media (max-width: 480px) { - /* line 289, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product .product-image-container { - float: none; - margin-right: 0; - margin-bottom: 10px; } } - /* line 302, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product .layer_cart_product_info { - padding: 38px 0 0 0; } - /* line 305, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title { - display: block; - padding-bottom: 8px; } - /* line 310, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product .layer_cart_product_info > div { - padding-bottom: 7px; } - /* line 313, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_product .layer_cart_product_info > div strong { - padding-right: 3px; } - /* line 317, ../../../sass/modules/blockcart/blockcart.scss */ + border-radius: 4px; +} +#layer_cart .layer_cart_product { + padding: 30px 30px 30px 30px; + overflow: hidden; + position: static; +} +#layer_cart .layer_cart_product h2 { + font: 400 23px/29px Arial, Helvetica, sans-serif; + color: #46a74e; + margin-bottom: 22px; + padding-right: 100px; +} +@media (max-width: 767px) { + #layer_cart .layer_cart_product h2 { + font-size: 18px; + padding-right: 0; + line-height: normal; + } +} +#layer_cart .layer_cart_product h2 i { + font-size: 30px; + line-height: 30px; + float: left; + padding-right: 8px; +} +@media (max-width: 767px) { + #layer_cart .layer_cart_product h2 i { + font-size: 22px; + line-height: 22px; + } +} +#layer_cart .layer_cart_product .product-image-container { + max-width: 178px; + border: 1px solid #d6d4d4; + padding: 5px; + float: left; + margin-right: 30px; +} +@media (max-width: 480px) { + #layer_cart .layer_cart_product .product-image-container { + float: none; + margin-right: 0; + margin-bottom: 10px; + } +} +#layer_cart .layer_cart_product .layer_cart_product_info { + padding: 38px 0 0 0; +} +#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title { + display: block; + padding-bottom: 8px; +} +#layer_cart .layer_cart_product .layer_cart_product_info > div { + padding-bottom: 7px; +} +#layer_cart .layer_cart_product .layer_cart_product_info > div strong { + padding-right: 3px; +} +#layer_cart .layer_cart_cart { + background: #fafafa; + border-left: 1px solid #d6d4d4; + padding: 21px 30px 170px 30px; + -webkit-border-radius: 0px 4px 4px 0px; + -moz-border-radius: 0px 4px 4px 0px; + -ms-border-radius: 0px 4px 4px 0px; + -o-border-radius: 0px 4px 4px 0px; + border-radius: 0px 4px 4px 0px; + position: relative; +} +@media (min-width: 1200px) { #layer_cart .layer_cart_cart { - background: #fafafa; - border-left: 1px solid #d6d4d4; - padding: 21px 30px 170px 30px; - -webkit-border-radius: 0px 4px 4px 0px; - -moz-border-radius: 0px 4px 4px 0px; - -ms-border-radius: 0px 4px 4px 0px; - -o-border-radius: 0px 4px 4px 0px; - border-radius: 0px 4px 4px 0px; - position: relative; } - @media (min-width: 1200px) { - /* line 317, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart { - min-height: 318px; } } - @media (min-width: 992px) and (max-width: 1199px) { - /* line 317, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart { - min-height: 360px; } } - @media (max-width: 991px) { - /* line 317, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart { - border-left: none; - border-top: 1px solid #d6d4d4; } } - /* line 336, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart h2 { - font: 400 23px/29px Arial, Helvetica, sans-serif; - color: #333333; - border-bottom: 1px solid #d6d4d4; - padding-bottom: 13px; - margin-bottom: 17px; } - @media (max-width: 767px) { - /* line 336, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart h2 { - font-size: 18px; } } - /* line 347, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart .layer_cart_row { - padding: 0 0 7px 0; } - /* line 351, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart .button-container { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - padding: 0px 30px 20px 30px; } - /* line 358, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart .button-container .btn { - margin-bottom: 10px; } - /* line 360, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart .button-container span.exclusive-medium { - margin-right: 5px; } - /* line 363, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .layer_cart_cart .button-container span.exclusive-medium i { - padding-right: 5px; - color: #777777; } - /* line 370, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .cross { - position: absolute; - right: 7px; - top: 8px; - width: 25px; - height: 25px; - cursor: pointer; - color: #333333; - z-index: 2; } - /* line 380, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .cross:before { - content: ""; - display: block; - font-family: "FontAwesome"; - font-size: 25px; - line-height: 25px; } - /* line 388, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .cross:hover { - color: #515151; } - /* line 392, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .continue { - cursor: pointer; } - /* line 395, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart p { - padding: 0px; } + min-height: 318px; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + #layer_cart .layer_cart_cart { + min-height: 360px; + } +} +@media (max-width: 991px) { + #layer_cart .layer_cart_cart { + border-left: none; + border-top: 1px solid #d6d4d4; + } +} +#layer_cart .layer_cart_cart h2 { + font: 400 23px/29px Arial, Helvetica, sans-serif; + color: #333333; + border-bottom: 1px solid #d6d4d4; + padding-bottom: 13px; + margin-bottom: 17px; +} +@media (max-width: 767px) { + #layer_cart .layer_cart_cart h2 { + font-size: 18px; + } +} +#layer_cart .layer_cart_cart .layer_cart_row { + padding: 0 0 7px 0; +} +#layer_cart .layer_cart_cart .button-container { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 0px 30px 20px 30px; +} +#layer_cart .layer_cart_cart .button-container .btn { + margin-bottom: 10px; +} +#layer_cart .layer_cart_cart .button-container span.exclusive-medium { + margin-right: 5px; +} +#layer_cart .layer_cart_cart .button-container span.exclusive-medium i { + padding-right: 5px; + color: #777777; +} +#layer_cart .cross { + position: absolute; + right: 7px; + top: 8px; + width: 25px; + height: 25px; + cursor: pointer; + color: #333333; + z-index: 2; +} +#layer_cart .cross:before { + content: ""; + display: block; + font-family: "FontAwesome"; + font-size: 25px; + line-height: 25px; +} +#layer_cart .cross:hover { + color: #515151; +} +#layer_cart .continue { + cursor: pointer; +} +#layer_cart p { + padding: 0px; +} /************************************************************************ Layer Cart Caroucel *************************************************************************/ -/* line 404, ../../../sass/modules/blockcart/blockcart.scss */ #layer_cart .crossseling .crossseling-content { border-top: 1px solid #d6d4d4; padding: 26px 30px 40px 30px; - position: relative; } -/* line 410, ../../../sass/modules/blockcart/blockcart.scss */ + position: relative; +} #layer_cart .crossseling h2 { font: 400 23px/26px Arial, Helvetica, sans-serif; color: #333333; - margin-bottom: 25px; } -/* line 416, ../../../sass/modules/blockcart/blockcart.scss */ + margin-bottom: 25px; +} #layer_cart .crossseling #blockcart_list { max-width: 773px; width: 84%; margin: 0 auto; - overflow: hidden; } - /* line 422, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list ul { - display: block; } - /* line 425, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list ul li { - float: left; - width: 178px; - margin: 0 0px 0 0; } - /* line 430, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list ul li .product-image-container { - border: 1px solid #d6d4d4; - text-align: center; - padding: 5px; - margin-bottom: 15px; } - /* line 436, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list ul li .product-image-container img { - width: 100%; } - /* line 439, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list ul li .product-name { - padding-bottom: 5px; } - /* line 442, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list ul li .product-name a { - font-size: 15px; - line-height: 20px; } - /* line 447, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-prev, #layer_cart .crossseling #blockcart_list a.bx-next { - display: block; - font-family: "FontAwesome"; - font-size: 20px; - line-height: 20px; - width: 20px; - height: 20px; - color: #333333; - text-indent: -5000px; - position: absolute; - top: 45%; - margin-top: -20px; } - /* line 460, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-prev:after, #layer_cart .crossseling #blockcart_list a.bx-next:after { - display: block; - text-indent: 0; } - /* line 464, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-prev:hover, #layer_cart .crossseling #blockcart_list a.bx-next:hover { - color: #c0c0c0; } - /* line 465, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-prev.disabled, #layer_cart .crossseling #blockcart_list a.bx-next.disabled { - display: none; } - /* line 468, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-prev { - left: 5%; } - /* line 471, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-prev:after { - content: ""; } - /* line 474, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-next { - right: 5%; } - /* line 477, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list a.bx-next:after { - content: ""; } - /* line 482, ../../../sass/modules/blockcart/blockcart.scss */ - #layer_cart .crossseling #blockcart_list .bx-controls { - overflow: hidden; } + overflow: hidden; +} +#layer_cart .crossseling #blockcart_list ul { + display: block; +} +#layer_cart .crossseling #blockcart_list ul li { + float: left; + width: 178px; + margin: 0 0px 0 0; +} +#layer_cart .crossseling #blockcart_list ul li .product-image-container { + border: 1px solid #d6d4d4; + text-align: center; + padding: 5px; + margin-bottom: 15px; +} +#layer_cart .crossseling #blockcart_list ul li .product-image-container img { + width: 100%; +} +#layer_cart .crossseling #blockcart_list ul li .product-name { + padding-bottom: 5px; +} +#layer_cart .crossseling #blockcart_list ul li .product-name a { + font-size: 15px; + line-height: 20px; +} +#layer_cart .crossseling #blockcart_list a.bx-prev, #layer_cart .crossseling #blockcart_list a.bx-next { + display: block; + font-family: "FontAwesome"; + font-size: 20px; + line-height: 20px; + width: 20px; + height: 20px; + color: #333333; + text-indent: -5000px; + position: absolute; + top: 45%; + margin-top: -20px; +} +#layer_cart .crossseling #blockcart_list a.bx-prev:after, #layer_cart .crossseling #blockcart_list a.bx-next:after { + display: block; + text-indent: 0; +} +#layer_cart .crossseling #blockcart_list a.bx-prev:hover, #layer_cart .crossseling #blockcart_list a.bx-next:hover { + color: #c0c0c0; +} +#layer_cart .crossseling #blockcart_list a.bx-prev.disabled, #layer_cart .crossseling #blockcart_list a.bx-next.disabled { + display: none; +} +#layer_cart .crossseling #blockcart_list a.bx-prev { + left: 5%; +} +#layer_cart .crossseling #blockcart_list a.bx-prev:after { + content: ""; +} +#layer_cart .crossseling #blockcart_list a.bx-next { + right: 5%; +} +#layer_cart .crossseling #blockcart_list a.bx-next:after { + content: ""; +} +#layer_cart .crossseling #blockcart_list .bx-controls { + overflow: hidden; +} diff --git a/themes/default-bootstrap/css/product.css b/themes/default-bootstrap/css/product.css index 2a25a769d..7f4662ce8 100644 --- a/themes/default-bootstrap/css/product.css +++ b/themes/default-bootstrap/css/product.css @@ -1,207 +1,218 @@ -@charset "CP850"; /* product desc */ /* primary_block ***************************************************************************** */ -/* line 5, ../sass/product.scss */ #primary_block { - margin-bottom: 40px; } + margin-bottom: 40px; +} -/* line 9, ../sass/product.scss */ .top-hr { background: #c4c4c4; height: 5px; - margin: 2px 0 31px; } + margin: 2px 0 31px; +} -/* line 16, ../sass/product.scss */ .product-heading-h5 { color: #333333; font-weight: bold; - margin: 3px 0 8px; } + margin: 3px 0 8px; +} -/* line 22, ../sass/product.scss */ .box-security .product-heading-h5 { - margin: 3px 0 -8px; } - @media (max-width: 1199px) { - /* line 22, ../sass/product.scss */ - .box-security .product-heading-h5 { - margin-bottom: 8px; } } + margin: 3px 0 -8px; +} +@media (max-width: 1199px) { + .box-security .product-heading-h5 { + margin-bottom: 8px; + } +} -/* line 30, ../sass/product.scss */ #productscategory_list .product-name, .accessories-block .product-name { - margin-bottom: 5px; } - /* line 32, ../sass/product.scss */ - #productscategory_list .product-name a, - .accessories-block .product-name a { - font-size: 15px; - line-height: 18px; - color: #3a3939; } - /* line 37, ../sass/product.scss */ - #productscategory_list .product-name a:hover, - .accessories-block .product-name a:hover { - color: #515151; } + margin-bottom: 5px; +} +#productscategory_list .product-name a, +.accessories-block .product-name a { + font-size: 15px; + line-height: 18px; + color: #3a3939; +} +#productscategory_list .product-name a:hover, +.accessories-block .product-name a:hover { + color: #515151; +} -/* line 42, ../sass/product.scss */ img { max-width: 100%; - height: auto; } + height: auto; +} /* pb-right-column ***************************************************************************** */ -/* line 48, ../sass/product.scss */ -#pb-right-column { - margin-bottom: 15px; } - /* line 51, ../sass/product.scss */ +#pb-right-column #image-block { + position: relative; + padding: 5px; + border: 1px solid #dbdbdb; + background: white; +} +@media (max-width: 767px) { #pb-right-column #image-block { - position: relative; - padding: 5px; - border: 1px solid #dbdbdb; - background: white; } - @media (max-width: 767px) { - /* line 51, ../sass/product.scss */ - #pb-right-column #image-block { - width: 280px; - margin: 0 auto; } } - /* line 60, ../sass/product.scss */ - #pb-right-column #image-block img { - background: #fbfbfb; - width: 100%; } - /* line 65, ../sass/product.scss */ - #pb-right-column #image-block #view_full_size { - display: block; - cursor: pointer; } - /* line 69, ../sass/product.scss */ - #pb-right-column #image-block #view_full_size .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); - -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); } - /* line 85, ../sass/product.scss */ - #pb-right-column #image-block #view_full_size .span_link:after { - font-family: "FontAwesome"; - color: #c0c0c0; - font-size: 20px; - line-height: 22px; - content: ""; - font-weight: normal; - margin: 0 0 0 4px; } - /* line 95, ../sass/product.scss */ - #pb-right-column #image-block #view_full_size .span_link:hover:after { - color: #333333; } + width: 280px; + margin: 0 auto; + } +} +#pb-right-column #image-block img { + background: #fbfbfb; + width: 100%; +} +#pb-right-column #image-block #view_full_size { + display: block; + cursor: pointer; +} +#pb-right-column #image-block #view_full_size .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); + -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); +} +#pb-right-column #image-block #view_full_size .span_link:after { + font-family: "FontAwesome"; + color: #c0c0c0; + font-size: 20px; + line-height: 22px; + content: ""; + font-weight: normal; + margin: 0 0 0 4px; +} +#pb-right-column #image-block #view_full_size .span_link:hover:after { + color: #333333; +} +#pb-right-column #image-block a.jqzoom div div img { + width: auto; + max-width: 10000px; +} +#pb-right-column #image-block a.jqzoom div div .zoomWrapper { + border: none; +} -/* line 106, ../sass/product.scss */ .ie8 #pb-right-column #image-block #view_full_size .span_link { background: #fff; - border: 1px solid #d6d4d4; } + border: 1px solid #d6d4d4; +} /* miniatures */ -/* line 114, ../sass/product.scss */ #pb-right-column #views_block { - margin-top: 10px; } + margin-top: 10px; +} @media (max-width: 767px) { - /* line 119, ../sass/product.scss */ #views_block { width: 280px; - margin: 0 auto; } } -/* line 125, ../sass/product.scss */ + margin: 0 auto; + } +} #thumbs_list { overflow: hidden; float: left; - width: 392px; } - @media (min-width: 992px) and (max-width: 1199px) { - /* line 125, ../sass/product.scss */ - #thumbs_list { - width: 290px; } } - @media (min-width: 768px) and (max-width: 991px) { - /* line 125, ../sass/product.scss */ - #thumbs_list { - width: 164px; } } - @media (max-width: 767px) { - /* line 125, ../sass/product.scss */ - #thumbs_list { - width: 194px; } } - /* line 142, ../sass/product.scss */ - #thumbs_list ul#thumbs_list_frame { - list-style-type: none; - padding-left: 0; - overflow: hidden; - height: 100px; } - /* line 149, ../sass/product.scss */ + width: 392px; +} +@media (min-width: 992px) and (max-width: 1199px) { + #thumbs_list { + width: 290px; + } +} +@media (min-width: 768px) and (max-width: 991px) { + #thumbs_list { + width: 164px; + } +} +@media (max-width: 767px) { + #thumbs_list { + width: 194px; + } +} +#thumbs_list ul#thumbs_list_frame { + list-style-type: none; + padding-left: 0; + overflow: hidden; + height: 100px; +} +#thumbs_list li { + float: left; + height: 90px; + width: 90px; + cursor: pointer; + border: 1px solid #dbdbdb; + margin-right: 8px; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +@media (min-width: 768px) and (max-width: 991px) { #thumbs_list li { - float: left; - height: 90px; - width: 90px; - cursor: pointer; - border: 1px solid #dbdbdb; - margin-right: 9px; - line-height: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 149, ../sass/product.scss */ - #thumbs_list li { - width: 76px; - height: 76px; } } - /* line 163, ../sass/product.scss */ - #thumbs_list li:first-child { - margin-left: 0; - margin-right: 9px; } - /* line 167, ../sass/product.scss */ - #thumbs_list li.last { - margin-right: 0; } - /* line 171, ../sass/product.scss */ - #thumbs_list li a { - display: block; - border: 3px solid white; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -o-transition: all 0.3s ease; - transition: all 0.3s ease; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - background: #fbfbfb; } - /* line 178, ../sass/product.scss */ - #thumbs_list li a:hover, #thumbs_list li a.shown { - border-color: #dbdbdb; } - /* line 184, ../sass/product.scss */ + width: 76px; + height: 76px; + } +} +#thumbs_list li:first-child { + margin-left: 0; + margin-right: 9px; +} +#thumbs_list li.last { + margin-right: 0; +} +#thumbs_list li a { + display: block; + border: 3px solid white; + -webkit-transition: all 0.3s ease; + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + transition: all 0.3s ease; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #fbfbfb; +} +#thumbs_list li a:hover, #thumbs_list li a.shown { + border-color: #dbdbdb; +} +#thumbs_list li img { + border: 2px solid white; + width: 82px; + height: 82px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +@media (min-width: 768px) and (max-width: 991px) { #thumbs_list li img { - border: 2px solid white; - width: 82px; - height: 82px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 184, ../sass/product.scss */ - #thumbs_list li img { - width: 68px; - height: 68px; } } + width: 68px; + height: 68px; + } +} -/* line 198, ../sass/product.scss */ span.view_scroll_spacer { float: left; width: 39px; - padding-left: 12px; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 198, ../sass/product.scss */ - span.view_scroll_spacer { - padding-left: 6px; - width: 28px; } } + padding-left: 12px; +} +@media (min-width: 768px) and (max-width: 991px) { + span.view_scroll_spacer { + padding-left: 6px; + width: 28px; + } +} -/* line 209, ../sass/product.scss */ #view_scroll_left, #view_scroll_right { margin-top: 38px; @@ -209,312 +220,316 @@ span.view_scroll_spacer { width: 20px; line-height: 0; font-size: 0; - overflow: hidden; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 209, ../sass/product.scss */ - #view_scroll_left, - #view_scroll_right { - margin-top: 28px; } } - /* line 220, ../sass/product.scss */ - #view_scroll_left:before, - #view_scroll_right:before { - padding-left: 2px; - color: silver; - font-family: "FontAwesome"; - font-size: 20px; - line-height: 22px; } - /* line 227, ../sass/product.scss */ - #view_scroll_left:hover:before, - #view_scroll_right:hover:before { - color: #333333; } + overflow: hidden; +} +@media (min-width: 768px) and (max-width: 991px) { + #view_scroll_left, + #view_scroll_right { + margin-top: 28px; + } +} +#view_scroll_left:before, +#view_scroll_right:before { + padding-left: 2px; + color: silver; + font-family: "FontAwesome"; + font-size: 20px; + line-height: 22px; +} +#view_scroll_left:hover:before, +#view_scroll_right:hover:before { + color: #333333; +} -/* line 233, ../sass/product.scss */ #view_scroll_right { - float: left; } - /* line 235, ../sass/product.scss */ - #view_scroll_right:before { - content: ""; } + float: left; +} +#view_scroll_right:before { + content: ""; +} -/* line 240, ../sass/product.scss */ #view_scroll_left { - margin-top: 0; } - /* line 242, ../sass/product.scss */ - #view_scroll_left:before { - content: ""; - padding-right: 2px; } + margin-top: 0; +} +#view_scroll_left:before { + content: ""; + padding-right: 2px; +} -/* line 250, ../sass/product.scss */ .resetimg { - padding: 10px 0 0; } - /* line 252, ../sass/product.scss */ - .resetimg #resetImages i { - margin-right: 6px; } + padding: 10px 0 0; +} +.resetimg #resetImages i { + margin-right: 6px; +} -/* line 258, ../sass/product.scss */ .view_scroll_spacer { - margin-top: 38px; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 258, ../sass/product.scss */ - .view_scroll_spacer { - margin-top: 28px; } } + margin-top: 38px; +} +@media (min-width: 768px) and (max-width: 991px) { + .view_scroll_spacer { + margin-top: 28px; + } +} /* link list */ -/* line 265, ../sass/product.scss */ #usefull_link_block { - list-style-type: none; } - /* line 268, ../sass/product.scss */ + list-style-type: none; +} +#usefull_link_block li { + float: left; + border-left: 1px solid #d6d4d4; + padding-left: 20px; + margin-left: 20px; +} +@media (min-width: 768px) and (max-width: 991px) { #usefull_link_block li { - float: left; - border-left: 1px solid #d6d4d4; - padding-left: 20px; - margin-left: 20px; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 268, ../sass/product.scss */ - #usefull_link_block li { - float: none !important; } } - /* line 276, ../sass/product.scss */ - #usefull_link_block li:first-child { - margin: 0; - border: none; - padding: 0; } - /* line 282, ../sass/product.scss */ - #usefull_link_block li a { - color: #777676; - font-weight: bold; - position: relative; - padding-left: 30px; - line-height: 22px; - display: inline-block; } - /* line 290, ../sass/product.scss */ - #usefull_link_block li a:before { - font-family: "FontAwesome"; - color: #333333; - font-size: 19px; - line-height: 24px; - position: absolute; - top: -2px; - left: 0; - font-weight: normal; } - /* line 298, ../sass/product.scss */ - #usefull_link_block li a:hover { - color: #000; } - @media (min-width: 768px) and (max-width: 991px) { - /* line 303, ../sass/product.scss */ - #usefull_link_block li.print { - margin: 8px 0 0; - padding: 0; - border: none; } } - /* line 310, ../sass/product.scss */ - #usefull_link_block li.print a:before { - content: ""; } - /* line 315, ../sass/product.scss */ - #usefull_link_block li.sendtofriend { - margin: 0; + float: none !important; + } +} +#usefull_link_block li:first-child { + margin: 0; + border: none; + padding: 0; +} +#usefull_link_block li a { + color: #777676; + font-weight: bold; + position: relative; + padding-left: 30px; + line-height: 22px; + display: inline-block; +} +#usefull_link_block li a:before { + font-family: "FontAwesome"; + color: #333333; + font-size: 19px; + line-height: 24px; + position: absolute; + top: -2px; + left: 0; + font-weight: normal; +} +#usefull_link_block li a:hover { + color: #000; +} +@media (min-width: 768px) and (max-width: 991px) { + #usefull_link_block li.print { + margin: 8px 0 0; + padding: 0; border: none; - padding: 0; } - /* line 319, ../sass/product.scss */ - #usefull_link_block li.sendtofriend a:before { - content: ""; } - /* line 324, ../sass/product.scss */ - #usefull_link_block li#left_share_fb { - clear: both; - float: none; - margin-bottom: 8px; } - /* line 329, ../sass/product.scss */ - #usefull_link_block li#left_share_fb a { - padding-left: 18px; } - /* line 331, ../sass/product.scss */ - #usefull_link_block li#left_share_fb a:before { - content: ""; } - /* line 336, ../sass/product.scss */ - #usefull_link_block li#favoriteproducts_block_extra_remove, #usefull_link_block li#favoriteproducts_block_extra_add, #usefull_link_block li#favoriteproducts_block_extra_removed, #usefull_link_block li#favoriteproducts_block_extra_added { - cursor: pointer; - font-weight: bold; - clear: both; - float: none; - margin-bottom: 8px; - padding-left: 24px; - margin-left: 0; - border: none; - position: relative; } - /* line 347, ../sass/product.scss */ - #usefull_link_block li#favoriteproducts_block_extra_remove:before, #usefull_link_block li#favoriteproducts_block_extra_add:before, #usefull_link_block li#favoriteproducts_block_extra_removed:before, #usefull_link_block li#favoriteproducts_block_extra_added:before { - font-family: "FontAwesome"; - color: #333333; - font-size: 19px; - line-height: 24px; - position: absolute; - top: -2px; - left: 0; - font-weight: normal; - content: ""; } - /* line 358, ../sass/product.scss */ - #usefull_link_block li#favoriteproducts_block_extra_remove:hover, #usefull_link_block li#favoriteproducts_block_extra_add:hover, #usefull_link_block li#favoriteproducts_block_extra_removed:hover, #usefull_link_block li#favoriteproducts_block_extra_added:hover { - color: #000; } - /* line 361, ../sass/product.scss */ - #usefull_link_block li#favoriteproducts_block_extra_removed:before { - content: ""; } + } +} +#usefull_link_block li.print a:before { + content: ""; +} +#usefull_link_block li.sendtofriend { + margin: 0; + border: none; + padding: 0; +} +#usefull_link_block li.sendtofriend a:before { + content: ""; +} +#usefull_link_block li#left_share_fb { + clear: both; + float: none; + margin-bottom: 8px; +} +#usefull_link_block li#left_share_fb a { + padding-left: 18px; +} +#usefull_link_block li#left_share_fb a:before { + content: ""; +} +#usefull_link_block li#favoriteproducts_block_extra_remove, #usefull_link_block li#favoriteproducts_block_extra_add, #usefull_link_block li#favoriteproducts_block_extra_removed, #usefull_link_block li#favoriteproducts_block_extra_added { + cursor: pointer; + font-weight: bold; + clear: both; + float: none; + margin-bottom: 8px; + padding-left: 24px; + margin-left: 0; + border: none; + position: relative; +} +#usefull_link_block li#favoriteproducts_block_extra_remove:before, #usefull_link_block li#favoriteproducts_block_extra_add:before, #usefull_link_block li#favoriteproducts_block_extra_removed:before, #usefull_link_block li#favoriteproducts_block_extra_added:before { + font-family: "FontAwesome"; + color: #333333; + font-size: 19px; + line-height: 24px; + position: absolute; + top: -2px; + left: 0; + font-weight: normal; + content: ""; +} +#usefull_link_block li#favoriteproducts_block_extra_remove:hover, #usefull_link_block li#favoriteproducts_block_extra_add:hover, #usefull_link_block li#favoriteproducts_block_extra_removed:hover, #usefull_link_block li#favoriteproducts_block_extra_added:hover { + color: #000; +} +#usefull_link_block li#favoriteproducts_block_extra_removed:before { + content: ""; +} /* pb-left-column ****************************************************************************** */ -/* line 369, ../sass/product.scss */ #pb-left-column { - margin-bottom: 30px; } + margin-bottom: 30px; +} -/* line 374, ../sass/product.scss */ #product p#loyalty { padding: 17px 0 15px 35px; border-top: 1px solid #d6d4d4; border-bottom: 1px solid #d6d4d4; margin: 10px 0 -5px; - position: relative; } - /* line 381, ../sass/product.scss */ - #product p#loyalty b { - color: #333333; } - /* line 383, ../sass/product.scss */ - #product p#loyalty:before { - content: ""; - font-family: "FontAwesome"; - color: #cfcccc; - font-size: 26px; - line-height: 28px; - position: absolute; - top: 16px; - left: 0; } + position: relative; +} +#product p#loyalty b { + color: #333333; +} +#product p#loyalty:before { + content: ""; + font-family: "FontAwesome"; + color: #cfcccc; + font-size: 26px; + line-height: 28px; + position: absolute; + top: 16px; + left: 0; +} -/* line 396, ../sass/product.scss */ #pb-left-column h1 { padding-bottom: 16px; font-size: 20px; - color: #3a3939; } + color: #3a3939; +} -/* line 402, ../sass/product.scss */ #pb-left-column #product_reference { - margin-bottom: 6px; } - /* line 405, ../sass/product.scss */ - #pb-left-column #product_reference span { - font-weight: bold; - color: #333333; } + margin-bottom: 6px; +} +#pb-left-column #product_reference span { + font-weight: bold; + color: #333333; +} -/* line 411, ../sass/product.scss */ #pb-left-column #short_description_block { - color: #666666; } + color: #666666; +} -/* line 416, ../sass/product.scss */ #pb-left-column #short_description_block .buttons_bottom_block { - display: none; } + display: none; +} -/* line 420, ../sass/product.scss */ #short_description_content p { - line-height: 18px; } + line-height: 18px; +} -/* line 422, ../sass/product.scss */ #page .rte { - padding: 0 20px 20px; } + padding: 0 20px 20px; +} -/* line 423, ../sass/product.scss */ #page .rte p { - margin-bottom: 0; } + margin-bottom: 0; +} /* form */ -/* line 426, ../sass/product.scss */ #pb-left-column #buy_block { - margin-top: 10px; } + margin-top: 10px; +} /* buy_block */ -/* line 431, ../sass/product.scss */ #pb-left-column p { - margin-bottom: 10px; } + margin-bottom: 10px; +} -/* line 435, ../sass/product.scss */ #pb-left-column #buy_block label { display: inline-block; width: 125px; font-weight: 700; font-size: 12px; - text-align: right; } + text-align: right; +} -/* line 444, ../sass/product.scss */ #short_description_block #short_description_content { - padding: 0 0 15px; } + padding: 0 0 15px; +} /* color_picker */ -/* line 449, ../sass/product.scss */ #pb-left-column #color_picker p { padding-bottom: 5px; - font-weight: 700; } + font-weight: 700; +} -/* line 454, ../sass/product.scss */ #attributes fieldset { - padding-bottom: 3px; } + padding-bottom: 3px; +} -/* line 458, ../sass/product.scss */ #attributes fieldset label { vertical-align: top; - display: block; } + display: block; +} -/* line 463, ../sass/product.scss */ #attributes .attribute_list { - width: 100%; } - /* line 466, ../sass/product.scss */ - #attributes .attribute_list .form-control { - max-width: 230px; } + width: 100%; +} +#attributes .attribute_list .form-control { + max-width: 230px; +} -/* line 471, ../sass/product.scss */ #attributes .attribute_list ul { - clear: both; } + clear: both; +} -/* line 475, ../sass/product.scss */ #attributes .attribute_list ul li { float: left; - margin-right: 10px; } + margin-right: 10px; +} -/* line 480, ../sass/product.scss */ #attributes .attribute_list input.attribute_radio { float: left; - margin-left: 3px; } + margin-left: 3px; +} -/* line 487, ../sass/product.scss */ #attributes .attribute_list div.radio, #attributes .attribute_list div.radio span, #attributes .attribute_list div.radio input { float: none; - display: inline-block; } + display: inline-block; +} -/* line 494, ../sass/product.scss */ #attributes .attribute_list #color_to_pick_list { - list-style-type: none; } + list-style-type: none; +} -/* line 499, ../sass/product.scss */ #attributes .attribute_list #color_to_pick_list li { float: left; margin: 0 3px 3px 0; padding: 1px; border: 1px solid #d6d4d4; - clear: none; } + clear: none; +} -/* line 507, ../sass/product.scss */ #attributes .attribute_list #color_to_pick_list li.selected { - border: 1px solid #4d4d4d; } + border: 1px solid #4d4d4d; +} -/* line 511, ../sass/product.scss */ #attributes .attribute_list #color_to_pick_list a.color_pick { display: block; height: 22px; - width: 22px; } + width: 22px; +} -/* line 518, ../sass/product.scss */ .product_attributes, .box-cart-bottom { -webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.05); - padding: 19px 19px 17px; } + padding: 19px 19px 17px; +} -/* line 522, ../sass/product.scss */ .box-cart-bottom { - padding: 18px 19px 12px; } + padding: 18px 19px 12px; +} -/* line 526, ../sass/product.scss */ .box-info-product .exclusive { padding: 0; border-top: 1px solid #0079b6; @@ -533,58 +548,60 @@ span.view_scroll_spacer { background-image: -moz-linear-gradient(#009ad0, #007ab7); background-image: -o-linear-gradient(#009ad0, #007ab7); background-image: linear-gradient(#009ad0, #007ab7); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); } - /* line 538, ../sass/product.scss */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); +} +.box-info-product .exclusive:before { + font-family: "FontAwesome"; + position: absolute; + top: 0; + left: 0; + bottom: 0; + color: white; + font-size: 25px; + line-height: 47px; + text-shadow: 0 1px #015883; + content: ""; + z-index: 2; + width: 51px; + text-align: center; + border: 1px solid #06b2e6; + -webkit-border-radius: 5px 0 0 5px; + -moz-border-radius: 5px 0 0 5px; + -ms-border-radius: 5px 0 0 5px; + -o-border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; +} +@media (max-width: 991px) { .box-info-product .exclusive:before { - font-family: "FontAwesome"; - position: absolute; - top: 0; - left: 0; - bottom: 0; - color: white; - font-size: 25px; - line-height: 47px; - text-shadow: 0 1px #015883; - content: ""; - z-index: 2; - width: 51px; - text-align: center; - border: 1px solid #06b2e6; - -webkit-border-radius: 5px 0 0 5px; - -moz-border-radius: 5px 0 0 5px; - -ms-border-radius: 5px 0 0 5px; - -o-border-radius: 5px 0 0 5px; - border-radius: 5px 0 0 5px; } - @media (max-width: 991px) { - /* line 538, ../sass/product.scss */ - .box-info-product .exclusive:before { - display: none; } } - /* line 560, ../sass/product.scss */ - .box-info-product .exclusive.added:before { - content: ""; } - /* line 565, ../sass/product.scss */ - .box-info-product .exclusive.added.disabled:before, .box-info-product .exclusive.disabled:before { - content: ""; - animation: 2s linear 0s normal none infinite spin; - -webkit-animation: 2s linear 0s normal none infinite spin; - -moz-animation: 2s linear 0s normal none infinite spin; - border: none; } - /* line 574, ../sass/product.scss */ + display: none; + } +} +.box-info-product .exclusive.added:before { + content: ""; +} +.box-info-product .exclusive.added.disabled:before, .box-info-product .exclusive.disabled:before { + content: ""; + animation: 2s linear 0s normal none infinite spin; + -webkit-animation: 2s linear 0s normal none infinite spin; + -moz-animation: 2s linear 0s normal none infinite spin; + border: none; +} +.box-info-product .exclusive:after { + background: url(../img/border-1.gif) repeat-y 0 0; + position: absolute; + top: 0; + bottom: 0; + left: 51px; + content: ""; + width: 1px; + z-index: 2; +} +@media (max-width: 991px) { .box-info-product .exclusive:after { - background: url(../img/border-1.gif) repeat-y 0 0; - position: absolute; - top: 0; - bottom: 0; - left: 51px; - content: ""; - width: 1px; - z-index: 2; } - @media (max-width: 991px) { - /* line 574, ../sass/product.scss */ - .box-info-product .exclusive:after { - display: none; } } + display: none; + } +} -/* line 590, ../sass/product.scss */ .box-info-product .exclusive span { -webkit-border-radius: 5px; -moz-border-radius: 5px; @@ -605,19 +622,21 @@ span.view_scroll_spacer { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; - transition: all 0.3s ease; } - @media (max-width: 1199px) { - /* line 590, ../sass/product.scss */ - .box-info-product .exclusive span { - padding: 12px 22px 14px 70px; - font-size: 14px; } } - @media (max-width: 991px) { - /* line 590, ../sass/product.scss */ - .box-info-product .exclusive span { - padding: 8px 12px 10px; - text-align: left; } } + transition: all 0.3s ease; +} +@media (max-width: 1199px) { + .box-info-product .exclusive span { + padding: 12px 22px 14px 70px; + font-size: 14px; + } +} +@media (max-width: 991px) { + .box-info-product .exclusive span { + padding: 8px 12px 10px; + text-align: left; + } +} -/* line 615, ../sass/product.scss */ .box-info-product .exclusive:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0)); background-image: -webkit-linear-gradient(#007ab7, #009ad0); @@ -625,128 +644,126 @@ span.view_scroll_spacer { background-image: -o-linear-gradient(#007ab7, #009ad0); background-image: linear-gradient(#007ab7, #009ad0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 ); - background-position: 0 0; } + background-position: 0 0; +} /* table_data_sheet */ -/* line 622, ../sass/product.scss */ .table-data-sheet { border-bottom: 1px solid #d6d4d4; width: 100%; margin: 0 0 20px; - background: white; } - /* line 628, ../sass/product.scss */ - .table-data-sheet tr { - border-top: 1px solid #d6d4d4; } - /* line 632, ../sass/product.scss */ - .table-data-sheet tr.even { - background: #fdfdfd; } - /* line 636, ../sass/product.scss */ - .table-data-sheet tr td:first-child { - border-right: 1px solid #d6d4d4; - width: 30%; - font-weight: bold; - color: #333333; } - /* line 643, ../sass/product.scss */ - .table-data-sheet tr td { - padding: 10px 20px 11px; } + background: white; +} +.table-data-sheet tr { + border-top: 1px solid #d6d4d4; +} +.table-data-sheet tr.even { + background: #fdfdfd; +} +.table-data-sheet tr td:first-child { + border-right: 1px solid #d6d4d4; + width: 30%; + font-weight: bold; + color: #333333; +} +.table-data-sheet tr td { + padding: 10px 20px 11px; +} /* table produst-discounts */ -/* line 650, ../sass/product.scss */ table.table-produst-discounts { border: none; border-bottom: 1px solid #d6d4d4; border-right: 1px solid #d6d4d4; width: 50%; margin: 0 0 20px; - background: white; } - @media (max-width: 767px) { - /* line 650, ../sass/product.scss */ - table.table-produst-discounts { - width: 100%; } } - /* line 661, ../sass/product.scss */ - table.table-produst-discounts tr th { - background: #fbfbfb; - color: #333333; - font-weight: bold; - border: none; - font-weight: bold; } - /* line 670, ../sass/product.scss */ - table.table-produst-discounts tr td, - table.table-produst-discounts tr th { - border-left: 1px solid #d6d4d4; - width: 33%; - padding: 10px 20px 11px; - border-top: 1px solid #d6d4d4; - border-right: none; - text-shadow: none; - text-transform: none; - font-weight: 13px; - line-height: 18px; - border-bottom: none; } + background: white; +} +@media (max-width: 767px) { + table.table-produst-discounts { + width: 100%; + } +} +table.table-produst-discounts tr th { + background: #fbfbfb; + color: #333333; + font-weight: bold; + border: none; + font-weight: bold; +} +table.table-produst-discounts tr td, +table.table-produst-discounts tr th { + border-left: 1px solid #d6d4d4; + width: 33%; + padding: 10px 20px 11px; + border-top: 1px solid #d6d4d4; + border-right: none; + text-shadow: none; + text-transform: none; + font-weight: 13px; + line-height: 18px; + border-bottom: none; +} /* accessories */ -/* line 688, ../sass/product.scss */ .accessories-block .block_description { - display: none; } -/* line 690, ../sass/product.scss */ + display: none; +} .accessories-block .exclusive span { font-size: 13px; line-height: 18px; padding: 2px 8px 3px; - text-decoration: none; } - /* line 696, ../sass/product.scss */ - .accessories-block .exclusive span:focus, .accessories-block .exclusive span:active { - text-decoration: none; } + text-decoration: none; +} +.accessories-block .exclusive span:focus, .accessories-block .exclusive span:active { + text-decoration: none; +} /* attributes */ -/* line 704, ../sass/product.scss */ .box-info-product { background: #f6f6f6; border: 1px solid #d2d0d0; border-top: 1px solid #b0afaf; - border-bottom: 1px solid #b0afaf; } - /* line 710, ../sass/product.scss */ - .box-info-product p { - margin-bottom: 7px; } + border-bottom: 1px solid #b0afaf; +} +.box-info-product p { + margin-bottom: 7px; +} /* quantity_wanted */ -/* line 715, ../sass/product.scss */ -#quantity_wanted_p { - width: 100%; } - /* line 718, ../sass/product.scss */ - #quantity_wanted_p input { - width: 78px; - height: 27px; - padding: 0 6px; - float: left; - border: 1px solid #d6d4d4; - line-height: 27px; } - /* line 727, ../sass/product.scss */ - #quantity_wanted_p .btn { - float: left; - margin-left: 3px; } - /* line 732, ../sass/product.scss */ - #quantity_wanted_p label { - display: block; - margin-bottom: 7px; } +#quantity_wanted_p input { + width: 78px; + height: 27px; + padding: 0 6px; + float: left; + border: 1px solid #d6d4d4; + line-height: 27px; +} +#quantity_wanted_p .btn { + float: left; + margin-left: 3px; +} +#quantity_wanted_p label { + display: block; + margin-bottom: 7px; +} /* availability_statut */ -/* line 739, ../sass/product.scss */ #availability_statut span#availability_label, #availability_date_label { display: inline-block; width: 125px; font-weight: 700; font-size: 12px; - text-align: right; } + text-align: right; +} -/* line 747, ../sass/product.scss */ #quantityAvailable { color: #333333; font-size: 13px; line-height: 18px; - font-weight: bold; } + font-weight: bold; +} -/* line 754, ../sass/product.scss */ #quantityAvailableTxt, #availability_value, #last_quantities { color: white; font-weight: bold; @@ -755,34 +772,34 @@ table.table-produst-discounts { padding: 3px 8px 4px; background: #46a74e; border: 1px solid #36943e; - margin-left: 5px; } + margin-left: 5px; +} -/* line 765, ../sass/product.scss */ #last_quantities { background: #ff7430; border: 1px solid #ea5e1a; padding: 4px 8px 3px; position: relative; - top: 1px; } + top: 1px; +} -/* line 773, ../sass/product.scss */ #availability_statut, #pQuantityAvailable { - display: inline-block; } + display: inline-block; +} -/* line 776, ../sass/product.scss */ #pQuantityAvailable span { font-weight: bold; - color: #333333; } + color: #333333; +} -/* line 781, ../sass/product.scss */ #availability_statut #availability_value.warning_inline { background-color: #fe9126; border-color: #e4752b; text-shadow: 1px 1px #e68322; - margin: 0; } + margin: 0; +} /* box-security */ -/* line 789, ../sass/product.scss */ .box-security { border-top: 1px solid #dfdede; padding: 19px 19px 6px; @@ -791,53 +808,54 @@ table.table-produst-discounts { background-image: -moz-linear-gradient(#ffffff, #fbfbfb); background-image: -o-linear-gradient(#ffffff, #fbfbfb); background-image: linear-gradient(#ffffff, #fbfbfb); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 ); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 ); +} -/* line 796, ../sass/product.scss */ .ie8 .box-security { - filter: none; } + filter: none; +} /* prices */ -/* line 801, ../sass/product.scss */ .content_prices { - padding: 13px 19px; } + padding: 13px 19px; +} -/* line 805, ../sass/product.scss */ #buy_block p.price { - padding: 0; } + padding: 0; +} -/* line 809, ../sass/product.scss */ .discount { - display: none; } + display: none; +} -/* line 813, ../sass/product.scss */ #buy_block p#old_price { padding-bottom: 15px; font-size: 14px; - text-decoration: line-through; } + text-decoration: line-through; +} -/* line 819, ../sass/product.scss */ #old_price { display: inline-block; font-family: "Open Sans", sans-serif; font-size: 17px; line-height: 23px; - text-decoration: line-through; } + text-decoration: line-through; +} -/* line 827, ../sass/product.scss */ .our_price_display { font-weight: 600; font-size: 29px; line-height: 32px; font-family: "Open Sans", sans-serif; - color: #333333; } - @media (max-width: 991px) { - /* line 827, ../sass/product.scss */ - .our_price_display { - font-size: 26px; - line-height: 28px; } } + color: #333333; +} +@media (max-width: 991px) { + .our_price_display { + font-size: 26px; + line-height: 28px; + } +} -/* line 839, ../sass/product.scss */ #reduction_percent, #reduction_amount { display: inline-block; margin-right: 10px; @@ -848,340 +866,354 @@ table.table-produst-discounts { line-height: 23px; color: white; background: #f13340; - border: 1px solid #d02a2c; } + border: 1px solid #d02a2c; +} -/* line 852, ../sass/product.scss */ #reduction_percent span, #reduction_amount span { - display: block; } + display: block; +} /* online_only */ -/* line 857, ../sass/product.scss */ #pb-left-column p.online_only { font-weight: bold; font-size: 13px; color: #f13340; - text-align: left; } + text-align: left; +} /* add_to_cart */ -/* line 865, ../sass/product.scss */ .content_prices #add_to_cart { position: relative; float: right; - padding: 0; } + padding: 0; +} -/* line 871, ../sass/product.scss */ .content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled { height: 26px; - padding: 5px 7px 5px 15px; } + padding: 5px 7px 5px 15px; +} @media screen and (-webkit-min-device-pixel-ratio: 0) { /*hack Chrome and Safari */ - /* line 878, ../sass/product.scss */ .content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled { - padding: 6px 7px 4px 15px; } } + padding: 6px 7px 4px 15px; + } +} /* */ -/* line 885, ../sass/product.scss */ .buttons_bottom_block { clear: both; - padding-top: 13px; } + padding-top: 13px; +} -/* line 890, ../sass/product.scss */ .buttons_bottom_block #wishlist_button { - font-weight: 700; } + font-weight: 700; +} /* SEND TO FRIEND (pop-in) ##################################################################### */ -/* line 895, ../sass/product.scss */ #send_friend_form { width: 555px; - overflow: hidden; } - @media (max-width: 767px) { - /* line 895, ../sass/product.scss */ - #send_friend_form { - width: 280px; } } + overflow: hidden; +} +@media (max-width: 767px) { + #send_friend_form { + width: 280px; + } +} -/* line 903, ../sass/product.scss */ #send_friend_form .product img { margin: 0 0 10px 0; - border: 1px solid #d6d4d4; } + border: 1px solid #d6d4d4; +} -/* line 908, ../sass/product.scss */ #send_friend_form .product .product_desc p { padding: 0; - color: #333333; } + color: #333333; +} -/* line 913, ../sass/product.scss */ #send_friend_form .product .product_desc p.product_name { font-size: 12px; - color: #000; } + color: #000; +} -/* line 918, ../sass/product.scss */ #send_friend_form .form_container { padding: 10px 15px; border: 1px solid #d6d4d4; - background: #fbfbfb; } + background: #fbfbfb; +} -/* line 924, ../sass/product.scss */ #send_friend_form .form_container p.intro_form { padding-bottom: 6px; font-weight: 700; font-size: 13px; - color: #333333; } + color: #333333; +} -/* line 931, ../sass/product.scss */ #send_friend_form .form_container p.txt_required { padding-bottom: 0; - color: #666; } + color: #666; +} -/* line 937, ../sass/product.scss */ #send_friend_form .form_container .text { - padding-bottom: 10px; } + padding-bottom: 10px; +} -/* line 941, ../sass/product.scss */ #send_friend_form .form_container .text label { display: block; padding: 0; width: 100%; - font-size: 12px; } + font-size: 12px; +} -/* line 949, ../sass/product.scss */ #send_friend_form .form_container .text input { padding: 0 5px; height: 22px; width: 100%; border: 1px solid base-border-color; font-size: 12px; - color: #666; } + color: #666; +} -/* line 958, ../sass/product.scss */ #send_friend_form .submit { margin-top: 20px; padding-bottom: 0; - text-align: right; } + text-align: right; +} /* PERSONNALISATION ##################################################################### */ -/* line 965, ../sass/product.scss */ .customization_block p.infoCustomizable { margin: 10px 0 20px; padding: 0 0 0 20px; - background: url(../img/icon/infos.gif) no-repeat 0 0 transparent; } + background: url(../img/icon/infos.gif) no-repeat 0 0 transparent; +} -/* line 971, ../sass/product.scss */ ul#uploadable_files, ul#text_fields { - list-style-type: none; } + list-style-type: none; +} -/* line 975, ../sass/product.scss */ .customizableProductsFile, .customizableProductsText { margin-bottom: 20px; padding-bottom: 10px; - border-bottom: 1px solid #d6d4d4; } + border-bottom: 1px solid #d6d4d4; +} -/* line 981, ../sass/product.scss */ .customizationUploadLine { - padding-bottom: 10px; } + padding-bottom: 10px; +} -/* line 984, ../sass/product.scss */ .customizationUploadBrowse img + a { position: relative; - top: -51px; } + top: -51px; +} -/* line 988, ../sass/product.scss */ .customizationUploadLine label { display: block; - vertical-align: top; } + vertical-align: top; +} -/* line 993, ../sass/product.scss */ .customizationUploadLine textarea { width: 50%; - border: 1px solid #d6d4d4; } + border: 1px solid #d6d4d4; +} -/* line 999, ../sass/product.scss */ #customizedDatas { - float: right; } + float: right; +} -/* line 1003, ../sass/product.scss */ .accessories_block div ul li a { - display: inline-block; } + display: inline-block; +} -/* line 1007, ../sass/product.scss */ .accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span { - font-weight: bold; } + font-weight: bold; +} /****************************************************************** Quick View Styles ******************************************************************/ -/* line 1017, ../sass/product.scss */ #product.content_only div#primary_block, #product.content_only section#primary_block { - margin-bottom: 0; } - @media (max-width: 991px) { - /* line 1017, ../sass/product.scss */ - #product.content_only div#primary_block, #product.content_only section#primary_block { - margin-right: 0; } } - /* line 1024, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column { - padding: 20px 20px 5px 35px; - width: 47%; } - @media (max-width: 479px) { - /* line 1024, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column { - width: 100%; - float: none; } } - /* line 1032, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column span.view_scroll_spacer, #product.content_only section#primary_block div#pb-right-column span.view_scroll_spacer { - width: 38px; - padding-left: 10px; } - /* line 1037, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column #thumbs_list, #product.content_only section#primary_block div#pb-right-column #thumbs_list { - width: 392px; } - /* line 1041, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { - padding: 20px 20px 60px 0px; - width: 27.5%; - margin-bottom: 0; - min-height: 623px; - height: 100%; } - @media (max-width: 991px) { - /* line 1041, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { - min-height: 440px; } } - @media (max-width: 479px) { - /* line 1041, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { - width: 100%; - float: none; } } - /* line 1056, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column .product_comments_block_extra, #product.content_only section#primary_block div#pb-left-column .product_comments_block_extra { - padding-right: 0; } - @media (max-width: 479px) { - /* line 1061, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column .comments_advices li, #product.content_only section#primary_block div#pb-left-column .comments_advices li { - display: block; } - /* line 1062, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column .comments_advices a.reviews, #product.content_only section#primary_block div#pb-left-column .comments_advices a.reviews { - margin: 0; - padding: 0; - border: none; } } - /* line 1067, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column #ShareDiv, #product.content_only section#primary_block div#pb-left-column #ShareDiv { - position: absolute; - bottom: 8px; } - /* line 1073, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 { - width: 25.5%; - padding-right: 15px; - padding-left: 0; } - /* line 1081, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product { - border-top-width: 0px; - border-right: none; - border-bottom: none; - min-height: 623px; - height: 100%; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - -ms-border-radius: 0 4px 4px 0; - -o-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - position: relative; - padding-bottom: 125px; } - @media (max-width: 991px) { - /* line 1081, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product { - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - border: 1px solid #d6d4d4; } } - /* line 1095, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive { - display: block; - width: 100%; } - /* line 1098, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:before, #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:after, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:before, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:after { - display: block; } - /* line 1103, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span { - font-size: 20px; - text-align: center; } - @media (max-width: 1199px) { - /* line 1103, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span { - padding: 12px 22px 14px 70px; - font-size: 20px; } } - /* line 1112, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product .box-cart-bottom, #product.content_only section#primary_block div#pb-right-column1 .box-info-product .box-cart-bottom { - position: absolute; - bottom: 0; - right: 0; - left: 0; } - /* line 1122, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 #attributes .attribute_list .form-control, #product.content_only section#primary_block div#pb-right-column1 #attributes .attribute_list .form-control { - width: 230px; } - /* line 1127, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .product_attributes, #product.content_only div#primary_block div#pb-right-column1 .box-cart-bottom, #product.content_only section#primary_block div#pb-right-column1 .product_attributes, #product.content_only section#primary_block div#pb-right-column1 .box-cart-bottom { - -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; - -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; - box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; } - /* line 1130, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .product_attributes, #product.content_only section#primary_block div#pb-right-column1 .product_attributes { - padding-top: 0; } - -/* line 1136, ../sass/product.scss */ -.addsharethisinner .stButton .stArrow { - display: none !important; } - -@media (max-width: 1050px) { - /* line 1148, ../sass/product.scss */ + margin-bottom: 0; +} +@media (max-width: 991px) { + #product.content_only div#primary_block, #product.content_only section#primary_block { + margin-right: 0; + } +} +#product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column { + padding: 20px 20px 5px 35px; + width: 47%; +} +@media (max-width: 479px) { #product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column { width: 100%; - padding-right: 15px; } - /* line 1152, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column #image-block, #product.content_only div#primary_block div#pb-right-column #views_block, #product.content_only section#primary_block div#pb-right-column #image-block, #product.content_only section#primary_block div#pb-right-column #views_block { - max-width: 470px; - width: 100%; - margin-left: auto; - margin-right: auto; } - /* line 1161, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column #thumbs_list li, #product.content_only section#primary_block div#pb-right-column #thumbs_list li { - width: 90px; - height: 90px; } - /* line 1165, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column #thumbs_list li img, #product.content_only section#primary_block div#pb-right-column #thumbs_list li img { - width: 82px; - height: 82px; } - /* line 1173, ../sass/product.scss */ + float: none; + } +} +#product.content_only div#primary_block div#pb-right-column span.view_scroll_spacer, #product.content_only section#primary_block div#pb-right-column span.view_scroll_spacer { + width: 38px; + padding-left: 10px; +} +#product.content_only div#primary_block div#pb-right-column #thumbs_list, #product.content_only section#primary_block div#pb-right-column #thumbs_list { + width: 392px; +} +#product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { + padding: 20px 20px 60px 0px; + width: 27.5%; + margin-bottom: 0; + min-height: 623px; + height: 100%; +} +@media (max-width: 991px) { + #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { + min-height: 440px; + } +} +@media (max-width: 479px) { + #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { + width: 100%; + float: none; + } +} +#product.content_only div#primary_block div#pb-left-column .product_comments_block_extra, #product.content_only section#primary_block div#pb-left-column .product_comments_block_extra { + padding-right: 0; +} +@media (max-width: 479px) { + #product.content_only div#primary_block div#pb-left-column .comments_advices li, #product.content_only section#primary_block div#pb-left-column .comments_advices li { + display: block; + } + #product.content_only div#primary_block div#pb-left-column .comments_advices a.reviews, #product.content_only section#primary_block div#pb-left-column .comments_advices a.reviews { + margin: 0; + padding: 0; + border: none; + } +} +#product.content_only div#primary_block div#pb-left-column #ShareDiv, #product.content_only section#primary_block div#pb-left-column #ShareDiv { + position: absolute; + bottom: 8px; +} +#product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 { + width: 25.5%; + padding-right: 15px; + padding-left: 0; +} +#product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product { + border-top-width: 0px; + border-right: none; + border-bottom: none; + min-height: 623px; + height: 100%; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + -ms-border-radius: 0 4px 4px 0; + -o-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + position: relative; + padding-bottom: 125px; +} +@media (max-width: 991px) { + #product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + border: 1px solid #d6d4d4; + } +} +#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive { + display: block; + width: 100%; +} +#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:before, #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:after, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:before, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:after { + display: block; +} +#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span { + font-size: 20px; + text-align: center; +} +@media (max-width: 1199px) { + #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span { + padding: 12px 22px 14px 70px; + font-size: 20px; + } +} +#product.content_only div#primary_block div#pb-right-column1 .box-info-product .box-cart-bottom, #product.content_only section#primary_block div#pb-right-column1 .box-info-product .box-cart-bottom { + position: absolute; + bottom: 0; + right: 0; + left: 0; +} +#product.content_only div#primary_block div#pb-right-column1 #attributes .attribute_list .form-control, #product.content_only section#primary_block div#pb-right-column1 #attributes .attribute_list .form-control { + width: 230px; +} +#product.content_only div#primary_block div#pb-right-column1 .product_attributes, #product.content_only div#primary_block div#pb-right-column1 .box-cart-bottom, #product.content_only section#primary_block div#pb-right-column1 .product_attributes, #product.content_only section#primary_block div#pb-right-column1 .box-cart-bottom { + -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; + -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; +} +#product.content_only div#primary_block div#pb-right-column1 .product_attributes, #product.content_only section#primary_block div#pb-right-column1 .product_attributes { + padding-top: 0; +} + +.addsharethisinner .stButton .stArrow { + display: none !important; +} + +@media (max-width: 1050px) { + #product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column { + width: 100%; + padding-right: 15px; + } + #product.content_only div#primary_block div#pb-right-column #image-block, #product.content_only div#primary_block div#pb-right-column #views_block, #product.content_only section#primary_block div#pb-right-column #image-block, #product.content_only section#primary_block div#pb-right-column #views_block { + max-width: 470px; + width: 100%; + margin-left: auto; + margin-right: auto; + } + #product.content_only div#primary_block div#pb-right-column #thumbs_list li, #product.content_only section#primary_block div#pb-right-column #thumbs_list li { + width: 90px; + height: 90px; + } + #product.content_only div#primary_block div#pb-right-column #thumbs_list li img, #product.content_only section#primary_block div#pb-right-column #thumbs_list li img { + width: 82px; + height: 82px; + } #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { width: 50%; float: left; - padding-left: 35px; } - /* line 1184, ../sass/product.scss */ + padding-left: 35px; + } #product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 { width: 50%; - float: left; } - /* line 1195, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product { - border-top-width: 1px; - min-height: 1px; } } + float: left; + } + #product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product { + border-top-width: 1px; + min-height: 1px; + } +} @media (max-width: 1050px) and (max-width: 479px) { - /* line 1142, ../sass/product.scss */ #product.content_only div#primary_block, #product.content_only section#primary_block { - margin-left: 0; } } - @media (max-width: 1050px) and (max-width: 479px) { - /* line 1173, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { - width: 100%; - float: none; - padding-left: 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } } - @media (max-width: 1050px) and (max-width: 479px) { - /* line 1184, ../sass/product.scss */ - #product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 { - margin-top: 10px; - width: 100%; - float: none; - padding-left: 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } } + margin-left: 0; + } +} +@media (max-width: 1050px) and (max-width: 479px) { + #product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column { + width: 100%; + float: none; + padding-left: 15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} +@media (max-width: 1050px) and (max-width: 479px) { + #product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 { + margin-top: 10px; + width: 100%; + float: none; + padding-left: 15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } +} diff --git a/themes/default-bootstrap/css/product_list.css b/themes/default-bootstrap/css/product_list.css index a69d3d438..79ca7f720 100644 --- a/themes/default-bootstrap/css/product_list.css +++ b/themes/default-bootstrap/css/product_list.css @@ -1,404 +1,430 @@ -@charset "CP850"; /******************************************************* Product list Styles ********************************************************/ -/* line 10, ../sass/product_list.scss */ ul.product_list .availability span { display: inline-block; color: white; font-weight: bold; padding: 3px 8px 4px 8px; - margin-bottom: 20px; } - /* line 17, ../sass/product_list.scss */ - ul.product_list .availability span.available-now { - background: #46a74e; - border: 1px solid #36943e; } - /* line 22, ../sass/product_list.scss */ - ul.product_list .availability span.out-of-stock { - background: #ff7430; - border: 1px solid #ea5e1a; } -/* line 29, ../sass/product_list.scss */ + margin-bottom: 20px; +} +ul.product_list .availability span.available-now { + background: #46a74e; + border: 1px solid #36943e; +} +ul.product_list .availability span.out-of-stock { + background: #ff7430; + border: 1px solid #ea5e1a; +} ul.product_list .color-list-container { - margin-bottom: 12px; } - /* line 34, ../sass/product_list.scss */ - ul.product_list .color-list-container ul li { - display: inline-block; - border: 1px solid #d6d4d4; } - /* line 38, ../sass/product_list.scss */ - ul.product_list .color-list-container ul li a { - display: block; - width: 23px; - height: 23px; - margin: 1px; } -/* line 47, ../sass/product_list.scss */ + margin-bottom: 12px; +} +ul.product_list .color-list-container ul li { + display: inline-block; + border: 1px solid #d6d4d4; +} +ul.product_list .color-list-container ul li a { + display: block; + width: 23px; + height: 23px; + margin: 1px; +} ul.product_list .product-image-container { - text-align: center; } - /* line 50, ../sass/product_list.scss */ - ul.product_list .product-image-container img { - margin: 0 auto; } - /* line 54, ../sass/product_list.scss */ + text-align: center; +} +ul.product_list .product-image-container img { + margin: 0 auto; +} +ul.product_list .product-image-container .quick-view { + font: 700 13px/16px Arial, Helvetica, sans-serif; + color: #777676; + position: absolute; + left: 50%; + top: 50%; + margin: -21px 0 0 -53px; + padding: 13px 0 0; + background: rgba(255, 255, 255, 0.82); + width: 107px; + height: 43px; + text-align: center; + -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; + -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; + box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; +} +@media (min-width: 1200px) { ul.product_list .product-image-container .quick-view { - font: 700 13px/16px Arial, Helvetica, sans-serif; - color: #777676; - position: absolute; - left: 50%; - top: 50%; - margin: -21px 0 0 -53px; - padding: 13px 0 0; - background: rgba(255, 255, 255, 0.82); - width: 107px; - height: 43px; - text-align: center; - -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; - -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; - box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; } - @media (min-width: 1200px) { - /* line 54, ../sass/product_list.scss */ - ul.product_list .product-image-container .quick-view { - display: none; } } - @media (max-width: 767px) { - /* line 54, ../sass/product_list.scss */ - ul.product_list .product-image-container .quick-view { - display: none; } } -/* line 76, ../sass/product_list.scss */ + display: none; + } +} +@media (max-width: 767px) { + ul.product_list .product-image-container .quick-view { + display: none; + } +} ul.product_list .comments_note { text-align: left; - overflow: hidden; } - /* line 80, ../sass/product_list.scss */ - ul.product_list .comments_note .star_content { - float: left; } - /* line 83, ../sass/product_list.scss */ - ul.product_list .comments_note .nb-comments { - overflow: hidden; - font-style: italic; } + overflow: hidden; +} +ul.product_list .comments_note .star_content { + float: left; +} +ul.product_list .comments_note .nb-comments { + overflow: hidden; + font-style: italic; +} -/* line 87, ../sass/product_list.scss */ .ie8 .quick-view { background: #fff; - border: 1px solid #d6d4d4; } + border: 1px solid #d6d4d4; +} /******************************************************* Product list(Grid) Styles ********************************************************/ -/* line 97, ../sass/product_list.scss */ ul.product_list.grid > li { margin-bottom: 20px; - text-align: center; } - @media (min-width: 480px) and (max-width: 767px) { - /* line 97, ../sass/product_list.scss */ - ul.product_list.grid > li { - width: 50%; - float: left; } } - /* line 106, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container { - background: white; - padding: 0; - position: relative; } - /* line 111, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-image-container { - border: 1px solid #d6d4d4; - padding: 9px; - margin-bottom: 13px; - position: relative; } - @media (max-width: 767px) { - /* line 111, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-image-container { - max-width: 290px; - margin-left: auto; - margin-right: auto; } } - /* line 123, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-image-container .content_price { - position: absolute; - left: 0; - bottom: -1px; - width: 100%; - background: url(../img/price-container-bg.png); - padding: 9px 0; - display: none; } - /* line 132, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-image-container .content_price span { - color: white; } - /* line 135, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price { - color: #b1b0b0; } - /* line 140, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container h5 { - padding: 0 15px 7px 15px; - min-height: 35px; } - @media (min-width: 1200px) { - /* line 144, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .comments_note { - display: none; } } - /* line 148, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .comments_note .star_content { - margin-left: 59px; - margin-right: 3px; - margin-bottom: 12px; } - /* line 154, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-desc { - display: none; } - /* line 158, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .content_price { - padding-bottom: 9px; - line-height: 21px; } - /* line 160, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction { - display: inline-block; } - /* line 162, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .product-flags { - display: none; } - /* line 164, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .old-price { - margin-right: 5px; } - /* line 166, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .button-container { - margin-bottom: 14px; } - @media (min-width: 1200px) { - /* line 166, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .button-container { - display: none; } } - /* line 172, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button { - margin-right: 6px; - margin-bottom: 5px; } - /* line 175, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons { - background: url(../img/functional-bt-shadow.png) repeat-x; - padding: 11px 0 5px; } - @media (min-width: 1200px) { - /* line 175, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons { - display: none; } } - /* line 181, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div { - width: 100%; - float: left; - padding: 3px 0 4px 0; } - /* line 186, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label { - font-weight: bold; - color: #777676; - cursor: pointer; } - /* line 190, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul.product_list.grid > li .product-container .functional-buttons div label:hover { - color: #000; } - /* line 193, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist { - border-right: 1px solid #d6d4d4; } - /* line 195, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before { - display: inline-block; - font-family: "FontAwesome"; - content: ""; - margin-right: 3px; } - /* line 202, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.checked:before { - content: ""; } - @media (min-width: 992px) and (max-width: 1199px) { - /* line 193, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist { - border-right: 0; } - /* line 208, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before { - display: none; } } - @media (min-width: 480px) and (max-width: 767px) { - /* line 193, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist { - border-right: 0; } - /* line 214, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before { - display: none; } } - /* line 220, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { - content: ""; - display: inline-block; - font-family: "FontAwesome"; - margin-right: 3px; } - @media (min-width: 992px) and (max-width: 1199px) { - /* line 220, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { - display: none; } } - @media (min-width: 480px) and (max-width: 767px) { - /* line 220, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { - display: none; } } - /* line 235, ../sass/product_list.scss */ - ul.product_list.grid > li .product-container .functional-buttons div.compare a.checked:before { - content: ""; } - @media (min-width: 1200px) { - /* line 245, ../sass/product_list.scss */ - ul.product_list.grid > li.hovered { - margin-bottom: -300px; - padding-bottom: 226px; } - /* line 249, ../sass/product_list.scss */ - ul.product_list.grid > li.hovered .product-container { - -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; - -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; - box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; - position: relative; - z-index: 10; } - /* line 254, ../sass/product_list.scss */ - ul.product_list.grid > li.hovered .product-container .content_price { - display: none; } - /* line 257, ../sass/product_list.scss */ - ul.product_list.grid > li.hovered .product-container .product-image-container .content_price { - display: block; } - /* line 260, ../sass/product_list.scss */ - ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view { - display: block; } - /* line 262, ../sass/product_list.scss */ - ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container, ul.product_list.grid > li.hovered .product-container .comments_note { - display: block; } } - @media (min-width: 992px) { - /* line 267, ../sass/product_list.scss */ - ul.product_list.grid > li.first-in-line { - clear: left; } } - @media (min-width: 480px) and (max-width: 991px) { - /* line 271, ../sass/product_list.scss */ - ul.product_list.grid > li.first-item-of-tablet-line { - clear: left; } } + text-align: center; +} +@media (min-width: 480px) and (max-width: 767px) { + ul.product_list.grid > li { + width: 50%; + float: left; + } +} +ul.product_list.grid > li .product-container { + background: white; + padding: 0; + position: relative; +} +ul.product_list.grid > li .product-container .product-image-container { + border: 1px solid #d6d4d4; + padding: 9px; + margin-bottom: 13px; + position: relative; +} +@media (max-width: 767px) { + ul.product_list.grid > li .product-container .product-image-container { + max-width: 290px; + margin-left: auto; + margin-right: auto; + } +} +ul.product_list.grid > li .product-container .product-image-container .content_price { + position: absolute; + left: 0; + bottom: -1px; + width: 100%; + background: url(../img/price-container-bg.png); + padding: 9px 0; + display: none; +} +ul.product_list.grid > li .product-container .product-image-container .content_price span { + color: white; +} +ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price { + color: #b1b0b0; +} +ul.product_list.grid > li .product-container h5 { + padding: 0 15px 7px 15px; + min-height: 53px; +} +@media (min-width: 1200px) { + ul.product_list.grid > li .product-container .comments_note { + display: none; + } +} +ul.product_list.grid > li .product-container .comments_note .star_content { + margin-left: 59px; + margin-right: 3px; + margin-bottom: 12px; +} +ul.product_list.grid > li .product-container .product-desc { + display: none; +} +ul.product_list.grid > li .product-container .content_price { + padding-bottom: 9px; + line-height: 21px; +} +ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction { + display: inline-block; +} +ul.product_list.grid > li .product-container .product-flags { + display: none; +} +ul.product_list.grid > li .product-container .old-price { + margin-right: 5px; +} +ul.product_list.grid > li .product-container .button-container { + margin-bottom: 14px; +} +@media (min-width: 1200px) { + ul.product_list.grid > li .product-container .button-container { + display: none; + } +} +ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button { + margin-right: 6px; +} +ul.product_list.grid > li .product-container .functional-buttons { + background: url(../img/functional-bt-shadow.png) repeat-x; + padding: 11px 0 5px; +} +@media (min-width: 1200px) { + ul.product_list.grid > li .product-container .functional-buttons { + display: none; + } +} +ul.product_list.grid > li .product-container .functional-buttons div { + width: 50%; + float: left; + padding: 3px 0 4px 0; +} +ul.product_list.grid > li .product-container .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label { + font-weight: bold; + color: #777676; + cursor: pointer; +} +ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul.product_list.grid > li .product-container .functional-buttons div label:hover { + color: #000; +} +ul.product_list.grid > li .product-container .functional-buttons div.wishlist { + border-right: 1px solid #d6d4d4; +} +ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before { + display: inline-block; + font-family: "FontAwesome"; + content: ""; + margin-right: 3px; +} +ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.checked:before { + content: ""; +} +@media (min-width: 992px) and (max-width: 1199px) { + ul.product_list.grid > li .product-container .functional-buttons div.wishlist { + border-right: 0; + } + ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before { + display: none; + } +} +@media (min-width: 480px) and (max-width: 767px) { + ul.product_list.grid > li .product-container .functional-buttons div.wishlist { + border-right: 0; + } + ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before { + display: none; + } +} +ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { + content: ""; + display: inline-block; + font-family: "FontAwesome"; + margin-right: 3px; +} +@media (min-width: 992px) and (max-width: 1199px) { + ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { + display: none; + } +} +@media (min-width: 480px) and (max-width: 767px) { + ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { + display: none; + } +} +ul.product_list.grid > li .product-container .functional-buttons div.compare a.checked:before { + content: ""; +} +@media (min-width: 1200px) { + ul.product_list.grid > li.hovered { + margin-bottom: -300px; + padding-bottom: 226px; + } + ul.product_list.grid > li.hovered .product-container { + -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; + -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; + box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; + position: relative; + z-index: 10; + } + ul.product_list.grid > li.hovered .product-container .content_price { + display: none; + } + ul.product_list.grid > li.hovered .product-container .product-image-container .content_price { + display: block; + } + ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view { + display: block; + } + ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container, ul.product_list.grid > li.hovered .product-container .comments_note { + display: block; + } +} +@media (min-width: 992px) { + ul.product_list.grid > li.first-in-line { + clear: left; + } +} +@media (min-width: 480px) and (max-width: 991px) { + ul.product_list.grid > li.first-item-of-tablet-line { + clear: left; + } +} @media (min-width: 1200px) { - /* line 279, ../sass/product_list.scss */ #blockpack ul > li.last-line { border: none; padding-bottom: 0; - margin-bottom: 0; } - /* line 284, ../sass/product_list.scss */ - #blockpack ul > li.last-line.hovered { - margin-bottom: -320px; - padding-bottom: 250px; } } + margin-bottom: 0; + } + #blockpack ul > li.last-line.hovered { + margin-bottom: -320px; + padding-bottom: 250px; + } +} @media (min-width: 480px) and (max-width: 767px) { - /* line 291, ../sass/product_list.scss */ #blockpack ul > li.first-item-of-tablet-line { - clear: none; } - /* line 292, ../sass/product_list.scss */ + clear: none; + } #blockpack ul > li.first-item-of-mobile-line { - clear: left; } } + clear: left; + } +} /******************************************************* Product list(List) Styles ********************************************************/ @media (max-width: 479px) { - /* line 304, ../sass/product_list.scss */ ul.product_list.list > li .left-block { - width: 100%; } } -/* line 309, ../sass/product_list.scss */ + width: 100%; + } +} ul.product_list.list > li .product-container { border-top: 1px solid #d6d4d4; - padding: 30px 0 30px; } -/* line 314, ../sass/product_list.scss */ + padding: 30px 0 30px; +} ul.product_list.list > li .product-image-container { position: relative; border: 1px solid #d6d4d4; - padding: 9px; } - @media (max-width: 479px) { - /* line 314, ../sass/product_list.scss */ - ul.product_list.list > li .product-image-container { - max-width: 290px; - margin: 0 auto; } } - /* line 322, ../sass/product_list.scss */ - ul.product_list.list > li .product-image-container .content_price { - display: none !important; } -/* line 326, ../sass/product_list.scss */ + padding: 9px; +} +@media (max-width: 479px) { + ul.product_list.list > li .product-image-container { + max-width: 290px; + margin: 0 auto; + } +} +ul.product_list.list > li .product-image-container .content_price { + display: none !important; +} ul.product_list.list > li .product-flags { color: #333333; - margin: -5px 0 10px 0; } - /* line 330, ../sass/product_list.scss */ - ul.product_list.list > li .product-flags .discount { - color: #f13340; } -/* line 334, ../sass/product_list.scss */ + margin: -5px 0 10px 0; +} +ul.product_list.list > li .product-flags .discount { + color: #f13340; +} ul.product_list.list > li h5 { - padding-bottom: 8px; } -/* line 336, ../sass/product_list.scss */ + padding-bottom: 8px; +} ul.product_list.list > li .product-desc { - margin-bottom: 15px; } + margin-bottom: 15px; +} @media (max-width: 479px) { - /* line 338, ../sass/product_list.scss */ ul.product_list.list > li .center-block { - width: 100%; } } -/* line 342, ../sass/product_list.scss */ + width: 100%; + } +} ul.product_list.list > li .center-block .comments_note { - margin-bottom: 12px; } + margin-bottom: 12px; +} @media (min-width: 992px) { - /* line 349, ../sass/product_list.scss */ ul.product_list.list > li .right-block .right-block-content { margin: 0; border-left: 1px solid #d6d4d4; padding-left: 15px; - padding-bottom: 16px; } } + padding-bottom: 16px; + } +} @media (max-width: 991px) { - /* line 349, ../sass/product_list.scss */ ul.product_list.list > li .right-block .right-block-content { - padding-top: 20px; } } + padding-top: 20px; + } +} @media (max-width: 479px) { - /* line 349, ../sass/product_list.scss */ ul.product_list.list > li .right-block .right-block-content { - padding-top: 5px; } } -/* line 364, ../sass/product_list.scss */ + padding-top: 5px; + } +} ul.product_list.list > li .right-block .right-block-content .content_price { - padding-bottom: 10px; } - @media (max-width: 991px) { - /* line 364, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .content_price { - padding-top: 13px; - padding-bottom: 0; } } - @media (max-width: 479px) { - /* line 364, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .content_price { - padding-top: 0; - width: 100%; } } - /* line 375, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .content_price span { - display: inline-block; - margin-top: -4px; - margin-bottom: 14px; } - /* line 380, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .content_price span.old-price { - margin-right: 8px; } -/* line 385, ../sass/product_list.scss */ + padding-bottom: 10px; +} +@media (max-width: 991px) { + ul.product_list.list > li .right-block .right-block-content .content_price { + padding-top: 13px; + padding-bottom: 0; + } +} +@media (max-width: 479px) { + ul.product_list.list > li .right-block .right-block-content .content_price { + padding-top: 0; + width: 100%; + } +} +ul.product_list.list > li .right-block .right-block-content .content_price span { + display: inline-block; + margin-top: -4px; + margin-bottom: 14px; +} +ul.product_list.list > li .right-block .right-block-content .content_price span.old-price { + margin-right: 8px; +} ul.product_list.list > li .right-block .right-block-content .button-container { overflow: hidden; - padding-bottom: 20px; } - @media (max-width: 479px) { - /* line 385, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .button-container { - width: 100%; } } - /* line 391, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .button-container .btn { - margin-bottom: 10px; } - @media (min-width: 992px) { - /* line 391, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .button-container .btn { - float: left; - clear: both; } } -@media (min-width: 992px) { - /* line 399, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons { - overflow: hidden; } } -@media (max-width: 991px) { - /* line 399, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons { - clear: both; } - /* line 406, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons > div { - float: left; - padding-top: 0 !important; - padding-right: 20px; } } + padding-bottom: 20px; +} +@media (max-width: 479px) { + ul.product_list.list > li .right-block .right-block-content .button-container { + width: 100%; + } +} +ul.product_list.list > li .right-block .right-block-content .button-container .btn { + margin-bottom: 10px; +} +@media (min-width: 992px) { + ul.product_list.list > li .right-block .right-block-content .button-container .btn { + float: left; + clear: both; + } +} +@media (min-width: 992px) { + ul.product_list.list > li .right-block .right-block-content .functional-buttons { + overflow: hidden; + } +} +@media (max-width: 991px) { + ul.product_list.list > li .right-block .right-block-content .functional-buttons { + clear: both; + } + ul.product_list.list > li .right-block .right-block-content .functional-buttons > div { + float: left; + padding-top: 0 !important; + padding-right: 20px; + } +} @media (max-width: 479px) { - /* line 399, ../sass/product_list.scss */ ul.product_list.list > li .right-block .right-block-content .functional-buttons { float: none; - display: inline-block; } - /* line 418, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before { - display: none !important; } } -/* line 421, ../sass/product_list.scss */ + display: inline-block; + } + ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before { + display: none !important; + } +} ul.product_list.list > li .right-block .right-block-content .functional-buttons a { font-weight: bold; color: #777676; - cursor: pointer; } -/* line 427, ../sass/product_list.scss */ + cursor: pointer; +} ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:before { content: ""; font-family: "FontAwesome"; @@ -417,91 +443,98 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons border-radius: 100px; margin-right: 3px; font-weight: normal; - margin-right: 7px; } -/* line 443, ../sass/product_list.scss */ + margin-right: 7px; +} ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover { - color: #333333; } - /* line 446, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover:before { - background: #333333; } -/* line 451, ../sass/product_list.scss */ + color: #333333; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover:before { + background: #333333; +} ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a.checked:before { - content: ""; } -/* line 457, ../sass/product_list.scss */ + content: ""; +} ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare { - padding-top: 10px; } - /* line 462, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before { - content: ""; - display: inline-block; - font-family: "FontAwesome"; - width: 30px; - height: 30px; - font-size: 15px; - text-align: center; - background: #929292; - -webkit-border-radius: 100px; - -moz-border-radius: 100px; - -ms-border-radius: 100px; - -o-border-radius: 100px; - border-radius: 100px; - margin-right: 3px; - padding: 6px 0 0 0; - color: white; } - /* line 477, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover { - color: #333333; } - /* line 480, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover:before { - background: #333333; } - /* line 486, ../sass/product_list.scss */ - ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a.checked:before { - background: white; - border: 1px solid #929292; - color: #929292; - padding-top: 5px; } + padding-top: 10px; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before { + content: ""; + display: inline-block; + font-family: "FontAwesome"; + width: 30px; + height: 30px; + font-size: 15px; + text-align: center; + background: #929292; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + border-radius: 100px; + margin-right: 3px; + padding: 6px 0 0 0; + color: white; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover { + color: #333333; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover:before { + background: #333333; +} +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a.checked:before { + background: white; + border: 1px solid #929292; + color: #929292; + padding-top: 5px; +} @media (min-width: 1200px) { - /* line 506, ../sass/product_list.scss */ ul.product_list.list > li:hover .product-image-container .quick-view { - display: block; } } + display: block; + } +} @media (max-width: 479px) { - /* line 302, ../sass/product_list.scss */ ul.product_list.list > li { - text-align: center; } } + text-align: center; + } +} /******************************************************* Product list(Index page) Styles ********************************************************/ -/* line 523, ../sass/product_list.scss */ #index ul.product_list.tab-pane > li { padding-bottom: 10px; - margin-bottom: 10px; } - @media (min-width: 1200px) { - /* line 523, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li { - padding-bottom: 35px; - margin-bottom: 50px; } } - @media (min-width: 1200px) { - /* line 532, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li.hovered { - margin-bottom: -300px; } } - /* line 536, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li .availability { - display: none; } - @media (min-width: 1200px) { - /* line 539, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li.last-line { - border: none; - padding-bottom: 0; - margin-bottom: 0; } - /* line 544, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li.last-line.hovered { - margin-bottom: -300px; - padding-bottom: 235px; } } - @media (min-width: 480px) and (max-width: 767px) { - /* line 552, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li.first-item-of-tablet-line { - clear: none; } - /* line 553, ../sass/product_list.scss */ - #index ul.product_list.tab-pane > li.first-item-of-mobile-line { - clear: left; } } + margin-bottom: 10px; +} +@media (min-width: 1200px) { + #index ul.product_list.tab-pane > li { + padding-bottom: 35px; + margin-bottom: 50px; + } +} +@media (min-width: 1200px) { + #index ul.product_list.tab-pane > li.hovered { + margin-bottom: -300px; + } +} +#index ul.product_list.tab-pane > li .availability { + display: none; +} +@media (min-width: 1200px) { + #index ul.product_list.tab-pane > li.last-line { + border: none; + padding-bottom: 0; + margin-bottom: 0; + } + #index ul.product_list.tab-pane > li.last-line.hovered { + margin-bottom: -300px; + padding-bottom: 235px; + } +} +@media (min-width: 480px) and (max-width: 767px) { + #index ul.product_list.tab-pane > li.first-item-of-tablet-line { + clear: none; + } + #index ul.product_list.tab-pane > li.first-item-of-mobile-line { + clear: left; + } +} diff --git a/themes/default-bootstrap/header.tpl b/themes/default-bootstrap/header.tpl index 2329acb09..c63b54d15 100644 --- a/themes/default-bootstrap/header.tpl +++ b/themes/default-bootstrap/header.tpl @@ -208,15 +208,12 @@ {include file="$tpl_dir./breadcrumb.tpl"} {/if}
- {assign var='left_column' value=0}{assign var='right_column' value=0} - {if isset($HOOK_LEFT_COLUMN) && $HOOK_LEFT_COLUMN|trim && !$hide_left_column}{$left_column=3}{/if} - {if isset($HOOK_RIGHT_COLUMN) && $HOOK_RIGHT_COLUMN|trim && !$hide_right_column}{$right_column=3}{/if} - {if isset($left_column) && !empty($left_column)} + {if isset($left_column_size) && !empty($left_column_size)}
{$HOOK_LEFT_COLUMN}
{/if} -
+
{/if} \ No newline at end of file diff --git a/themes/default-bootstrap/modules/blockcart/blockcart.tpl b/themes/default-bootstrap/modules/blockcart/blockcart.tpl index 08992319f..af543f92f 100644 --- a/themes/default-bootstrap/modules/blockcart/blockcart.tpl +++ b/themes/default-bootstrap/modules/blockcart/blockcart.tpl @@ -81,7 +81,7 @@ var generated_date = {$smarty.now|intval};
- {$product.name|truncate:150:'...'|escape:html:'UTF-8'} + {$product.name|truncate:40:'...'|escape:html:'UTF-8'}
{if isset($product.attributes_small)}
diff --git a/themes/default-bootstrap/product.tpl b/themes/default-bootstrap/product.tpl index 50e1a412d..9899fbdac 100644 --- a/themes/default-bootstrap/product.tpl +++ b/themes/default-bootstrap/product.tpl @@ -186,7 +186,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
-
+
{if $product->on_sale} @@ -197,9 +197,14 @@ var contentOnly = {if $content_only}true{else}false{/if} {if $have_image} - {if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if} - {if !$content_only}{l s='View larger'}{/if} - + {if $jqZoomEnabled && $have_image && !$content_only} + + {if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if} + + {else} + {if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if} + {if !$content_only}{l s='View larger'}{/if} + {/if} {else} @@ -223,7 +228,7 @@ var contentOnly = {if $content_only}true{else}false{/if} {assign var=imageTitlte value=$product->name|escape:'html'} {/if}
  • - + {$imageTitlte}
    • @@ -439,7 +444,8 @@ var contentOnly = {if $content_only}true{else}false{/if} {if isset($groups)} -
    +
    +
    {foreach from=$groups key=id_attribute_group item=group} {if $group.attributes|@count}
    diff --git a/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss b/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss index 80715c465..85e39d594 100644 --- a/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss +++ b/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss @@ -45,7 +45,7 @@ a { font-size:13px; - line-height:21px; + line-height:18px; display:inline-block; } } diff --git a/themes/default-bootstrap/sass/product.scss b/themes/default-bootstrap/sass/product.scss index 7dedeea39..66f21efd5 100644 --- a/themes/default-bootstrap/sass/product.scss +++ b/themes/default-bootstrap/sass/product.scss @@ -46,7 +46,6 @@ img{ /* pb-right-column ***************************************************************************** */ #pb-right-column { - margin-bottom:15px; #image-block { position:relative; @@ -95,6 +94,17 @@ img{ &:hover:after{color:$base-text-color} } } + a.jqzoom { + div div { + img { + width:auto; + max-width:10000px; + } + .zoomWrapper { + border:none; + } + } + } } } .ie8 #pb-right-column { @@ -152,7 +162,7 @@ img{ width:90px; cursor:pointer; border:1px solid $product-image-border; - margin-right:9px; + margin-right:8px; line-height:0; @include box-sizing(border-box); @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px @@ -713,7 +723,6 @@ table.table-produst-discounts{ /* quantity_wanted */ #quantity_wanted_p{ - width:100%; input { width:78px; diff --git a/themes/default-bootstrap/sass/product_list.scss b/themes/default-bootstrap/sass/product_list.scss index 8d53bfd22..041e61a93 100644 --- a/themes/default-bootstrap/sass/product_list.scss +++ b/themes/default-bootstrap/sass/product_list.scss @@ -98,10 +98,10 @@ ul.product_list.grid { margin-bottom:20px; text-align:center; - @media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px - width:50%; - float:left; - } + @media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px + width:50%; + float:left; + } .product-container { background:$light-background; @@ -139,7 +139,7 @@ ul.product_list.grid { h5 { padding:0 15px 7px 15px; - min-height:35px; + min-height:53px; } .comments_note { @media (min-width: $screen-lg) { // min 1200px @@ -169,7 +169,7 @@ ul.product_list.grid { display:none; } - .ajax_add_to_cart_button, span.button { margin-right:6px;margin-bottom:5px} + .ajax_add_to_cart_button, span.button { margin-right:6px;} } .functional-buttons { @@ -179,7 +179,7 @@ ul.product_list.grid { display:none; } div { - width:100%; + width:50%; float:left; padding:3px 0 4px 0;