tm theme
This commit is contained in:
TMMeilleur committed
1 parent
ff2954b1d2
commit
68a98b29a6
141 files changed
+8112
-4912
No files matched your search
@@ -5,14 +5,14 @@
|
||||
.label {
|
||||
display: inline;
|
||||
padding: .2em .6em .3em;
|
||||
font-size: 75%;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
color: $label-color;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
border-radius: 0;
|
||||
|
||||
// Add hover effects, but only for links
|
||||
&[href] {
|
||||
@@ -43,6 +43,7 @@
|
||||
|
||||
.label-success {
|
||||
@include label-variant($label-success-bg);
|
||||
border:1px solid $label-success-border;
|
||||
}
|
||||
|
||||
.label-info {
|
||||
@@ -51,6 +52,7 @@
|
||||
|
||||
.label-warning {
|
||||
@include label-variant($label-warning-bg);
|
||||
border:1px solid $label-warning-border;
|
||||
}
|
||||
|
||||
.label-danger {
|
||||
|
||||
@@ -19,7 +19,7 @@ $gray-lighter: lighten(#000, 93.5%) !default; // #eee
|
||||
// -------------------------
|
||||
|
||||
$brand-primary: #428bca !default;
|
||||
$brand-success: #5cb85c !default;
|
||||
$brand-success: #46a74e !default;
|
||||
$brand-warning: #f0ad4e !default;
|
||||
$brand-danger: #d9534f !default;
|
||||
$brand-info: #5bc0de !default;
|
||||
@@ -48,7 +48,7 @@ $font-size-base: 13px !default;
|
||||
$font-size-large: ceil($font-size-base * 1.25) !default; // ~18px
|
||||
$font-size-small: ceil($font-size-base * 0.85) !default; // ~12px
|
||||
|
||||
$line-height-base: 1.428571429; // 20/14
|
||||
$line-height-base: 1.428571428; // 20/14
|
||||
$line-height-computed: floor($font-size-base * $line-height-base) !default; // ~20px
|
||||
|
||||
$headings-font-family: $font-family-base !default;
|
||||
@@ -411,14 +411,15 @@ $popover-arrow-outer-fallback-color: #999 !default;
|
||||
|
||||
$label-default-bg: $gray-light !default;
|
||||
$label-primary-bg: $brand-primary !default;
|
||||
$label-success-bg: $brand-success !default;
|
||||
$label-success-bg: $state-success-bg !default;
|
||||
$label-info-bg: $brand-info !default;
|
||||
$label-warning-bg: $brand-warning !default;
|
||||
$label-warning-bg: $state-warning-bg !default;
|
||||
$label-danger-bg: $brand-danger !default;
|
||||
|
||||
$label-color: #fff !default;
|
||||
$label-link-hover-color: #fff !default;
|
||||
|
||||
$label-success-border: #36943e !default;
|
||||
$label-warning-border: $state-warning-border !default;
|
||||
|
||||
// Modals
|
||||
// -------------------------
|
||||
|
||||
@@ -9,14 +9,21 @@
|
||||
margin-bottom:26px;
|
||||
|
||||
.content_scene_cat_bg {
|
||||
padding:18px 0 10px 42px;
|
||||
background-color:#403d3b;
|
||||
padding:18px 10px 10px 42px;
|
||||
background-color:#464646 !important;
|
||||
@media (max-width: $screen-md-max) { // max 1199px
|
||||
padding:10px 10px 10px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
h1.category-name {
|
||||
font:600 42px/51px 'Open Sans', sans-serif;
|
||||
color:#fff;
|
||||
margin-bottom:12px;
|
||||
@media (max-width: $screen-md-max) { // max 1199px
|
||||
font-size:25px;
|
||||
line-height:30px;
|
||||
}
|
||||
}
|
||||
|
||||
p {margin-bottom:0;}
|
||||
@@ -50,7 +57,7 @@
|
||||
|
||||
#subcategories {
|
||||
border-top:1px solid $base-border-color;
|
||||
padding:15px 0 13px 0;
|
||||
padding:15px 0 0px 0;
|
||||
|
||||
p.subcategory-heading {
|
||||
font-weight:bold;
|
||||
@@ -66,6 +73,8 @@
|
||||
width:128px;
|
||||
margin-left:20px;
|
||||
text-align:center;
|
||||
margin-bottom:13px;
|
||||
height:202px;
|
||||
|
||||
.subcategory-image {
|
||||
padding-bottom:8px;
|
||||
|
||||
@@ -39,11 +39,21 @@
|
||||
}
|
||||
|
||||
.col-md-3 {
|
||||
padding-left:0;
|
||||
padding-left:0;
|
||||
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding-right:0;
|
||||
}
|
||||
}
|
||||
|
||||
.col-md-9 {
|
||||
padding-right:0;
|
||||
padding-right:0;
|
||||
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding-left:0;
|
||||
}
|
||||
}
|
||||
|
||||
#desc_contact0 {display:none;}
|
||||
@@ -62,6 +72,15 @@
|
||||
max-width:270px;
|
||||
width:100%;
|
||||
}
|
||||
input.form-control {
|
||||
max-width:270px;
|
||||
}
|
||||
/* min 992px max 1199px */
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
div.uploader span.filename {
|
||||
width:114px;
|
||||
}
|
||||
}
|
||||
}
|
||||
/**************************************************************************
|
||||
Contact Page Bottom Banners Styles
|
||||
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,81 @@
|
||||
@import '../_theme_variables';
|
||||
.footable {
|
||||
width: 100%;
|
||||
|
||||
|
||||
&.breakpoint {
|
||||
> tbody > tr {
|
||||
&.footable-detail-show > td {
|
||||
border-bottom:none;
|
||||
|
||||
& > span.footable-toggle:before {
|
||||
font-family:"FontAwesome";
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
&:hover:not(.footable-row-detail) {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
> td.footable-cell-detail {
|
||||
background: #eee;
|
||||
border-top:none;
|
||||
}
|
||||
|
||||
> td > span.footable-toggle {
|
||||
display: inline-block;
|
||||
font-family: "FontAwesome";
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
padding-right:5px;
|
||||
font-size:14px;
|
||||
|
||||
&:before {
|
||||
font-family:"FontAwesome";
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
&.toggle-medium > tbody > tr {
|
||||
> td > span.footable-toggle {
|
||||
font-size:18px;
|
||||
}
|
||||
}
|
||||
|
||||
&.toggle-large > tbody > tr {
|
||||
> td > span.footable-toggle {
|
||||
font-size:24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footable-row-detail-inner {
|
||||
display:table;
|
||||
}
|
||||
|
||||
.footable-row-detail-row {
|
||||
display: table-row;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.footable-row-detail-group {
|
||||
display: block;
|
||||
line-height: 2em;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.footable-row-detail-name {
|
||||
display: table-cell;
|
||||
font-weight: bold;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
.footable-row-detail-value {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,208 @@
|
||||
@import '_theme_variables';
|
||||
|
||||
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
|
||||
#crossselling_list, .accessories-block .block_content, #productscategory_list {
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
margin:0 !important
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
|
||||
|
||||
.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 ;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
display:none
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
background:#000;
|
||||
outline: 0;
|
||||
@include 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-controls-direction a{
|
||||
margin-top:38px;
|
||||
height:20px;
|
||||
width:20px;
|
||||
line-height:0;
|
||||
position:absolute;
|
||||
top:40%;
|
||||
margin-top:-10px;
|
||||
font-size:0;
|
||||
overflow:hidden;
|
||||
&:before{
|
||||
padding-left:2px;
|
||||
color:#c0c0c0;
|
||||
font-family:$font1;
|
||||
font-size:20px;
|
||||
line-height:22px;
|
||||
}
|
||||
|
||||
&:hover:before{color:#333}
|
||||
}
|
||||
|
||||
|
||||
.bx-next{
|
||||
right:10px;
|
||||
&:before{
|
||||
content:""
|
||||
}
|
||||
}
|
||||
|
||||
.bx-prev{
|
||||
left:10px;
|
||||
&:before{
|
||||
content:"";
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@@ -1,233 +0,0 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.24
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
overflow:hidden
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin:0 -10px
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
width:200px !important
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
/* CSS3 Transitions */
|
||||
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x : 50%;
|
||||
-webkit-perspective-origin-y : 50%;
|
||||
-moz-perspective : 1200px;
|
||||
-moz-perspective-origin-x : 50%;
|
||||
-moz-perspective-origin-y : 50%;
|
||||
perspective : 1200px;
|
||||
}
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-moz-keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@keyframes empty {
|
||||
0% {opacity: 1}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-moz-keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
0% { opacity:1; }
|
||||
100% { opacity:0; }
|
||||
}
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@keyframes backSlideOut {
|
||||
25% { opacity: .5; transform: translateZ(-500px); }
|
||||
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
|
||||
}
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; -moz-transform: translateZ(-500px); }
|
||||
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
|
||||
75% { opacity: .5; transform: translateZ(-500px); }
|
||||
100% { opacity: 1; transform: translateZ(0) translateX(0); }
|
||||
}
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to { opacity: 0; -webkit-transform: scale(.8); }
|
||||
}
|
||||
@-moz-keyframes scaleToFade {
|
||||
to { opacity: 0; -moz-transform: scale(.8); }
|
||||
}
|
||||
@keyframes scaleToFade {
|
||||
to { opacity: 0; transform: scale(.8); }
|
||||
}
|
||||
@-webkit-keyframes goDown {
|
||||
from { -webkit-transform: translateY(-100%); }
|
||||
}
|
||||
@-moz-keyframes goDown {
|
||||
from { -moz-transform: translateY(-100%); }
|
||||
}
|
||||
@keyframes goDown {
|
||||
from { transform: translateY(-100%); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpFrom {
|
||||
from { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to { opacity: 0; -webkit-transform: scale(1.5); }
|
||||
}
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to { opacity: 0; -moz-transform: scale(1.5); }
|
||||
}
|
||||
@keyframes scaleUpTo {
|
||||
to { opacity: 0; transform: scale(1.5); }
|
||||
}
|
||||
@@ -1,95 +0,0 @@
|
||||
@import '_theme_variables';
|
||||
@import 'compass';
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.24
|
||||
*/
|
||||
.owl-theme{
|
||||
|
||||
.owl-controls{
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
.owl-controls{
|
||||
.owl-buttons div{
|
||||
margin-top:38px;
|
||||
height:20px;
|
||||
width:20px;
|
||||
line-height:0;
|
||||
position:absolute;
|
||||
top:40%;
|
||||
margin-top:-10px;
|
||||
font-size:0;
|
||||
overflow:hidden;
|
||||
&:before{
|
||||
padding-left:2px;
|
||||
color:#c0c0c0;
|
||||
font-family:$font1;
|
||||
font-size:20px;
|
||||
line-height:22px;
|
||||
|
||||
}
|
||||
&:hover:before{color:#333}
|
||||
}
|
||||
|
||||
.owl-next {
|
||||
right:10px;
|
||||
&:before{
|
||||
content:""
|
||||
}
|
||||
}
|
||||
|
||||
.owl-prev{
|
||||
left:10px;
|
||||
&:before{
|
||||
content:"";
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-pagination{display:none}
|
||||
|
||||
.owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-page span{
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 5px 7px;
|
||||
@include opacity(0.5);
|
||||
@include border-radius(20px);
|
||||
background: #869791;
|
||||
}
|
||||
|
||||
.owl-page.active span,
|
||||
&.clickable .owl-page:hover span{
|
||||
@include opacity(1);
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
@include border-radius(30px);
|
||||
}
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
|
||||
}
|
||||
@@ -5,10 +5,13 @@
|
||||
**********************************************************************/
|
||||
|
||||
#maintenance {
|
||||
margin:126px 0 0 0;
|
||||
padding:91px 48px 365px 297px;
|
||||
background:url(../img/bg_maintenance.png) no-repeat;
|
||||
|
||||
margin-top:50px;
|
||||
/* > 1200 */
|
||||
@media (min-width: $screen-lg) {
|
||||
margin:126px 0 0 0;
|
||||
padding:91px 48px 365px 297px;
|
||||
background:url(../img/bg_maintenance.png) no-repeat;
|
||||
}
|
||||
.logo {
|
||||
margin-bottom:31px;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
.form-group {
|
||||
margin-bottom:2px;
|
||||
|
||||
.form-control {width:271px;}
|
||||
.form-control {max-width:271px;}
|
||||
}
|
||||
|
||||
.lost_password {
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
@import '_theme_variables';
|
||||
|
||||
|
||||
/* product desc */
|
||||
/* primary_block ***************************************************************************** */
|
||||
#primary_block {
|
||||
@@ -9,17 +8,6 @@
|
||||
}
|
||||
.top-hr{height:5px;background:#c4c4c4;margin:2px 0 31px}
|
||||
|
||||
.product-image{
|
||||
border:$main_border;
|
||||
background:white;
|
||||
padding:5px;
|
||||
display:block;
|
||||
margin-bottom:14px;
|
||||
img{max-width:100%;
|
||||
width:100%;
|
||||
height:auto}
|
||||
|
||||
}
|
||||
|
||||
.product-heading-h5{
|
||||
color:#333;
|
||||
@@ -29,36 +17,22 @@
|
||||
|
||||
.box-security .product-heading-h5{
|
||||
margin:3px 0 -8px;
|
||||
/*max 1199px*/
|
||||
@media (max-width: $screen-md-max) {
|
||||
margin-bottom:8px;}
|
||||
}
|
||||
//max 1199px
|
||||
@media (max-width: $screen-md-max) {
|
||||
margin-bottom:8px;}
|
||||
}
|
||||
|
||||
.name-product{margin-bottom:5px;
|
||||
#productscategory_list .product-name,
|
||||
.accessories-block .product-name{margin-bottom:5px;
|
||||
a{font-size:15px;line-height:18px;color:#3a3939;
|
||||
&:hover{
|
||||
color:#999
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-box{
|
||||
width:178px;
|
||||
margin:0 10px;
|
||||
float:left
|
||||
}
|
||||
|
||||
h3.page-product-heading{
|
||||
@include sub-heading
|
||||
}
|
||||
|
||||
.page-product-box{padding-bottom:10px}
|
||||
|
||||
|
||||
img{max-width:100%;
|
||||
height:auto}
|
||||
|
||||
|
||||
/* pb-right-column ***************************************************************************** */
|
||||
#pb-right-column {
|
||||
|
||||
@@ -68,11 +42,11 @@ img{max-width:100%;
|
||||
border:1px solid #dbdbdb;
|
||||
background:#fff;
|
||||
|
||||
/*max 767px*/
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:280px;
|
||||
margin:0 auto;
|
||||
}
|
||||
//max 767px
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:280px;
|
||||
margin:0 auto;
|
||||
}
|
||||
img {
|
||||
background:#fbfbfb;
|
||||
width:100%
|
||||
@@ -116,30 +90,25 @@ margin:0 auto;
|
||||
margin-top:10px
|
||||
}
|
||||
|
||||
//max 767px
|
||||
@media (max-width: $screen-xs-max) {
|
||||
#views_block{width:280px;margin:0 auto}
|
||||
}
|
||||
@media (max-width: $screen-xs-max) { //max 767px
|
||||
#views_block{width:280px;margin:0 auto}
|
||||
}
|
||||
|
||||
#thumbs_list {
|
||||
overflow:hidden;
|
||||
float:left;
|
||||
width:392px;
|
||||
|
||||
/*min 992px max 1199px*/
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
width:290px;
|
||||
}
|
||||
|
||||
/* min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
width:164px;
|
||||
}
|
||||
|
||||
/*max 767px*/
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:194px;
|
||||
}
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { //min 992px max 1199px
|
||||
width:290px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
width:164px;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs-max) { //max 767px
|
||||
width:194px;
|
||||
}
|
||||
|
||||
|
||||
ul#thumbs_list_frame {
|
||||
@@ -158,11 +127,11 @@ margin-top:10px
|
||||
margin-right:9px;
|
||||
line-height:0;
|
||||
@include box-sizing(border-box);
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
width:76px;
|
||||
height:76px ;
|
||||
}
|
||||
//min 768px max 991px
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
width:76px;
|
||||
height:76px ;
|
||||
}
|
||||
}
|
||||
li:first-child{margin-left:0;margin-right:9px}
|
||||
li.last{margin-right:0}
|
||||
@@ -185,11 +154,11 @@ margin-top:10px
|
||||
height:82px;
|
||||
@include box-sizing(border-box);
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
width:68px;
|
||||
height:68px ;
|
||||
}
|
||||
//min 768px max 991px
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
width:68px;
|
||||
height:68px ;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -200,11 +169,11 @@ span.view_scroll_spacer {
|
||||
width:39px;
|
||||
padding-left:12px;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
padding-left:6px;
|
||||
width:28px;
|
||||
}
|
||||
//min 768px max 991px
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
padding-left:6px;
|
||||
width:28px;
|
||||
}
|
||||
}
|
||||
|
||||
#view_scroll_left,
|
||||
@@ -216,10 +185,10 @@ span.view_scroll_spacer {
|
||||
font-size:0;
|
||||
overflow:hidden;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
margin-top:28px;
|
||||
}
|
||||
//min 768px max 991px
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
margin-top:28px;
|
||||
}
|
||||
|
||||
&:before{
|
||||
padding-left:2px;
|
||||
@@ -250,6 +219,7 @@ span.view_scroll_spacer {
|
||||
|
||||
.resetimg {
|
||||
padding:10px 0 0;
|
||||
#resetImages i{margin-right:6px}
|
||||
}
|
||||
|
||||
|
||||
@@ -259,56 +229,101 @@ span.view_scroll_spacer {
|
||||
list-style-type:none;
|
||||
|
||||
li {
|
||||
float:left;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
float:none !important
|
||||
}
|
||||
float:left;
|
||||
border-left:$main_border;
|
||||
padding-left:20px;
|
||||
margin-left:20px;
|
||||
|
||||
//min 768px max 991px
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
float:none !important
|
||||
}
|
||||
&:first-child{margin:0;border:none;padding:0}
|
||||
a{color:#777676;
|
||||
font-weight:bold;
|
||||
position:relative;
|
||||
padding-left:30px;
|
||||
line-height:22px;
|
||||
display:inline-block;
|
||||
display:inline-block;
|
||||
|
||||
&:before{
|
||||
font-family:FontAwesome;
|
||||
color:#333;
|
||||
font-size:19px;
|
||||
line-height:24px;
|
||||
position:absolute;top:-2px;
|
||||
left:0; font-weight:normal;
|
||||
}
|
||||
&:hover{color:#000}
|
||||
&:before{
|
||||
font-family:$font1;
|
||||
color:#333;
|
||||
font-size:19px;
|
||||
line-height:24px;
|
||||
position:absolute;top:-2px;
|
||||
left:0; font-weight:normal;
|
||||
}
|
||||
&:hover{color:#000}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
li.print {
|
||||
border-left:$main_border;
|
||||
padding-left:20px;
|
||||
margin-left:20px;
|
||||
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
margin:8px 0 0 ;
|
||||
padding:0;
|
||||
border:none
|
||||
}
|
||||
//min 768px max 991px
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
margin:8px 0 0 ;
|
||||
padding:0;
|
||||
border:none
|
||||
}
|
||||
|
||||
a:before{
|
||||
content:""
|
||||
}
|
||||
}
|
||||
|
||||
li.sendtofriend {
|
||||
|
||||
li.sendtofriend {
|
||||
margin:0;
|
||||
border:none;
|
||||
padding:0;
|
||||
a:before{
|
||||
content:""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li#left_share_fb {
|
||||
clear:both;
|
||||
float:none;
|
||||
margin-bottom:8px;
|
||||
a{padding-left:18px}
|
||||
a:before{
|
||||
content:""
|
||||
}
|
||||
}
|
||||
|
||||
li#favoriteproducts_block_extra_remove,
|
||||
li#favoriteproducts_block_extra_add,
|
||||
li#favoriteproducts_block_extra_removed,
|
||||
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;
|
||||
&:before{
|
||||
font-family:$font1;
|
||||
color:#333;
|
||||
font-size:19px;
|
||||
line-height:24px;
|
||||
position:absolute;top:-2px;
|
||||
left:0;
|
||||
font-weight:normal;
|
||||
content:""
|
||||
}
|
||||
&:hover{color:#000}
|
||||
}
|
||||
|
||||
li#favoriteproducts_block_extra_removed:before{
|
||||
content:""
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -329,7 +344,7 @@ span.view_scroll_spacer {
|
||||
|
||||
&:before{
|
||||
content:"";
|
||||
font-family:FontAwesome;
|
||||
font-family:$font1;
|
||||
color:#cfcccc;
|
||||
font-size:26px;
|
||||
line-height:28px;
|
||||
@@ -349,7 +364,7 @@ span.view_scroll_spacer {
|
||||
#pb-left-column #product_reference {
|
||||
margin-bottom:6px;
|
||||
|
||||
span{font-weight:bold;color:#333}
|
||||
span{font-weight:bold;color:#333}
|
||||
}
|
||||
|
||||
#pb-left-column #short_description_block {
|
||||
@@ -384,10 +399,6 @@ span.view_scroll_spacer {
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.ie7 #pb-left-column #buy_block label {
|
||||
margin-right:5px;
|
||||
float:left}
|
||||
|
||||
|
||||
#short_description_block #short_description_content {
|
||||
padding: 0 0 15px}
|
||||
@@ -409,40 +420,36 @@ span.view_scroll_spacer {
|
||||
}
|
||||
|
||||
#attributes .attribute_list {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.ie7 #attributes .attribute_list {
|
||||
display:inline;
|
||||
zoom:1;
|
||||
float:right
|
||||
width:100%;
|
||||
|
||||
.form-control {
|
||||
max-width:230px;
|
||||
}
|
||||
}
|
||||
|
||||
#attributes .attribute_list ul{
|
||||
list-style:none;
|
||||
clear:both
|
||||
}
|
||||
|
||||
#attributes .attribute_list ul li{
|
||||
float:left;margin-right:10px
|
||||
float:left;
|
||||
margin-right:10px
|
||||
}
|
||||
|
||||
#attributes .attribute_list input.attribute_radio{
|
||||
float: left;
|
||||
margin-left: 3px;}
|
||||
|
||||
margin-left: 3px;
|
||||
}
|
||||
#attributes .attribute_list{
|
||||
div.radio,
|
||||
div.radio span,
|
||||
div.radio input{
|
||||
div.radio,
|
||||
div.radio span,
|
||||
div.radio input{
|
||||
float:none;
|
||||
display:inline-block
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.ie7 #attributes .attribute_list span{margin-top:1px}
|
||||
|
||||
#attributes .attribute_list #color_to_pick_list {
|
||||
list-style-type:none;
|
||||
|
||||
@@ -468,14 +475,14 @@ span.view_scroll_spacer {
|
||||
|
||||
.product_attributes,
|
||||
.box-cart-bottom {
|
||||
@include box-shadow(inset 0 6px 6px rgba(0,0,0,0.05));
|
||||
padding:19px 19px 17px;
|
||||
@include box-shadow(inset 0 6px 6px rgba(0,0,0,0.05));
|
||||
padding:19px 19px 17px;
|
||||
}
|
||||
.box-cart-bottom{
|
||||
padding:18px 19px 12px;
|
||||
}
|
||||
|
||||
.box-info-product #add_to_cart{
|
||||
.box-info-product .exclusive{
|
||||
padding:0;
|
||||
border-top:1px solid #0079b6;
|
||||
border-right:1px solid #006fa8;
|
||||
@@ -483,45 +490,41 @@ padding:18px 19px 12px;
|
||||
border-bottom:1px solid #012740;
|
||||
@include border-radius(5px);
|
||||
position:relative;
|
||||
display:inline-block;
|
||||
display:block;
|
||||
|
||||
&:before{
|
||||
font-family:$font1;
|
||||
position:absolute;top:0;left:0;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
bottom:0;
|
||||
color:#fff;font-size:25px;
|
||||
line-height:47px;
|
||||
text-shadow:0 1px #015883;
|
||||
content:"";
|
||||
z-index:10;
|
||||
z-index:2;
|
||||
width:51px;
|
||||
text-align:center;
|
||||
border-top:1px solid #06b2e6;
|
||||
border-right:1px solid #06b2e6;
|
||||
border-left:1px solid #06b2e6;
|
||||
border-bottom:1px solid #06b2e6;
|
||||
@include background-image(linear-gradient(#009ad0, #007ab7));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
|
||||
border:1px solid #06b2e6;
|
||||
@include border-radius(5px 0 0 5px);
|
||||
|
||||
/*max 991px*/
|
||||
@media (max-width: $screen-sm-max) {
|
||||
display:none
|
||||
}
|
||||
//max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
display:none
|
||||
}
|
||||
|
||||
}
|
||||
&:after{background:url(../img/border-1.gif) repeat-y 0 0;position:absolute;top:0;bottom:0;left:51px;content:"";width:1px;z-index:10;
|
||||
&: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;
|
||||
|
||||
/* max 991px*/
|
||||
@media (max-width: $screen-sm-max) {
|
||||
display:none
|
||||
|
||||
}
|
||||
// max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
display:none
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.box-info-product .exclusive{
|
||||
@include background-image(linear-gradient(#009ad0, #007ab7));
|
||||
.box-info-product .exclusive span{
|
||||
@include background-image(linear-gradient(#009ad0, #007ab7));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
|
||||
@include border-radius(5px);
|
||||
font-weight:bold;
|
||||
@@ -533,29 +536,29 @@ display:none
|
||||
border-bottom:1px solid #06b2e6;
|
||||
text-shadow:0 1px #015883;
|
||||
padding:12px 36px 14px 82px;
|
||||
text-align:right;
|
||||
color:#fff;
|
||||
display:block !important;
|
||||
|
||||
/* max 1199px*/
|
||||
@media (max-width: $screen-md-max) {
|
||||
padding: 12px 22px 14px 70px;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
/*max 991px*/
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding:8px 12px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
@include background-image(linear-gradient(#007ab7, #009ad0));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
|
||||
background-position:0 0
|
||||
}
|
||||
@include transition(all 0.3s ease);
|
||||
|
||||
|
||||
//max 1199px
|
||||
@media (max-width: $screen-md-max) {
|
||||
padding: 12px 22px 14px 70px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
//max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding:8px 12px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.box-info-product .exclusive:hover span{
|
||||
@include background-image(linear-gradient(#007ab7, #009ad0));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
|
||||
background-position:0 0}
|
||||
|
||||
|
||||
/* table_data_sheet */
|
||||
@@ -581,9 +584,25 @@ table.table-produst-discounts{
|
||||
margin:0 0 20px;
|
||||
background:#fff;
|
||||
|
||||
//max 767px
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
|
||||
tr th{background:#fbfbfb;color:#333;font-weight:bold;border:none;font-weight:bold}
|
||||
tr td,
|
||||
tr th{border-left:$main_border;width:33%;padding:10px 20px 11px;border-top:$main_border;border-right:none;text-shadow:none;text-transform:none;font-weight:13px;line-height:18px;border-bottom:none}
|
||||
tr th{
|
||||
border-left:$main_border;
|
||||
width:33%;
|
||||
padding:10px 20px 11px;
|
||||
border-top:$main_border;
|
||||
border-right:none;
|
||||
text-shadow:none;
|
||||
text-transform:none;
|
||||
font-weight:13px;
|
||||
line-height:18px;
|
||||
border-bottom:none}
|
||||
|
||||
}
|
||||
|
||||
@@ -591,9 +610,13 @@ table.table-produst-discounts{
|
||||
.accessories-block {
|
||||
|
||||
.block_description{display:none}
|
||||
.exclusive span{font-size:13px;line-height:18px;padding:2px 8px 3px;text-decoration:none;
|
||||
&:focus,
|
||||
&:active{text-decoration:none}
|
||||
.exclusive span{
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
padding:2px 8px 3px;
|
||||
text-decoration:none;
|
||||
&:focus,
|
||||
&:active{text-decoration:none}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -601,14 +624,14 @@ table.table-produst-discounts{
|
||||
/* attributes */
|
||||
|
||||
.box-info-product{
|
||||
background:#f6f6f6;
|
||||
border:1px solid #d2d0d0;
|
||||
border-top:1px solid #b0afaf;
|
||||
border-bottom:1px solid #b0afaf;
|
||||
background:#f6f6f6;
|
||||
border:1px solid #d2d0d0;
|
||||
border-top:1px solid #b0afaf;
|
||||
border-bottom:1px solid #b0afaf;
|
||||
|
||||
p{margin-bottom:7px}
|
||||
p{margin-bottom:7px}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* quantity_wanted */
|
||||
#quantity_wanted_p{
|
||||
@@ -617,16 +640,10 @@ p{margin-bottom:7px}
|
||||
width:78px;
|
||||
height:27px;
|
||||
padding:0 6px;
|
||||
float:left;
|
||||
border:$main_border;
|
||||
|
||||
/*min 768px max 991px*/
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
width:100%;
|
||||
margin-bottom:4px
|
||||
}
|
||||
|
||||
}
|
||||
button{margin-top:-2px}
|
||||
.btn{float:left;margin-left:3px}
|
||||
|
||||
label{display:block;margin-bottom:7px}
|
||||
|
||||
@@ -642,19 +659,36 @@ p{margin-bottom:7px}
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
|
||||
#quantityAvailable{color:#333333;font-size:13px;line-height:18px;font-weight:bold}
|
||||
#quantityAvailable{
|
||||
color:#333333;
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
font-weight:bold}
|
||||
#quantityAvailableTxt,
|
||||
#availability_value,
|
||||
#last_quantities
|
||||
{color:#fff;font-weight:bold;line-height:18px;display:inline-block;padding:3px 8px 4px;background:#46a74e;border:1px solid #36943e;margin-left:5px;
|
||||
#last_quantities{color:#fff;
|
||||
font-weight:bold;
|
||||
line-height:18px;
|
||||
display:inline-block;
|
||||
padding:3px 8px 4px;
|
||||
background:#46a74e;
|
||||
border:1px solid #36943e;
|
||||
margin-left:5px;
|
||||
}
|
||||
#last_quantities{background:#ff7430;border:1px solid #ea5e1a;padding:4px 8px 3px;}
|
||||
#last_quantities{
|
||||
background:#ff7430;
|
||||
border:1px solid #ea5e1a;
|
||||
padding:4px 8px 3px;
|
||||
position:relative;
|
||||
top:1px
|
||||
}
|
||||
|
||||
#availability_statut,
|
||||
#pQuantityAvailable
|
||||
{display:inline-block}
|
||||
#pQuantityAvailable span{font-weight:bold;color:#333}
|
||||
#pQuantityAvailable span{
|
||||
font-weight:bold;
|
||||
color:#333}
|
||||
|
||||
#availability_statut #availability_value.warning_inline {
|
||||
background-color:#fe9126;
|
||||
@@ -674,7 +708,7 @@ p{margin-bottom:7px}
|
||||
|
||||
/* prices */
|
||||
.content_prices {
|
||||
padding:13px 19px;}
|
||||
padding:13px 19px;}
|
||||
|
||||
#buy_block p.price {
|
||||
padding:0;
|
||||
@@ -706,12 +740,11 @@ padding:13px 19px;}
|
||||
font-family:$font-custom;
|
||||
color:#333;
|
||||
|
||||
/*max 991px*/
|
||||
@media (max-width: $screen-sm-max) {
|
||||
font-size:26px;
|
||||
line-height:28px;
|
||||
|
||||
}
|
||||
//max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
font-size:26px;
|
||||
line-height:28px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -762,8 +795,7 @@ padding:13px 19px;}
|
||||
}
|
||||
|
||||
.ie9 .content_prices #add_to_cart .exclusive, .ie9 .content_prices #add_to_cart .exclusive_disabled,
|
||||
.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled,
|
||||
.ie7 .content_prices #add_to_cart .exclusive, .ie7 .content_prices #add_to_cart .exclusive_disabled {
|
||||
.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled {
|
||||
padding:8px 7px 4px 15px;
|
||||
line-height:12px;
|
||||
}
|
||||
@@ -879,17 +911,7 @@ padding:13px 19px;}
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
/* PACK ##################################################################### */
|
||||
#blockpack {
|
||||
margin-top:20px;
|
||||
padding-top:20px;
|
||||
border-top:1px dotted #999;
|
||||
}
|
||||
|
||||
/* PERSONNALISATION ##################################################################### */
|
||||
.customization_block {
|
||||
}
|
||||
|
||||
.customization_block p.infoCustomizable {
|
||||
margin:10px 0 20px;
|
||||
padding:0 0 0 20px;
|
||||
@@ -935,3 +957,222 @@ width:50%;
|
||||
.accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
/******************************************************************
|
||||
Quick View Styles
|
||||
******************************************************************/
|
||||
#product.content_only {
|
||||
div, section {
|
||||
|
||||
&#primary_block {
|
||||
margin-bottom:0;
|
||||
|
||||
//max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
|
||||
div {
|
||||
|
||||
&#pb-right-column {
|
||||
padding:20px 20px 5px 35px;
|
||||
width:47%;
|
||||
// max 479px
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
width:100%;
|
||||
float:none
|
||||
}
|
||||
|
||||
|
||||
span.view_scroll_spacer{
|
||||
width:38px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
|
||||
#thumbs_list {
|
||||
width:392px;
|
||||
}
|
||||
}
|
||||
&#pb-left-column {
|
||||
padding:20px 20px 60px 0px;
|
||||
width:27.5%;
|
||||
margin-bottom:0;
|
||||
min-height: 623px;
|
||||
height:100%;
|
||||
//max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
min-height:440px;
|
||||
}
|
||||
|
||||
// max 479px
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
width:100%;
|
||||
float:none
|
||||
}
|
||||
|
||||
|
||||
.product_comments_block_extra{padding-right:0;
|
||||
}
|
||||
|
||||
|
||||
// max 479px
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
|
||||
.comments_advices li{display:block}
|
||||
.comments_advices a.reviews{margin:0;padding:0;border:none}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#ShareDiv{position:absolute;bottom:8px}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
&#pb-right-column1 {
|
||||
width:25.5%;
|
||||
padding-right:15px;
|
||||
padding-left:0;
|
||||
|
||||
|
||||
|
||||
|
||||
.box-info-product {
|
||||
border-top-width:0px;
|
||||
border-right:none;
|
||||
border-bottom:none;
|
||||
min-height:623px;
|
||||
height:100%;
|
||||
@include border-radius(0 4px 4px 0);
|
||||
position:relative;
|
||||
padding-bottom:125px;
|
||||
//max 991px
|
||||
@media (max-width: $screen-sm-max) {
|
||||
@include border-radius(0);
|
||||
border:$main_border
|
||||
}
|
||||
|
||||
#add_to_cart .exclusive{display:block;width:100%;
|
||||
&:before,&:after{display:block}
|
||||
}
|
||||
|
||||
#add_to_cart .exclusive span {
|
||||
font-size:20px;
|
||||
text-align:center;
|
||||
|
||||
//max 1199px
|
||||
@media (max-width: $screen-md-max) {
|
||||
padding: 12px 22px 14px 70px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.box-cart-bottom {
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
right:0;
|
||||
left:0;
|
||||
}
|
||||
|
||||
}
|
||||
#attributes .attribute_list {
|
||||
|
||||
.form-control {
|
||||
width:230px;
|
||||
}
|
||||
}
|
||||
|
||||
.product_attributes, .box-cart-bottom {
|
||||
@include box-shadow(rgba(black,0) 0px 0px 0px);
|
||||
}
|
||||
.product_attributes { padding-top:0;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.addsharethisinner .stButton .stArrow {display:none !important;}
|
||||
@media (max-width:1050px) {
|
||||
#product.content_only {
|
||||
|
||||
div, section {
|
||||
|
||||
&#primary_block {
|
||||
|
||||
// max 479px
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
margin-left:0;
|
||||
}
|
||||
div {
|
||||
|
||||
&#pb-right-column {
|
||||
width:100%;
|
||||
padding-right:15px;
|
||||
|
||||
#image-block, #views_block {
|
||||
max-width:470px;
|
||||
width:100%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
#thumbs_list {
|
||||
|
||||
li {
|
||||
width:90px;
|
||||
height:90px;
|
||||
|
||||
img {
|
||||
width:82px;
|
||||
height:82px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#pb-left-column {
|
||||
width:50%;
|
||||
float:left;
|
||||
padding-left:35px;
|
||||
|
||||
// max 479px
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
width:100%;
|
||||
float:none ;
|
||||
padding-left:15px;
|
||||
@include box-sizing(border-box)
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
&#pb-right-column1 {
|
||||
width:50%;
|
||||
float:left;
|
||||
// max 479px
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
margin-top:10px;
|
||||
width:100%;
|
||||
float:none ;
|
||||
padding-left:15px;
|
||||
@include box-sizing(border-box)
|
||||
}
|
||||
|
||||
.box-info-product {
|
||||
border-top-width:1px;
|
||||
min-height:1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -6,6 +6,7 @@
|
||||
|
||||
ul.product_list {
|
||||
.availability {
|
||||
|
||||
span {
|
||||
display:inline-block;
|
||||
color:#fff;
|
||||
@@ -17,27 +18,56 @@ ul.product_list {
|
||||
background:#46a74e;
|
||||
border:1px solid #36943e;
|
||||
}
|
||||
|
||||
&.out-of-stock{
|
||||
background:#ff7430;
|
||||
border:1px solid #ea5e1a;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.color-list-container {
|
||||
margin-bottom:12px;
|
||||
ul {
|
||||
li {
|
||||
display:inline-block;
|
||||
border:1px solid $base-border-color;
|
||||
a {
|
||||
display:block;
|
||||
width:23px;
|
||||
height:23px;
|
||||
margin:1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
margin-bottom:12px;
|
||||
|
||||
ul {
|
||||
|
||||
li {
|
||||
display:inline-block;
|
||||
border:1px solid $base-border-color;
|
||||
|
||||
a {
|
||||
display:block;
|
||||
width:23px;
|
||||
height:23px;
|
||||
margin:1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.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;
|
||||
@include box-shadow(rgba(black, 0.16) 0 2px 8px);
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
@@ -49,6 +79,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%;
|
||||
}
|
||||
|
||||
.product-container {
|
||||
background:#fff;
|
||||
padding:0;
|
||||
@@ -60,6 +94,12 @@ ul.product_list.grid {
|
||||
margin-bottom:13px;
|
||||
position:relative;
|
||||
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
max-width:290px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
.content_price {
|
||||
position:absolute;
|
||||
left:0;
|
||||
@@ -93,17 +133,20 @@ ul.product_list.grid {
|
||||
.old-price { margin-right:5px;}
|
||||
|
||||
.button-container {
|
||||
display:none;
|
||||
margin-bottom:14px;
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
display:none;
|
||||
}
|
||||
|
||||
.ajax_add_to_cart_button, span.button { margin-right:6px;}
|
||||
}
|
||||
|
||||
.functional-buttons {
|
||||
display:none;
|
||||
background:url(../img/functional-bt-shadow.png) repeat-x;
|
||||
padding:11px 0 5px;
|
||||
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
display:none;
|
||||
}
|
||||
div {
|
||||
width:50%;
|
||||
float:left;
|
||||
@@ -116,7 +159,20 @@ ul.product_list.grid {
|
||||
&:hover { color:#000;}
|
||||
}
|
||||
|
||||
&.wishlist { border-right:1px solid $base-border-color;}
|
||||
&.wishlist {
|
||||
border-right:1px solid $base-border-color;
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
border-right:0;
|
||||
|
||||
i {display:none;}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
border-right:0;
|
||||
|
||||
i {display:none;}
|
||||
}
|
||||
}
|
||||
|
||||
&.compare {
|
||||
|
||||
@@ -124,6 +180,13 @@ ul.product_list.grid {
|
||||
content:"";
|
||||
display:inline-block;
|
||||
font-family:'FontAwesome';
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
&.compare.checked {
|
||||
@@ -136,25 +199,33 @@ ul.product_list.grid {
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include box-shadow(rgba(black, 0.17) 0 0 13px);
|
||||
margin-bottom:-48px;
|
||||
position:relative;
|
||||
z-index:2;
|
||||
|
||||
.content_price { display:none;}
|
||||
|
||||
.product-image-container {
|
||||
.content_price {
|
||||
display:block;
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&:hover {
|
||||
@include box-shadow(rgba(black, 0.17) 0 0 13px);
|
||||
position:relative;
|
||||
z-index:2;
|
||||
|
||||
.content_price { display:none;}
|
||||
|
||||
.product-image-container {
|
||||
.content_price {
|
||||
display:block;
|
||||
}
|
||||
.quick-view {display:block;}
|
||||
}
|
||||
|
||||
.button-container, .functional-buttons {display:block;}
|
||||
}
|
||||
|
||||
.button-container, .functional-buttons {display:block;}
|
||||
}
|
||||
}
|
||||
|
||||
&.first-in-line {clear:left;}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
&.first-in-line {clear:left;}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-sm-max) { // min 480px max 991px
|
||||
&.first-item-of-tablet-line {clear:left;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -165,6 +236,11 @@ ul.product_list.grid {
|
||||
ul.product_list.list {
|
||||
> li {
|
||||
|
||||
.left-block {
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.product-container {
|
||||
border-top:1px solid $base-border-color;
|
||||
padding:30px 0 30px;
|
||||
@@ -174,7 +250,10 @@ ul.product_list.list {
|
||||
position:relative;
|
||||
border:1px solid $base-listing-border-color;
|
||||
padding:9px;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
max-width:290px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.content_price {
|
||||
display:none !important;
|
||||
}
|
||||
@@ -191,37 +270,83 @@ ul.product_list.list {
|
||||
|
||||
.product-desc { margin-bottom:15px;}
|
||||
|
||||
.center-block {
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
.right-block {
|
||||
|
||||
.right-block-content {
|
||||
border-left:1px solid $base-border-color;
|
||||
padding-left:30px;
|
||||
padding-bottom:16px;
|
||||
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
margin:0;
|
||||
border-left:1px solid $base-border-color;
|
||||
padding-left:15px;
|
||||
padding-bottom:16px;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
padding-top:20px;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
padding-top:5px;
|
||||
}
|
||||
.content_price {
|
||||
padding-bottom:24px;
|
||||
padding-bottom:10px;
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
padding-top:13px;
|
||||
padding-bottom:0;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
padding-top:0;
|
||||
width:100%;
|
||||
}
|
||||
span{
|
||||
display:inline-block;
|
||||
margin-top:-4px;
|
||||
margin-bottom:14px;
|
||||
|
||||
&.price-percent-reduction {
|
||||
margin-left:8px;
|
||||
&.old-price {
|
||||
margin-right:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.button-container {
|
||||
overflow:hidden;
|
||||
padding-bottom:20px;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:100%;
|
||||
}
|
||||
.btn {
|
||||
float:left;
|
||||
clear:both;
|
||||
margin-bottom:10px;
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
float:left;
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
}
|
||||
.functional-buttons {
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
clear:both;
|
||||
|
||||
> div {
|
||||
float:left;
|
||||
padding-top:0 !important;
|
||||
padding-right:20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
float:none;
|
||||
display:inline-block;
|
||||
|
||||
a, label {
|
||||
i, &:before {display:none !important;}
|
||||
}
|
||||
}
|
||||
a, label {
|
||||
font-weight:bold;
|
||||
color:#777676;
|
||||
@@ -284,6 +409,19 @@ ul.product_list.list {
|
||||
&:first-child {
|
||||
.product-container{}
|
||||
}
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&:hover {
|
||||
|
||||
.product-image-container {
|
||||
|
||||
.quick-view {display:block;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -292,9 +430,8 @@ ul.product_list.list {
|
||||
********************************************************/
|
||||
|
||||
#index {
|
||||
ul.product_list {
|
||||
ul.product_list.tab-pane {
|
||||
> li {
|
||||
border-bottom:1px solid $base-border-color;
|
||||
padding-bottom:35px;
|
||||
margin-bottom:50px;
|
||||
|
||||
|
||||
@@ -19,6 +19,12 @@
|
||||
.address-input {
|
||||
float:left;
|
||||
margin-right:19px;
|
||||
|
||||
/* max 767px */
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width:100%;
|
||||
margin:0 0 20px 0;
|
||||
}
|
||||
label { margin-right:5px;}
|
||||
}
|
||||
|
||||
@@ -75,7 +81,7 @@
|
||||
}
|
||||
|
||||
#locationSelect {
|
||||
width:356px;
|
||||
max-width:356px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@@ -97,8 +103,16 @@
|
||||
span {
|
||||
padding-left:15px;
|
||||
}
|
||||
/* max 767px */
|
||||
@media (max-width: $screen-xs-max) {
|
||||
img {display:none;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.store-image img {
|
||||
width:100%;
|
||||
min-width:100px;
|
||||
}
|
||||
Reference in new issue
Block a user