update 05.11.13
This commit is contained in:
@@ -48,6 +48,7 @@
|
||||
|
||||
.label-info {
|
||||
@include label-variant($label-info-bg);
|
||||
border:1px solid $label-info-border;
|
||||
}
|
||||
|
||||
.label-warning {
|
||||
@@ -57,4 +58,5 @@
|
||||
|
||||
.label-danger {
|
||||
@include label-variant($label-danger-bg);
|
||||
border:1px solid $label-danger-border;
|
||||
}
|
||||
|
||||
@@ -22,7 +22,7 @@ $brand-primary: #428bca !default;
|
||||
$brand-success: #46a74e !default;
|
||||
$brand-warning: #f0ad4e !default;
|
||||
$brand-danger: #d9534f !default;
|
||||
$brand-info: #5bc0de !default;
|
||||
$brand-info: #5192f3 !default;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
@@ -414,12 +414,14 @@ $label-primary-bg: $brand-primary !default;
|
||||
$label-success-bg: $state-success-bg !default;
|
||||
$label-info-bg: $brand-info !default;
|
||||
$label-warning-bg: $state-warning-bg !default;
|
||||
$label-danger-bg: $brand-danger !default;
|
||||
$label-danger-bg: $state-danger-bg !default;
|
||||
|
||||
$label-color: #fff !default;
|
||||
$label-link-hover-color: #fff !default;
|
||||
$label-success-border: #36943e !default;
|
||||
$label-warning-border: $state-warning-border !default;
|
||||
$label-warning-border: $state-warning-border !default;
|
||||
$label-info-border: $state-info-border !default;
|
||||
$label-danger-border: $state-danger-border !default;
|
||||
|
||||
// Modals
|
||||
// -------------------------
|
||||
|
||||
@@ -773,54 +773,79 @@ table.table_block td {
|
||||
***************************************************************************************************/
|
||||
#home-page-tabs {
|
||||
border:none;
|
||||
margin:0 0 0 -18px;
|
||||
padding:10px 0;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
padding:10px 0;
|
||||
margin:0 0 0 -18px;
|
||||
}
|
||||
|
||||
> li {
|
||||
border-left:1px solid $base-border-color;
|
||||
margin:0 0px 0 9px;
|
||||
padding:0 0px 0 9px;
|
||||
a {
|
||||
font:600 21px/24px 'Open Sans', sans-serif;
|
||||
color:#555454;
|
||||
text-transform:uppercase;
|
||||
padding:1px 10px;
|
||||
border:none;
|
||||
outline:none;
|
||||
margin:0;
|
||||
}
|
||||
margin-bottom:0;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
border-left:1px solid $base-border-color;
|
||||
margin:0 0px 0 9px;
|
||||
padding:0 0px 0 9px;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:100%;
|
||||
}
|
||||
a {
|
||||
font:600 21px/24px 'Open Sans', sans-serif;
|
||||
color:#555454;
|
||||
text-transform:uppercase;
|
||||
border:none;
|
||||
outline:none;
|
||||
margin:0;
|
||||
padding:10px;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
padding:1px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {border:none;}
|
||||
}
|
||||
|
||||
> li.active a, >li a:hover {
|
||||
background:#333333;
|
||||
color:#fff;
|
||||
margin:-10px 0;
|
||||
padding:10px;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
margin:-10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
#index {
|
||||
|
||||
.tab-content {
|
||||
margin-top:35px;
|
||||
}
|
||||
}
|
||||
.block {margin-bottom:30px}
|
||||
.block {
|
||||
|
||||
.title_block, h4 {
|
||||
font:600 18px/22px 'Open Sans', sans-serif;
|
||||
color:#555454;
|
||||
background:#f6f6f6;
|
||||
border-top:5px solid #333;
|
||||
text-transform:uppercase;
|
||||
padding:14px 0 17px 20px;
|
||||
padding:14px 5px 17px 20px;
|
||||
margin-bottom:20px;
|
||||
a {
|
||||
color:#555454;
|
||||
&:hover {
|
||||
color:#333;
|
||||
}
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#555454;
|
||||
|
||||
&:hover {
|
||||
color:#333;
|
||||
}
|
||||
}
|
||||
}
|
||||
&#contact_block {
|
||||
background:#333;
|
||||
|
||||
.title_block {
|
||||
border-color:#e4e3e3;
|
||||
background:#333;
|
||||
@@ -831,11 +856,14 @@ table.table_block td {
|
||||
}
|
||||
.list-block {
|
||||
margin-top:-8px;
|
||||
|
||||
li {
|
||||
padding:5px 0 6px 20px;
|
||||
border-top:1px solid $base-border-color;
|
||||
|
||||
a {
|
||||
i {display:none;}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:inline;
|
||||
@@ -843,26 +871,39 @@ table.table_block td {
|
||||
color:#333;
|
||||
padding-right:8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:#333333;
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {border-top:none;}
|
||||
}
|
||||
|
||||
.form-group { padding-top:20px; border-top:1px solid $base-border-color;}
|
||||
|
||||
.btn {margin-top:12px;}
|
||||
}
|
||||
.products-block {
|
||||
|
||||
li {
|
||||
padding:0 0 20px 0;
|
||||
margin-bottom:20px;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
|
||||
.products-block-image {
|
||||
float:left;
|
||||
border:1px solid $base-border-color;
|
||||
margin-right:19px;
|
||||
margin-right:19px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
float:none;
|
||||
display:inline-block;
|
||||
margin:0 auto 10px;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
.product-content {
|
||||
overflow:hidden;
|
||||
h5 {
|
||||
@@ -870,8 +911,11 @@ table.table_block td {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-name {font-size:15px; line-height:18px;}
|
||||
|
||||
.product-description {margin-bottom:14px;}
|
||||
|
||||
.price-percent-reduction {
|
||||
font:700 14px/17px Arial, Helvetica, sans-serif;
|
||||
padding:1px 6px;
|
||||
@@ -880,11 +924,14 @@ table.table_block td {
|
||||
}
|
||||
/*************** Block CATEGORIES ***************/
|
||||
#categories_block_left {
|
||||
|
||||
.block_content > ul {
|
||||
border-top:1px solid $base-border-color;
|
||||
}
|
||||
|
||||
li {
|
||||
position:relative;
|
||||
|
||||
a {
|
||||
font-weight:bold;
|
||||
color:#333333;
|
||||
@@ -894,6 +941,7 @@ table.table_block td {
|
||||
padding:0 30px 0 19px;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
}
|
||||
|
||||
span.grower {
|
||||
display:block;
|
||||
background:#f6f6f6;
|
||||
@@ -904,37 +952,43 @@ table.table_block td {
|
||||
text-align:center;
|
||||
font-family:'FontAwesome';
|
||||
font-size:14px;
|
||||
&.OPEN, &.CLOSE {
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
vertical-align:middle;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:#333;
|
||||
line-height:30px;
|
||||
}
|
||||
}
|
||||
&.CLOSE:before {
|
||||
content:"";
|
||||
color:#c0c0c0;
|
||||
|
||||
&.OPEN, &.CLOSE {
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
vertical-align:middle;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:#333;
|
||||
line-height:30px;
|
||||
}
|
||||
}
|
||||
|
||||
&.CLOSE:before {
|
||||
content:"";
|
||||
color:#c0c0c0;
|
||||
}
|
||||
}
|
||||
& span.grower:hover + a, a:hover, a.selected {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
li {
|
||||
a {
|
||||
font-weight:normal;
|
||||
color:#777777;
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:'FontAwesome';
|
||||
line-height:29px;
|
||||
padding-right:8px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
a {
|
||||
font-weight:normal;
|
||||
color:#777777;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:'FontAwesome';
|
||||
line-height:29px;
|
||||
padding-right:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*************************************************************************************************/
|
||||
@@ -952,12 +1006,13 @@ table.table_block td {
|
||||
float:right;
|
||||
color:#333;
|
||||
text-transform:none;
|
||||
@media (max-width:$screen-xs) {
|
||||
float:none;
|
||||
display:block;
|
||||
padding-top:5px;
|
||||
}
|
||||
@media (max-width:$screen-xs) {
|
||||
float:none;
|
||||
display:block;
|
||||
padding-top:5px;
|
||||
}
|
||||
}
|
||||
|
||||
span.lighter {color:#9c9c9c}
|
||||
|
||||
&.bottom-indent { margin-bottom:16px;}
|
||||
@@ -1093,29 +1148,24 @@ ul.footer_links {
|
||||
float:right;
|
||||
width:530px;
|
||||
text-align:center;
|
||||
|
||||
/* min 992px max 1199px */
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
width:380px;
|
||||
}
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
float:left;
|
||||
width:auto;
|
||||
}
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
width:380px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
float:left;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.showall {
|
||||
float:right;
|
||||
margin:8px 53px 8px 14px;
|
||||
|
||||
/* min 992px max 1199px */
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
margin-right:11px;
|
||||
}
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
margin-right:0;
|
||||
}
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
margin-right:11px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
@@ -1129,72 +1179,81 @@ ul.footer_links {
|
||||
}
|
||||
ul.pagination {
|
||||
margin:8px 0px 8px 0;
|
||||
li {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
> a, > span {
|
||||
margin:0 1px 0 0px;
|
||||
padding:0;
|
||||
font-weight:bold;
|
||||
border:1px solid;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
|
||||
li {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
|
||||
> a, > span {
|
||||
margin:0 1px 0 0px;
|
||||
padding:0;
|
||||
font-weight:bold;
|
||||
border:1px solid;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
display:block;
|
||||
|
||||
span {
|
||||
border:1px solid #fff;
|
||||
padding:2px 8px;
|
||||
display:block;
|
||||
span {
|
||||
border:1px solid #fff;
|
||||
padding:2px 8px;
|
||||
display:block;
|
||||
background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;
|
||||
}
|
||||
}
|
||||
> a:hover {
|
||||
span {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
&.pagination_previous, &.pagination_next {
|
||||
color:#777676;
|
||||
font-weight:bold;
|
||||
> a, > span {
|
||||
border:none;
|
||||
background:none;
|
||||
display:block;
|
||||
padding:4px 0;
|
||||
span { border:none; padding:0; background:none;}
|
||||
}
|
||||
}
|
||||
&.pagination_previous { margin-right:10px;}
|
||||
&.pagination_next { margin-left:10px;}
|
||||
&.active {
|
||||
|
||||
> span {
|
||||
|
||||
color:#333333;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
span {background:#f6f6f6;}
|
||||
}
|
||||
background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;
|
||||
}
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
|
||||
span {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
&.pagination_previous, &.pagination_next {
|
||||
color:#777676;
|
||||
font-weight:bold;
|
||||
|
||||
> a, > span {
|
||||
border:none;
|
||||
background:none;
|
||||
display:block;
|
||||
padding:4px 0;
|
||||
|
||||
span { border:none; padding:0; background:none;}
|
||||
}
|
||||
}
|
||||
|
||||
&.pagination_previous { margin-right:10px;}
|
||||
|
||||
&.pagination_next { margin-left:10px;}
|
||||
|
||||
&.active {
|
||||
|
||||
> span {
|
||||
|
||||
color:#333333;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
|
||||
span {background:#f6f6f6;}
|
||||
}
|
||||
}
|
||||
}
|
||||
.compare-form {
|
||||
float:right;
|
||||
|
||||
/* max 479px */
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
float:left;
|
||||
width:100%;
|
||||
text-align:left;
|
||||
padding-bottom:10px;
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
.compare-form {
|
||||
float:right;
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
float:left;
|
||||
width:100%;
|
||||
text-align:left;
|
||||
padding-bottom:10px;
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
.product-count {
|
||||
padding:11px 0 0 0;
|
||||
float:left;
|
||||
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
clear:left;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
clear:left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom-pagination-content {border-top:1px solid $base-border-color;}
|
||||
@@ -1202,11 +1261,9 @@ ul.footer_links {
|
||||
ul.step {
|
||||
margin-bottom:30px;
|
||||
overflow:hidden;
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-radius(4px);
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-radius(4px);
|
||||
}
|
||||
|
||||
li {
|
||||
float:left;
|
||||
@@ -1217,12 +1274,10 @@ ul.step {
|
||||
border-bottom-color:#9a9a9a;
|
||||
border-right-color:#b7b7b7;
|
||||
border-left-width:0px;
|
||||
|
||||
/* max 480px */
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
width:100%;
|
||||
border-left-width:1px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 480px
|
||||
width:100%;
|
||||
border-left-width:1px;
|
||||
}
|
||||
|
||||
a, span, &.step_current span, &.step_current_end span {
|
||||
display:block;
|
||||
@@ -1233,22 +1288,21 @@ ul.step {
|
||||
font-weight:bold;
|
||||
text-shadow:1px 1px rgba(255,255,255,1);
|
||||
position:relative;
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
&:after {
|
||||
content:".";
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:-31px;
|
||||
z-index:0;
|
||||
text-indent:-5000px;
|
||||
display:block;
|
||||
width:31px;
|
||||
height:52px;
|
||||
margin-top:-2px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
&:after {
|
||||
content:".";
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:-31px;
|
||||
z-index:0;
|
||||
text-indent:-5000px;
|
||||
display:block;
|
||||
width:31px;
|
||||
height:52px;
|
||||
margin-top:-2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {text-decoration:none; outline:none;}
|
||||
}
|
||||
@@ -1256,22 +1310,18 @@ ul.step {
|
||||
&.first {
|
||||
border-left-width:1px;
|
||||
border-left-color:#b7b7b7;
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
|
||||
span, a {
|
||||
z-index:5;
|
||||
padding-left:13px !important;
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.second {
|
||||
@@ -1287,17 +1337,15 @@ ul.step {
|
||||
span {
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
|
||||
span {
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
|
||||
span {
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step_current {
|
||||
font-weight:bold;
|
||||
@@ -1317,15 +1365,13 @@ ul.step {
|
||||
border:1px solid;
|
||||
border-color:#73ca77 #74c776 #74c175 #74c776;
|
||||
position:relative;
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-a.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { //min 991px
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-a.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step_current_end {
|
||||
@@ -1347,15 +1393,13 @@ ul.step {
|
||||
border:1px solid;
|
||||
border-color:#fff;
|
||||
position:relative;
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-current.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-current.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step_done {
|
||||
@@ -1374,45 +1418,40 @@ ul.step {
|
||||
background: -ms-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#666666',GradientType=0 );
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-done.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) { // min 991px */
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-done.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.step_done.step_done_last {
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
a:after {
|
||||
background:url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
a:after {
|
||||
background:url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#step_end {
|
||||
span {
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
em {
|
||||
font-style:normal;
|
||||
|
||||
/* min 480px max 767px */
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) {
|
||||
display:none;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1502,6 +1541,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
.shop-phone {
|
||||
display:block;
|
||||
padding:5px 0 10px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
display:none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size:21px;
|
||||
@@ -1512,16 +1554,23 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
|
||||
strong {color:#fff;}
|
||||
}
|
||||
|
||||
#header_user_info {
|
||||
float:right;
|
||||
border-left:1px solid #515151;
|
||||
border-right:1px solid #515151;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:25%;
|
||||
text-align:center;
|
||||
}
|
||||
a {
|
||||
color:#fff;
|
||||
font-weight:bold;
|
||||
display:block;
|
||||
padding:8px 9px 11px 8px;
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
font-size:11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1530,7 +1579,22 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
position: absolute;
|
||||
left:0;
|
||||
top: 27px;
|
||||
z-index: 1;
|
||||
z-index: 1;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
width:250px;
|
||||
top:35px;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
width:174px;
|
||||
left:15px;
|
||||
top:48px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:200px;
|
||||
left:50%;
|
||||
margin-left:-100px;
|
||||
top:20px;
|
||||
}
|
||||
}
|
||||
#header_right {
|
||||
position:relative;
|
||||
@@ -1540,7 +1604,10 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
float:right;
|
||||
border-left:1px solid #515151;
|
||||
position:relative;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:25%;
|
||||
}
|
||||
|
||||
span.firstWord {display:none;}
|
||||
|
||||
div.current {
|
||||
@@ -1548,7 +1615,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
padding:8px 10px 10px 10px;
|
||||
color:#fff;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
text-align:center;
|
||||
padding:9px 5px 10px;
|
||||
font-size:11px;
|
||||
}
|
||||
strong {
|
||||
color:#777777;
|
||||
}
|
||||
@@ -1561,7 +1632,18 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
color:#686666;
|
||||
vertical-align:-2px;
|
||||
padding-left:12px;
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
padding-left:2px;
|
||||
font-size:13px;
|
||||
line-height:13px;
|
||||
vertical-align:0;
|
||||
}
|
||||
}
|
||||
.cur-label {
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
@@ -1595,13 +1677,21 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
#contact-link {
|
||||
float:right;
|
||||
border-left:1px solid #515151;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:25%;
|
||||
text-align:center;
|
||||
}
|
||||
a {
|
||||
display:block;
|
||||
color:#FFF;
|
||||
font-weight:bold;
|
||||
padding:8px 10px 11px 10px;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
font-size:11px;
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#contact-link a, .header-row #header_user_info a, #currencies-block-top div.current, #languages-block-top div.current {
|
||||
@@ -1690,7 +1780,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
************************************************************************************************ */
|
||||
.footer-container {
|
||||
padding:0 0 100px 0;
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color:#777;
|
||||
@@ -1727,8 +1819,14 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
}
|
||||
#block_contact_infos {
|
||||
border-left:1px solid #515151;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
border:none;
|
||||
}
|
||||
> div {
|
||||
padding:0 0 0 5px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
@@ -1751,10 +1849,18 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
#social_block {
|
||||
float:left;
|
||||
width:50%;
|
||||
padding:23px 30px 0 0;
|
||||
|
||||
padding:23px 30px 16px 0;
|
||||
background:#3F3F3F;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
width:100%;
|
||||
float:left;
|
||||
padding-top:5px;
|
||||
}
|
||||
ul {
|
||||
float:right;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
float:none;
|
||||
}
|
||||
|
||||
li {
|
||||
float:left;
|
||||
@@ -1803,7 +1909,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
font-size:21px;
|
||||
line-height:25px;
|
||||
text-transform:none;
|
||||
padding:0 10px 0 0;
|
||||
padding:0 10px 0 0;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
display:none;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom-footer {
|
||||
@@ -2301,6 +2411,21 @@ p.cheque-indent {
|
||||
}
|
||||
}
|
||||
}
|
||||
.gender-line {
|
||||
margin-bottom:4px;
|
||||
padding-top:4px;
|
||||
> label {
|
||||
margin-right:10px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.radio-inline {
|
||||
|
||||
label {
|
||||
font-weight:normal;
|
||||
color:#777;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#identity, #authentication, #order-opc {
|
||||
#center_column {
|
||||
|
||||
@@ -36,7 +36,9 @@
|
||||
margin-left:14px;
|
||||
}
|
||||
}
|
||||
|
||||
td.step-by-step-date {
|
||||
width:105px;
|
||||
}
|
||||
tfoot {
|
||||
|
||||
strong {
|
||||
|
||||
@@ -128,6 +128,14 @@
|
||||
width: 270px;
|
||||
background:#484848;
|
||||
color:#fff;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
top:69px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
top:44px;
|
||||
left:50%;
|
||||
margin-left:270px/2*-1;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#fff;
|
||||
|
||||
@@ -104,6 +104,10 @@
|
||||
|
||||
.layered_filter_ul {
|
||||
padding:0 20px 5px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding-bottom:7px;
|
||||
|
||||
@@ -9,6 +9,10 @@
|
||||
max-width:222px;
|
||||
display:inline-block;
|
||||
margin-right:6px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md-max) { // min 768px max 1199px
|
||||
margin-bottom:10px;
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,6 +39,10 @@
|
||||
float:left;
|
||||
padding:13px 15px 7px 15px;
|
||||
margin-bottom:0;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
background:#3F3F3F;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
background:none;
|
||||
@@ -43,7 +51,7 @@
|
||||
text-transform:none;
|
||||
font-size:21px;
|
||||
line-height:25px;
|
||||
border:none;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.block_content {overflow:hidden;}
|
||||
|
||||
@@ -3,7 +3,23 @@
|
||||
#search_block_top {
|
||||
position:absolute;
|
||||
right: 420px;
|
||||
top: 50px;
|
||||
top: 50px;
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
right:295px;
|
||||
}
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
right:207px;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
right:0;
|
||||
top:85px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
top:56px;
|
||||
right:50%;
|
||||
width:270px;
|
||||
margin-right:270px/2*-1;
|
||||
}
|
||||
|
||||
.btn.button-search {
|
||||
background:#333;
|
||||
@@ -33,6 +49,15 @@
|
||||
background:#fbfbfb;
|
||||
float: left;
|
||||
margin-right:1px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
width:180px;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
width:212px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:212px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ac_results {
|
||||
|
||||
@@ -16,6 +16,12 @@
|
||||
width: 100%;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
background: #f6f6f6;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
margin-top:80px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
margin-top:70px;
|
||||
}
|
||||
}
|
||||
.sf-menu ul {
|
||||
position: absolute;
|
||||
@@ -46,7 +52,7 @@
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce a {
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a {
|
||||
background: #333;
|
||||
border-bottom-color: #666666;
|
||||
color: #fff;
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '../../_theme_variables';
|
||||
/* block top user information */
|
||||
#header_right {
|
||||
|
||||
@@ -6,17 +7,36 @@
|
||||
clear:both;
|
||||
float: right;
|
||||
margin-top:50px;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
margin-top:25px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 95px;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
#shopping_cart {
|
||||
|
||||
a {
|
||||
padding:7px 10px 14px 16px;
|
||||
background:#333333;
|
||||
min-width: 270px;/* 200 */
|
||||
min-width: 270px;
|
||||
display:block;
|
||||
font-weight:bold;
|
||||
color:#777777;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
overflow:hidden;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
min-width:190px;
|
||||
}
|
||||
span.ajax_cart_product_txt, span.ajax_cart_product_txt_s {
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
b {
|
||||
color:#fff;
|
||||
|
||||
@@ -45,6 +45,11 @@ ul.product_list {
|
||||
}
|
||||
}
|
||||
.product-image-container {
|
||||
text-align:center;
|
||||
|
||||
img {
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.quick-view {
|
||||
font:700 13px/16px Arial, Helvetica, sans-serif;
|
||||
@@ -81,6 +86,7 @@ ul.product_list.grid {
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
width:50%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.product-container {
|
||||
@@ -329,6 +335,9 @@ ul.product_list.list {
|
||||
}
|
||||
}
|
||||
.functional-buttons {
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
overflow:hidden;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
clear:both;
|
||||
|
||||
@@ -432,15 +441,26 @@ ul.product_list.list {
|
||||
#index {
|
||||
ul.product_list.tab-pane {
|
||||
> li {
|
||||
padding-bottom:35px;
|
||||
margin-bottom:50px;
|
||||
padding-bottom:10px;
|
||||
margin-bottom:10px;
|
||||
@media (min-width: $screen-lg) { /* min 1200px */
|
||||
padding-bottom:35px;
|
||||
margin-bottom:50px;
|
||||
}
|
||||
|
||||
.availability {display:none;}
|
||||
|
||||
&.last-line {
|
||||
border:none;
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.last-line {
|
||||
border:none;
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
&.first-item-of-tablet-line {clear:none;}
|
||||
&.first-item-of-mobile-line {clear:left;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user