@import (less) "style.css"; // Core variables and mixins @import "bootstrap3.2.0/less/variables.less"; @import "bootstrap3.2.0/less/mixins.less"; // Reset @import "bootstrap3.2.0/less/normalize.less"; @import "bootstrap3.2.0/less/print.less"; // Core CSS @import "bootstrap3.2.0/less/scaffolding.less"; @import "bootstrap3.2.0/less/type.less"; @import "bootstrap3.2.0/less/code.less"; @import "bootstrap3.2.0/less/grid.less"; @import "bootstrap3.2.0/less/tables.less"; @import "bootstrap3.2.0/less/forms.less"; @import "bootstrap3.2.0/less/buttons.less"; // Components @import "bootstrap3.2.0/less/component-animations.less"; @import "bootstrap3.2.0/less/glyphicons.less"; //@import "bootstrap3.2.0/less/dropdowns.less"; //@import "bootstrap3.2.0/less/button-groups.less"; //@import "bootstrap3.2.0/less/input-groups.less"; //@import "bootstrap3.2.0/less/navs.less"; //@import "bootstrap3.2.0/less/navbar.less"; //@import "bootstrap3.2.0/less/breadcrumbs.less"; @import "bootstrap3.2.0/less/pagination.less"; //@import "bootstrap3.2.0/less/pager.less"; //@import "bootstrap3.2.0/less/labels.less"; //@import "bootstrap3.2.0/less/badges.less"; //@import "bootstrap3.2.0/less/jumbotron.less"; //@import "bootstrap3.2.0/less/thumbnails.less"; @import "bootstrap3.2.0/less/alerts.less"; //@import "bootstrap3.2.0/less/progress-bars.less"; //@import "bootstrap3.2.0/less/media.less"; //@import "bootstrap3.2.0/less/list-group.less"; //@import "bootstrap3.2.0/less/panels.less"; //@import "bootstrap3.2.0/less/wells.less"; //@import "bootstrap3.2.0/less/close.less"; // Components w/ JavaScript //@import "bootstrap3.2.0/less/modals.less"; @import "bootstrap3.2.0/less/tooltip.less"; //@import "bootstrap3.2.0/less/popovers.less"; //@import "bootstrap3.2.0/less/carousel.less"; // Utility classes @import "bootstrap3.2.0/less/utilities.less"; @import "bootstrap3.2.0/less/responsive-utilities.less"; // ****************************************************** // import less catalog @import "style_css_catalog.less"; @import "checkout.less"; // ****************************************************** @color-text: #333; //@color-giallo: #FFCC00; @color-giallo: #F6AC00; @color-gialloscuro: #F0A000; @color-grigio: #ccc; @color-grigiochiaro: #f6f6f6; body{ color: @color-text; font-size:16px; background-color:#EFEFEF; font-family: 'Archivo Narrow', sans-serif; } a{ color: #000; &:hover{ color: @color-giallo; } } .btn-primary, .btn_add_cart, #bt_avanti, .btn_procedi .cat_button, .cat_button_scheda, .cat_moduloButton, .col_sx_login_registrazione .cat_button, .col_dx_reg_guest .cat_button, #cat_FormForgotPassword .cat_button, .checkout .btn-avanti input, .bottone_alt { background-color: @color-giallo; border-color: @color-gialloscuro; color: #000; transition: all .5s cubic-bezier(.345, .11, .27, .995); &:hover, &:focus{ background-color: @color-gialloscuro; color: #000; } } .form-control, .cat_modulo, .modulo_email_min, .cat_moduloLogin { background-color: #ffffff; border: 1px solid @color-grigio !important; color: @color-text; } // wishlist .btn_add_wishlist { transition: all .5s cubic-bezier(.345, .11, .27, .995); &:extend(.btn-block all); } .msg_link { a { &:extend(.btn all); &:extend(.btn-primary all); } } .cat-wishlistWrapTable{ &:extend(.table-responsive all); .cat_tabellaElenco { &:extend(.table all); &:extend(.table-condensed all); } } .cat-btn-back { &:extend(.btn all); &:extend(.btn-default all); } // BOX RICERCA .box-ricerca{ background: #000; color:#fff; padding:20px 15px; .input-box{ .make-xs-column(10); input{ background:#000; border:none !important; box-shadow:none; color:#fff; &::-webkit-input-placeholder { /* WebKit browsers */ color: #efefef; } &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #efefef; opacity: 1; } &::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #efefef; opacity: 1; } &:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #efefef; } } } .submit-box{ .make-xs-column(2); button{ background:#000; border:none !important; box-shadow:none; color:#fff; } border-left:1px solid #fff; } } // MENU ul#root_1424{ li{ a{ padding: 25px 25px; } } } // RIQUADRI PRODOTTI .cat_riqProdottoBox, .cat_riqProdotto { .make-xs-column(12); .make-sm-column(3); background-image: url('/source/angolo-prodotti.jpg'); background-repeat: no-repeat; background-position: top right; margin: 15px 0; > div{ padding: 15px 5px; text-align: center; .free-shipping{ background: #000; color: #fff; width: 50px; height: 50px; border-radius: 50px; position: absolute; right: 10px; top: 10px; font-size: 12px; font-weight: bold; line-height: 13px; padding-top: 5px; .flaticon{ display: block; &::before{ font-size: 20px; line-height:20px; } } } .percentuale, .cat_sconto_percentuale { background: @color-gialloscuro; color: #fff; width: 50px; height: 50px; border-radius: 50px; position: absolute; right: 10px; top: 10px; font-size: 18px; line-height: 50px; font-weight: bold; } .foto{ height: 200px; img{ max-width: 100%; max-height: 100%; margin: 0 auto; } } .nome{ height:75px; overflow: hidden; a{ color: @color-text; font-size: 18px; } } .prezzo{ font-size: 29px; font-weight: bold; .cat_prezzo_barrato{ color: #000; font-size: 18px; @media (max-width: @screen-sm-max){ display: block; } } .cat_prezzo_offerta{ color: @color-giallo; } .cat_testoRed{ color: @color-giallo; } } .buttons{ margin:15px auto; border-top: 1px solid @color-grigio; border-bottom: 1px solid @color-grigio; width:140px; height:30px; padding:5px 0; display: inline-table; > div{ height: 20px; position:relative; .make-xs-column(4); a{ color: @color-grigio; text-align:center; width: 100%; z-index: 10; span[class^="flaticon-"]{ position: relative; z-index: 1; } } form{ font-family: Flaticon; } input[type="button"]{ background:none; color: @color-grigio; width: 100%; font-family: Flaticon; padding: 0; &.btn_add_cart{ margin-top:-5px; } } } } } .btn, .cat_button, .cat_button_scheda, .link_form_info, .cat_moduloButton{ border:none; } } .titolo-box{ width:100%; padding:12px; text-align:center; border:1px solid #e8e8e8; background: #f7f7f7; margin: 15px 0; clear:both; color: #000000; font-size: 18px; font-weight: bold; text-transform: uppercase; h2{ margin: 0; font-size:18px; color: #000; font-weight: bold; } } .titolo-home{ .make-xs-column(12); .make-sm-column(6); .make-md-column(5); margin:0px 0 50px; h1{ border: none; font-size: 77px; color:#000; font-weight:bold; line-height:60px; font-family:'brandon_blk-webfont'; span{ color:@color-giallo; } @media (max-width: @screen-xs-max){ text-align: center; line-height:33px; font-size: 40px !important; padding:0; } } .underlinea{ width:150px; height:10px; background-color:#000; @media (max-width: @screen-xs-max){ margin: 0 auto; } } } .image-title-home{ .make-xs-column(3); position:relative; img{ position:absolute; top:-85px; left:-30px; } } // MENU CATEGORIE .cat-menu, .cat-titolo{ margin-right:20px; } .cat-titolo{ color: @color-giallo; font-size: 39px; font-weight: bold; line-height: 28px; padding: 30px 20px 10px; background-color: #000; span{ color: #fff; font-size: 21px; font-weight: normal; } } .cat-menu{ background-image: url('/source/bg-menu-categoria.jpg'); background-position: top left; background-repeat: no-repeat; background-size: 100% auto; background-color: #eaeaea; padding-top: 70px; @media (max-width: @screen-sm-max){ background-image: none; padding-top: 20px; } .cat_menuCategoria{ padding:5px 20px; .level-1::before{ content: '\2022 '; } .level-2{ padding-left:15px; } .level-3{ padding-left:30px; } .level-3{ padding-left:45px; } .cmsCurrentPageContainer{ a{ color: #fff; } background-color: @color-gialloscuro; } a{ color: #000; } } ul.livello_0{ list-style: none; } ul.livello_1{ display: none; } } // BREADCRUMB .cat_breadCrumb a{ color: #000; } .descrizione-cat{ h2{ font-size: 24px; } } // RIQUADRO CATEGORIA .cat_riqCategoria{ .make-xs-column(12); .make-sm-column(3); background-image: url('/source/angolo-prodotti.jpg'); background-repeat: no-repeat; background-position: top right; margin: 15px 0; > div{ padding: 15px 5px; text-align: center; .foto{ height: 170px; img{ max-width: 100%; max-height: 100%; } } .nome{ height:52px; overflow: hidden; a{ color: @color-text; font-size: 18px; } } } } .catalog_titolo{ margin: 0 0 10px; padding: 20px 0; } .wrapper_ordinamento_prodotti{ padding:20px 0; border-bottom: 1px solid @color-grigio; .cat_select_listbox_order{ width:165px !important; background: #eaeaea; border-radius:0; border:none; box-shadow:none; margin-left:15px !important; } } // ****************************************************** // SCHEDA PRODOTTO .scheda-prodotto{ .foto{ .f-big{ background-image: url('/source/bg-foto-big.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; text-align: center; padding:30px; margin-bottom: 20px; min-height:460px; img{ max-width: 100%; margin:0 auto; } } .f-small{ display: inline-block; img{ max-width: 100%; } } } .free-shipping{ background: #000; color: #fff; width: 50px; height: 50px; border-radius: 50px; position: absolute; right: 20px; top: 10px; font-size: 12px; font-weight: bold; line-height: 13px; padding-top: 5px; text-align: center; .flaticon{ display: block; &::before{ font-size: 20px; line-height:20px; } } } .info-prodotto{ padding-left: 15px; h1{ border:none; } .prezzo{ font-size:37px; color: @color-giallo; margin: 30px 0; padding: 5px 0; font-weight: bold; border-top: 1px solid @color-grigio; border-bottom: 1px solid @color-grigio; .cat_prezzo_barrato{ color: #000; font-size: 25px; } .cat_prezzo_offerta{ color: @color-giallo; } .cat_testoRed{ color: @color-giallo; } .disponibilita{ float: right; color: @color-text; font-size: 18px; line-height: 50px; padding: 0 20px; border-left: 1px solid @color-grigio; } } .brand { //float: right; img { max-width: 170px; } } #qt_cart{ border: 1px solid @color-grigio; box-shadow: none; height: 45px; text-align: center; width: 80px; float:left; } .qt_cart_dec{ margin-right: 5px; } .qt_cart_inc{ margin-left: 5px; } .qt_cart_dec, .qt_cart_inc{ background: #000000 none repeat scroll 0 0; color: #ffffff; float: left; height: 43px; padding: 15px 0; text-align: center; width: 45px; } #importoProdotto { display:none } #cat_importoProdotto{ font-size: 19px; margin:0; } .btn_add_cart{ background: @color-giallo; color: #000; //width: 300px !important; max-width: 100%; padding: 15px; text-transform: uppercase; border-color: @color-gialloscuro; transition: all .5s cubic-bezier(.345, .11, .27, .995); &::before { font-family: Flaticon; content: "\e007"; } &:hover{ background-color:#F67C00; } } .share-button.sharer-0{ width: 100%; label{ background: transparent; width:100%; span{ font-size: 17px; color: #333; font-weight:normal; text-transform: none; } &::before{ color: @color-gialloscuro; font-size:24px; /*content: "\e00a" !important; font-family: "Flaticon" !important;*/ } } .social.active{ height: 35px; z-index:100; } } .info{ width: 100%; border-top: 1px solid @color-grigio; border-bottom: 1px solid @color-grigio; padding: 15px 0; height: auto; .link_form_info{ white-space: normal; width: 100%; background: #000; color: #fff; border:none; border-radius: 0; } } #FormAddCart__524223{ .divForm{ .labelForm, .fieldForm{ color: #000; &:first-child{ display: none !important; } } } } } .compra .cat_importoProdotto{ display:none; } } .descrizione-prodotto{ margin-bottom: 25px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .cat_pagination > .active > a, .cat_pagination > .active > span, .cat_pagination > .active > a:hover, .cat_pagination > .active > span:hover, .cat_pagination > .active > a:focus, .cat_pagination > .active > span:focus{ background-color: #000; border-color: #000; } .pagination > li > a, .pagination > li > span, .cat_pagination > li > a, .cat_pagination > li > span{ color:#000; } // ****************************************************** // BOX CALCOLO SPESE SPEDIZIONE #cat_CalcoloSpedizioniBox{ text-align:right; > a{ color: #000; text-transform: uppercase; font-size: 13px; &::before { font-size: 27px; font-family: Flaticon; content: "\e000"; color: @color-giallo; margin-right: 10px; vertical-align: sub; } } } .box-spese-sped{ background-color: @color-grigiochiaro; margin: -20px -5px -20px 0; padding: @line-height-computed; @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max){ margin-top: @line-height-computed/2; margin-bottom: 0; } .cat_spedizione { margin-bottom: @line-height-computed/2; } .cat_spedizione_tabella table{ margin-bottom: 0; } th { color: @color-giallo; } } #cap_spese_spedizione{ width:85px !important; } // ****************************************************** // CHECKOUT .checkout{ .row-carrello{ .step-active { border-bottom: 3px solid @color-giallo; font-weight: bold; } } } .button-mobile{ float: right; .box-carrello{ font-size: 13px; line-height: 42px; margin-top: 8px; margin-right: 20px; text-align: center; text-transform: uppercase; .flaticon{ font-size:16px; color:#fff; } a:hover{ .numero{ background-color: @color-giallo; } } .numero{ background-color: #fff; color: #000; border-radius: 20px; width: 30px; height: 30px; line-height:30px; font-size:16px; text-align: center; display: inline-block; } } &#contenuto_190925{ a{ color:#fff; margin-right: 20px; } .flaticon{ color:#fff; } } @media (max-width: @screen-xs-max){ .label-login, .label-registrati{ display: none; } } } .button-top{ line-height:42px; font-size:13px; padding-top:42px; text-transform: uppercase; .flaticon{ font-size:16px; } .box-carrello{ a:hover{ .numero{ background-color: @color-giallo; } } .numero{ background-color: #000; color: #fff; border-radius: 20px; width: 30px; height: 30px; line-height:30px; font-size:16px; text-align: center; display: inline-block; } } } .riquadro-novita{ position: relative; .icon-new{ position: absolute; top:-240px; left:-20px; z-index: 100; } .container-prodotti{ background-image: url('/source/bg-new.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; padding: 40px 40px 0; width: 100%; position: absolute; top: -215px; max-height: 470px; @media (max-width: @screen-sm-max){ top:-140px; } @media (max-width: @screen-xs-max){ position:relative; top:0; } .cat_riqProdottoBox{ .foto{ height: 200px; img{ max-width: 100%; max-height: 100%; margin: 0 auto; } } .nome{ height:52px; overflow: hidden; a{ color: @color-text; font-size: 18px; } } .prezzo{ font-size: 29px; font-weight: bold; } .button-dettaglio{ text-transform: uppercase; border-top: 1px solid @color-grigio; border-bottom: 1px solid @color-grigio; display: inline-block; margin-top: 15px; padding: 5px; } } } } .slick-track { margin: 0; } .slick-dots{ position: relative; display: table !important; margin: 0 auto 15px; padding: 0 10px; border: 1px solid #ddd; width: auto; li{ &.slick-active{ button { background: @color-giallo; } } } } .torna-su{ position: fixed; right:15px; bottom: 0; padding:10px 20px; background: @color-giallo; cursor: pointer; &:focus{ color:#000; } &:hover{ color:#fff; } } .carousel-produttori{ margin:15px 0; img{ margin: 0 auto; } .slick-prev{ background-size: contain; width: 18px; height: 18px; margin: 0; transform: translateY(-50%); z-index: 9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iMjA3LjA5MywzMC4xODcgMTc2LjkwNywwIDQ4LjkwNywxMjggMTc2LjkwNywyNTYgMjA3LjA5MywyMjUuODEzIDEwOS4yOCwxMjggCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); } .slick-next{ background-size: contain; width: 18px; height: 18px; margin: 0; transform: translateY(-50%); z-index: 9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iNzkuMDkzLDAgNDguOTA3LDMwLjE4NyAxNDYuNzIsMTI4IDQ4LjkwNywyMjUuODEzIDc5LjA5MywyNTYgMjA3LjA5MywxMjggCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); } } // pagina leggi-i-commenti.php .recensione { .h3 { text-transform: capitalize; margin-top: 0; } .risposta-titolo { font-weight: bold; margin: 10px 0 5px; text-align: center; } .risposta { font-style:italic; p { margin-bottom: 5px; } } } /*** BORDINO BLU CHROME ***/ .slick-slide a, .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img, a img, input:focus{ outline: none; } a:hover, a:active, a:focus { outline: none; } .prodotti-correlati .slick-dots { @media (min-width: @screen-lg-min){ margin: 0 auto -17px; padding: 0 10px 9px; background-color:#ffffff; } } .plus .slick-dots, .prodotti-correlati .slick-dots { @media (max-width: @screen-md-max){ padding: 0 10px 9px; } } .titanka_form .layer_thankyou_message .thankyou_message { margin-left: 100px; margin-bottom: 8px; } .button-news { margin:15px auto; } .button-news a { margin-top:20px; white-space: normal; width: 100%; background: #000; color: #fff; border: none; border-radius: 0; padding: 5px 40px; } .wrapper_link_view_all{ display:none; }