[+] FO : New Responsive, Bootstrap template
This commit is contained in:
Damien Metzger
@@ -0,0 +1,362 @@
|
||||
/* Special style for block cart*/
|
||||
@import '../../_theme_variables';
|
||||
/*******************************************************************
|
||||
Cart Block Styles
|
||||
********************************************************************/
|
||||
|
||||
#cart_block {
|
||||
|
||||
#cart_block_list {
|
||||
|
||||
.deleteCustomizableProduct, .remove_link {
|
||||
position:absolute;
|
||||
right:10px;
|
||||
top:19px;
|
||||
}
|
||||
|
||||
.remove_link a, .ajax_cart_block_remove_link {
|
||||
color:$link-color;
|
||||
|
||||
&:before {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
font-family:"FontAwesome";
|
||||
font-size:18px;
|
||||
line-height:18px;
|
||||
}
|
||||
|
||||
&:hover {color:$link-hover-color;}
|
||||
}
|
||||
}
|
||||
|
||||
.cart-images {
|
||||
float:left;
|
||||
margin-right:20px;
|
||||
}
|
||||
|
||||
.cart-info {
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
padding-right:20px;
|
||||
|
||||
.product-name {
|
||||
padding-bottom:15px;
|
||||
margin-top:-4px;
|
||||
|
||||
a {
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.quantity-formated {
|
||||
display:inline-block;
|
||||
color:#9c9b9b;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight:normal;
|
||||
overflow:hidden;
|
||||
padding:20px 10px 16px 20px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
dd {
|
||||
padding:10px 20px;
|
||||
position:relative;
|
||||
|
||||
li {
|
||||
|
||||
.deleteCustomizableProduct {
|
||||
top:12px !important;
|
||||
right:15px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#cart_block_no_products {
|
||||
margin:0;
|
||||
padding:10px 20px;
|
||||
}
|
||||
#cart-prices {
|
||||
border-top:1px solid $base-border-color;
|
||||
font-weight:bold;
|
||||
padding:10px 20px 22px 20px;
|
||||
|
||||
.cart-prices-line {
|
||||
overflow:hidden;
|
||||
border-bottom:1px solid #515151;
|
||||
padding:7px 0;
|
||||
|
||||
&.last-line {
|
||||
border:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#cart-buttons {
|
||||
overflow:hidden;
|
||||
padding:20px 20px 10px 20px;
|
||||
margin:0;
|
||||
background:#f6f6f6;
|
||||
|
||||
a {
|
||||
float:left;
|
||||
margin-bottom:10px;
|
||||
margin-right:10px;
|
||||
|
||||
&#button_order_cart {
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*******************************************************************
|
||||
Cart Block(Header) Styles
|
||||
********************************************************************/
|
||||
#header {
|
||||
|
||||
#cart_block {
|
||||
z-index: 10;
|
||||
display:none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 132px;
|
||||
height: auto;
|
||||
width: 270px;
|
||||
background:#484848;
|
||||
color:#fff;
|
||||
|
||||
a {
|
||||
color:#fff;
|
||||
|
||||
&:hover {color:#9c9b9b;}
|
||||
}
|
||||
|
||||
#cart_block_list {
|
||||
|
||||
.remove_link a, .ajax_cart_block_remove_link {
|
||||
color:#fff;
|
||||
outline:none;
|
||||
text-decoration:none;
|
||||
|
||||
&:hover {color:#9c9b9b;}
|
||||
}
|
||||
}
|
||||
|
||||
.price {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
dt {
|
||||
background:url(../../../img/cart-shadow.png) repeat-x;
|
||||
|
||||
&.first_item {background:none;}
|
||||
}
|
||||
|
||||
dd {background:url(../../../img/cart-shadow.png) repeat-x;}
|
||||
|
||||
.product-atributes {
|
||||
padding-bottom:10px;
|
||||
font-size:11px;
|
||||
|
||||
a {
|
||||
color:#9c9b9b;
|
||||
|
||||
&:hover {color:#fff;}
|
||||
}
|
||||
}
|
||||
|
||||
#cart-prices {
|
||||
border:none;
|
||||
background:url(../../../img/cart-shadow.png) repeat-x #3d3d3d;
|
||||
}
|
||||
|
||||
#cart-buttons {
|
||||
background:url(../../../img/cart-shadow.png) repeat-x #333333;
|
||||
}
|
||||
}
|
||||
}
|
||||
#cart_block #cart_block_summary, #cart_block .title_block span, #header #cart_block h4, #header #cart_block .title_block, #header #cart_block h4 {display:none}
|
||||
#cart_block #cart_block_shipping_cost,
|
||||
#cart_block #cart_block_total {
|
||||
float:right
|
||||
}
|
||||
#cart_block table#vouchers {
|
||||
clear: both;
|
||||
width:80%;
|
||||
margin:0 auto;
|
||||
margin-bottom:10px;
|
||||
|
||||
tr td{
|
||||
padding: 2px;
|
||||
|
||||
&.quantity{
|
||||
margin-right:5px;
|
||||
min-width:18px
|
||||
}
|
||||
|
||||
&.delete{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
text-align: right;
|
||||
width: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*****************************************************************************
|
||||
Layer Cart Css
|
||||
*****************************************************************************/
|
||||
.layer_cart_overlay {
|
||||
background-color:#000;
|
||||
display:none;
|
||||
height:100%;
|
||||
left:0;
|
||||
position:fixed;
|
||||
top:0;
|
||||
width:100%;
|
||||
z-index:98;
|
||||
opacity:.20;
|
||||
-moz-opacity:.20;
|
||||
filter:alpha(opacity=20);
|
||||
}
|
||||
* html .layer_cart_overlay {
|
||||
filter:alpha(opacity=20);
|
||||
position:absolute;
|
||||
left:0;
|
||||
margin-left:-160px;
|
||||
}
|
||||
#layer_cart {
|
||||
background-color:#fff;
|
||||
position:absolute;
|
||||
display:none;
|
||||
z-index:99;
|
||||
width:84%;
|
||||
margin-right:8%;
|
||||
margin-left:8%;
|
||||
@include border-radius(4px);
|
||||
|
||||
.layer_cart_product {
|
||||
padding:30px 30px 30px 30px;
|
||||
|
||||
h2 {
|
||||
font:400 23px/29px Arial, Helvetica, sans-serif;
|
||||
color:#46a74e;
|
||||
margin-bottom:22px;
|
||||
padding-right:100px;
|
||||
|
||||
i {
|
||||
font-size:30px;
|
||||
line-height:30px;
|
||||
float:left;
|
||||
padding-right:8px;
|
||||
}
|
||||
}
|
||||
|
||||
.product-image-container {
|
||||
max-width:178px;
|
||||
border:1px solid $base-border-color;
|
||||
padding:5px;
|
||||
float:left;
|
||||
margin-right:30px;
|
||||
}
|
||||
|
||||
.layer_cart_product_info {
|
||||
padding:38px 0 0 0;
|
||||
|
||||
#layer_cart_product_title {
|
||||
display:block;
|
||||
padding-bottom:8px;
|
||||
}
|
||||
|
||||
> div {
|
||||
padding-bottom:7px;
|
||||
|
||||
strong {padding-right:3px}
|
||||
}
|
||||
}
|
||||
}
|
||||
.layer_cart_cart {
|
||||
background:#fafafa;
|
||||
border-left:1px solid $base-border-color;
|
||||
padding:21px 30px 90px 30px;
|
||||
@include border-radius(0px 4px 4px 0px);
|
||||
min-height:318px;
|
||||
position:relative;
|
||||
|
||||
h2 {
|
||||
font:400 23px/29px Arial, Helvetica, sans-serif;
|
||||
color:#333;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
padding-bottom:13px;
|
||||
margin-bottom:17px;
|
||||
}
|
||||
|
||||
.layer_cart_row {
|
||||
padding:0 0 7px 0;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
padding:0px 30px 20px 30px;
|
||||
|
||||
.btn {margin-bottom:10px;}
|
||||
|
||||
span.exclusive-medium {
|
||||
margin-right:5px;
|
||||
|
||||
i {
|
||||
padding-right:5px;
|
||||
color:#777777;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cross {
|
||||
position:absolute;
|
||||
right:7px;
|
||||
top:8px;
|
||||
width:25px;
|
||||
height:25px;
|
||||
cursor:pointer;
|
||||
color:#333;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-size:25px;
|
||||
line-height:25px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:$link-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.continue {
|
||||
cursor: pointer;
|
||||
}
|
||||
p {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
#blockcart_list {
|
||||
width: 232px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#blockcart_list ul {
|
||||
display: block;
|
||||
height: 90px;
|
||||
}
|
||||
#blockcart_list li {
|
||||
list-style-type: none;
|
||||
float: left;
|
||||
width: 58px;
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/* block CONTACT ******************************************************************************* */
|
||||
#contact_block {
|
||||
|
||||
.label {display: none}
|
||||
|
||||
.block_content {
|
||||
color:#888888;
|
||||
padding:0 20px 20px;
|
||||
}
|
||||
|
||||
p {margin-bottom:4px;}
|
||||
|
||||
p.tel {
|
||||
font:400 17px/21px Arial, Helvetica, sans-serif;
|
||||
color:#fff;
|
||||
margin-bottom:6px;
|
||||
|
||||
i {
|
||||
font-size:25px;
|
||||
vertical-align:-2px;
|
||||
padding-right:10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,242 @@
|
||||
@import '../../_theme_variables';
|
||||
#enabled_filters {
|
||||
background:#484848;
|
||||
padding:16px 20px;
|
||||
margin-bottom:16px;
|
||||
|
||||
span.layered_subtitle {
|
||||
color:#fff;
|
||||
display:block;
|
||||
padding-bottom:11px;
|
||||
}
|
||||
|
||||
li {
|
||||
padding:1px 0;
|
||||
color:#9c9b9b;
|
||||
cursor:pointer;
|
||||
position:relative;
|
||||
|
||||
&:hover, &:hover a {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
a {
|
||||
position:absolute;
|
||||
top:1px;
|
||||
right:0;
|
||||
display:block;
|
||||
cursor: pointer;
|
||||
text-indent:0px;
|
||||
color:#888888;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
width:12px;
|
||||
height:12px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#layered_block_left {
|
||||
|
||||
.layered_subtitle_heading {
|
||||
border-bottom:1px solid $base-border-color;
|
||||
padding:0 12px 6px 0;
|
||||
margin-bottom:8px;
|
||||
font-weight:bold;
|
||||
position:relative;
|
||||
color:#333333;
|
||||
|
||||
.layered_close {
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:4px;
|
||||
height:14px;
|
||||
width:12px;
|
||||
|
||||
a {
|
||||
display:block;
|
||||
height:14px;
|
||||
width:12px;
|
||||
text-indent:-5000px;
|
||||
position:relativee;
|
||||
color:#d3d2d2;
|
||||
font-size:12px;
|
||||
line-height:14px;
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
display:block;
|
||||
text-indent:0;
|
||||
height:14px;
|
||||
width:12px;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0;
|
||||
font-family:'FontAwesome';
|
||||
vertical-align:1px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:$link-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.closed {
|
||||
|
||||
a {
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#layered_block_left {
|
||||
|
||||
label {font-weight:normal;}
|
||||
|
||||
.layered_filter_ul {
|
||||
padding:0 20px 5px;
|
||||
|
||||
li {
|
||||
padding-bottom:7px;
|
||||
.checker span, .radio span {top:0;}
|
||||
|
||||
label {
|
||||
margin-bottom:0;
|
||||
|
||||
a {
|
||||
font-weight:normal;
|
||||
|
||||
&:hover {color:#333;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#layered_block_left ul li label {cursor: pointer; display:inline;}
|
||||
|
||||
/* Style moved form the template to the css */
|
||||
/******************************************************************************
|
||||
Color List Style
|
||||
*******************************************************************************/
|
||||
#layered_block_left {
|
||||
|
||||
ul.color-group {
|
||||
padding-top:2px;
|
||||
overflow:hidden;
|
||||
|
||||
li {
|
||||
width:50%;
|
||||
float:left;
|
||||
line-height:15px;
|
||||
vertical-align:middle;
|
||||
padding-bottom:9px;
|
||||
|
||||
.color-option {
|
||||
border: 1px solid $base-border-color;
|
||||
height: 15px;
|
||||
margin-left: 0;
|
||||
margin-right:4px;
|
||||
padding: 0;
|
||||
width: 15px;
|
||||
@include box-shadow(rgba(white, 1) 0 0 1px 0px inset,rgba(white, 1) 0 0 0px 1px inset,rgba(white, 1) 0 0 0px 1px inset,rgba(white, 1) 0 0 1px 0px inset);
|
||||
|
||||
&.on {
|
||||
border-color:#000;
|
||||
}
|
||||
|
||||
&.disable {
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
-moz-opacity:0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#layered_block_left .nomargin a {
|
||||
display: inline;
|
||||
}
|
||||
/**************************************************************************************
|
||||
Layered Form Selects Styles
|
||||
***************************************************************************************/
|
||||
#layered_form {
|
||||
|
||||
.select {
|
||||
max-width: 230px;
|
||||
}
|
||||
}
|
||||
/**************************************************************************************
|
||||
Range Slider Styles
|
||||
***************************************************************************************/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
||||
background:#fbfbfb;
|
||||
border-color:#d6d4d4;
|
||||
@include border-radius(0px);
|
||||
width:15px;
|
||||
height:15px;
|
||||
|
||||
&.ui-state-hover {
|
||||
background:#555454;
|
||||
border-color:#333;
|
||||
}
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
background:#959595;
|
||||
border:none;
|
||||
}
|
||||
.ui-corner-all {
|
||||
@include border-radius(0px);
|
||||
background:#efefef;
|
||||
border:none;
|
||||
height:11px;
|
||||
}
|
||||
.ui-slider-horizontal .ui-slider-handle { top:-0.14em}
|
||||
.layered_price_range {
|
||||
margin-left: 7px;
|
||||
}
|
||||
/**************************************************************************************
|
||||
Range Input Styles
|
||||
***************************************************************************************/
|
||||
.layered_price_range_unit {
|
||||
margin-right: 7px;
|
||||
}
|
||||
.layered_slider_container {
|
||||
margin: 6px 0 6px 7px;
|
||||
}
|
||||
.layered_input_range_min, .layered_input_range_max {
|
||||
width:60px;
|
||||
display:inline;
|
||||
}
|
||||
.layered_list_selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
.layered_list {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.layered_list:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
.layered_ajax_loader p {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.hide-action {
|
||||
text-align: center;
|
||||
text-align: right;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.hide-action:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
@import '../../_theme_variables';
|
||||
#layered_block_left {
|
||||
|
||||
ul.layered_filter_ul {
|
||||
border-top:1px solid $base-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
#layered_block_left div.block_content {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
#layered_block_left ul {
|
||||
padding-left: 0;
|
||||
max-height: 120px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-left: 1px;
|
||||
padding-right: 1px;
|
||||
}
|
||||
|
||||
#layered_form > div > div {
|
||||
border-bottom: 1px dotted #CCCCCC;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#layered_block_left .hide-action {
|
||||
display: block;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
}
|
||||
#layered_block_left .hide-action:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#layered_block_left ul li {
|
||||
margin-left: 15px;
|
||||
padding-left: 2px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#layered_block_left #enabled_filters , #layered_url_filter_block {
|
||||
font-size: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Style moved form the template to the css */
|
||||
#layered_block_left ul li .disabled {
|
||||
color: #666;
|
||||
}
|
||||
.product_list .warning {
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
#layered_form .select {
|
||||
width: 165px;
|
||||
}
|
||||
#layered_block_left .color-option.disable {
|
||||
opacity: 0.5;
|
||||
filter:alpha(opacity=50);
|
||||
-moz-opacity:0.5;
|
||||
}
|
||||
#layered_form .color-option.on {
|
||||
border: 1px solid red;
|
||||
}
|
||||
#layered_form input[type=radio] {
|
||||
margin-left: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.layered_price_range {
|
||||
margin-left: 7px;
|
||||
}
|
||||
.layered_price_range_unit {
|
||||
margin-right: 7px;
|
||||
}
|
||||
.layered_slider_container {
|
||||
margin: 6px 0 6px 6px; width: 93%;
|
||||
}
|
||||
.layered_slider {
|
||||
margin-top:5px;
|
||||
}
|
||||
.layered_input_range_min {
|
||||
width:30px;
|
||||
}
|
||||
.layered_input_range_max {
|
||||
width:40px;
|
||||
}
|
||||
.layered_list_selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
.layered_ajax_loader p {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.hide-action {
|
||||
text-align: center;
|
||||
text-align: right;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.hide-action:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
@import '../../_theme_variables';
|
||||
/* Block newsletter */
|
||||
#columns #newsletter_block_left {
|
||||
|
||||
.form-group {
|
||||
margin-bottom:0;
|
||||
|
||||
.form-control {
|
||||
max-width:222px;
|
||||
display:inline-block;
|
||||
margin-right:6px;
|
||||
}
|
||||
}
|
||||
|
||||
.success_inline, .warning_inline {
|
||||
text-align:left;
|
||||
padding:1px 0 0 0;
|
||||
margin-bottom:-19px;
|
||||
}
|
||||
|
||||
.success_inline {
|
||||
color: #418B19;
|
||||
}
|
||||
|
||||
.warning_inline {
|
||||
color: #f13340;
|
||||
}
|
||||
}
|
||||
/* Block newsletter footer */
|
||||
#footer {
|
||||
|
||||
#newsletter_block_left {
|
||||
overflow:hidden;
|
||||
width:50%;
|
||||
float:left;
|
||||
padding:13px 15px 7px 15px;
|
||||
margin-bottom:0;
|
||||
|
||||
h4 {
|
||||
background:none;
|
||||
float:left;
|
||||
padding:7px 16px 5px 0;
|
||||
text-transform:none;
|
||||
font-size:21px;
|
||||
line-height:25px;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.block_content {overflow:hidden;}
|
||||
|
||||
.form-group {
|
||||
margin-bottom:0;
|
||||
|
||||
.form-control {
|
||||
height:45px;
|
||||
max-width:267px;
|
||||
background:#3c3c3c;
|
||||
border-color:#515151;
|
||||
color:#fff;
|
||||
padding:5px 43px 5px 12px;
|
||||
display:inline-block;
|
||||
|
||||
&:focus {
|
||||
@include box-shadow(black 0px 0px 0px);
|
||||
}
|
||||
}
|
||||
|
||||
.button-small {
|
||||
margin-left:-41px;
|
||||
border:none;
|
||||
background:none;
|
||||
text-align:center;
|
||||
color:#908f8f;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:'FontAwesome';
|
||||
font-size:28px;
|
||||
line-height:28px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:#fff !important;
|
||||
}
|
||||
|
||||
span{display:none;}
|
||||
}
|
||||
}
|
||||
|
||||
.warning_inline {
|
||||
display:inline-block;
|
||||
color:#f13340;
|
||||
font-size:13px;
|
||||
line-height:26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
@import '../../_theme_variables';
|
||||
/* block top search */
|
||||
#search_block_top {
|
||||
position:absolute;
|
||||
right: 420px;
|
||||
top: 50px;
|
||||
|
||||
.btn.button-search {
|
||||
background:#333;
|
||||
float: left;
|
||||
border:none;
|
||||
color:#fff;
|
||||
width:57px;
|
||||
text-align:center;
|
||||
padding:10px 0 11px 0;
|
||||
|
||||
span {display:none;}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
&:hover {color:#6f6f6f}
|
||||
}
|
||||
|
||||
#search_query_top {
|
||||
padding:0 13px;
|
||||
height:45px;
|
||||
width:271px;
|
||||
background:#fbfbfb;
|
||||
float: left;
|
||||
margin-right:1px;
|
||||
}
|
||||
}
|
||||
.ac_results {
|
||||
background:#fff;
|
||||
border:1px solid $base-border-color;
|
||||
width:271px;
|
||||
margin-top:-1px;
|
||||
|
||||
li {
|
||||
padding:0 10px;
|
||||
font-weight:normal;
|
||||
color:#686666;
|
||||
font-size:13px;
|
||||
line-height:22px;
|
||||
|
||||
&.ac_odd {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
&:hover, &.ac_over {
|
||||
background:#fbfbfb;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form#searchbox {
|
||||
label{
|
||||
color:#333;
|
||||
margin-bottom:1px
|
||||
}
|
||||
|
||||
input#search_query_block{
|
||||
border: 1px solid $base-border-color;
|
||||
height: 18px;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
input#search_button{padding: 1px 4px;}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
@import '../../_theme_variables';
|
||||
.tags_block {
|
||||
|
||||
.block_content {
|
||||
overflow:hidden;
|
||||
|
||||
a {
|
||||
display:inline-block;
|
||||
font-size:13px;
|
||||
line-height:16px;
|
||||
font-weight:bold;
|
||||
padding:4px 9px 5px 9px;
|
||||
border:1px solid $base-border-color;
|
||||
float:left;
|
||||
margin:0 3px 3px 0;
|
||||
|
||||
&:hover {
|
||||
color:#333;
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
@import '../../../_theme_variables';
|
||||
/*** ESSENTIAL STYLES ***/
|
||||
.sf-contener {
|
||||
clear:both;
|
||||
}
|
||||
.sf-right {
|
||||
}
|
||||
.sf-menu, .sf-menu * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.sf-menu {
|
||||
margin: 50px 0 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
.sf-menu ul {
|
||||
position: absolute;
|
||||
top: -999em;
|
||||
width: 10em; /* left offset of submenus need to match (see below) */
|
||||
background: #fff;
|
||||
}
|
||||
.sf-menu ul li {
|
||||
width: 100%;
|
||||
}
|
||||
.sf-menu li:hover {
|
||||
visibility: inherit; /* fixes IE7 'sticky bug' */
|
||||
}
|
||||
.sf-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.sf-menu > li {
|
||||
float: left;
|
||||
border-right: 1px solid #d6d4d4;
|
||||
margin-bottom: -3px;
|
||||
|
||||
> a {
|
||||
font: 600 18px/22px 'Open Sans', sans-serif;
|
||||
text-transform: uppercase;
|
||||
color: #484848;
|
||||
display: block;
|
||||
padding: 17px 20px;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce a {
|
||||
background: #333;
|
||||
border-bottom-color: #666666;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.sf-menu li li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
color: #777777;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
font-weight: bold;
|
||||
padding-bottom: 10px;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
font-family: "FontAwesome";
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
.sf-menu li ul {
|
||||
display: none;
|
||||
left: 0;
|
||||
top: 59px; /* match top ul list item height */
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
padding: 25px 30px;
|
||||
@include box-shadow(rgba(black, 0.20) 0px 5px 13px);
|
||||
}
|
||||
ul.sf-menu li:hover li ul,
|
||||
ul.sf-menu li.sfHover li ul {
|
||||
top: -999em;
|
||||
}
|
||||
ul.sf-menu li li:hover ul,
|
||||
ul.sf-menu li li.sfHover ul {
|
||||
left: 200px; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
ul.sf-menu li li:hover li ul,
|
||||
ul.sf-menu li li.sfHover li ul {
|
||||
top: -999em;
|
||||
}
|
||||
ul.sf-menu li li li:hover ul,
|
||||
ul.sf-menu li li li.sfHover ul {
|
||||
left: 200px; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
/* block top user information */
|
||||
#header_right {
|
||||
|
||||
#header_user {
|
||||
|
||||
clear:both;
|
||||
float: right;
|
||||
margin-top:50px;
|
||||
|
||||
#shopping_cart {
|
||||
|
||||
a {
|
||||
padding:7px 10px 14px 16px;
|
||||
background:#333333;
|
||||
min-width: 270px;/* 200 */
|
||||
display:block;
|
||||
font-weight:bold;
|
||||
color:#777777;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
|
||||
b {
|
||||
color:#fff;
|
||||
font:600 18px/22px 'Open Sans', sans-serif;
|
||||
padding-right:5px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:"FontAwesome";
|
||||
display:inline-block;
|
||||
font-size:23px;
|
||||
line-height:23px;
|
||||
color:#fff;
|
||||
padding-right:15px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:"FontAwesome";
|
||||
display:inline-block;
|
||||
float:right;
|
||||
font-size:18px;
|
||||
color:#686666;
|
||||
padding:6px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ajax_cart_total { display:none !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/* Block Viewed Products */
|
||||
#viewed-products_block_left {
|
||||
|
||||
li.last_item {
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
border-bottom:none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
@import '../../_theme_variables';
|
||||
/* module blockwishlist */
|
||||
|
||||
/* lnk on detail product page */
|
||||
#primary_block #wishlist_button {
|
||||
font-weight:bold;
|
||||
|
||||
&:before{
|
||||
content:"";
|
||||
font-family:FontAwesome;
|
||||
color:#fff;
|
||||
font-size:15px;
|
||||
line-height:31px;
|
||||
border-radius:50px;
|
||||
-moz-border-radius:50px;
|
||||
-webkit-border-radius:50px;
|
||||
background:#929292;width:30px;
|
||||
font-weight:normal;
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
height:30px;
|
||||
margin-right:6px
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* bt add */
|
||||
.add_wishlist_button a {padding:5px 7px 5px 18px}
|
||||
.add_wishlist_button a span {
|
||||
z-index:10;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:-1px;
|
||||
left:-12px;
|
||||
height:26px;
|
||||
width:26px;
|
||||
background:url(img/icon/pict_add_wishlist.png) no-repeat 0 0 transparent
|
||||
}
|
||||
|
||||
/* block */
|
||||
#wishlist_block {
|
||||
|
||||
#wishlist_block_list {
|
||||
margin-bottom:20px;
|
||||
|
||||
dl {
|
||||
font-weight:normal;
|
||||
|
||||
&.products.no-products {
|
||||
font-weight:bold;
|
||||
padding-bottom:15px;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
|
||||
dt {
|
||||
padding-top:0px;
|
||||
border-top:none;
|
||||
}
|
||||
}
|
||||
|
||||
&.products {
|
||||
border-bottom:1px solid $base-border-color;
|
||||
|
||||
dt {
|
||||
padding-top:20px;
|
||||
border-top:1px solid $base-border-color;
|
||||
}
|
||||
|
||||
dd {
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
dt.first_item {
|
||||
padding-top:0px;
|
||||
border-top:none;
|
||||
}
|
||||
}
|
||||
dt {
|
||||
position:relative;
|
||||
padding-right:0px;
|
||||
}
|
||||
dd{margin-left:24px;}
|
||||
}
|
||||
}
|
||||
|
||||
.lnk {
|
||||
|
||||
.form-group {
|
||||
margin-bottom:20px;
|
||||
|
||||
select {
|
||||
max-width:192px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ajax_cart_block_remove_link {
|
||||
font-size:14px;
|
||||
line-height:14px;
|
||||
color:#d3d2d2;
|
||||
width:14px;
|
||||
height:14px;
|
||||
float:right;
|
||||
|
||||
&:hover {
|
||||
color:$link-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.cart_block_product_name {
|
||||
width:85%;
|
||||
display:inline-block;
|
||||
font-weight:bold
|
||||
}
|
||||
|
||||
.quantity-formated {
|
||||
float:left;
|
||||
margin-right:5px;
|
||||
width:15px
|
||||
}
|
||||
}
|
||||
#wishlist_block_list .price {
|
||||
float:right
|
||||
}
|
||||
|
||||
/* page in my account ************************************************************************* */
|
||||
#mywishlist td.wishlist_delete a {
|
||||
font-size:15px;
|
||||
}
|
||||
/* wishlistLinkTop */
|
||||
#module-blockwishlist-mywishlist #block-order-detail #hideSendWishlist {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop {}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list {
|
||||
border-bottom:1px dotted #ccc;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop li {float:left}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop .display_list li a {
|
||||
display:inline-block;
|
||||
padding:7px 11px 5px 22px;
|
||||
color: #333;
|
||||
background:url(img/arrow_right_2.png) no-repeat 10px 10px transparent
|
||||
}
|
||||
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop #hideSendWishlist {
|
||||
float:right;
|
||||
}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop #showBoughtProducts,
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop #hideBoughtProductsInfos {display:none}
|
||||
|
||||
/* wlp_bought ****************************************** */
|
||||
|
||||
/* wlp_bought_list */
|
||||
ul.wlp_bought_list li .inner-content {
|
||||
position:relative;
|
||||
}
|
||||
ul.wlp_bought_list li .lnkdel {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5px;
|
||||
display:block;
|
||||
height:12px;
|
||||
width:12px;
|
||||
text-indent:-5000px;
|
||||
background: url(img/icon/delete.gif) no-repeat 0 0
|
||||
}
|
||||
@@ -0,0 +1,87 @@
|
||||
#compare_shipping {
|
||||
|
||||
.form-group {
|
||||
line-height:normal;
|
||||
margin-bottom:10px;
|
||||
|
||||
label {margin-bottom:6px;}
|
||||
|
||||
.form-control {
|
||||
width:263px;
|
||||
}
|
||||
|
||||
&.last {
|
||||
margin-bottom:20px;
|
||||
input {margin-bottom:3px;}
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
background:#fff;
|
||||
|
||||
thead {
|
||||
|
||||
tr {
|
||||
|
||||
th {
|
||||
background:#fff;
|
||||
padding:4px 10px 3px 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody {
|
||||
|
||||
td {
|
||||
margin:0;
|
||||
|
||||
&.carrier_action {
|
||||
width:54px;
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
text-align:center;
|
||||
|
||||
input {
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#availableCarriers {
|
||||
|
||||
.table {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
}
|
||||
#compare_shipping ul#carriercompare_errors_list {
|
||||
color: red;
|
||||
}
|
||||
#compare_shipping_form { padding-bottom:20px;}
|
||||
#compare_shipping ul#carriercompare_errors_list li {
|
||||
margin-left: 30px;
|
||||
text-decoration: none;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#SE_AjaxDisplay
|
||||
{
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#SE_AjaxDisplay img
|
||||
{
|
||||
width: 15px;
|
||||
}
|
||||
.SE_SubmitRefreshCard {
|
||||
|
||||
button {
|
||||
float:left;
|
||||
|
||||
&#carriercompare_submit {
|
||||
margin-right:10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#carriercompare_errors {display:none;}
|
||||
@@ -0,0 +1,56 @@
|
||||
#favoriteproducts_block_account .favoriteproduct {
|
||||
position:relative;
|
||||
margin-bottom: 14px;
|
||||
padding: 12px 8px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
.favoriteproduct a.product_img_link {
|
||||
border: 1px solid #CCCCCC;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 14px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.favoriteproduct p.product_desc {
|
||||
line-height: 16px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.favoriteproduct .remove {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
right:10px
|
||||
}
|
||||
.favoriteproduct .remove .icon {cursor:pointer}
|
||||
|
||||
|
||||
/* lnk fiche produit */
|
||||
|
||||
#usefull_link_block li#favoriteproducts_block_extra_add {
|
||||
padding-left:20px;
|
||||
background:url(img/add_favorite.gif) no-repeat 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#usefull_link_block li#favoriteproducts_block_extra_remove {
|
||||
padding-left:20px;
|
||||
background:url(img/del_favorite.gif) no-repeat 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
ul#usefull_link_block li#favoriteproducts_block_extra_added {
|
||||
padding-left:20px;
|
||||
background:url(img/add_favorite.gif) no-repeat 0 0;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
ul#usefull_link_block li#favoriteproducts_block_extra_removed {
|
||||
padding-left:20px;
|
||||
background:url(img/add_favorite.gif) no-repeat 0 0;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,210 @@
|
||||
/**
|
||||
* BxSlider v4.0 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2012
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/******************************************************************************
|
||||
Home Page Slider
|
||||
*******************************************************************************/
|
||||
#homepage-slider {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
padding-top:30px;
|
||||
margin-bottom:30px;
|
||||
max-width:779px;
|
||||
}
|
||||
/*****************************************************************************
|
||||
BXSlider Styles
|
||||
********************************************************************************/
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
|
||||
a {display:block;}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height:auto;
|
||||
}
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
.bx-wrapper {
|
||||
|
||||
.bx-viewport {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #666;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url(images/controls.png) no-repeat 0 -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url(images/controls.png) no-repeat -43px -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 781 B |
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
Binary file not shown.
|
After Width: | Height: | Size: 155 B |
Binary file not shown.
|
After Width: | Height: | Size: 413 B |
Binary file not shown.
|
After Width: | Height: | Size: 670 B |
Binary file not shown.
|
After Width: | Height: | Size: 752 B |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 500 B |
Binary file not shown.
|
After Width: | Height: | Size: 661 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,264 @@
|
||||
@import '_theme_variables';
|
||||
|
||||
#product_comments_block_extra {
|
||||
padding:8px 10px 10px;
|
||||
font-weight: bold;
|
||||
line-height:18px;
|
||||
border:1px solid #d6d4d4;
|
||||
background:#fbfbfb;
|
||||
margin:39px 0 22px
|
||||
}
|
||||
.comments_advices {
|
||||
padding-top:2px;
|
||||
|
||||
li{display:inline-block;
|
||||
line-height:30px;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
display:block;
|
||||
line-height:20px
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color:#777;
|
||||
position:relative;
|
||||
margin-right:8px;
|
||||
line-height:30px;
|
||||
padding:0;
|
||||
display:inline-block;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md-max) {
|
||||
float:none;
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
background:#929292;
|
||||
border-radius:50px;
|
||||
-moz-border-radius:50px;
|
||||
-webkit-border-radius:50px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-right: 6px;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
|
||||
/*max 1199px*/
|
||||
@media (max-width: $screen-md-max) {
|
||||
display:none
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
a.reviews:before{content:""}
|
||||
a.open-comment-form:before{content:""}
|
||||
a:hover {color:#333}
|
||||
a.reviews{
|
||||
border-right:1px solid #d6d4d4;
|
||||
padding-right:30px;
|
||||
margin-right:9px;
|
||||
|
||||
/* min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
margin-right:0;
|
||||
padding:0;
|
||||
border:none
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#product_comments_block_extra{
|
||||
.comments_note {margin-bottom:5px}
|
||||
#product_comments_block_extra .comments_note span,
|
||||
.star_content {float:left;color:#333}
|
||||
.star_content {margin-top:1px}
|
||||
div.star {background: url(img/star.gif) no-repeat 0 0}
|
||||
div.star_on {background: url(img/star.gif) no-repeat 0 -13px}
|
||||
.comments_advices {clear:both;}
|
||||
}
|
||||
|
||||
|
||||
/* pop-in add grade/advice ********************************************************************* */
|
||||
#fancybox-wrap { width:585px }
|
||||
#fancybox-content {
|
||||
width:585px;
|
||||
border-width:0
|
||||
}
|
||||
.new_comment_form_content .intro_form {
|
||||
padding-bottom: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
#new_comment_form {
|
||||
width:465px;
|
||||
overflow:hidden;
|
||||
color: #333;
|
||||
text-align: left;
|
||||
|
||||
/*max 767px*/
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:275px;
|
||||
}
|
||||
|
||||
h2{margin-bottom:10px}
|
||||
.title {
|
||||
padding:10px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
background: #333
|
||||
}
|
||||
|
||||
ul.grade_content {list-style-type:none}
|
||||
.grade_content li {width:50%}
|
||||
.product {padding:15px}
|
||||
.product img {
|
||||
border: $main_border;
|
||||
}
|
||||
.product .product_desc {
|
||||
line-height:18px;
|
||||
color:#666
|
||||
}
|
||||
.product .product_desc .product_name {
|
||||
padding:10px 0 5px;
|
||||
font-size:13px;
|
||||
color:#000
|
||||
}
|
||||
|
||||
.grade_content {margin:0 0 20px 0}
|
||||
.grade_content span,
|
||||
.grade_content span {
|
||||
display:inline-block;
|
||||
padding:0 10px;
|
||||
width:150px;/* 160 */
|
||||
font-weight:bold
|
||||
}
|
||||
.grade_content .cancel {margin-right:5px}
|
||||
.new_comment_form_content {
|
||||
padding:15px;
|
||||
background:#f8f8f8
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin:12px 0 4px 0;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
input,
|
||||
textarea {
|
||||
padding: 0 5px;
|
||||
height: 28px;
|
||||
width: 100%;
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
textarea {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top:20px;
|
||||
padding:0;
|
||||
font-size:13px;
|
||||
text-align:right
|
||||
}
|
||||
|
||||
#criterions_list {
|
||||
border-bottom: 1px solid #CCC;
|
||||
padding-bottom: 15px;
|
||||
list-style-type: none;
|
||||
}
|
||||
#criterions_list li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#criterions_list label {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
||||
#criterions_list .star_content {
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
||||
#new_comment_form_footer {
|
||||
margin-top: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
/* TAB COMMENTS ******************************************************************************** */
|
||||
#product_comments_block_tab {margin:0 0 20px 0;
|
||||
|
||||
div.comment {
|
||||
margin:0 0 14px;
|
||||
padding-top:14px;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
}
|
||||
|
||||
div.comment:first-child{padding:0;border:none}
|
||||
div.comment div.comment_author {
|
||||
padding:0 20px;
|
||||
line-height:18px
|
||||
}
|
||||
div.comment div.comment_author span {font-weight:bold;}
|
||||
div.comment div.comment_author span,
|
||||
div.comment .star_content {
|
||||
float:left;
|
||||
}
|
||||
div.comment .star_content {margin: 0 0 0 5px}
|
||||
div.star,
|
||||
div.star_on {
|
||||
background: url(img/star.gif) no-repeat 0 0 transparent
|
||||
}
|
||||
div.star_on {background-position: 0 -13px}
|
||||
.comment_author_infos {clear:both;
|
||||
padding-top:9px;
|
||||
strong{display:block;color:#333}
|
||||
em {color:#adadad}
|
||||
|
||||
}
|
||||
div.comment div.comment_details {
|
||||
|
||||
overflow:hidden;
|
||||
border-left:$main_border;
|
||||
|
||||
/*max 767px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
border-left: none
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
div.comment_details ul {
|
||||
list-style-type:none;
|
||||
margin:0
|
||||
}
|
||||
div.comment_details li {
|
||||
padding:2px 0 2px 12px;
|
||||
background:url(img/bg_li.png) no-repeat 1px 45% #fff
|
||||
}
|
||||
div.comment_details .title_block{text-transform:capitalize}
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
span.report_btn {cursor: pointer}
|
||||
span.report_btn:hover {text-decoration:underline}
|
||||
|
||||
}
|
||||
|
||||
.fl { float: left; }
|
||||
.fr { float: right; }
|
||||
@@ -0,0 +1,47 @@
|
||||
@import '_theme_variables';
|
||||
|
||||
h2.productscategory_h2 {
|
||||
margin:40px 0 20px 0;
|
||||
padding:10px 0;
|
||||
border-bottom:1px solid #ccc;
|
||||
font-size:18px;
|
||||
color:#333
|
||||
}
|
||||
|
||||
#productscategory {overflow:auto;
|
||||
margin-left:-10px; }
|
||||
|
||||
#productscategory_list {
|
||||
|
||||
overflow: hidden;
|
||||
ul {
|
||||
list-style-type:none;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
li a.lnk_img {display:block}
|
||||
}
|
||||
|
||||
#productscategory_noscroll {
|
||||
height: 220px;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#productscategory_scroll_left, #productscategory_scroll_right {
|
||||
background: url('img/thumbs_left.gif') no-repeat center;
|
||||
text-indent: -3000px;
|
||||
display: block;
|
||||
width: 9px;
|
||||
height: 18px;
|
||||
float: left;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#productscategory_scroll_right { background-image: url('img/thumbs_right.gif'); }
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
#productscategory_list li {
|
||||
margin: 0 7px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
#stripe-payment-form {
|
||||
line-height:20px;
|
||||
padding-bottom:7px;
|
||||
|
||||
.form-group {
|
||||
margin-bottom:5px;
|
||||
|
||||
input.stripe-card-number { width: 263px; }
|
||||
}
|
||||
|
||||
.block-left {
|
||||
float:left;
|
||||
width:188px;
|
||||
|
||||
.form-control {
|
||||
width:72px;
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
a {margin-top:5px;}
|
||||
}
|
||||
|
||||
img.cc-icon {
|
||||
float: left;
|
||||
margin-right:10px;
|
||||
}
|
||||
.stripe-card-cvc-info {
|
||||
display:inline-block;
|
||||
position: relative;
|
||||
font-style:italic;
|
||||
text-decoration:underline;
|
||||
|
||||
&:hover {text-decoration:none;}
|
||||
}
|
||||
.stripe-card-expiry-year.form-control, .stripe-card-expiry-month.form-control {float:left;}
|
||||
.stripe-card-expiry-year.form-control {width:68px;}
|
||||
.stripe-card-expiry-month.form-control {
|
||||
width:115px;
|
||||
margin-right:10px;
|
||||
}
|
||||
.stripe-line {margin-bottom:11px;}
|
||||
.ckeckbox {
|
||||
margin-bottom:11px;
|
||||
|
||||
label {font-weight:normal;}}
|
||||
}
|
||||
a.stripe-card-cvc-info div.cvc-info {
|
||||
background-color: #BDE5F8;
|
||||
border: #00529B solid 1px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #00529B!important;
|
||||
display: none;
|
||||
font-style: normal;
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
right: -320px; top: -10px;
|
||||
text-decoration: none;
|
||||
width: 300px;
|
||||
}
|
||||
a.stripe-card-cvc-info:hover div.cvc-info { display: block; }
|
||||
div.cvc-info:hover { cursor: default; }
|
||||
img.disable { opacity: 0.3; }
|
||||
img.enable { opacity: 1; }
|
||||
#stripe-payment-form-cc .stripe-submit-button-cc { margin-left: 5px; }
|
||||
#stripe-payment-form-cc a { display: inline; font-size: 11px; text-decoration: underline; }
|
||||
div.stripe-payment-errors {
|
||||
margin: 0 0 10px 0;
|
||||
padding: 10px;
|
||||
border: 1px solid #900;
|
||||
font-size: 13px;
|
||||
background: #FCC;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.stripe-card-deleted {
|
||||
margin: 0 0 10px 0;
|
||||
padding: 10px;
|
||||
border: 1px solid #ade27d;
|
||||
font-size: 13px;
|
||||
background: #d3ffab;
|
||||
display: none;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
#stripe-translations, #stripe-ajax-loader { display: none; }
|
||||
#stripe_save_token { vertical-align: top; }
|
||||
a#stripe_error { display: none; }
|
||||
#stripe-payment-form input, #stripe-payment-form select { margin-left: 0; }
|
||||
#stripe-replace-card, #stripe-delete-card { border: none; padding: 0; cursor: pointer; }
|
||||
Reference in New Issue
Block a user