tm theme
This commit is contained in:
TMMeilleur
@@ -65,10 +65,10 @@
|
||||
}
|
||||
|
||||
dd {
|
||||
padding:10px 20px;
|
||||
position:relative;
|
||||
|
||||
li {
|
||||
padding:10px 20px;
|
||||
|
||||
.deleteCustomizableProduct {
|
||||
top:12px !important;
|
||||
@@ -123,7 +123,7 @@
|
||||
display:none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 132px;
|
||||
top: 95px;
|
||||
height: auto;
|
||||
width: 270px;
|
||||
background:#484848;
|
||||
@@ -181,7 +181,8 @@
|
||||
}
|
||||
#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 {
|
||||
#cart_block #cart_block_total,
|
||||
#cart_block #cart_block_wrapping_cost {
|
||||
float:right
|
||||
}
|
||||
#cart_block table#vouchers {
|
||||
@@ -241,18 +242,28 @@
|
||||
|
||||
.layer_cart_product {
|
||||
padding:30px 30px 30px 30px;
|
||||
overflow:hidden;
|
||||
position:static;
|
||||
|
||||
h2 {
|
||||
font:400 23px/29px Arial, Helvetica, sans-serif;
|
||||
color:#46a74e;
|
||||
margin-bottom:22px;
|
||||
padding-right:100px;
|
||||
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
font-size:18px;
|
||||
padding-right:0;
|
||||
line-height:normal;
|
||||
}
|
||||
i {
|
||||
font-size:30px;
|
||||
line-height:30px;
|
||||
float:left;
|
||||
padding-right:8px;
|
||||
padding-right:8px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
font-size:22px;
|
||||
line-height:22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -262,6 +273,11 @@
|
||||
padding:5px;
|
||||
float:left;
|
||||
margin-right:30px;
|
||||
@media (max-width:$screen-xs) { // max 480px
|
||||
float:none;
|
||||
margin-right:0;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
}
|
||||
|
||||
.layer_cart_product_info {
|
||||
@@ -282,10 +298,21 @@
|
||||
.layer_cart_cart {
|
||||
background:#fafafa;
|
||||
border-left:1px solid $base-border-color;
|
||||
padding:21px 30px 90px 30px;
|
||||
padding:21px 30px 170px 30px;
|
||||
@include border-radius(0px 4px 4px 0px);
|
||||
min-height:318px;
|
||||
position:relative;
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
min-height:318px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
min-height:360px;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
border-left:none;
|
||||
border-top:1px solid $base-border-color;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font:400 23px/29px Arial, Helvetica, sans-serif;
|
||||
@@ -293,6 +320,9 @@
|
||||
border-bottom:1px solid $base-border-color;
|
||||
padding-bottom:13px;
|
||||
margin-bottom:17px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
font-size:18px;
|
||||
}
|
||||
}
|
||||
|
||||
.layer_cart_row {
|
||||
@@ -317,27 +347,27 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.cross {
|
||||
position:absolute;
|
||||
right:7px;
|
||||
top:8px;
|
||||
width:25px;
|
||||
height:25px;
|
||||
cursor:pointer;
|
||||
color:#333;
|
||||
z-index:2;
|
||||
|
||||
.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;
|
||||
}
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-size:25px;
|
||||
line-height:25px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:$link-hover-color;
|
||||
}
|
||||
}
|
||||
.continue {
|
||||
@@ -347,16 +377,92 @@
|
||||
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;
|
||||
/************************************************************************
|
||||
Layer Cart Caroucel
|
||||
*************************************************************************/
|
||||
#layer_cart {
|
||||
.crossseling {
|
||||
.crossseling-content {
|
||||
border-top:1px solid $base-border-color;
|
||||
padding:26px 30px 40px 30px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font:400 23px/26px Arial, Helvetica, sans-serif;
|
||||
color:#333333;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
#blockcart_list {
|
||||
max-width: 773px;
|
||||
width:84%;
|
||||
margin:0 auto;
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 178px;
|
||||
margin:0 0px 0 0;
|
||||
|
||||
.product-image-container {
|
||||
border:1px solid $base-border-color;
|
||||
text-align:center;
|
||||
padding:5px;
|
||||
margin-bottom:15px;
|
||||
|
||||
img {width:100%;}
|
||||
}
|
||||
|
||||
.product-name {
|
||||
padding-bottom:5px;
|
||||
|
||||
a {font-size:15px; line-height:20px;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.bx-prev, a.bx-next {
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-size:20px;
|
||||
line-height:20px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
color:#333;
|
||||
text-indent:-5000px;
|
||||
position:absolute;
|
||||
top:45%;
|
||||
margin-top:-20px;
|
||||
|
||||
&:after {
|
||||
display:block;
|
||||
text-indent:0;
|
||||
}
|
||||
&:hover {color:#c0c0c0;}
|
||||
&.disabled {display:none;}
|
||||
}
|
||||
|
||||
a.bx-prev {
|
||||
left:5%;
|
||||
|
||||
&:after {content:"";}
|
||||
}
|
||||
|
||||
a.bx-next {
|
||||
right:5%;
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
|
||||
.bx-controls {
|
||||
overflow:hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -24,20 +24,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 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 {
|
||||
|
||||
@@ -75,10 +61,12 @@
|
||||
border-top:none;
|
||||
}
|
||||
}
|
||||
|
||||
dt {
|
||||
position:relative;
|
||||
padding-right:0px;
|
||||
}
|
||||
|
||||
dd{margin-left:24px;}
|
||||
}
|
||||
}
|
||||
@@ -124,26 +112,34 @@
|
||||
}
|
||||
|
||||
/* page in my account ************************************************************************* */
|
||||
#mywishlist td.wishlist_delete a {
|
||||
font-size:15px;
|
||||
#mywishlist {
|
||||
td.wishlist_delete a {
|
||||
font-size:15px;
|
||||
}
|
||||
}
|
||||
/* wishlistLinkTop */
|
||||
#module-blockwishlist-mywishlist #block-order-detail #hideSendWishlist {
|
||||
display:inline-block;
|
||||
#module-blockwishlist-mywishlist {
|
||||
#block-order-detail #hideSendWishlist {
|
||||
display:inline-block;
|
||||
}
|
||||
}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list {
|
||||
border-bottom:1px solid $base-border-color;
|
||||
margin-bottom:20px;
|
||||
|
||||
a {
|
||||
display:inline-block;
|
||||
color: #333;
|
||||
margin:10px 10px 10px 0px;
|
||||
font-weight:bold;
|
||||
|
||||
&:hover {
|
||||
color:$link-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#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;
|
||||
@@ -154,16 +150,56 @@
|
||||
/* wlp_bought ****************************************** */
|
||||
|
||||
/* wlp_bought_list */
|
||||
ul.wlp_bought_list li .inner-content {
|
||||
position:relative;
|
||||
ul.wlp_bought_list li {
|
||||
margin-bottom:30px;
|
||||
|
||||
.inner-content {
|
||||
}
|
||||
|
||||
.product_image {
|
||||
padding:9px;
|
||||
border:1px solid $base-border-color;
|
||||
margin-bottom:20px;
|
||||
max-width:270px;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
margin-bottom:10px;
|
||||
padding-right:20px;
|
||||
|
||||
small {
|
||||
display:block;
|
||||
font-size:11px;
|
||||
|
||||
a {
|
||||
font-size:11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product_infos {
|
||||
position:relative;
|
||||
}
|
||||
.btn_action .btn {margin-bottom:10px;}
|
||||
/*> 992px*/
|
||||
@media (min-width: $screen-md) {
|
||||
&.first-in-line {clear:left;}
|
||||
}
|
||||
/*768px x 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
&.first-item-of-tablet-line {clear:left;}
|
||||
}
|
||||
}
|
||||
.wishlistLinkTop {
|
||||
|
||||
.submit {
|
||||
margin-bottom:30px;
|
||||
}
|
||||
}
|
||||
ul.wlp_bought_list li .lnkdel {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5px;
|
||||
top:0px;
|
||||
right:0px;
|
||||
display:block;
|
||||
height:12px;
|
||||
width:12px;
|
||||
text-indent:-5000px;
|
||||
background: url(img/icon/delete.gif) no-repeat 0 0
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
@import '_theme_variables';
|
||||
@@ -18,16 +18,23 @@
|
||||
#homepage-slider {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
padding-top:30px;
|
||||
margin-bottom:30px;
|
||||
padding-top:29px;
|
||||
margin-bottom:35px;
|
||||
max-width:779px;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
|
||||
#homeslider {
|
||||
margin:0 auto;
|
||||
padding:0;
|
||||
}
|
||||
}
|
||||
/*****************************************************************************
|
||||
BXSlider Styles
|
||||
********************************************************************************/
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
#homepage-slider {
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
@@ -38,7 +45,6 @@
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height:auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -110,32 +116,68 @@
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url(images/controls.png) no-repeat 0 -32px;
|
||||
right: 60px;
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
bottom: 10px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
border:2px solid #fff;
|
||||
|
||||
&:before {
|
||||
height:48px;
|
||||
width:48px;
|
||||
display:block;
|
||||
background:#fff;
|
||||
content:".";
|
||||
opacity:0.14;
|
||||
text-indent:-9999px;
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display:block;
|
||||
width:48px;
|
||||
height:48px;
|
||||
color:#fff;
|
||||
text-indent:0;
|
||||
text-align:center;
|
||||
font-size:21px;
|
||||
font-family:"FontAwesome";
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:2;
|
||||
padding:16px 0 0 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
&:before {
|
||||
background:#333;
|
||||
opacity:0.83;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
@@ -208,3 +250,4 @@
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 781 B |
Binary file not shown.
|
Before Width: | Height: | Size: 314 B |
Binary file not shown.
|
Before Width: | Height: | Size: 155 B |
Binary file not shown.
|
Before Width: | Height: | Size: 413 B |
Binary file not shown.
|
Before Width: | Height: | Size: 670 B |
Binary file not shown.
|
Before Width: | Height: | Size: 752 B |
Binary file not shown.
|
Before Width: | Height: | Size: 715 B |
Binary file not shown.
|
Before Width: | Height: | Size: 500 B |
Binary file not shown.
|
Before Width: | Height: | Size: 661 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -79,11 +79,11 @@ padding-top:2px;
|
||||
|
||||
#product_comments_block_extra{
|
||||
.comments_note {margin-bottom:5px}
|
||||
#product_comments_block_extra .comments_note span,
|
||||
.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}
|
||||
div.star {background: url(img/star.png) no-repeat 0 0}
|
||||
div.star_on {background: url(img/star.png) no-repeat 0 -13px}
|
||||
.comments_advices {clear:both;}
|
||||
}
|
||||
|
||||
@@ -220,7 +220,7 @@ padding-top:2px;
|
||||
div.comment .star_content {margin: 0 0 0 5px}
|
||||
div.star,
|
||||
div.star_on {
|
||||
background: url(img/star.gif) no-repeat 0 0 transparent
|
||||
background: url(img/star.png) no-repeat 0 0
|
||||
}
|
||||
div.star_on {background-position: 0 -13px}
|
||||
.comment_author_infos {clear:both;
|
||||
@@ -246,8 +246,15 @@ padding-top:2px;
|
||||
margin:0
|
||||
}
|
||||
div.comment_details li {
|
||||
padding:2px 0 2px 12px;
|
||||
background:url(img/bg_li.png) no-repeat 1px 45% #fff
|
||||
padding:2px 0 2px;
|
||||
&:before{
|
||||
font-family:$font1;
|
||||
content:"";
|
||||
color:#333;
|
||||
margin-right:8px
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
div.comment_details .title_block{text-transform:capitalize}
|
||||
a {
|
||||
|
||||
@@ -1,47 +0,0 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '../../_theme_variables';
|
||||
#stripe-payment-form {
|
||||
line-height:20px;
|
||||
padding-bottom:7px;
|
||||
@@ -5,7 +6,7 @@
|
||||
.form-group {
|
||||
margin-bottom:5px;
|
||||
|
||||
input.stripe-card-number { width: 263px; }
|
||||
input.stripe-card-number { max-width: 263px; }
|
||||
}
|
||||
|
||||
.block-left {
|
||||
@@ -33,17 +34,26 @@
|
||||
|
||||
&:hover {text-decoration:none;}
|
||||
}
|
||||
.stripe-card-expiry-year.form-control, .stripe-card-expiry-month.form-control {float:left;}
|
||||
#uniform-month, .stripe-card-expiry-year.form-control, #uniform-year, .stripe-card-expiry-month.form-control {float:left;}
|
||||
.stripe-card-expiry-year.form-control {width:68px;}
|
||||
.stripe-card-expiry-month.form-control {
|
||||
#uniform-month, .stripe-card-expiry-month.form-control {
|
||||
width:115px;
|
||||
margin-right:10px;
|
||||
}
|
||||
.stripe-line {margin-bottom:11px;}
|
||||
.stripe-line {
|
||||
margin-bottom:11px;
|
||||
|
||||
.form-group {
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
clear:left;
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ckeckbox {
|
||||
margin-bottom:11px;
|
||||
|
||||
label {font-weight:normal;}}
|
||||
.checker {float:left; span {top:2px;}}
|
||||
label {font-weight:normal; cursor:pointer; color:#777777}}
|
||||
}
|
||||
a.stripe-card-cvc-info div.cvc-info {
|
||||
background-color: #BDE5F8;
|
||||
|
||||
Reference in New Issue
Block a user