[+] FO : New Responsive, Bootstrap template

This commit is contained in:
Damien Metzger
2013-10-23 16:56:02 +02:00
parent 16dfea95e3
commit 69d5cb4ccd
639 changed files with 64771 additions and 7 deletions
@@ -0,0 +1,21 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*******************************************************
Addresses Styles
********************************************************/
#addresses #center_column .page-heading {
margin-bottom: 22px;
}
#addresses #center_column p {
margin-bottom: 13px;
}
#addresses #center_column p.p-indent {
margin-bottom: 27px;
}
.address li.address_update {
margin-top: 14px;
margin-bottom: 6px;
}
.address li.address_update a {
margin-right: 10px;
}
@@ -0,0 +1,37 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/**********************************************************
Authentication Styles
**********************************************************/
#account-creation_form .id_state, #account-creation_form .dni, #account-creation_form .postcode {
display: none;
}
#create-account_form {
min-height: 297px;
}
#create-account_form p {
margin-bottom: 8px;
}
#create-account_form .form-group {
margin-bottom: 20px;
}
#login_form {
min-height: 297px;
}
#login_form .form-group {
margin-bottom: 3px;
}
#login_form .form-group.lost_password {
margin: 14px 0 15px 0;
}
#login_form .form-group.lost_password a {
text-decoration: underline;
}
#login_form .form-group.lost_password a:hover {
text-decoration: none;
}
#login_form .form-control, #create-account_form .form-control {
max-width: 271px;
}
File diff suppressed because it is too large Load Diff
+89
View File
@@ -0,0 +1,89 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* ************************************************************************************************
Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
border-top: 5px solid #333333;
color: #d7d7d7;
line-height: 19px;
margin-bottom: 26px;
}
.content_scene_cat .content_scene_cat_bg {
padding: 18px 0 10px 42px;
background-color: #403d3b;
}
.content_scene_cat h1.category-name {
font: 600 42px/51px "Open Sans", sans-serif;
color: #fff;
margin-bottom: 12px;
}
.content_scene_cat p {
margin-bottom: 0;
}
.content_scene_cat a {
color: #fff;
}
.content_scene_cat a:hover {
text-decoration: underline;
}
.content_scene_cat .content_scene {
color: #777777;
}
.content_scene_cat .content_scene .cat_desc {
padding-top: 20px;
}
.content_scene_cat .content_scene .cat_desc a {
color: #777777;
}
.content_scene_cat .content_scene .cat_desc a:hover {
color: #515151;
}
/* ************************************************************************************************
Sub Categories Styles
************************************************************************************************ */
#subcategories {
border-top: 1px solid #d6d4d4;
padding: 15px 0 13px 0;
}
#subcategories p.subcategory-heading {
font-weight: bold;
color: #333;
margin: 0 0 15px 0;
}
#subcategories ul {
margin-left: -20px;
}
#subcategories ul li {
float: left;
width: 128px;
margin-left: 20px;
text-align: center;
}
#subcategories ul li .subcategory-image {
padding-bottom: 8px;
}
#subcategories ul li .subcategory-image a {
display: block;
padding: 9px;
border: 1px solid #d6d4d4;
}
#subcategories ul li .subcategory-image a img {
max-width: 100%;
vertical-align: top;
}
#subcategories ul li .subcategory-name {
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
text-transform: uppercase;
}
#subcategories ul li .subcategory-name:hover {
color: #515151;
}
#subcategories ul li .cat_desc {
display: none;
}
#subcategories ul li:hover .subcategory-image a {
border: 5px solid #333333;
padding: 5px;
}
+88
View File
@@ -0,0 +1,88 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/**************************************************************
CMS Pages Styles
***************************************************************/
#cms #center_column .cms-block {
padding-bottom: 20px;
}
#cms #center_column h1 {
margin-bottom: 25px;
}
#cms #center_column h3 {
font-size: 16px;
border-bottom: none;
margin: 0 0 0 0;
padding-bottom: 17px;
}
#cms #center_column p {
line-height: 18px;
}
#cms #center_column .list-1 li {
padding: 4px 0 6px 0;
font-weight: bold;
color: #46a74e;
border-top: 1px solid #d6d4d4;
}
#cms #center_column .list-1 li:first-child {
border: none;
}
#cms #center_column .list-1 li em {
font-size: 20px;
line-height: 20px;
padding-right: 15px;
vertical-align: -2px;
}
#cms #center_column img {
margin: 4px 0 17px;
max-width: 100%;
height: auto;
}
#cms #center_column .testimonials {
border: 1px solid;
border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
margin: 4px 0 13px 0;
position: relative;
}
#cms #center_column .testimonials .inner {
border: 1px solid #fff;
padding: 19px 18px 11px 18px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #fefefe));
background: -webkit-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
background: -o-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
background: linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%);
}
#cms #center_column .testimonials .inner span {
text-indent: -5000px;
display: inline-block;
width: 20px;
height: 15px;
}
#cms #center_column .testimonials .inner span.before {
background: url(../img/bl-before-bg.png) no-repeat;
margin-right: 8px;
}
#cms #center_column .testimonials .inner span.after {
background: url(../img/bl-after-bg.png) no-repeat;
margin-left: 8px;
}
#cms #center_column .testimonials:after {
content: ".";
display: block;
text-indent: -5000px;
position: absolute;
bottom: -16px;
left: 21px;
width: 15px;
height: 16px;
background: url(../img/testimon-after.gif) no-repeat;
}
#cms #center_column .testimonials + p {
padding-left: 45px;
margin-bottom: 18px;
}
#cms #center_column p.bottom-indent {
margin-bottom: 18px;
}
@@ -0,0 +1,88 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/********************************************************************
Compare Page Styles
********************************************************************/
table#product_comparison tbody tr td.product-block {
vertical-align: top;
padding: 14px 19px 19px;
text-align: center;
}
table#product_comparison tbody tr td.td_empty, table#product_comparison tbody tr td.feature-name, table#product_comparison tbody tr.comparison_header {
background: #fbfbfb;
color: #333;
}
table#product_comparison tbody tr td.comparison_infos {
text-align: center;
}
table#product_comparison tbody tr td.comparison_infos div.center {
margin: 0 auto;
width: 80px;
}
table#product_comparison tbody tr td.td_empty {
vertical-align: bottom;
}
table#product_comparison tbody tr td.td_empty span {
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #555454;
}
table#product_comparison .remove {
text-align: right;
padding-bottom: 15px;
}
table#product_comparison .remove a {
font-size: 23px;
line-height: 23px;
color: #c0c0c0;
}
table#product_comparison .remove a:hover {
color: #515151;
}
table#product_comparison .product-image-block {
display: inline-block;
position: relative;
}
table#product_comparison .product-image-block .product_image {
padding: 9px;
border: 1px solid #d6d4d4;
display: inline-block;
margin: 0 0 8px 0;
}
table#product_comparison .product-image-block .product_image img {
width: 100%;
}
table#product_comparison h5 {
padding-bottom: 8px;
min-height: 54px;
}
table#product_comparison .prices-container {
padding-bottom: 5px;
}
table#product_comparison .comparison_availability_statut {
display: none;
font-weight: bold;
color: #060;
}
table#product_comparison .product_discount {
padding-top: 5px;
}
table#product_comparison .product_discount .reduced-price {
color: #f00;
font-weight: bold;
}
table#product_comparison .product_desc {
padding-bottom: 12px;
}
table#product_comparison .button-container a {
margin-bottom: 10px;
}
table#product_comparison .comparison_unit_price {
font-size: 17px;
font-family: 'Open Sans', sans-serif;
color: #333;
font-style: italic;
}
.footer_link {
margin-bottom: 20px;
}
@@ -0,0 +1,101 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/**************************************************************************
Contact Page Styles
**************************************************************************/
.contact-title {
margin-top: -5px;
line-height: 23px;
margin-bottom: 27px;
}
.contact-title i {
font-size: 23px;
color: #c0c0c0;
padding-right: 8px;
}
.contact-form-box {
padding: 23px 0 0 0;
margin-bottom: 30px;
background: url(../img/contact-form.png) repeat-x white;
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
}
.contact-form-box fieldset {
padding: 0 19px 21px 19px;
background: url(../img/form-contact-shadow.png) center bottom no-repeat;
background-size: contain;
}
.contact-form-box label {
margin-bottom: 6px;
}
.contact-form-box .page-subheading {
padding-left: 0px;
border: none;
margin-bottom: 0;
}
.contact-form-box .col-md-3 {
padding-left: 0;
}
.contact-form-box .col-md-9 {
padding-right: 0;
}
.contact-form-box #desc_contact0 {
display: none;
}
.contact-form-box .form-group {
margin-bottom: 7px;
}
.contact-form-box textarea {
height: 257px;
}
.contact-form-box .submit {
margin-top: 13px;
}
.contact-form-box select.form-control {
max-width: 270px;
width: 100%;
}
/**************************************************************************
Contact Page Bottom Banners Styles
**************************************************************************/
.contact-banners .list-1 {
padding: 6px 0 3px 0;
}
.contact-banners .list-1 li {
padding: 0px 0 3px 0;
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
}
.contact-banners .list-1 li i {
font-size: 25px;
line-height: 25px;
color: #cdcdcd;
padding-right: 10px;
vertical-align: -3px;
}
.contact-banners .list-2 {
padding: 2px 0 2px 0;
}
.contact-banners .list-2 li {
font-weight: bold;
color: #46a74e;
padding: 0 0 5px 0;
}
.contact-banners .list-2 li i {
font-size: 20px;
line-height: 20px;
padding-right: 10px;
vertical-align: -2px;
}
.contact-banners .box.box-last {
padding-bottom: 49px;
}
.contact-banners .box.box-last p i {
font-size: 29px;
line-height: 29px;
color: #c0c0c0;
vertical-align: -6px;
padding-right: 13px;
}
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+17
View File
@@ -0,0 +1,17 @@
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.replace-2x {
font-size: 1px;
}
.example {
background-image: url(../images/example2x.png);
-webkit-background-size:13px 13px;
-moz-background-size:13px 13px;
-o-background-size:13px 13px;
background-size:13px 13px;
}
}
+49
View File
@@ -0,0 +1,49 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/************************************************************
History Page Styles
************************************************************/
#order-detail-content table .return_quantity_buttons {
margin-top: 3px;
}
#order-detail-content table .return_quantity_buttons a {
display: none;
float: left;
}
#order-detail-content table .return_quantity_buttons a + a {
margin-left: 3px;
}
#order-detail-content table .order_qte_input {
display: none;
width: 57px;
height: 27px;
line-height: 27px;
padding: 0;
text-align: center;
}
#order-detail-content table label {
font-weight: 400;
}
.table td.history_detail a + a {
margin-left: 14px;
}
.table tfoot strong {
color: #333;
}
.info-order i {
font-size: 20px;
}
.info-order i.icon-gift {
color: #f13340;
}
.info-order i.icon-repeat {
color: #55c65e;
}
#sendOrderMessage {
margin-bottom: 30px;
}
#sendOrderMessage select.form-control {
width: 263px;
}
+35
View File
@@ -0,0 +1,35 @@
<?php
/*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2013 PrestaShop SA
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header("Location: ../");
exit;
@@ -0,0 +1,404 @@
/*
* 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(0.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(0.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(0.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);
}
}
@@ -0,0 +1,93 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*
* Owl Carousel Owl Demo Theme
* v1.24
*/
.owl-theme {
/* Styling Next and Prev buttons */
/* preloading images */
}
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls {
/* Styling Pagination*/
/* If PaginationNumbers is true */
}
.owl-theme .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;
}
.owl-theme .owl-controls .owl-buttons div:before {
padding-left: 2px;
color: #c0c0c0;
font-family: FontAwesome;
font-size: 20px;
line-height: 22px;
}
.owl-theme .owl-controls .owl-buttons div:hover:before {
color: #333;
}
.owl-theme .owl-controls .owl-next {
right: 10px;
}
.owl-theme .owl-controls .owl-next:before {
content: "";
}
.owl-theme .owl-controls .owl-prev {
left: 10px;
}
.owl-theme .owl-controls .owl-prev:before {
content: "";
}
.owl-theme .owl-controls .owl-pagination {
display: none;
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
.owl-theme .owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center;
}
@@ -0,0 +1,507 @@
/*
Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/
*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
background-image: url("../../../img/jquery/uniform/sprite.png");
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
div.selector, div.checker, div.button, div.radio, div.uploader {
vertical-align: middle;
/* Keeping this as :focus to remove browser styles */
}
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
outline: 0;
}
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
margin: 0;
padding: 0;
}
.highContrastDetect {
background: url("../../../img/jquery/uniform/bg-input.png") repeat-x 0 0;
width: 0px;
height: 0px;
}
/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
padding: 3px;
background: white;
outline: 0;
}
/* Remove default webkit and possible mozilla .search styles.
* Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
-moz-appearance: none;
-webkit-appearance: none;
}
/* Select */
div.selector {
background-position: 0 -54px;
line-height: 27px;
height: 27px;
padding: 0 0 0 10px;
position: relative;
overflow: hidden;
}
div.selector span {
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
background-position: right 0;
height: 27px;
line-height: 27px;
padding-right: 30px;
cursor: pointer;
width: 100%;
display: block;
}
div.selector.fixedWidth {
width: 190px;
}
div.selector.fixedWidth span {
width: 150px;
}
div.selector select {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
position: absolute;
height: 27px;
top: 0px;
left: 0px;
width: 100%;
}
div.selector.active span {
background-position: right -27px;
}
div.selector.hover span, div.selector.focus span {
background-position: right -27px;
}
div.selector.hover.active span, div.selector.focus.active span {
background-position: right -27px;
}
div.selector.disabled span, div.selector.disabled.active span {
background-position: right 0;
}
/* Select1 */
div.selector1 > div {
background-position: 0 -135px;
}
div.selector1 > div span {
background-position: right -81px;
}
div.selector1 > div.active span {
background-position: right -108px;
}
div.selector1 > div.hover span, div.selector1 > div.focus span {
background-position: right -108px;
}
div.selector1 > div.hover.active span, div.selector1 > div.focus.active span {
background-position: right -108px;
}
div.selector1 > div.disabled, div.selector1 > div.disabled.active {
background-position: 0 -135px;
}
div.selector1 > div.disabled span, div.selector1 > div.disabled.active span {
background-position: right -81px;
}
/* Select2 */
div.selector2 > div {
background-position: 0 -216px;
}
div.selector2 > div span {
background-position: right -162px;
}
div.selector2 > div.active span {
background-position: right -189px;
}
div.selector2 > div.hover span, div.selector2 > div.focus span {
background-position: right -189px;
}
div.selector2 > div.hover.active span, div.selector2 > div.focus.active span {
background-position: right -189px;
}
div.selector2 > div.disabled, div.selector2 > div.disabled.active {
background-position: 0 -216px;
}
div.selector2 > div.disabled span, div.selector2 > div.disabled.active span {
background-position: right -162px;
}
/* Select3 */
div.selector3 > div {
background-position: 0 -351px;
}
div.selector3 > div span {
background-position: right -297px;
}
div.selector3 > div.active span {
background-position: right -324px;
}
div.selector3 > div.hover span, div.selector3 > div.focus span {
background-position: right -324px;
}
div.selector3 > div.hover.active span, div.selector3 > div.focus.active span {
background-position: right -324px;
}
div.selector3 > div.disabled, div.selector3 > div.disabled.active {
background-position: 0 -351px;
}
div.selector3 > div.disabled span, div.selector3 > div.disabled.active span {
background-position: right -297px;
}
/* Checkbox */
div.checker {
position: relative;
}
div.checker, div.checker span, div.checker input {
width: 15px;
height: 15px;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
background-position: 0 -257px;
}
div.checker span.checked {
background-position: -15px -257px;
}
div.checker input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
}
div.checker.active span {
background-position: -15px -257px;
}
div.checker.active span.checked {
background-position: -15px -257px;
}
div.checker.hover span, div.checker.focus span {
background-position: -30px -257px;
}
div.checker.hover span.checked, div.checker.focus span.checked {
background-position: -15px -257px;
}
div.checker.hover.active span, div.checker.focus.active span {
background-position: -15px -257px;
}
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
background-position: -15px -257px;
}
div.checker.disabled, div.checker.disabled.active {
background-position: 0 -257px;
}
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
background-position: 0 -257px;
}
/* Radio */
div.radio {
position: relative;
display: inline;
}
div.radio, div.radio span, div.radio input {
width: 13px;
height: 13px;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
background-position: 0 -243px;
}
div.radio span.checked {
background-position: -13px -243px;
}
div.radio input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
}
div.radio.active span {
background-position: -13px -243px;
}
div.radio.active span.checked {
background-position: -13px -243px;
}
div.radio.hover span, div.radio.focus span {
background-position: -13px -36px -243px;
}
div.radio.hover span.checked, div.radio.focus span.checked {
background-position: -13px -243px;
}
div.radio.hover.active span, div.radio.focus.active span {
background-position: -13px -243px;
}
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
background-position: -13px -243px;
}
div.radio.disabled span, div.radio.disabled.active span {
background-position: 0 -243px;
}
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
background-position: 0 -243px;
}
/* Uploader */
div.uploader {
background: none;
height: 27px;
width: 100%;
cursor: pointer;
position: relative;
overflow: hidden;
}
div.uploader span.action {
background-position: 0 -378px;
height: 27px;
line-height: 27px;
width: 94px;
text-align: center;
float: left;
display: inline;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
float: left;
cursor: default;
height: 27px;
margin: 0px 0 0px 0px;
line-height: 27px;
width: 172px;
padding: 0 10px;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
position: absolute;
top: 0;
right: 0;
float: right;
cursor: default;
width: 100%;
height: 100%;
}
/* Buttons */
div.button {
background-position: 0 -634px;
height: 30px;
cursor: pointer;
position: relative;
/* Keep buttons barely visible so they can get focus */
}
div.button a, div.button button, div.button input {
opacity: 0.01;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
line-height: 30px;
text-align: center;
background-position: right -514px;
height: 30px;
margin-left: 13px;
padding: 0;
}
div.button.active {
background-position: 0 -664px;
}
div.button.active span {
background-position: right -544px;
cursor: default;
}
div.button.hover, div.button.focus {
background-position: 0 -694px;
}
div.button.hover span, div.button.focus span {
background-position: right -574px;
}
div.button.disabled, div.button.disabled.active {
background-position: 0 -724px;
}
div.button.disabled span, div.button.disabled.active span {
background-position: right -604px;
cursor: default;
}
/* INPUT & TEXTAREA */
/* ************************************************************************************************
uniform
************************************************************************************************ */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
font-size: 13px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 18px;
color: #777;
border: solid 1px #d6d4d4;
}
input.uniform-input.hover, input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
border-color: #cbcaca;
}
/* PRESENTATION */
/* Buttons */
div.button span {
font-weight: bold;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
div.button.hover span, div.button.focus span {
color: #555;
}
div.button.disabled span, div.button.disabled.active span {
color: #bbb;
}
/* Select */
#compare_shipping .form-group label {
display: block;
}
div.selector {
font-size: 12px;
}
div.selector span {
color: #666;
text-shadow: 0 1px 0 #fff;
}
div.selector select {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
}
div.selector.disabled span, div.selector.disabled.active span {
color: #bbb;
}
.checker span input {
margin: 0 !important;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin: 0 !important;
}
.radio-inline, .checkbox-inline {
cursor: default;
}
/* Checker */
div.checker {
cursor: pointer;
margin-right: 5px;
}
div.checker span {
position: relative;
top: -2px;
}
#layered_form div.checker {
display: inline;
}
/* Radio */
div.radio {
margin-right: 3px;
}
div.radio span {
position: relative;
top: -2px;
}
/* Uploader */
div.uploader span.action {
text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
font-size: 13px;
font-weight: bold;
color: #fff;
}
div.uploader span.filename {
color: #777;
border: solid 1px #d6d4d4;
font-size: 13px;
background: #fbfbfb;
margin-right: 2px;
}
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
color: #aaa;
}
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
border-color: #ddd;
color: #aaa;
}
input.uniform-input, input.uniform-input:focus {
background-color: #fff;
}
@@ -0,0 +1,33 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*********************************************************************
Maintenance Page Styles
**********************************************************************/
#maintenance {
margin: 126px 0 0 0;
padding: 91px 48px 365px 297px;
background: url(../img/bg_maintenance.png) no-repeat;
}
#maintenance .logo {
margin-bottom: 31px;
}
#maintenance h1 {
font: 600 28px/34px "Open Sans", sans-serif;
color: #333;
text-transform: uppercase;
border-bottom: 1px solid #d6d4d4;
padding: 0 0 14px 0;
margin: 0 0 19px 0;
}
#maintenance #message {
font: 600 16px/31px "Open Sans", sans-serif;
padding-left: 18px;
color: #555454;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
.container {
padding-left: 0;
padding-right: 0;
}
}
@@ -0,0 +1,332 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* Special style for block cart*/
/*******************************************************************
Cart Block Styles
********************************************************************/
#cart_block #cart_block_list .deleteCustomizableProduct, #cart_block #cart_block_list .remove_link {
position: absolute;
right: 10px;
top: 19px;
}
#cart_block #cart_block_list .remove_link a, #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: #777777;
}
#cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before {
display: inline-block;
content: "";
font-family: "FontAwesome";
font-size: 18px;
line-height: 18px;
}
#cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #515151;
}
#cart_block .cart-images {
float: left;
margin-right: 20px;
}
#cart_block .cart-info {
overflow: hidden;
position: relative;
padding-right: 20px;
}
#cart_block .cart-info .product-name {
padding-bottom: 15px;
margin-top: -4px;
}
#cart_block .cart-info .product-name a {
font-size: 13px;
line-height: 18px;
display: inline-block;
}
#cart_block .cart-info .quantity-formated {
display: inline-block;
color: #9c9b9b;
text-transform: uppercase;
}
#cart_block dt {
font-weight: normal;
overflow: hidden;
padding: 20px 10px 16px 20px;
position: relative;
}
#cart_block dd {
padding: 10px 20px;
position: relative;
}
#cart_block dd li .deleteCustomizableProduct {
top: 12px !important;
right: 15px !important;
}
#cart_block #cart_block_no_products {
margin: 0;
padding: 10px 20px;
}
#cart_block #cart-prices {
border-top: 1px solid #d6d4d4;
font-weight: bold;
padding: 10px 20px 22px 20px;
}
#cart_block #cart-prices .cart-prices-line {
overflow: hidden;
border-bottom: 1px solid #515151;
padding: 7px 0;
}
#cart_block #cart-prices .cart-prices-line.last-line {
border: none;
}
#cart_block #cart-buttons {
overflow: hidden;
padding: 20px 20px 10px 20px;
margin: 0;
background: #f6f6f6;
}
#cart_block #cart-buttons a {
float: left;
margin-bottom: 10px;
margin-right: 10px;
}
#cart_block #cart-buttons a#button_order_cart {
margin-right: 0;
}
/*******************************************************************
Cart Block(Header) Styles
********************************************************************/
#header #cart_block {
z-index: 10;
display: none;
position: absolute;
right: 0;
top: 132px;
height: auto;
width: 270px;
background: #484848;
color: #fff;
}
#header #cart_block a {
color: #fff;
}
#header #cart_block a:hover {
color: #9c9b9b;
}
#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: #fff;
outline: none;
text-decoration: none;
}
#header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #9c9b9b;
}
#header #cart_block .price {
color: #fff;
}
#header #cart_block dt {
background: url(../../../img/cart-shadow.png) repeat-x;
}
#header #cart_block dt.first_item {
background: none;
}
#header #cart_block dd {
background: url(../../../img/cart-shadow.png) repeat-x;
}
#header #cart_block .product-atributes {
padding-bottom: 10px;
font-size: 11px;
}
#header #cart_block .product-atributes a {
color: #9c9b9b;
}
#header #cart_block .product-atributes a:hover {
color: #fff;
}
#header #cart_block #cart-prices {
border: none;
background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d;
}
#header #cart_block #cart-buttons {
background: url(../../../img/cart-shadow.png) repeat-x #333333;
}
#cart_block #cart_block_summary, #cart_block .title_block span, #header #cart_block h4, #header #cart_block .title_block, #header #cart_block h4 {
display: none;
}
#cart_block #cart_block_shipping_cost,
#cart_block #cart_block_total {
float: right;
}
#cart_block table#vouchers {
clear: both;
width: 80%;
margin: 0 auto;
margin-bottom: 10px;
}
#cart_block table#vouchers tr td {
padding: 2px;
}
#cart_block table#vouchers tr td.quantity {
margin-right: 5px;
min-width: 18px;
}
#cart_block table#vouchers tr td.delete {
padding-left: 0;
padding-right: 0;
text-align: right;
width: 15px;
}
/*****************************************************************************
Layer Cart Css
*****************************************************************************/
.layer_cart_overlay {
background-color: #000;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 98;
opacity: .20;
-moz-opacity: .20;
filter: alpha(opacity=20);
}
* html .layer_cart_overlay {
filter: alpha(opacity=20);
position: absolute;
left: 0;
margin-left: -160px;
}
#layer_cart {
background-color: #fff;
position: absolute;
display: none;
z-index: 99;
width: 84%;
margin-right: 8%;
margin-left: 8%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#layer_cart .layer_cart_product {
padding: 30px 30px 30px 30px;
}
#layer_cart .layer_cart_product h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #46a74e;
margin-bottom: 22px;
padding-right: 100px;
}
#layer_cart .layer_cart_product h2 i {
font-size: 30px;
line-height: 30px;
float: left;
padding-right: 8px;
}
#layer_cart .layer_cart_product .product-image-container {
max-width: 178px;
border: 1px solid #d6d4d4;
padding: 5px;
float: left;
margin-right: 30px;
}
#layer_cart .layer_cart_product .layer_cart_product_info {
padding: 38px 0 0 0;
}
#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title {
display: block;
padding-bottom: 8px;
}
#layer_cart .layer_cart_product .layer_cart_product_info > div {
padding-bottom: 7px;
}
#layer_cart .layer_cart_product .layer_cart_product_info > div strong {
padding-right: 3px;
}
#layer_cart .layer_cart_cart {
background: #fafafa;
border-left: 1px solid #d6d4d4;
padding: 21px 30px 90px 30px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-ms-border-radius: 0px 4px 4px 0px;
-o-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
min-height: 318px;
position: relative;
}
#layer_cart .layer_cart_cart h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #333;
border-bottom: 1px solid #d6d4d4;
padding-bottom: 13px;
margin-bottom: 17px;
}
#layer_cart .layer_cart_cart .layer_cart_row {
padding: 0 0 7px 0;
}
#layer_cart .layer_cart_cart .button-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 30px 20px 30px;
}
#layer_cart .layer_cart_cart .button-container .btn {
margin-bottom: 10px;
}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium {
margin-right: 5px;
}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium i {
padding-right: 5px;
color: #777777;
}
#layer_cart .layer_cart_cart .cross {
position: absolute;
right: 7px;
top: 8px;
width: 25px;
height: 25px;
cursor: pointer;
color: #333;
}
#layer_cart .layer_cart_cart .cross:before {
content: "";
display: block;
font-family: "FontAwesome";
font-size: 25px;
line-height: 25px;
}
#layer_cart .layer_cart_cart .cross:hover {
color: #515151;
}
#layer_cart .continue {
cursor: pointer;
}
#layer_cart p {
padding: 0px;
}
#blockcart_list {
width: 232px;
overflow: hidden;
}
#blockcart_list ul {
display: block;
height: 90px;
}
#blockcart_list li {
list-style-type: none;
float: left;
width: 58px;
}
@@ -0,0 +1,21 @@
/* block CONTACT ******************************************************************************* */
#contact_block .label {
display: none;
}
#contact_block .block_content {
color: #888888;
padding: 0 20px 20px;
}
#contact_block p {
margin-bottom: 4px;
}
#contact_block p.tel {
font: 400 17px/21px Arial, Helvetica, sans-serif;
color: #fff;
margin-bottom: 6px;
}
#contact_block p.tel i {
font-size: 25px;
vertical-align: -2px;
padding-right: 10px;
}
@@ -0,0 +1,241 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
#enabled_filters {
background: #484848;
padding: 16px 20px;
margin-bottom: 16px;
}
#enabled_filters span.layered_subtitle {
color: #fff;
display: block;
padding-bottom: 11px;
}
#enabled_filters li {
padding: 1px 0;
color: #9c9b9b;
cursor: pointer;
position: relative;
}
#enabled_filters li:hover, #enabled_filters li:hover a {
color: #fff;
}
#enabled_filters li a {
position: absolute;
top: 1px;
right: 0;
display: block;
cursor: pointer;
text-indent: 0px;
color: #888888;
}
#enabled_filters li a:before {
content: "";
display: block;
font-family: "FontAwesome";
width: 12px;
height: 12px;
}
#layered_block_left .layered_subtitle_heading {
border-bottom: 1px solid #d6d4d4;
padding: 0 12px 6px 0;
margin-bottom: 8px;
font-weight: bold;
position: relative;
color: #333333;
}
#layered_block_left .layered_subtitle_heading .layered_close {
position: absolute;
right: 0;
top: 4px;
height: 14px;
width: 12px;
}
#layered_block_left .layered_subtitle_heading .layered_close a {
display: block;
height: 14px;
width: 12px;
text-indent: -5000px;
position: relativee;
color: #d3d2d2;
font-size: 12px;
line-height: 14px;
}
#layered_block_left .layered_subtitle_heading .layered_close a:after {
content: "";
display: block;
text-indent: 0;
height: 14px;
width: 12px;
position: absolute;
top: 0px;
left: 0;
font-family: 'FontAwesome';
vertical-align: 1px;
}
#layered_block_left .layered_subtitle_heading .layered_close a:hover {
color: #515151;
}
#layered_block_left .layered_subtitle_heading .layered_close.closed a:after {
content: "";
}
#layered_block_left label {
font-weight: normal;
}
#layered_block_left .layered_filter_ul {
padding: 0 20px 5px;
}
#layered_block_left .layered_filter_ul li {
padding-bottom: 7px;
}
#layered_block_left .layered_filter_ul li .checker span, #layered_block_left .layered_filter_ul li .radio span {
top: 0;
}
#layered_block_left .layered_filter_ul li label {
margin-bottom: 0;
}
#layered_block_left .layered_filter_ul li label a {
font-weight: normal;
}
#layered_block_left .layered_filter_ul li label a:hover {
color: #333;
}
#layered_block_left ul li label {
cursor: pointer;
display: inline;
}
/* Style moved form the template to the css */
/******************************************************************************
Color List Style
*******************************************************************************/
#layered_block_left ul.color-group {
padding-top: 2px;
overflow: hidden;
}
#layered_block_left ul.color-group li {
width: 50%;
float: left;
line-height: 15px;
vertical-align: middle;
padding-bottom: 9px;
}
#layered_block_left ul.color-group li .color-option {
border: 1px solid #d6d4d4;
height: 15px;
margin-left: 0;
margin-right: 4px;
padding: 0;
width: 15px;
-webkit-box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset;
-moz-box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset;
box-shadow: white 0 0 1px 0px inset, white 0 0 0px 1px inset, white 0 0 0px 1px inset, white 0 0 1px 0px inset;
}
#layered_block_left ul.color-group li .color-option.on {
border-color: #000;
}
#layered_block_left ul.color-group li .color-option.disable {
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
#layered_block_left .nomargin a {
display: inline;
}
/**************************************************************************************
Layered Form Selects Styles
***************************************************************************************/
#layered_form .select {
max-width: 230px;
}
/**************************************************************************************
Range Slider Styles
***************************************************************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #fbfbfb;
border-color: #d6d4d4;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
width: 15px;
height: 15px;
}
.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover {
background: #555454;
border-color: #333;
}
.ui-slider .ui-slider-range {
background: #959595;
border: none;
}
.ui-corner-all {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
background: #efefef;
border: none;
height: 11px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.14em;
}
.layered_price_range {
margin-left: 7px;
}
/**************************************************************************************
Range Input Styles
***************************************************************************************/
.layered_price_range_unit {
margin-right: 7px;
}
.layered_slider_container {
margin: 6px 0 6px 7px;
}
.layered_input_range_min, .layered_input_range_max {
width: 60px;
display: inline;
}
.layered_list_selected {
font-weight: bold;
}
.layered_list {
display: block;
cursor: pointer;
}
.layered_list:hover {
font-weight: bold;
}
.layered_ajax_loader p {
margin: 20px 0;
text-align: center;
}
.hide-action {
text-align: center;
text-align: right;
display: block;
cursor: pointer;
}
.hide-action:hover {
font-weight: bold;
}
@@ -0,0 +1,117 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
#layered_block_left ul.layered_filter_ul {
border-top: 1px solid #d6d4d4;
}
#layered_block_left div.block_content {
padding: 6px;
}
#layered_block_left ul {
padding-left: 0;
max-height: 120px;
overflow-y: auto;
overflow-x: hidden;
padding-left: 1px;
padding-right: 1px;
}
#layered_form > div > div {
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 5px;
margin-bottom: 5px;
}
#layered_block_left .hide-action {
display: block;
text-align: right;
padding-right: 5px;
}
#layered_block_left .hide-action:hover {
text-decoration: underline;
}
#layered_block_left ul li {
margin-left: 15px;
padding-left: 2px;
list-style-type: none;
}
#layered_block_left #enabled_filters, #layered_url_filter_block {
font-size: 10px;
padding-bottom: 5px;
}
/* Style moved form the template to the css */
#layered_block_left ul li .disabled {
color: #666;
}
.product_list .warning {
margin-top: 13px;
}
#layered_form .select {
width: 165px;
}
#layered_block_left .color-option.disable {
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
#layered_form .color-option.on {
border: 1px solid red;
}
#layered_form input[type=radio] {
margin-left: 2px;
vertical-align: middle;
}
.layered_price_range {
margin-left: 7px;
}
.layered_price_range_unit {
margin-right: 7px;
}
.layered_slider_container {
margin: 6px 0 6px 6px;
width: 93%;
}
.layered_slider {
margin-top: 5px;
}
.layered_input_range_min {
width: 30px;
}
.layered_input_range_max {
width: 40px;
}
.layered_list_selected {
font-weight: bold;
}
.layered_ajax_loader p {
margin: 20px 0;
text-align: center;
}
.hide-action {
text-align: center;
text-align: right;
display: block;
cursor: pointer;
}
.hide-action:hover {
font-weight: bold;
}
@@ -0,0 +1,84 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* Block newsletter */
#columns #newsletter_block_left .form-group {
margin-bottom: 0;
}
#columns #newsletter_block_left .form-group .form-control {
max-width: 222px;
display: inline-block;
margin-right: 6px;
}
#columns #newsletter_block_left .success_inline, #columns #newsletter_block_left .warning_inline {
text-align: left;
padding: 1px 0 0 0;
margin-bottom: -19px;
}
#columns #newsletter_block_left .success_inline {
color: #418B19;
}
#columns #newsletter_block_left .warning_inline {
color: #f13340;
}
/* Block newsletter footer */
#footer #newsletter_block_left {
overflow: hidden;
width: 50%;
float: left;
padding: 13px 15px 7px 15px;
margin-bottom: 0;
}
#footer #newsletter_block_left h4 {
background: none;
float: left;
padding: 7px 16px 5px 0;
text-transform: none;
font-size: 21px;
line-height: 25px;
border: none;
}
#footer #newsletter_block_left .block_content {
overflow: hidden;
}
#footer #newsletter_block_left .form-group {
margin-bottom: 0;
}
#footer #newsletter_block_left .form-group .form-control {
height: 45px;
max-width: 267px;
background: #3c3c3c;
border-color: #515151;
color: #fff;
padding: 5px 43px 5px 12px;
display: inline-block;
}
#footer #newsletter_block_left .form-group .form-control:focus {
-webkit-box-shadow: black 0px 0px 0px;
-moz-box-shadow: black 0px 0px 0px;
box-shadow: black 0px 0px 0px;
}
#footer #newsletter_block_left .form-group .button-small {
margin-left: -41px;
border: none;
background: none;
text-align: center;
color: #908f8f;
}
#footer #newsletter_block_left .form-group .button-small:before {
content: "";
font-family: 'FontAwesome';
font-size: 28px;
line-height: 28px;
}
#footer #newsletter_block_left .form-group .button-small:hover {
color: #fff !important;
}
#footer #newsletter_block_left .form-group .button-small span {
display: none;
}
#footer #newsletter_block_left .warning_inline {
display: inline-block;
color: #f13340;
font-size: 13px;
line-height: 26px;
}
@@ -0,0 +1,69 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* block top search */
#search_block_top {
position: absolute;
right: 420px;
top: 50px;
}
#search_block_top .btn.button-search {
background: #333;
float: left;
border: none;
color: #fff;
width: 57px;
text-align: center;
padding: 10px 0 11px 0;
}
#search_block_top .btn.button-search span {
display: none;
}
#search_block_top .btn.button-search:before {
content: "";
display: block;
font-family: "FontAwesome";
font-size: 17px;
}
#search_block_top .btn.button-search:hover {
color: #6f6f6f;
}
#search_block_top #search_query_top {
padding: 0 13px;
height: 45px;
width: 271px;
background: #fbfbfb;
float: left;
margin-right: 1px;
}
.ac_results {
background: #fff;
border: 1px solid #d6d4d4;
width: 271px;
margin-top: -1px;
}
.ac_results li {
padding: 0 10px;
font-weight: normal;
color: #686666;
font-size: 13px;
line-height: 22px;
}
.ac_results li.ac_odd {
background: #fff;
}
.ac_results li:hover, .ac_results li.ac_over {
background: #fbfbfb;
}
form#searchbox label {
color: #333;
margin-bottom: 1px;
}
form#searchbox input#search_query_block {
border: 1px solid #d6d4d4;
height: 18px;
margin-top: 10px;
}
form#searchbox input#search_button {
padding: 1px 4px;
}
@@ -0,0 +1,18 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
.tags_block .block_content {
overflow: hidden;
}
.tags_block .block_content a {
display: inline-block;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding: 4px 9px 5px 9px;
border: 1px solid #d6d4d4;
float: left;
margin: 0 3px 3px 0;
}
.tags_block .block_content a:hover {
color: #333;
background: #f6f6f6;
}
@@ -0,0 +1,115 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
margin: 50px 0 0;
padding: 0;
width: 100%;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em;
/* left offset of submenus need to match (see below) */
background: #fff;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit;
/* fixes IE7 'sticky bug' */
}
.sf-menu li {
position: relative;
}
.sf-menu > li {
float: left;
border-right: 1px solid #d6d4d4;
margin-bottom: -3px;
}
.sf-menu > li > a {
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce a {
background: #333;
border-bottom-color: #666666;
color: #fff;
}
.sf-menu li li a {
display: block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px;
}
.sf-menu li li a:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px;
}
.sf-menu li li a:hover {
color: #333;
}
.sf-menu li ul {
display: none;
left: 0;
top: 59px;
/* match top ul list item height */
z-index: 99;
width: 220px;
padding: 25px 30px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0;
}
@@ -0,0 +1,42 @@
/* block top user information */
#header_right #header_user {
clear: both;
float: right;
margin-top: 50px;
}
#header_right #header_user #shopping_cart a {
padding: 7px 10px 14px 16px;
background: #333333;
min-width: 270px;
/* 200 */
display: block;
font-weight: bold;
color: #777777;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
#header_right #header_user #shopping_cart a b {
color: #fff;
font: 600 18px/22px "Open Sans", sans-serif;
padding-right: 5px;
}
#header_right #header_user #shopping_cart a:before {
content: "";
font-family: "FontAwesome";
display: inline-block;
font-size: 23px;
line-height: 23px;
color: #fff;
padding-right: 15px;
}
#header_right #header_user #shopping_cart a:after {
content: "";
font-family: "FontAwesome";
display: inline-block;
float: right;
font-size: 18px;
color: #686666;
padding: 6px 0 0 0;
}
#header_right #header_user #shopping_cart .ajax_cart_total {
display: none !important;
}
@@ -0,0 +1,6 @@
/* Block Viewed Products */
#viewed-products_block_left li.last_item {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
@@ -0,0 +1,160 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* module blockwishlist */
/* lnk on detail product page */
#primary_block #wishlist_button {
font-weight: bold;
}
#primary_block #wishlist_button:before {
content: "";
font-family: FontAwesome;
color: #fff;
font-size: 15px;
line-height: 31px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background: #929292;
width: 30px;
font-weight: normal;
text-align: center;
display: inline-block;
height: 30px;
margin-right: 6px;
}
/* bt add */
.add_wishlist_button a {
padding: 5px 7px 5px 18px;
}
.add_wishlist_button a span {
z-index: 10;
display: block;
position: absolute;
top: -1px;
left: -12px;
height: 26px;
width: 26px;
background: url(img/icon/pict_add_wishlist.png) no-repeat 0 0 transparent;
}
/* block */
#wishlist_block #wishlist_block_list {
margin-bottom: 20px;
}
#wishlist_block #wishlist_block_list dl {
font-weight: normal;
}
#wishlist_block #wishlist_block_list dl.products.no-products {
font-weight: bold;
padding-bottom: 15px;
border-bottom: 1px solid #d6d4d4;
}
#wishlist_block #wishlist_block_list dl.products.no-products dt {
padding-top: 0px;
border-top: none;
}
#wishlist_block #wishlist_block_list dl.products {
border-bottom: 1px solid #d6d4d4;
}
#wishlist_block #wishlist_block_list dl.products dt {
padding-top: 20px;
border-top: 1px solid #d6d4d4;
}
#wishlist_block #wishlist_block_list dl.products dd {
padding-bottom: 20px;
}
#wishlist_block #wishlist_block_list dl.products dt.first_item {
padding-top: 0px;
border-top: none;
}
#wishlist_block #wishlist_block_list dl dt {
position: relative;
padding-right: 0px;
}
#wishlist_block #wishlist_block_list dl dd {
margin-left: 24px;
}
#wishlist_block .lnk .form-group {
margin-bottom: 20px;
}
#wishlist_block .lnk .form-group select {
max-width: 192px;
}
#wishlist_block .ajax_cart_block_remove_link {
font-size: 14px;
line-height: 14px;
color: #d3d2d2;
width: 14px;
height: 14px;
float: right;
}
#wishlist_block .ajax_cart_block_remove_link:hover {
color: #515151;
}
#wishlist_block .cart_block_product_name {
width: 85%;
display: inline-block;
font-weight: bold;
}
#wishlist_block .quantity-formated {
float: left;
margin-right: 5px;
width: 15px;
}
#wishlist_block_list .price {
float: right;
}
/* page in my account ************************************************************************* */
#mywishlist td.wishlist_delete a {
font-size: 15px;
}
/* wishlistLinkTop */
#module-blockwishlist-mywishlist #block-order-detail #hideSendWishlist {
display: inline-block;
}
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list {
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
}
#module-blockwishlist-mywishlist .wishlistLinkTop li {
float: left;
}
#module-blockwishlist-mywishlist .wishlistLinkTop .display_list li a {
display: inline-block;
padding: 7px 11px 5px 22px;
color: #333;
background: url(img/arrow_right_2.png) no-repeat 10px 10px transparent;
}
#module-blockwishlist-mywishlist .wishlistLinkTop #hideSendWishlist {
float: right;
}
#module-blockwishlist-mywishlist .wishlistLinkTop #showBoughtProducts,
#module-blockwishlist-mywishlist .wishlistLinkTop #hideBoughtProductsInfos {
display: none;
}
/* wlp_bought ****************************************** */
/* wlp_bought_list */
ul.wlp_bought_list li .inner-content {
position: relative;
}
ul.wlp_bought_list li .lnkdel {
position: absolute;
top: 5px;
right: 5px;
display: block;
height: 12px;
width: 12px;
text-indent: -5000px;
background: url(img/icon/delete.gif) no-repeat 0 0;
}
@@ -0,0 +1,73 @@
#compare_shipping .form-group {
line-height: normal;
margin-bottom: 10px;
}
#compare_shipping .form-group label {
margin-bottom: 6px;
}
#compare_shipping .form-group .form-control {
width: 263px;
}
#compare_shipping .form-group.last {
margin-bottom: 20px;
}
#compare_shipping .form-group.last input {
margin-bottom: 3px;
}
#compare_shipping .table {
background: #fff;
}
#compare_shipping .table thead tr th {
background: #fff;
padding: 4px 10px 3px 10px;
}
#compare_shipping .table tbody td {
margin: 0;
}
#compare_shipping .table tbody td.carrier_action {
width: 54px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
#compare_shipping .table tbody td.carrier_action input {
margin: 0;
}
#availableCarriers .table {
margin-bottom: 20px;
}
#compare_shipping ul#carriercompare_errors_list {
color: red;
}
#compare_shipping_form {
padding-bottom: 20px;
}
#compare_shipping ul#carriercompare_errors_list li {
margin-left: 30px;
text-decoration: none;
list-style: none;
}
#SE_AjaxDisplay {
text-align: center;
display: none;
}
#SE_AjaxDisplay img {
width: 15px;
}
.SE_SubmitRefreshCard button {
float: left;
}
.SE_SubmitRefreshCard button#carriercompare_submit {
margin-right: 10px;
}
#carriercompare_errors {
display: none;
}
@@ -0,0 +1,59 @@
#favoriteproducts_block_account .favoriteproduct {
position: relative;
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
border-radius: 3px 3px 3px 3px;
}
.favoriteproduct a.product_img_link {
border: 1px solid #CCCCCC;
display: block;
float: left;
margin-right: 14px;
overflow: hidden;
position: relative;
}
.favoriteproduct p.product_desc {
line-height: 16px;
overflow: hidden;
padding: 0;
}
.favoriteproduct .remove {
position: absolute;
top: 10px;
right: 10px;
}
.favoriteproduct .remove .icon {
cursor: pointer;
}
/* lnk fiche produit */
#usefull_link_block li#favoriteproducts_block_extra_add {
padding-left: 20px;
background: url(img/add_favorite.gif) no-repeat 0 0;
cursor: pointer;
}
#usefull_link_block li#favoriteproducts_block_extra_remove {
padding-left: 20px;
background: url(img/del_favorite.gif) no-repeat 0 0;
cursor: pointer;
}
ul#usefull_link_block li#favoriteproducts_block_extra_added {
padding-left: 20px;
background: url(img/add_favorite.gif) no-repeat 0 0;
cursor: pointer;
display: none;
}
ul#usefull_link_block li#favoriteproducts_block_extra_removed {
padding-left: 20px;
background: url(img/add_favorite.gif) no-repeat 0 0;
cursor: pointer;
display: none;
}
@@ -0,0 +1,198 @@
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/******************************************************************************
Home Page Slider
*******************************************************************************/
#homepage-slider {
padding-left: 0;
padding-right: 0;
padding-top: 30px;
margin-bottom: 30px;
max-width: 779px;
}
/*****************************************************************************
BXSlider Styles
********************************************************************************/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
}
.bx-wrapper a {
display: block;
}
.bx-wrapper img {
display: block;
max-width: 100%;
height: auto;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
width: 100%;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat white;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 781 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 413 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 670 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 752 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 715 B

@@ -0,0 +1,35 @@
<?php
/*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2013 PrestaShop SA
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
header("Location: ../");
exit;
Binary file not shown.

After

Width:  |  Height:  |  Size: 500 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 661 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 398 B

@@ -0,0 +1,311 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
#product_comments_block_extra {
padding: 8px 10px 10px;
font-weight: bold;
line-height: 18px;
border: 1px solid #d6d4d4;
background: #fbfbfb;
margin: 39px 0 22px;
}
.comments_advices {
padding-top: 2px;
}
.comments_advices li {
display: inline-block;
line-height: 30px;
/*min 768px max 991px*/
}
@media (min-width: 768px) and (max-width: 991px) {
.comments_advices li {
display: block;
line-height: 20px;
}
}
.comments_advices a {
text-decoration: none;
color: #777;
position: relative;
margin-right: 8px;
line-height: 30px;
padding: 0;
display: inline-block;
/*min 768px max 991px*/
}
@media (min-width: 768px) and (max-width: 1199px) {
.comments_advices a {
float: none;
line-height: 20px;
}
}
.comments_advices a:before {
background: #929292;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
color: white;
display: inline-block;
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin-right: 6px;
text-align: center;
width: 30px;
/*max 1199px*/
}
@media (max-width: 1199px) {
.comments_advices a:before {
display: none;
}
}
.comments_advices a.reviews:before {
content: "";
}
.comments_advices a.open-comment-form:before {
content: "";
}
.comments_advices a:hover {
color: #333;
}
.comments_advices a.reviews {
border-right: 1px solid #d6d4d4;
padding-right: 30px;
margin-right: 9px;
/* min 768px max 991px*/
}
@media (min-width: 768px) and (max-width: 991px) {
.comments_advices a.reviews {
margin-right: 0;
padding: 0;
border: none;
}
}
#product_comments_block_extra .comments_note {
margin-bottom: 5px;
}
#product_comments_block_extra #product_comments_block_extra .comments_note span,
#product_comments_block_extra .star_content {
float: left;
color: #333;
}
#product_comments_block_extra .star_content {
margin-top: 1px;
}
#product_comments_block_extra div.star {
background: url(img/star.gif) no-repeat 0 0;
}
#product_comments_block_extra div.star_on {
background: url(img/star.gif) no-repeat 0 -13px;
}
#product_comments_block_extra .comments_advices {
clear: both;
}
/* pop-in add grade/advice ********************************************************************* */
#fancybox-wrap {
width: 585px;
}
#fancybox-content {
width: 585px;
border-width: 0;
}
.new_comment_form_content .intro_form {
padding-bottom: 10px;
font-weight: bold;
font-size: 12px;
}
#new_comment_form {
width: 465px;
overflow: hidden;
color: #333;
text-align: left;
/*max 767px*/
}
@media (max-width: 767px) {
#new_comment_form {
width: 275px;
}
}
#new_comment_form h2 {
margin-bottom: 10px;
}
#new_comment_form .title {
padding: 10px;
font-size: 13px;
color: #fff;
text-transform: uppercase;
background: #333333;
}
#new_comment_form ul.grade_content {
list-style-type: none;
}
#new_comment_form .grade_content li {
width: 50%;
}
#new_comment_form .product {
padding: 15px;
}
#new_comment_form .product img {
border: 1px solid #d6d4d4;
}
#new_comment_form .product .product_desc {
line-height: 18px;
color: #666666;
}
#new_comment_form .product .product_desc .product_name {
padding: 10px 0 5px;
font-size: 13px;
color: black;
}
#new_comment_form .grade_content {
margin: 0 0 20px 0;
}
#new_comment_form .grade_content span,
#new_comment_form .grade_content span {
display: inline-block;
padding: 0 10px;
width: 150px;
/* 160 */
font-weight: bold;
}
#new_comment_form .grade_content .cancel {
margin-right: 5px;
}
#new_comment_form .new_comment_form_content {
padding: 15px;
background: #f8f8f8;
}
#new_comment_form label {
display: block;
margin: 12px 0 4px 0;
font-weight: bold;
font-size: 12px;
}
#new_comment_form input,
#new_comment_form textarea {
padding: 0 5px;
height: 28px;
width: 100%;
border: 1px solid #ccc;
background: #fff;
}
#new_comment_form textarea {
height: 80px;
}
#new_comment_form .submit {
margin-top: 20px;
padding: 0;
font-size: 13px;
text-align: right;
}
#new_comment_form #criterions_list {
border-bottom: 1px solid #CCC;
padding-bottom: 15px;
list-style-type: none;
}
#new_comment_form #criterions_list li {
margin-bottom: 10px;
}
#new_comment_form #criterions_list label {
display: inline;
float: left;
margin: 0 10px 0 0;
}
#new_comment_form #criterions_list .star_content {
float: left;
}
#new_comment_form #new_comment_form_footer {
margin-top: 20px;
font-size: 12px;
}
/* TAB COMMENTS ******************************************************************************** */
#product_comments_block_tab {
margin: 0 0 20px 0;
}
#product_comments_block_tab div.comment {
margin: 0 0 14px;
padding-top: 14px;
border-top: 1px solid #d6d4d4;
}
#product_comments_block_tab div.comment:first-child {
padding: 0;
border: none;
}
#product_comments_block_tab div.comment div.comment_author {
padding: 0 20px;
line-height: 18px;
}
#product_comments_block_tab div.comment div.comment_author span {
font-weight: bold;
}
#product_comments_block_tab div.comment div.comment_author span,
#product_comments_block_tab div.comment .star_content {
float: left;
}
#product_comments_block_tab div.comment .star_content {
margin: 0 0 0 5px;
}
#product_comments_block_tab div.star,
#product_comments_block_tab div.star_on {
background: url(img/star.gif) no-repeat 0 0 transparent;
}
#product_comments_block_tab div.star_on {
background-position: 0 -13px;
}
#product_comments_block_tab .comment_author_infos {
clear: both;
padding-top: 9px;
}
#product_comments_block_tab .comment_author_infos strong {
display: block;
color: #333;
}
#product_comments_block_tab .comment_author_infos em {
color: #adadad;
}
#product_comments_block_tab div.comment div.comment_details {
overflow: hidden;
border-left: 1px solid #d6d4d4;
/*max 767px */
}
@media (max-width: 991px) {
#product_comments_block_tab div.comment div.comment_details {
border-left: none;
}
}
#product_comments_block_tab div.comment_details ul {
list-style-type: none;
margin: 0;
}
#product_comments_block_tab div.comment_details li {
padding: 2px 0 2px 12px;
background: url(img/bg_li.png) no-repeat 1px 45% white;
}
#product_comments_block_tab div.comment_details .title_block {
text-transform: capitalize;
}
#product_comments_block_tab a {
text-decoration: none;
font-weight: bold;
}
#product_comments_block_tab span.report_btn {
cursor: pointer;
}
#product_comments_block_tab span.report_btn:hover {
text-decoration: underline;
}
.fl {
float: left;
}
.fr {
float: right;
}
@@ -0,0 +1,50 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
h2.productscategory_h2 {
margin: 40px 0 20px 0;
padding: 10px 0;
border-bottom: 1px solid #ccc;
font-size: 18px;
color: #333333;
}
#productscategory {
overflow: auto;
margin-left: -10px;
}
#productscategory_list {
overflow: hidden;
}
#productscategory_list ul {
list-style-type: none;
overflow: hidden;
}
#productscategory_list li a.lnk_img {
display: block;
}
#productscategory_noscroll {
height: 220px;
width: 100%;
margin-bottom: 30px;
}
#productscategory_scroll_left, #productscategory_scroll_right {
background: url("img/thumbs_left.gif") no-repeat center;
text-indent: -3000px;
display: block;
width: 9px;
height: 18px;
float: left;
margin-top: 30px;
}
#productscategory_scroll_right {
background-image: url("img/thumbs_right.gif");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
#productscategory_list li {
margin: 0 7px;
}
}
@@ -0,0 +1,138 @@
#stripe-payment-form {
line-height: 20px;
padding-bottom: 7px;
}
#stripe-payment-form .form-group {
margin-bottom: 5px;
}
#stripe-payment-form .form-group input.stripe-card-number {
width: 263px;
}
#stripe-payment-form .block-left {
float: left;
width: 188px;
}
#stripe-payment-form .block-left .form-control {
width: 72px;
float: left;
margin-right: 10px;
}
#stripe-payment-form .block-left a {
margin-top: 5px;
}
#stripe-payment-form img.cc-icon {
float: left;
margin-right: 10px;
}
#stripe-payment-form .stripe-card-cvc-info {
display: inline-block;
position: relative;
font-style: italic;
text-decoration: underline;
}
#stripe-payment-form .stripe-card-cvc-info:hover {
text-decoration: none;
}
#stripe-payment-form .stripe-card-expiry-year.form-control, #stripe-payment-form .stripe-card-expiry-month.form-control {
float: left;
}
#stripe-payment-form .stripe-card-expiry-year.form-control {
width: 68px;
}
#stripe-payment-form .stripe-card-expiry-month.form-control {
width: 115px;
margin-right: 10px;
}
#stripe-payment-form .stripe-line {
margin-bottom: 11px;
}
#stripe-payment-form .ckeckbox {
margin-bottom: 11px;
}
#stripe-payment-form .ckeckbox label {
font-weight: normal;
}
a.stripe-card-cvc-info div.cvc-info {
background-color: #BDE5F8;
border: #00529B solid 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #00529B!important;
display: none;
font-style: normal;
padding: 8px;
position: absolute;
right: -320px;
top: -10px;
text-decoration: none;
width: 300px;
}
a.stripe-card-cvc-info:hover div.cvc-info {
display: block;
}
div.cvc-info:hover {
cursor: default;
}
img.disable {
opacity: 0.3;
}
img.enable {
opacity: 1;
}
#stripe-payment-form-cc .stripe-submit-button-cc {
margin-left: 5px;
}
#stripe-payment-form-cc a {
display: inline;
font-size: 11px;
text-decoration: underline;
}
div.stripe-payment-errors {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #900;
font-size: 13px;
background: #FCC;
display: none;
}
div.stripe-card-deleted {
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #ade27d;
font-size: 13px;
background: #d3ffab;
display: none;
text-transform: none;
}
#stripe-translations, #stripe-ajax-loader {
display: none;
}
#stripe_save_token {
vertical-align: top;
}
a#stripe_error {
display: none;
}
#stripe-payment-form input, #stripe-payment-form select {
margin-left: 0;
}
#stripe-replace-card, #stripe-delete-card {
border: none;
padding: 0;
cursor: pointer;
}
@@ -0,0 +1,70 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
#my-account .addresses-lists {
margin-bottom: 30px;
}
#my-account ul.myaccount-link-list li {
overflow: hidden;
padding-bottom: 10px;
}
#my-account ul.myaccount-link-list li a {
display: block;
overflow: hidden;
font: 600 16px/20px "Open Sans", sans-serif;
color: #555454;
text-shadow: 0px 1px white;
text-transform: uppercase;
text-decoration: none;
position: relative;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
border: 1px solid;
border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#my-account ul.myaccount-link-list li a i {
font-size: 25px;
color: #fd7e01;
position: absolute;
left: 0;
top: 0;
width: 52px;
height: 100%;
padding: 10px 0 0 0;
text-align: center;
border: 1px solid #fff;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#my-account ul.myaccount-link-list li a span {
display: block;
padding: 13px 15px 15px 17px;
overflow: hidden;
border: 1px solid;
border-color: #fff #fff #fff #c8c8c8;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: 52px;
}
#my-account ul.myaccount-link-list li a:hover {
filter: none;
background: #e7e7e7;
border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2;
}
@@ -0,0 +1,80 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/********************************************************
One-Page Checkout Styles
********************************************************/
#order-opc {
line-height: 20px;
}
#order-opc .box {
padding-bottom: 20px;
}
#order-opc .cart_navigation {
margin-bottom: 53px;
}
#order-opc .page-heading.step-num {
position: relative;
padding-left: 45px;
}
#order-opc .page-heading.step-num span {
font-weight: bold;
font-size: 42px;
line-height: 51px;
font-style: italic;
color: #333;
position: absolute;
left: 10px;
top: -14px;
}
#order-opc .form-group {
margin-bottom: 2px;
}
#order-opc .form-group .form-control {
width: 271px;
}
#order-opc .lost_password {
display: inline-block;
text-decoration: underline;
margin: 5px 0 14px;
}
#order-opc .lost_password:hover {
text-decoration: none;
}
#order-opc .title_block {
font-weight: bold;
color: #333;
padding: 3px 0 6px;
}
#order-opc .opc-button {
padding: 11px 0 0 0;
}
#order-opc ul.bullet {
line-height: 22px;
margin-bottom: 5px;
}
#order-opc .date-select {
padding-bottom: 10px;
}
#order-opc .opc-add-save {
border-top: 1px solid #d6d4d4;
margin-top: 20px;
padding-top: 20px;
}
#order-opc #message {
margin-bottom: 35px;
}
#order-opc #opc_payment_methods {
margin-bottom: 30px;
}
#order-opc #opc_account {
margin-bottom: 30px;
}
#order-opc .address_delivery.select {
margin-bottom: 15px;
}
#order-opc #address_invoice_form.form-group {
margin-bottom: 30px;
}
#new_account_form .id_state, #new_account_form .dni, #new_account_form .postcode {
display: none;
}
File diff suppressed because it is too large Load Diff
@@ -0,0 +1,263 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*******************************************************
Product list Styles
********************************************************/
ul.product_list .availability span {
display: inline-block;
color: #fff;
font-weight: bold;
padding: 3px 8px 4px 8px;
margin-bottom: 20px;
}
ul.product_list .availability span.available-now {
background: #46a74e;
border: 1px solid #36943e;
}
ul.product_list .availability span.out-of-stock {
background: #ff7430;
border: 1px solid #ea5e1a;
}
ul.product_list .color-list-container {
margin-bottom: 12px;
}
ul.product_list .color-list-container ul li {
display: inline-block;
border: 1px solid #d6d4d4;
}
ul.product_list .color-list-container ul li a {
display: block;
width: 23px;
height: 23px;
margin: 1px;
}
/*******************************************************
Product list(Grid) Styles
********************************************************/
ul.product_list.grid > li {
margin-bottom: 20px;
text-align: center;
}
ul.product_list.grid > li .product-container {
background: #fff;
padding: 0;
position: relative;
}
ul.product_list.grid > li .product-container .product-image-container {
border: 1px solid #d6d4d4;
padding: 9px;
margin-bottom: 13px;
position: relative;
}
ul.product_list.grid > li .product-container .product-image-container .content_price {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
background: url(../img/price-container-bg.png);
padding: 9px 0;
display: none;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span {
color: #fff;
}
ul.product_list.grid > li .product-container h5 {
padding: 0 15px 7px 15px;
min-height: 53px;
}
ul.product_list.grid > li .product-container .product-desc {
display: none;
}
ul.product_list.grid > li .product-container .content_price {
padding-bottom: 9px;
line-height: 21px;
}
ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction {
display: inline-block;
}
ul.product_list.grid > li .product-container .product-flags {
display: none;
}
ul.product_list.grid > li .product-container .old-price {
margin-right: 5px;
}
ul.product_list.grid > li .product-container .button-container {
display: none;
margin-bottom: 14px;
}
ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button {
margin-right: 6px;
}
ul.product_list.grid > li .product-container .functional-buttons {
display: none;
background: url(../img/functional-bt-shadow.png) repeat-x;
padding: 11px 0 5px;
}
ul.product_list.grid > li .product-container .functional-buttons div {
width: 50%;
float: left;
padding: 3px 0 4px 0;
}
ul.product_list.grid > li .product-container .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label {
font-weight: bold;
color: #777676;
cursor: pointer;
}
ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul.product_list.grid > li .product-container .functional-buttons div label:hover {
color: #000;
}
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 1px solid #d6d4d4;
}
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
content: "";
display: inline-block;
font-family: 'FontAwesome';
}
ul.product_list.grid > li .product-container .functional-buttons div.compare.compare.checked:before {
content: "";
}
ul.product_list.grid > li .product-container:hover {
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
margin-bottom: -48px;
position: relative;
z-index: 2;
}
ul.product_list.grid > li .product-container:hover .content_price {
display: none;
}
ul.product_list.grid > li .product-container:hover .product-image-container .content_price {
display: block;
}
ul.product_list.grid > li .product-container:hover .button-container, ul.product_list.grid > li .product-container:hover .functional-buttons {
display: block;
}
ul.product_list.grid > li.first-in-line {
clear: left;
}
/*******************************************************
Product list(List) Styles
********************************************************/
ul.product_list.list > li .product-container {
border-top: 1px solid #d6d4d4;
padding: 30px 0 30px;
}
ul.product_list.list > li .product-image-container {
position: relative;
border: 1px solid #d6d4d4;
padding: 9px;
}
ul.product_list.list > li .product-image-container .content_price {
display: none !important;
}
ul.product_list.list > li .product-flags {
color: #333333;
margin: -5px 0 10px 0;
}
ul.product_list.list > li .product-flags .discount {
color: #f13340;
}
ul.product_list.list > li h5 {
padding-bottom: 8px;
}
ul.product_list.list > li .product-desc {
margin-bottom: 15px;
}
ul.product_list.list > li .right-block .right-block-content {
border-left: 1px solid #d6d4d4;
padding-left: 30px;
padding-bottom: 16px;
}
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-bottom: 24px;
}
ul.product_list.list > li .right-block .right-block-content .content_price span {
display: inline-block;
margin-top: -4px;
}
ul.product_list.list > li .right-block .right-block-content .content_price span.price-percent-reduction {
margin-left: 8px;
}
ul.product_list.list > li .right-block .right-block-content .button-container {
overflow: hidden;
padding-bottom: 20px;
}
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
float: left;
clear: both;
margin-bottom: 10px;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a, ul.product_list.list > li .right-block .right-block-content .functional-buttons label {
font-weight: bold;
color: #777676;
cursor: pointer;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i {
width: 30px;
height: 30px;
font-size: 15px;
text-align: center;
display: inline-block;
background: #929292;
color: #fff;
padding: 7px 0 0 0;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
margin-right: 3px;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a:hover, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:hover {
color: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a:hover i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:hover i {
background: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
padding-top: 10px;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:before {
content: "";
display: inline-block;
font-family: 'FontAwesome';
width: 30px;
height: 30px;
font-size: 15px;
text-align: center;
background: #929292;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
margin-right: 3px;
padding: 4px 0 0 0;
color: #fff;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover {
color: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover:before {
background: #333333;
}
/*******************************************************
Product list(Index page) Styles
********************************************************/
#index ul.product_list > li {
border-bottom: 1px solid #d6d4d4;
padding-bottom: 35px;
margin-bottom: 50px;
}
#index ul.product_list > li .availability {
display: none;
}
#index ul.product_list > li.last-line {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
+7
View File
@@ -0,0 +1,7 @@
* {
direction: rtl !important;
}
#page {
text-align: right !important;
}
+159
View File
@@ -0,0 +1,159 @@
/*TMP*/
#scenes .cluetip span {
background: transparent url(../img/icon/cible.gif) no-repeat scroll center center;
color: black;
display: block;
font-size: 1.1em;
font-weight: bold;
height: 23px;
padding-top: 5px;
text-align: center;
width: 23px;
}
/*TMP*/
.thumbs_banner {
margin: 10px auto;
padding: 2px 0;
height: 60px !important;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.thumbs_banner .space-keeper {
width: 21px;
float: left;
display: block;
height: 100%;
}
.thumbs_banner .space-keeper a.prev {
display: none;
width: 21px;
text-align: center;
font-size: 1.5em;
text-decoration: none;
background: url(../img/icon/serial_scroll_left.gif) no-repeat 0 0 #eeeeee;
}
#scenes_list {
overflow: hidden;
float: left;
width: 478px;
}
#scenes_list ul {
list-style-type: none;
}
#scenes_list li {
float: left;
}
#scenes_list a {
display: block;
}
.thumbs_banner a.next {
float: left;
display: block;
width: 21px;
text-align: center;
font-size: 1.5em;
text-decoration: none;
background: url(../img/icon/serial_scroll_right.gif) no-repeat 0 0 #dddddd;
}
/* Cluetip design ****************************************************************************** */
#scenes .screen_scene {
margin: 0 auto;
}
#scenes a.cluetip {
display: block;
position: absolute;
text-decoration: none;
}
.cluetip-product_scene {
padding: 10px;
border: 7px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: left;
background: #fff;
opacity: 0.95;
}
.cluetip-product_scene #cluetip-close {
text-align: right;
float: right;
}
.cluetip-product_scene img {
float: left;
margin-right: 10px;
border: 1px solid #cccccc;
}
.cluetip-product_scene .title_block {
display: inline-block;
margin-bottom: 5px;
padding: 0 !important;
font-size: 12px;
}
.cluetip-product_scene .clear {
margin: 0;
padding: 0;
}
.cluetip-product_scene .clear a {
/*float:left;*/
margin-top: 2px;
}
.cluetip-product_scene p.description {
float: left;
padding: 0;
width: 140px;
color: #666666;
}
.cluetip-product_scene div.prices {
float: right;
position: relative;
width: 65px;
text-align: right;
}
.cluetip-product_scene .new {
position: absolute;
top: 0;
right: 0;
display: inline-block;
padding: 1px 5px;
font-weight: bold;
font-size: 10px;
color: #fff;
text-transform: uppercase;
background: none repeat scroll 0 0 #9b0000;
}
.cluetip-product_scene .price {
padding-top: 18px;
font-weight: bold;
font-size: 13px;
color: #990000;
}
.cluetip-product_scene .on_sale, .cluetip-product_scene .discount {
display: block;
font-weight: bold;
color: #DA0F00;
text-transform: uppercase;
}
/* END Cluetip design */
+55
View File
@@ -0,0 +1,55 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/******************************************************************
Sitemap Page Styles
*******************************************************************/
#sitemap .sitemap_block .page-subheading {
margin-bottom: 16px;
}
#sitemap .sitemap_block li {
line-height: 16px;
padding-bottom: 11px;
}
#sitemap .sitemap_block li a:before {
content: "";
display: inline-block;
font-family: 'FontAwesome';
padding-right: 10px;
}
#sitemap .sitemap_block li a:hover {
font-weight: bold;
}
#listpage_content div.tree_top {
padding-left: 27px;
padding-top: 5px;
}
#listpage_content div.tree_top a:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
font-size: 20px;
color: #333;
}
#listpage_content div.tree_top a:hover:before {
color: #515151;
}
ul.tree {
padding-left: 24px;
}
ul.tree li {
margin: 0 0 0 21px;
padding: 5px 0 0 33px;
border-left: 1px solid #d6d4d4;
background: url(../img/sitemap-horizontal.png) no-repeat left 15px transparent;
}
ul.tree li a:hover {
font-weight: bold;
}
ul.tree > li {
margin: 0 0 0 11px;
}
ul.tree li.last {
border: medium none;
background: url(../img/sitemap-last.png) no-repeat 0px -4px transparent;
}
+78
View File
@@ -0,0 +1,78 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/***********************************************************
Stores Page Styles
************************************************************/
#stores #map {
width: 100%;
height: 447px;
margin-bottom: 26px;
}
#stores input#addressInput {
display: inline-block;
width: 269px;
}
#stores .address-input {
float: left;
margin-right: 19px;
}
#stores .address-input label {
margin-right: 5px;
}
#stores .radius-input {
float: left;
line-height: 23px;
margin-right: 20px;
}
#stores .radius-input label, #stores .radius-input .selector {
float: left;
}
#stores .radius-input label {
margin-right: 10px;
}
#stores .radius-input #radiusSelect {
width: 78px;
}
#stores .store-content {
padding-bottom: 30px;
}
#stores .store-content-select .selector {
visibility: hidden;
display: none;
}
#stores .store-content-select.active {
padding-top: 30px;
margin-bottom: 30px;
border-top: 1px solid #d6d4d4;
}
#stores .store-content-select.active .selector {
visibility: visible;
display: block;
}
#stores .store-title {
margin-bottom: 16px;
}
#stores label {
font-weight: normal;
color: #777777;
}
#stores #stores_loader {
display: none;
margin-left: 5px;
}
#stores #locationSelect {
width: 356px;
visibility: hidden;
}
#stores #stores-table {
display: none;
}
#stores #stores-table tbody td {
padding: 20px;
}
#stores #stores-table tbody td.num {
background: #fbfbfb;
width: 46px;
}
#stores #stores-table tbody td.name span {
padding-left: 15px;
}