/* LAYOUT */ @width: 1170px; /* my theme */ @my_theme: "zielarnia"; /*** COLORS ************************/ @color1: #000000; @color2: #999999; @color3: #bababa; @color4: #c9c8c9; @color5: #f4f5f4; /* Extra Colors */ @color6: #db1814; @color7: #ED1C24; /* Black & White */ @black: #55503b; @white: #fff; /* Global */ @bgmargin: 0px; @text: lighten(@black,15%); @bgcolor: @color4; @red: red; @a: @black; /* Header */ @bar: #3b3b3b; @bar_text: @white; /* Components */ @head: #f8f8f8; @head_text: @color1; @border: #eaeaea; @button: darken(@color3,5%); /* Selected components */ @head_selected: #ed1c24; @head_selected_text: @white; @border_selected: darken(@color3,7%); @a_selected: @color6; /* Footer */ @foot: #f8f8f8; @button_important_light: #ED1C24; @button_important_dark: #c61100; @button_light: #f7f7f7; @button_dark: #cccccc; /*** Layout/Components/etc ******************/ @width1: @width - (@bgmargin*2); @column: @width1*0.18864097; @space: @width1*0.01419878; /* 3 columns divided into 4 columns */ @column3on4: ((@column*3)+(@space*2)) * 0.23720137; @space3on4: @column3on4*0.075268817; /* 3 columns divided into 5 columns */ @column3on5: ( @column*3 + @space*2 ) / (5 + 4 * 0.075268817 ); @space3on5: @column3on5 * 0.075268817; /* 4 columns divided into 5 columns */ @column4on5: ( @column*4 + @space*3 ) / (5 + 4 * 0.075268817 ); @space4on5: @column4on5 * 0.075268817; /* 4 columns divided into 6 columns */ @column4on6: ( @column*4 + @space*3 ) / (6 + 5 * 0.075268817 ); @space4on6: @column4on6 * 0.075268817; body { } #bg_container { background-color: #faf1e1; min-width: @width; } #bg_container_bottom { background: url("/images/frontend/theme/@{my_theme}/bg_tlo.png") top center no-repeat; } #container { width:1170px; } #middle, #navigation { padding: 0px; background: @white; } #path { background-color: none; position: relative; top: 5px; font-size:11px; margin-left:21px; } #path .box_link > a { padding-left: 1px; } #path .box_history > a { padding-right: 1px; } #path .not_active_last { color: #000; } #banner_middle { background: @color5; width: (@column*3)+(@space*2); height: 192px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; } .title { margin: 17px 0 5px 0; } .title p { margin: 0px !important; padding: 0px !important; font-style:italic; } .title_error { padding: 5px 10px; margin: 0px; } .box { border: 1px solid @border; margin-bottom: 14px; background-color: @white; } .box2 { margin-bottom: 14px; background-color: @white; } .box .head { padding: 7px 5px 6px 10px; background: url("/images/frontend/theme/@{my_theme}/header-back.jpg"); } #category_tree .head { } #category_tree h3 { color: @head_selected_text; font-weight: bold; } .box h3.head { color: @white; font-size: 15px; font-weight: bold; } .box h3.head a { text-decoration: none; color: @head_selected_text; } .box .content { padding: 5px 10px; } .roundies, .roundies_lt { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /*.roundies_lt { -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; } .roundies_rt { -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; } .roundies_lb { -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; } .roundies_rb { -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .roundies_t { -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .roundies_b { -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }*/ .clear, .st_clear_all { clear: both; font-size: 0px; line-height: 0%; padding:0; margin:0; height: 0px; } .buttons a, .buttons button, button[disabled="disabled"]:hover { display:table-cell; vertical-align: middle; border: 1px solid @button_dark; background-color: @button_light; line-height: 13px; font-size: 13px; text-decoration:none; color:@text; cursor:pointer; height: 31px; padding: 0px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center; font-weight: normal; -webkit-box-shadow: 1px 1px 1px #e9e9e9; -moz-box-shadow: 1px 1px 1px #e9e9e9; box-shadow: 1px 1px 1px #e9e9e9; } .buttons a span, .buttons button span { background: no-repeat right center; padding-bottom: 1px } .buttons a .icon_left, .buttons button .icon_left { background-position: left center; padding-right: 0px; } /* BASE */ .buttons .important, .buttons .important:hover, .buttons .not_found_button { color: @head_selected_text; background-color: @button_important_light; border-color: @button_important_light; } .buttons button:hover, .buttons a:hover { background-color: #eee; border-color: darken(@button, 3%); } .buttons .important:hover, .buttons .not_found_button:hover { border-color: #3b3b3b; background-color: #3b3b3b; } .buttons .disabled, button[disabled="disabled"] { opacity: 0.4 !important; cursor: default !important; } .not_found_button img { display: none; } .left { float:left !important; } .right { float:right !important; } #left .container_content { padding-top: 10px; } #main .container_content { padding-top: 10px; } #right .container_content { padding-top: 10px; } #overbaner { padding: 5px 0px 4px 0px; overflow: hidden; } #currency { margin: 3px; } .languages { position: relative; top: 4px; } .txt_lang { position: relative; top: -3px; } #online { float: left; padding: 10px 0px 5px 0px; color: lighten(@text,30%); } #underbaner { padding-right: 10px; color: @bar_text; height: 36px; margin-top:100px; margin-bottom:30px; } #underbaner #pick { position: relative; top: 6px; color: @color1; } #underbaner .languages { position: relative; top: 11px; } #underbaner #search #keywords input { border: none; } #underbaner #search { position: relative; top: 6px; } #content_baner { overflow: hidden; } .logo { color: @black; padding-top: 22px; padding-bottom: 17px; overflow: hidden; margin-top:20px; } .logo a { text-decoration: none; color: @black; } .icon_logo { float: left; padding-bottom: 10px; padding-right: 15px; padding-left: 2px; } .box_logo { float: left; padding-top: 6px; } .box_logo h1 { font-size: 26px; font-family: "Helvetica CY","Helvetica Neue", sans-serif; font-weight: normal; padding-bottom: 0px; margin-bottom: 0px; } .txt_logo a { font-size: 12px; color: lighten(@black,65%); } .column_baner_right { color: @black; padding-top: 21px; } .column_baner_right a { color: @color1; } .column_baner_right .header { padding-top: 1px; color: @color1; } .row { overflow: hidden; padding: 5px 0px; } #header { } #header #home { padding: 14px 10px 0 138px; } #underbaner a { color: @black; text-decoration: none; font-size: 17px; margin-right:40px; } #underbaner a:hover { text-decoration:underline; } #underbaner b { font-weight: normal; } #header .right { padding-left: 13px; } #copyright { text-align: right; float:right; padding: 10px 0; clear: both; } #copyright .link { float:left; } #copyright .link a { text-decoration: none; color: lighten(@text,30%); } #copyright .logo_sote { float: left; padding-top: 3px; padding-left: 5px; } #copyright .logo_en { float: left; padding-top: 2px; padding-right: 5px; } #open { clear: both; display: block; color: @color4; text-decoration:none; text-align: center; font-size: 10px; line-height: 12px; } .header a { display: block; padding: 9px 10px 11px 10px; font-size: 13px; float: left; } #underbaner .header a:hover { background-color: #2a2a2a; text-decoration: none; } #navigation { overflow: hidden; margin-top:14px; background:none; } #container_foot { position: relative; min-height: 102px; } #footer { border-bottom: 1px solid @border; background: url("/images/frontend/theme/@{my_theme}/bg_footer.png") top center; } #footer h4 { font-weight: bold; color: @color1; padding-bottom: 6px; } #footer a { color: darken(@color2,10%); } #footer a:hover { color: #000; text-decoration: none; } .txt_input { position: relative; top:2px; } .txt { position: relative; top:2px; } #header .row .left { padding-right: 3px; } #header .row .right { padding-left: 3px; } .space10_right { padding-right: 10px; } /* formularze */ .st_form { padding: 0; margin: 0; } .st_form .st_row { padding: 5px 0px; clear: both; } .st_form .st_row_last { clear: both; border-top: 1px solid @border; background-color: @color5; } .st_form .st_error { color: red; } #main_products .description, #product_long .description { color: lighten(@color1,45%); } .basket a { color: @black; } .box .content .full { background-color: @white; } /** do elementów przesuwania [wyrzucic] **/ .block-hover { border: 1px dashed @color3; } #schowek_add { padding-right:12px; margin-right:12px; border-right:1px solid @color3; } #js_frame { display:none; } #img_delivery,#img_card { margin-top: 10px; } /* module stBasket */ #st_basket-add-button-content { background-color: lighten(@button,24%); border: 1px solid @button; border-top: 1px solid lighten(@button,15%); border-left: 1px solid lighten(@button,15%); color:@text; } #st_basket-add-button-content input { color: @black; } /* module stCategory */ #st_category-list > li { border-top: 1px solid @border; } #main_categories .item .box, #subcategories .item .box { background-color: @white; } /* module stCurrencyPlugin */ #pick select#currency { border: 1px solid @color3; color: @black; background-color:@white; } /* module stNavigationPlugin */ #path a { color: lighten(@color1,15%); } #path .not_active { color: @color1; } /* module stNewsletterPlugin */ #newsletter .content .sign .email { border: 1px solid @border; } #newsletter .content .sign .email input { background-color: @white; } #newsletter .content .sign .email .submit input { border: 1px solid @border; background-color: @white; } /* module stProduct */ .price, .major_price span { color: @black; } .minor_price { color: @black; } .old_price, .old_price span, .price .old_price { color: @red; } /* Product list long and main */ #product_other .item, #product_recommend .item, #product_accessories .item { border: 1px solid @border; background-color: @white; } #product_short .bg_grey_short td { background-color: darken(@white,5%); } .box_photo_sort { border: 1px solid @border; background-color: @white; } /* module stTabNavigatorPlugin */ .st_tab_navigator li a { color: @text; background-color: @white; border:1px solid @border; border-bottom: none; } .st_tab_navigator li a span { background-color: @head; } .st_tab_navigator li.st_selected a { color: @text; border-bottom: 1px solid @white; height: 34px; } .st_tab_navigator li.st_selected a span { background-color: @white; } .st_content_tab { border: 1px solid @border; background-color: @white; } .name a, .product_link a { color: @black; } .st_basket-product-name a { color: @black; } #recommend_overlay, #recommend_shop_overlay { background-color: @white; } select, input, textarea { padding: 3px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; outline: none; background: #fff; border-radius: 0px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } select, input { line-height: 15px; } select { padding: 2px; } textarea:focus, input[type=text]:focus, input[type=password]:focus { border-color: #aaa !important; background-color: #eeeeee !important; } #list h2 { border: 1px solid @border; } #search #keywords input { width: 243px; padding-top: 5px; float: right; background-color:#faf1e1; height:32px; } .new_search-box #query { width: 694px; top: 0px; height: 31px; } .baners { float: left; } #homepage_banners .component_image1, #homepage_banners .component_image2, .baner_right_1st, .baner_right_2nd { float: right; } #homepage_banners_right1, #homepage_banners_right2 { min-width: 183px; } .baner_right_1st, .baner_right_2nd { margin-bottom: 12px; clear: both; } .languages img { padding-left: 4px; } .zoomWrapper { border-color: @border; } #product_card #gallery li { border: 1px solid @border; } #product_card .label .section, #st_update_product_options_form { border-bottom: 1px solid @border; } #product_card .share_box > div:first-of-type { border-top: 1px solid @border; } #order_print .print { background: #f01616 url("/images/frontend/theme/@{my_theme}/order_print.png") no-repeat 6px 6px; } #order_print .download { background: #f01616 url("/images/frontend/theme/@{my_theme}/order_pdf.png") no-repeat 6px 6px; } #order_print .invoice-text a { background: #f01616 url("/images/frontend/theme/@{my_theme}/order_invoice.png") no-repeat 6px 6px; } .box_group .content > a { background: url("/images/frontend/theme/@{my_theme}/circle_list_product.png") top left no-repeat; background-position: 0px 6px; } .nivo-controlNav a { background:url("/images/frontend/theme/@{my_theme}/navigator.png") no-repeat; } #social_foot { float: right; position: absolute; bottom: 20px; right: 5px; } /* stBasket */ #basket_icon { position: relative; border-left: 1px solid #626262; top: 3px; padding-top: 6px; padding-bottom: 6px; font-size: 13px; margin-top: 0px; } #added_product_preview { -webkit-box-shadow: 0px 0px 35px #444; -moz-box-shadow: 0px 0px 35px #444; box-shadow: 0px 0px 35px #444; background: #fff; } .st_basket-product-photo img { border-radius: 0px; } #st_basket-discount-coupon-code, #st_basket-delivery, #st_basket-payment, #st_basket-summary { width: 303px; } #st_basket-discount-coupon-code, #st_basket-summary { width: 330px; } #basket_index .content { margin: 0 0 10px 0; padding:0px; } #basket_index .basket_index_empty { border-top: 1px solid #bababa; } #button-empty-basket-return a { padding: 10px 15px; font-size: 14px; } #button-empty-basket-return { margin: 33px; } #basket_index .empty_basket_img { margin: 43px 14px 24px 0; } .st_basket-product-photo { padding-left:15px !important; } #added_product_preview .st_product_options { margin-left: 10px; } .st_product_options > ul { list-style-type: disc; } #exposeMask { background-color: rgb(39, 39, 39) !important; } /* nizej nie sprawdzone */ #st_application-st_basket-index { border: none; } #basket_quantity_container { margin-bottom: 12px; color: #919191; } #basket_quantity_container label, #basket_quantity_container .uom { position: relative; top: 5px; } #basket_quantity_container .uom { margin-left: 4px; } #basket_quantity_container .basket_add_quantity, #basket_quantity_container select { margin-left: 7px; } #basket_quantity_container .basket_add_quantity { width: 47px; } #basket_button_container { margin-top: 8px; } #basket_button_container button { float: right; } #st_update_product_options_form { margin-bottom: 9px; padding-bottom: 9px; } .basket_sum { text-transform: capitalize; } #basket_index { border: none; min-height: 340px; } .st_basket-list-link { display: none; } /* basket finish */ /* stOrder */ #st_order-back_button { margin-left: 0; } #st_order-confirm_button { margin-right: 0; } .st_order-order_sumary-box { padding: 0 0 15px 0; } .st_order-order_sumary-box .data_frame, .st_order-order_sumary-box .frame { width: 474px; } #order_confirm .buttons button { font-weight: bold; height: 31px; } #order_confirm .st_content { margin:35px 0px 20px; } #order_summary .st_name { width: auto; min-width: 84px; } #summary_label { background: none ; border-bottom: none; box-shadow: none; } #summary_label .content { text-align: left; } #summary_label .title_summary { font-size: 20px; color: #f01616; } #st_application-st_basket-index .st_content { padding: 10px 0; } #order_summary #summary_label { margin: 0px auto 0px; } #order_print { text-align: center; } #order_print a { display: inline-block; color: #fff; text-decoration: none; min-height: 28px; padding: 12px 19px 0px 38px; margin-left: 12px; -webkit-box-shadow: 0px 1px 2px #979797; -moz-box-shadow: 0px 1px 2px #979797; box-shadow: 0px 1px 2px #979797; margin-bottom: 13px; } #order_print a:hover, #order_print .invoice-text a:hover { background-color: #3b3b3b; } #order_print .print { padding-left: 45px; margin-left: 0px; } #summary_info .order_number { font-weight: bold; font-size: 14px; } #order_confirm { border: none; } #order_form_description { width: 617px; } #order_description_text { width: 595px; } #st_record_list-order { border: 1px solid @border; } /* order finish */ /* stUser */ #st_button-user-login-account img { width: auto; height: auto; padding-right: 5px; } /* */ #st_navigation_bar-user { border: 1px solid #eee; } #st_navigation_bar-user a { color: #3b3b3b; } #st_application-user-account, #st_application-user-remind { border: none; } #st_form-user_basket-email, #st_form-user_basket-password { width: 217px; } #st_form-user-email { width: 233px; } #st_application-user-account #st_form-user-password1, #st_application-user-account #st_form-user-password2, #st_application-user-account #captcha_img { width: 233px; } #st_form-user-password { width: 233px; } #st_form-user-password1 { width: 164px; } #st_form-user-password2 { width: 164px; } #st_application-user-login .st_content { margin: 43px 0px; padding: 0px; } #st_button-user-account .st_button { margin: 0px 56px 0px 0px; } #st_button-user-remind { margin-top: 10px; } #st_application-user-edit_profil .st_content2 { width: 479px; } #st_application-user-edit_profil .st_content3 { width: 479px; } #st_application-user-edit_profil .st_content { width: 479px; } .st_navigation_bar_user { padding-left: 6px; } #basket-login-user { width: 474px; } #st_user-basket-login-form { width: 488px; } #st_user-basket_billing_login_form { width: 474px; } #st_user-basket_delivery_login_form { width: 474px; } #st_application-user-login-login { width: 474px; } #st_application-user-login-register { width: 474px; } #user-register-form { width: 474px; margin: 25px auto 15px auto; } #create_user_delivery { width: 474px; } #create_user_billing { width: 474px; } #user-register-form fieldset { margin-left:43px; } #st_user-login { padding:15px 11px 0px; } form fieldset .st_field input, form fieldset .st_field textarea { padding: 6px 5px 5px; width: 349px; } form fieldset .st_field .checkobox { width: 14px; } form fieldset .st_field label { margin: 7px 5px 3px 6px; } #town, #delivery_town, #billing_town, #billing-town { width: 284px; } #password1, #password2 { width: 140px; } .password-strength-bar { width: 343px !important; } #st_button-user-login-account a { font-weight: bold; } #st_button-user-login, #st_button-user-login_success { margin-top: 0px; } #create_account_form fieldset { margin-left: 62px; } #st_user-first_register { border: none; } #st_user-first_register .st_content { margin: 40px 0 10px 0; padding: 0px; } #order_form_billing, #order_form_delivery { width: 474px; } #order_form_login #order_form_billing .box_form_content, #order_form_login #order_form_delivery .box_form_content { margin: 15px 60px; } .box_form_content { margin: 15px 60px; } .box_form h3 { color: #919191; } .box_form #terms_overlay h3, .box_form #privacy_overlay h3 { padding: 0px; margin: 10px 0 0 0; float: none; background: none; color: #000; } #footer_form .gray_text { padding: 0px; } #code_billing, #code_delivery { width: 70px; } #town_billing, #town_delivery { width: 275px; } #footer_form { margin: 0px 20px 15px 60px; } #user_data_billing_country, #user_data_delivery_country, #user_data_country, #billing-country, #billing_country, #st_form-user_delivery-country-select { width: 349px; } #order_form_delivery { margin-bottom: 10px; } #edit-login, #edit-password, #edit-billing, #edit-delivery { width: 473px; } #edit-password #password1, #edit-password #password2, #edit-password #oldpassword { width: 349px; } #change_delivery_edit, #change_billing_edit, #change_delivery, #change_billing { border-radius: 0px; } #change_delivery_edit a, #change_billing_edit a { text-decoration: none; } #user-register-form .password-strength-bar , #edit-password .password-strength-bar { width: 343px !important; } #remind_form fieldset { margin-left: 42px; } #remind_form input { width: 270px; } #st_user-edit .content { margin: 10px 0; padding: 5px 0; } #st_application-user-login-login .content { margin: 35px 60px 35px 73px; } .img_icons_config { color: #8a8a8a; display: block; font-size: 12px; } .img_icons_config:hover a { color: #f40a0a; } .box_icons_config { border: 1px solid #eaeaea; border-radius: 0px; padding: 14px 12px 10px; width: auto; } .box_icons_config a { text-decoration: none; } .img_icons_config .font_normal_config { padding-top: 12px; } #st_application-user-login, #st_application-user-user, #st_user-edit_account { border: none; } #user-register-form #st_form-user-email, #user-register-form #st_form-user-password1, #user-register-form #st_form-user-password2, #user-register-form #captcha_img { width: 349px; } #user_data_billing_privacy, #st_form-user-privacy { margin: 2px 3px 0 0; width: 14px; } #user_data_billing_privacy_content { width: 331px; } #st_application-user-login-login #st_form-user-email{ width: 233px; } #user-register-form #st_button-user-account { margin-right: 28px; } /* */ #st_user-login .login_text { display: inline; } #captcha_form img { width: 349px; } #captcha_form .error_tooltip img { width: auto; } #basket-login-form { margin-left: 14px; } #order_show .order_padding, #order_show .first_content { padding: 10px 0; } #order_show, #st_user-edit, #order_summary { border: none; } .font_normal_config a { background: none; border-radius: 0; font-size: 12px; margin: 0; border: none; } .font_normal_config a:hover { color: #f40a0a; } #st_user-editaccount { padding: 0px; margin: 0px; } #st_user-edit_data, .st_user-edit-data { width: 475px; } #order_form_login #user_delivery_profile, #order_form_login #user_billing_profile { margin-left: 62px; width: 349px; } #order_summary #summary_info { border: none; box-shadow: none !important; } #summary_label .title_summary { color: #F01616; font-size: 20px; font-weight: normal; } #order_summary_action-bottom { display: block; margin: 0px -270px; } #order_summary_action-top { display: none; } #summary_label .order_number { font-size: 14px; } #order_summary .order_label { margin-left: 0px; margin-bottom: 10px; } #external_account img, #user_status img { height: 13px; } .st_basket-list-link.block { display: block; } #form_stars { padding-bottom: 2px; } .vertical-align-middle input { margin: 0px; } #invoice_icon { display: inline-block; float: none; min-width: auto; margin: 0; } #invoice_icon img, #invoice_icon .invoice_img { display: none; } #form_recommend .st_row { clear: both; } #st_button-user-edit_data.one_frame, #st_button-user-edit_data { margin-right: 243px; } #st_button-user-edit_data.two_frame { margin-right: 0px; } #newsletter_user_form #privacy_field { padding-left: 0px; } #newsletter_user_form input[type=checkbox] { margin-right: 7px; } /* stCategory */ #category_tree .st_category-tree-element:first-child { border: none; padding-top: 0px; } .st_category-tree-element, #category_tree .st_category-tree-element .st_category-tree-element:first-child { padding-top: 7px; margin-top: 7px; border-top: 1px dotted #eaeaea; } #main_categories, #subcategories { overflow: hidden; margin-left: -12px; margin-right: 0px; margin-bottom: 3px; } #main_categories .box, #subcategories .box { border: none; margin: 0; } #main_categories .item, #subcategories .item { border: 1px solid @border; width: 146px; margin-bottom: 12px; margin-left: 12px; } #main_categories .image, #subcategories .image { width: 146px; display: table-cell; padding: 0px; } #main_categories .names { padding-top: 10px; } #main_categories .names li { text-align: center; } #subcategories .name { padding-top: 10px; text-align: center; } #main_categories .category a, #subcategories .name a { font-size: 13px; font-weight: bold; text-decoration: none; } #category_info { padding-bottom: 0px; } #category_info .image { float: left; margin: 10px 15px 10px 10px; width: auto; } #category_info .description { float: none; width: auto; } /* */ /* layout */ #container_foot { margin: 0 auto; width: @width; padding: 0 8px; } /* */ /* stDiscoundPlugin */ #discount-table { width: auto; margin: 30px auto; } #st_discount-coupon-code .buttons { margin-top: 0px; } #discount_coupon_code { width: 229px; } /* */ /* stGiftCardPlugin */ #st_gift_card { width: 330px; } #st_gift_card .buttons { margin-top: 0px; } #gift_card_code { width:231px; } /* */ /* stNewsletterPlugin */ #newsletter { padding-bottom: 0px; } #newsletter_user_form #privacy_field .st_field { overflow: hidden; } #newsletter_user_form #privacy_field { padding: 4px; margin-bottom: 5px; margin-left: 0px; } #newsletter_user_form #email_field { margin-bottom: 10px; margin-left: 0px; } #newsletter_user_form #email_field input { width: 353px; } #user_newsletter { border: none; } form fieldset .st_field .checkobox { width: 14px; } #newsletter_user_form #captcha_form { margin-left: 0px; } /* */ /* stProductOptionPlugin */ .product_options-color-filter { margin-bottom: 3px; } .product_options-color-filter-selected { margin-bottom: 3px; border-color: #000; } .product_options-color-filter-box { margin: 1px; border: none; } .product_options-color-filter-selected .product_options-color-filter-box { margin: 1px 1px 1px 1px; } .product_options_filter_name { padding: 5px 0 0 0; } .product_options_filter_name span { font-weight: bold; font-size: 1.1em; } .product_options_filter_name input[type="checkbox"] { margin-right: 0px; } #product_options_filter .content { padding: 0px; } .product_options_filter_clear { padding: 5px 0 4px; } .product_options_filter_clear_button{ width: 12px; } .st_product_options-color-on-list { margin: 5px 9px 0px 9px; } .colors_table, .colors_table td { width: auto; } #product_options_filter .title_filter { font-weight: bold; margin-top: 4px; display: block; } /* */ /* stQuestionPlugin */ #depository_question_overlay, #price_question_overlay { color: #222; } #depository_question_overlay .st_row, #price_question_overlay .st_row { margin: 2px 0; } #st_application-st_question-add .st_row label { margin-top: 4px; } #st_form-question-captcha, #st_form-question-email, #st_application-st_question-add textarea { width: 328px; } #button-add-question { margin-right: 13px; } /* */ /* stSearchAutocomplete */ .autocomplete { border-radius: 0px; min-width: 181px; margin:-6px 0px 0px -6px; border-top: none; } .autocomplete-indicator { margin-left: -22px; margin-top: 6px; } .autocomplete .info a { text-decoration: none; } .autocomplete .info a:hover { text-decoration: underline; } /* */ /* stSlideBannerPlugin */ #slider { max-width: 571px; max-height: 327px; border: 1px solid #e4e4e4; } .nivo-controlNav { bottom:-14px; } /* */ /* stTabNavigationPlugin */ .st_tab_navigator li { margin-right: 5px; } .st_tab_navigator li a { height:33px; font-weight: bold; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .st_tab_navigator li a span { margin: 0px; height: 25px; } .st_tab_navigator li.st_selected a { font-weight: normal; } .st_content_tab { border-radius: 0px; } /* */ /* stWebpagePlugin */ #webpage_show .title h2, #webpage_list .title h2 { float:left; } #webpage_show .title, #webpage_list .title { overflow: hidden; margin: 10px; } #webpage_show .content h1, #webpage_show .content h2, #webpage_show .content h3, #webpage_show .content h4 { font-weight: bold; } #webpage_groups { float: left; width: 740px; } .group { width: 186px; padding: 15px 0px; margin-right: 15px; } .group a { text-decoration: none; } .group a:hover { text-decoration: underline; } /* */ #user-new-password-form #email, #user-new-password-form #password1, #user-new-password-form #password2, #user-new-password-form #captcha { width: 270px; } #st_application-user-user .content_frame { padding: 0px; } #user-new-password-form fieldset { margin-right: 40px; } #newsletter { display: none; } .error_tooltip { left: -15px; top: 9px; } .empty_basket_img { margin-bottom: 28px; margin-top: 45px; } #button-empty-basket-return a { background-color: #ED1C24; border-color: #ED1C24; color: #fff; } #button-empty-basket-return a:hover { background: #3b3b3b; border-color: #3b3b3b; } /* stUser tooltip */ #user_status .tooltip_account a { display: inline-block; padding: 5px 15px 3px; color: #cecece; border-top: 1px solid #3b3b3b; height: 20px; width: 66%; white-space:nowrap; } #user_status .tooltip_account a:hover { color: #fff; } #user_status .tooltip_account a:first-of-type { border: none; } #user_status .tooltip_account span a, #user_status .tooltip_account span a:first-of-type { border-top: 1px solid #3b3b3b; } #user_status_info { text-align: right; background: url("/images/frontend/theme/@{my_theme}/arrow_user_status.png") center right no-repeat; padding-right: 18px; } #user_status_info a:hover { color: #e7e7e7; } #user_status { position: relative; margin: 0px; padding: 9px 9px 9px 0px; } #user_status:hover { background: #2a2a2a; } #user_status .tooltip_account { right: 0px !important; top: 36px !important; left: auto !important; background: #2a2a2a; border: none; padding: 2px 5px 5px !important; position: absolute !important; min-width: 94px; display: none; } #user_status:hover .tooltip_account { display: block !important; opacity: 1 !important; } /* */ #user-register-form #st_button-user-account { margin-top: 11px; } .order_table th { background-color: #f4f5f4; } .order_table td { background: #fff; } #st_button-product_compare_add a { background-image: url("/images/frontend/theme/@{my_theme}/stProductsComparePlugin/compare_add.png"); } #product_compare_index .title { margin-top: 0px; } .item .short_description_mask { height: 160px; margin-top: -10px; padding: 7px; position: absolute; width: 167px; background: rgba(256,256,256, .8); cursor:pointer; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; transition-property:opacity; transition-duration:2s; transition-timing-function:linear; transition-delay:2s; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* Firefox 4 */ -webkit-transition:opacity 0.5s; /* Safari and Chrome */ -o-transition:opacity 0.5s; /* Opera */ /* Firefox 4 */ -moz-transition-property:opacity; -moz-transition-duration:0.2s; -moz-transition-timing-function:linear; -moz-transition-delay:0.5s; /* Safari and Chrome */ -webkit-transition-property:opacity; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:linear; -webkit-transition-delay:0.5s; /* Opera */ -o-transition-property:opacity; -o-transition-duration:0.2s; -o-transition-timing-function:linear; -o-transition-delay:0.5s; } .item:hover .short_description_mask{ filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:0.9; } #webpage_groups .group_shop { display: none; } #products_compare .value { padding: 0; } #products_compare .name { padding: 0 10px; } #pay_button { float: left; } #pay_button { display: none; } #order_print .pay { background: #f01616 url("/images/frontend/theme/@{my_theme}/order_pay.png") no-repeat 11px 4px; border: none; display: inline-block; color: #fff; text-decoration: none; min-height: 28px; padding: 12px 22px 0px 41px; -webkit-box-shadow: 0px 1px 2px #979797; -moz-box-shadow: 0px 1px 2px #979797; box-shadow: 0px 1px 2px #979797; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; -o-box-sizing: inherit; box-sizing: inherit; height: auto; text-transform: capitalize; font-size: 12px; line-height: 150%; } #order_print .pay:hover { background-color: #3b3b3b; } body { margin: 0; padding: 0; font-family: Arial,Helvetica, Verdana, sans-serif; color: @text; font-size: 14px; text-align: left; line-height: 150%; background-color: @white; } button::-moz-focus-inner { padding: 0; border: none; } input, textarea, select, button { font-family: Arial,Helvetica, Verdana, sans-serif; font-size: 12px; } fieldset { padding: 0px; } h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, li, form { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 2.5em; font-weight: bold; line-height: 1.1em; } h2 { font-size: 1.6em; line-height: 1.1em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.05em; } h6 { font-size: 1.05em; } a { color: @black; text-decoration: underline; outline-style:none; } ul,ol { list-style-position: inside; margin-left: 0px; list-style-type:none; } ol ol, ul ul { margin-left: 1.4em; } dt { font-weight: bold; } dd { margin-left: 0px; } blockquote { margin: 0px; font-style: italic; } img { border-style: none; } input, select, textarea { border: 1px solid #ccc; padding: 3px; } table { border-left:1px solid @border; border-top: 1px solid @border; } table th, table td { border-right:1px solid @border; border-bottom: 1px solid @border; padding: 5px; background-color: @white; color: #000; } table th { background-color: @color5; } .tinymce_html ul { list-style-type: disc; } .tinymce_html ul ul { list-style-type: circle; } .tinymce_html ul ul ul { list-style-type: square; } .tinymce_html ol { list-style-type: decimal; } .tinymce_html button { display:block; float:left; background-color: lighten(@button,24%); border:1px solid @button; border-top:1px solid lighten(@button,15%); border-left:1px solid lighten(@button,15%); line-height:130%; text-decoration:none; color:@text; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .tinymce_html button:hover { background-color:darken(@button,5%); border:1px solid darken(@button,7%); color: @text; } .my_tooltip, .tooltip { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); color: #222222; display: none; padding: 10px 15px; z-index: 10000; } .my_tooltip td, .tooltip td { background: transparent; }#container, #container_foot { margin: 0 auto; width: @width; padding: 0 8px; } #left { float: left; width: @column + (1*@space); text-align: left; line-height: 142%; margin-left:10px; } #main { float: right; width: (4*@column); display: inline; margin-right:10px; }