// ****************************************************** // classi x catalog .cat_button, .cat_button_scheda, .link_form_info, .cat_moduloButton { &:extend(.btn all); } .cat_button { &:extend(.btn-default all); } .btn_add_cart, #bt_avanti{ // aggiungi carrello, avanti carrello &:extend(.btn-primary all); &:extend(.btn-block all); } .btn_indietro { .cat_button { &:extend(.btn-block all); //&:extend(.btn-warning); } } .btn_procedi { .cat_button { &:extend(.btn-block all); &:extend(.btn-primary all); } } .cat_button_scheda, .cat_moduloButton, .link_form_info { &:extend(.btn-primary all); } .cat_modulo, .modulo_email_min, .cat_moduloLogin { &:extend(.form-control all); } .cat_clearRiga, .cat_wrapper_output { .clearfix(); } .labelForm{ &:extend(label all); } .fieldForm { &:extend(.form-group all); } #FormLogin{ .cat_moduloButton { &:extend(.btn-block all); } } .cat_pagination { &:extend(.pagination all); } // ****************************************************** // classi catalog @catalog-radius: 5px; @catalog-shadow: 8px; .cat-radius{ -webkit-border-radius: @catalog-radius; border-radius: @catalog-radius; } .shadow{ -moz-box-shadow: 0px 0px @catalog-shadow @gray; -webkit-box-shadow: 0px 0px @catalog-shadow @gray; box-shadow: 0px 0px @catalog-shadow @gray; } .cat_testoRed { color: @brand-danger; } .clearBoth { .clearfix(); } .cat_obbligatorio { color: @brand-danger; } // finestre popup #darkLayer{ background-color:@gray; //background-image:url('http://backoffice3.titanka.com/catalog/img/ui-bg_diagonals-thick_20_666666_40x40.png'); .opacity(0.6); } .cat-popup { // classe per lo stile dei popup catalog (usato solo in less) display:none; background-color:#fff; border:1px solid @gray-light; padding:@line-height-computed/3; position:absolute; } .cat_response { .cat-popup; .cat-radius; .shadow; width:650px; height:100px; text-align:center; z-index:50000; } #cat_ForgotPassword, #cat_SegnalaAmico, #cat_RegNewUser, #cat_InfoProdotto, .cat_InfoProdotto, #cat_addCart { .cat-popup; .cat-radius; .shadow; } #cat_SegnalaAmico { overflow: auto; width:500px; } #cat_RegNewUser { overflow: auto; } #cat_InfoProdotto, .cat_InfoProdotto { overflow: auto; text-align:left; } #cat_addCart { overflow: auto; } .cat_divLoad { position:absolute; top:25%; left:35%; display:none; } // ****************************************************** // stili catalog table { width:100%; border:0px; margin:0px; td{ vertical-align: top; } } form { display:inline; margin:0; padding:0; } ul, li { margin-top:0px; margin-bottom:0px; } // tabella sconti quantità .cat_tabellaElenco { margin:5px 0px; border:1px solid @gray-lighter; th { padding: 4px; color: @gray-dark; border-bottom:1px solid @gray; text-align:left; } } // classe per prezzo in scheda prodotto .cat_schedaProdottoTitolo {} // messaggio modifica dati account .cat_esito { background-color:#fff; color:#000; text-align:left; margin:10px; } // dettaglio ordine pagina account .cat_dettaglioOrdine { width:96%; border: 1px solid @gray-light; margin: 5px 0px 10px 0px; .cat_titolettoParagrafo { font-weight:bold; font-style:italic; margin:5px 0px; background-color:@gray-light; } } // ****************************************************** // guest .col_sx_login_registrazione{ text-align:left; width:100%; //float:none; // dispongo su due colonne @media (min-width: @screen-sm-min) { width:40%; padding-right:10px; } .cat_button { &:extend(.btn-primary all); } } .col_dx_reg_guest { text-align:left; width:100%; //float:none; //padding: 0 5px; border-top: 1px solid @gray-light; margin-top: @line-height-computed/2; padding-top: @line-height-computed/3; // dispongo su due colonne @media (min-width: @screen-sm-min) { border-left:1px solid @gray-light; width:60%; padding-left:10px; border-top: 0; margin-top:0; padding-top:0; } .radio { display: inline; } br { .hidden(); } #div_azienda, #div_privato { .clearfix(); } .labelForm { padding: 0 5px; // dispongo su due colonne @media (min-width: @screen-sm-min) { width:40%; float:left; } } .fieldForm { margin-bottom:@line-height-computed/3; padding: 0 5px; // dispongo su due colonne @media (min-width: @screen-sm-min) { width:60%; float:left; } } .cat_button { &:extend(.btn-block all); &:extend(.btn-primary all); } } .cat_wrapper_registrazione_utente { .radio { display: inline; } } .wrapper_link_registrazione { border-top: 1px solid @gray-light; margin-top: @line-height-computed/2; padding-top: @line-height-computed/3; .cat_button { &:extend(.btn-block all); } } .guest_title_login, .guest_title_register { font-size: @font-size-large; color: black; margin-bottom:15px; } #login_submit_popup { &:extend(.btn-block all); } .guest_login_form { width:100%; } #cat_FormForgotPassword { text-align:left; br { //.hidden(); height:1px; } .cat_button { &:extend(.btn-primary all); &:extend(.btn-block all); } } // ****************************************************** // coupon .wrapper_coupon{ /* Contenitore del blocco dove si inserisce il codice */ //margin:10px; padding:5px; border:1px solid @brand-info; text-align:left; background-color: @gray-lighter; } .modulo_coupon{ // input coupon } .info_coupon{ /* Contenitore informaizoni sul coupon */ font-weight:normal; } .nome_coupon{ /* Nome del coupon */ color:green; font-weight:bold; } .info_validita_coupon{ /* Informazioni sulla validità coupon */ color: @gray; font-weight:normal; font-style:italic; } .coupon_error { // Messaggio errore sul controllo del coupon color:@brand-warning; } // ****************************************************** // Sezione box ordinamento prodotti .wrapper_ordinamento_prodotti{ text-align:right; //padding:8px; //background-color: @gray-lighter; margin-bottom:@line-height-computed; .cat_select_listbox_order { display: inline; width: auto; } } // ****************************************************** // Recensioni prodotti .cat_recensione_prodotto_form { br { .hidden(); .clearfix(); } } // ****************************************************** // Pulsanti quantita .qt_cart_dec, .qt_cart_inc{ .glyphicon; cursor: pointer; } .qt_cart_dec{ .glyphicon-minus; } .qt_cart_inc{ .glyphicon-plus; } // ****************************************************** // menu categorie .cat_menuCategoria { .current_cat { color: @brand-primary; } } // ****************************************************** // condizioni di vendita nel carrello #condizioni_vendita { margin-top:@line-height-computed; } #cat_condizioni_vendita{ & > h1 { .h3; } } // ****************************************************** // popup aggiungi al carrello #FormAddCartWrapper{ .labelForm, .fieldForm { width: auto !important; } .qt_cart_wrapper input { display: inline; width: auto; } }