269 lines
5.6 KiB
CSS
269 lines
5.6 KiB
CSS
/* Global */
|
|
|
|
a {
|
|
color: black; !important;
|
|
}
|
|
|
|
#header a:hover {
|
|
color: rgba(177,194,90,1);
|
|
}
|
|
|
|
#header .header-nav .cart-preview.active {
|
|
background: black;
|
|
}
|
|
|
|
/* On occupe toute la largeur de l'écran */
|
|
.container {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Logo */
|
|
#_desktop_logo {
|
|
width: 25%;
|
|
margin-top: -20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Barre des catégories */
|
|
.header-nav {
|
|
background: white;
|
|
}
|
|
#header .header-nav {
|
|
border-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
#header .header-nav .blockcart {
|
|
background: white;
|
|
color: black;
|
|
}
|
|
|
|
#header .header-top {
|
|
padding-bottom: 0;
|
|
}
|
|
#header #block_top_menu a {
|
|
color: white;
|
|
}
|
|
|
|
.header-nav #contact-link {
|
|
margin-top: .9375rem;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#searchbox > p {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#js-product-list-header {
|
|
display: none;
|
|
}
|
|
|
|
.qui-sommes-nous {
|
|
width: 100%;
|
|
margin-top: .9375rem;
|
|
text-align: right;
|
|
margin-right: 20px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Espace au-dessus de la bannière */
|
|
#wrapper {
|
|
padding-top: 0;
|
|
box-shadow: none;
|
|
background: white;
|
|
}
|
|
#wrapper .banner img {
|
|
width: 100%;
|
|
}
|
|
.carousel .carousel-inner {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
/*font-family: 'Raleway', sans-serif;*/
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
a:hover {
|
|
color: rgba(177,194,90,1);
|
|
}
|
|
|
|
.breadcrumb {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
#wrapper > div > nav > ol > li:last-child > a > span {
|
|
font-weight: 900;
|
|
font-size: larger;
|
|
}
|
|
|
|
/* Pas de logo de marque sous les produits */
|
|
#js-product-list > div.products.row > article > div > div.product-description > div.brand-image {
|
|
display: none !important;
|
|
}
|
|
|
|
/********** Produits populaires ************/
|
|
#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
|
|
box-shadow: none;
|
|
}
|
|
#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
|
|
justify-content: center;
|
|
}
|
|
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title, .product-miniature .products-section-title {
|
|
margin-top: 50px;
|
|
margin-bottom: -20px;
|
|
}
|
|
|
|
.products-sort-order .select-title {
|
|
width: 75%;
|
|
border: none;
|
|
}
|
|
|
|
/* Pour masquer le lien "Tous les produits" */
|
|
#index .all-product-link{display:none!important;}
|
|
|
|
/* Pour masquer la marque dans les "produits populaires" */
|
|
#content > section > div > article > div > div.product-description > div.brand-image {
|
|
display: none !important;
|
|
}
|
|
/*************************************************/
|
|
|
|
/* Footer */
|
|
.footer-container {
|
|
box-shadow: none;
|
|
background: black;
|
|
}
|
|
|
|
/* Les titres des infos du bas */
|
|
.block-contact .block-contact-title, #block_myaccount_infos .myaccount-title a {
|
|
color: white;
|
|
}
|
|
.block-contact {
|
|
font-size: .875rem;
|
|
}
|
|
|
|
/* Couleur du texte dans le footer */
|
|
.footer-container .block-contact, .footer-container li a, #footer > div.footer-container p {
|
|
color: white;
|
|
}
|
|
.footer-container li a:hover {
|
|
color: rgba(177,194,90,0.5);
|
|
}
|
|
.copyright {
|
|
color: white;
|
|
}
|
|
|
|
#footer > div.footer-container div.block-social.md-3 > p {
|
|
text-align: left;
|
|
}
|
|
.block-social ul li {
|
|
background-color: black;
|
|
}
|
|
|
|
#footer div.block-social.md-3 li.linkedin {
|
|
background-image: url("../css/cf2f3c1d5c7cb02c29f61964313148e1.svg");
|
|
}
|
|
|
|
/**********************************************************/
|
|
|
|
/* Page des catégories */
|
|
|
|
.block-categories {
|
|
background-color: rgba(177,194,90,0.5);
|
|
box-shadow: none;
|
|
padding: 1rem 1.25rem;
|
|
border-radius: 6px;
|
|
}
|
|
.block-categories .category-sub-menu {
|
|
margin-left: 1.5rem;
|
|
margin-top: 0;
|
|
}
|
|
.block-categories .category-top-menu li:first-child {
|
|
margin-top: 10px;
|
|
}
|
|
.block-categories .category-top-menu .text-uppercase {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.block-categories .category-sub-menu .category-sub-link:hover {
|
|
background-color: white;
|
|
}
|
|
|
|
#left-column > div.block-categories.hidden-sm-down > ul > li > ul > li > a {
|
|
border-bottom:0;
|
|
margin-bottom: 5px;
|
|
font-weight: lighter;
|
|
}
|
|
.divCategorie {
|
|
text-align: center;
|
|
opacity: 0.95;
|
|
margin-top: -15px;
|
|
}
|
|
.divCategorie img {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/******* Pagination ********/
|
|
.pagination .page-list {
|
|
box-shadow: none;
|
|
padding: 0.5rem;
|
|
}
|
|
.pagination .current a {
|
|
color: black;
|
|
text-align: center;
|
|
background-color: rgba(177,194,90,1);
|
|
}
|
|
|
|
/*********************************/
|
|
|
|
.products-selection {
|
|
margin-bottom: 0;
|
|
}
|
|
#js-product-list-top > div.col-md-6.hidden-sm-down.total-products {
|
|
margin-left: 0;
|
|
}
|
|
.products-sort-order .select-title {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/**********************************************************/
|
|
|
|
|
|
|
|
/*********** Page Produit ************/
|
|
|
|
.product-cover img {
|
|
box-shadow: none;
|
|
}
|
|
#content > div.images-container > div.js-qv-mask.mask {
|
|
display: none;
|
|
}
|
|
|
|
.product-prices{margin-top:1.25rem}
|
|
.product-prices div{margin:0 5px 6px 0;font-size:20px;font-weight:600;display:inline-block;vertical-align:top}
|
|
.product-prices .tax-shipping-delivery-label{font-size:.8125rem;color:#878787}
|
|
.product-price{color:black}
|
|
|
|
.btn-primary {
|
|
background-color: black;
|
|
}
|
|
.tabs .nav-tabs .nav-link.active {
|
|
color: black;
|
|
}
|
|
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
|
|
border-bottom: 3px solid black;
|
|
}
|
|
.bootstrap-touchspin, .btn-primary, .btn-secondary, .btn-tertiary {
|
|
box-shadow: none;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
|
|
/* Pour les modules */
|
|
.payment-option label {
|
|
text-align: left; !important;
|
|
}
|
|
.payment-option label img {
|
|
width: 50%;
|
|
} |