/* LAYOUT */ @width: 964px; /* my theme */ @my_theme: "orkisz"; /*** COLORS ************************/ @color1: #000000; @color2: #999999; @color3: #bababa; @color4: #c9c8c9; @color5: #f4f5f4; /* Extra Colors */ @color6: #db1814; @color7: #ED1C24; /* Black & White */ @black: #000; @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 { background: url(/images/frontend/theme/default2/body.gif) top left repeat-x; } #bg_container { min-width: @width; } #container { background: @white; } #middle, #navigation { padding: 0px @bgmargin; } #path { background-color: #fff; position: relative; top: 5px; } #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-color: @head; } #category_tree .head { background-color: @head_selected; border-bottom: 1px solid @head_selected; } #category_tree h3 { color: @head_selected_text; font-weight: normal; } .box h3.head { color: @head_text; font-size: 15px; font-weight: bold; } .box h3.head a { text-decoration: none; color: @head_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 { background-color: @bar; padding-right: 10px; color: @bar_text; } #underbaner #pick { position: relative; top: 6px; color: @color1; padding-left: 13px; } #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-left: 0 !important; } .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 #home { padding: 8px 10px 10px 15px; } #underbaner a { color: @white; text-decoration: none; font-size: 13px; } #underbaner b { font-weight: normal; } #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; } .horizontal-category-menu { background: none !important; .subMenu .items { background-color: #2a2a2a; border: none; box-shadow: none; margin: 0; padding: 5px; } .subMenu .items a { padding: 3px 10px; border-top: 1px solid #3b3b3b; color: #cecece !important; } .subMenu .items a:hover { color: #fff !important; } .subMenu .items .part > span:first-child a { border: none; } .subMenu a { padding: 9px 10px; border: none; text-decoration: none; } .subMenu:hover > a, .subMenu.selected > a { background-color: #2a2a2a; } .category-level-1 a { font-weight: normal; } .part { border-color: #3b3b3b; } .subMenu .items .category-big a { font-size: 20px !important; color: #fff !important; border: none; } .image_menu img { border-color: #7C7C7C; background-color: #6B6B6B; } .category-description { color: #cacaca; } } #navigation { overflow: hidden; } #container_foot { position: relative; } #footer { border-bottom: 1px solid @border; background-color: @foot; } #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: 183px; padding-top: 5px; float: right; } .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 .price_box.only_points { border-top: 1px solid @border; padding-top: 10px; } #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; padding-left: 13px; } #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 { min-width: 165px; } #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_confirm .st_order_confirm_additional_text { margin: 0; .box; .roundies; padding: 10px 16px; } /* 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: 275px; } #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: 5px; margin-top: 5px; border-top: 1px dotted #eaeaea; } #main_categories, #subcategories { overflow: visible; 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; background-color: @white; width: 142px; margin-bottom: 12px; margin-left: 12px; } #main_categories .image, #subcategories .image { width: 142px; display: table-cell; padding: 0px; } #main_categories .image img, #subcategories .image img { max-width: 142px; } #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: 166px; 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 { padding: 5px 15px 3px; color: #cecece; border-top: 1px solid #3b3b3b; height: 20px; 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 18px; } #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: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; 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: 100%; margin-top: -10px; padding: 7px; position: absolute; top: 0; width: 167px; background: #fff; cursor:pointer; text-align: left; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; z-index: 1; 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=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:0.8; } #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; } #st_form-user-compatibility-opinion { width: auto; margin-left: 0; } #st_form-user-compatibility-opinion-box span { width: 333px; }@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic&subset=latin,latin-ext'; @c1: #535353; @c2: #9A2301; @c3: #ff3000; body { background-position: center 4px !important; font-family: 'Source Sans Pro', sans-serif !important; } .hidden {display: none;} #footer { background: url(/images/frontend/theme/orkisz/bottom.jpg) bottom no-repeat; min-height: 434px; padding:0; border:0; } #container {background: transparent none;} #container, #container_foot { margin: 0px auto; width: 1130px !important; padding: 0 !important; } #middle {background: white; padding: 15px;} .logo { margin: 10px 0 5px -5px; float: left; padding:0; img, strong { float: left; } strong { font-weight: 600; color: #af5500; font-size: 18px; padding:12px 0 12px 20px; margin-left: 20px; border-left: 1px solid #af5500; line-height: 1.3em; } } div#underbaner { background-color: transparent !important; margin-top: 1px; } .koszyk, .konto { float: right; } .koszyk { background: #f5f5f5; width: 223px; height: 60px; margin-top: 12px; img { float: left; clear: left; background: @c2; padding: 20px 25px; } .head, .ile_produktow { float: left; width: 153px; } .head a { float: left; text-decoration: none; font-weight: 700; font-size: 14px; margin: 10px 0 5px 15px; &:hover {color: @c2;} } .ile_produktow { font-weight: 300; font-size: 14px; a { text-decoration: none; border:0; margin:0; } span {float: left; margin-right: 5px;} .ilp {margin-left: 15px; float: left;} #basket_icon { position: relative; border-left: 0; top: 0; padding-top: 0; padding-bottom: 0; font-size: 14px; margin-top: 0px; padding-left: 0; } #basket_show {float: left;} } } .konto { margin: 23px 25px 0 0; li, a, img {float: left;} a { text-decoration: none; font-size: 12px; font-weight: 400; margin-left: 5px; padding: 10px 20px; img { margin: 0 10px 0 0; } &:hover { background: #f5f5f5; } } } #left { width: 211px !important; } #main { width: 871px !important; } #slider {max-width: 100%; border:0;} .baners {width: 100% !important;} .nivo-controlNav {display: none;} #underbaner {padding-right: 0;} #underbaner a { font-size: 16px; font-weight: 700; text-transform: uppercase; } #underbaner .header a { padding: 9px 15px 11px; background: url(/images/frontend/theme/orkisz/hover.png) center -30px no-repeat !important; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; } #underbaner .header a:hover { background: url(/images/frontend/theme/orkisz/hover.png) center 0 no-repeat !important; background-color: transparent; } .szukajka { float: both; width: 100%; height: 50px; margin: 0 10px 0 0; #search #keywords input { width: 100% !important; padding: 11px 5% !important; border:0; background: #f5f5f5 url(/images/frontend/theme/orkisz/szukaj.jpg) right no-repeat; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; color: #333; &:focus { background: @c2 url(/images/frontend/theme/orkisz/szukaj.jpg) right no-repeat !important; color: white; } } } #category_tree .head {display: none;} #category_tree .content {padding:0;} #category_tree { border:0; } #producer_filter select {padding: 8px;} #producer_filter {padding:0; margin-bottom: 10px;} .st_category-tree-element a { color: #535353; font-size: 15px; font-weight: bold; transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; &:hover { color: @c2; padding-left:5px; } } .x-tree-arrows .x-tree-node-anchor-selected { color: @c2; } .st_category-tree-element img {float: right; margin-right: 5px;} .st_category-tree-element div { padding-left: 0; padding-top: 2px; padding-bottom: 8px; } .st_category-tree {padding: 0;} .st_category-tree ul ul { background: #f6f6f6; } .st_category-tree ul ul .st_category-tree-element a { font-weight: normal; } .st_category-tree-element, #category_tree .st_category-tree-element .st_category-tree-element:first-child { margin-top:0 !important; padding-bottom: 0; } .home h3.head, .box_group h3.head { font-size: 24px; color: #535353; padding:0 0 15px 25px; margin: 0 0 20px; border-bottom: 1px solid #efefef; clear: both; line-height: 1.1em; font-weight: normal; background: url(/images/frontend/theme/orkisz/hbg.png) 0 6px no-repeat; } .home h3.head a { text-decoration: none; color: #000000; } .hometitle { font-size: 24px; color: @c2; padding:0 0 0 25px; margin: 0 0 10px; clear: both; line-height: 1.1em; font-weight: normal; background: url(/images/frontend/theme/orkisz/hbg.png) 0 6px no-repeat; } #left .box, .box_group { border:0; } #left .box h3.head { font-size: 24px; color: @c2; padding:0 0 5px 25px; margin: 0 0 5px; border-bottom: 1px solid #efefef; clear: both; line-height: 1.1em; background: url(/images/frontend/theme/orkisz/hbg.png) 0 6px no-repeat; font-weight: 400; } .box_group { .product_link a { font-size: 14px; &:hover { color: @c2; text-decoration: none; } } .price { color: @c2; font-size: 22px; font-weight: 700; margin: 10px 0 0; } .content {padding:0;} .content > a {font-size: 13px; color: lighten(@c1, 10%)} } #main_products, #product_long { margin-left:0; .item { border:0; border-left:1px solid #efefef; border-top:1px solid #efefef; margin:0; width: 217px; height: 325px; transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; &:hover { background: #f7f7f7; .product_name {color: @c2;} } .basket a { color: #992401; font-weight: 300; font-size: 15px; } .product_name { font-size: 14px; color: #535353; &:hover { color: @c2; text-decoration: none; } } .price { color: @c2; font-size: 22px; font-weight: 700; padding-bottom:10px; } .short_description_mask { width: 94%; padding: 3%; color: #535353; font-size: 12px; line-height: 1.3em; } } .item0, .item4, .item8, .item12, .item16, .item20, .item24, .item28 {border-left:0;} .item0, .item1, .item2, .item3 {border-top:0;} } .box_info .content {padding: 0;} .box-orkisz { text-decoration: none; display: block; transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; &:hover { opacity: .8; transform: scale(.98, .98); -o-transform: scale(.98, .98); -ms-transform: scale(.98, .98); -moz-transform: scale(.98, .98); -webkit-transform: scale(.98, .98); } strong { display: block; width: 210px; height: 80px; position: relative; z-index: 20; background: url(/images/frontend/theme/orkisz/boxspecbg.png) top no-repeat; color: white; font-size: 18px; line-height: 1.2em; text-align: center; text-decoration: none; font-weight: normal; padding-top: 22px; margin-top:-12px; margin-left:-1px; } } #main .box_group { .full { border:0; border-left:1px solid #efefef; border-top:1px solid #efefef; margin:0; width: 217px; float: left; transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; &:hover { background: #f7f7f7; .product_name {color: @c2;} } .basket { text-align: center; margin: 10px; } .basket a { color: #992401; font-weight: 300; font-size: 15px; } } .item0, .item4, .item8, .item12, .item16, .item20, .item24, .item28 {border-left:0;} .item0, .item1, .item2, .item3 {border-top:0;} } #newsletter { display: block; float: none; h4 {display: none;} button { float: none; background: @c2; color: white; font-size: 14px; border:0; display: inline; padding: 5px 15px; border:1px solid @c2; } #newsletter_email { border:1px solid #f5f5f5; background: #f5f5f5; border-right: 0; padding: 7px 5px 6px 5px; color: #535353; width: 145px; } } #left #box-2 h3.head { font-size: 16px; color: #af5500; padding:0; margin:0; border:0; background: none; } #box-2 { margin-bottom: 1em; .group { width: 100%; padding: 10px 0px; margin-right: 0; } } #box-3 { height: 220px; background: #F5F5F5 url(/images/frontend/theme/orkisz/filtry.jpg) top no-repeat; text-align: center; } #box-3 strong { text-transform: uppercase; font-size: 14px; color: #5a5a5a; margin: 10px 0 15px; float: left; width: 100%; } #box-3 ul { margin:0; padding:0; } #box-3 li { list-style: none; margin:0 0 5px; padding:0; } #box-3 li a { text-decoration: none; padding: 5px 10px; transition: .2s; } #box-3 li a:hover { background: #ff3000; color: white; } #box-3 .filtr-1 a:hover {background: #FF9900} #box-3 .filtr-2 a:hover {background: #999999} #box-3 .filtr-3 a:hover {background: #0000FF} #box-3 .filtr-4 a:hover {background: #99CC00} #box-3 .filtr-5 a:hover {background: #FF0000} #box-3 .content > a { text-decoration: none; margin-top:8px; display: block; width: 100%; float: left; } #box-3 .content > a:hover { color: @c2; } #product_group_PROMOTION { clear: both; width: 100%; h3.head {margin-top: 1em; width: 100%; float: left;} } #webpage_groups { width: auto; margin: -2em 0 2em; } .footinfo { width: 100%; clear: both; img { float: left; margin: 2.5em 2em; } p { color: white; font-size: 14px; } } #footer hr { border:0; border-bottom: 1px solid #f69f31; margin: 1.5em 0; } #footer .copy { font-size: 14px; color: white; float: left; margin-top:0; a { color: white; text-decoration: underline } } .madeby { float: right; line-height: 1em; text-decoration: none; small { color: white; margin: 4px 3px 0 0; } small, img {float: left;} } #copyright .link a { color: white; font-size: 10px; } .sub .box_group {display: none;} #product_set_discounts .box_group { display: block; .name {max-height: 60px;} .price { float: left; width: 100%; margin: 15px 0; span { width: 100%; float: left; } } } #product_set_discounts h3.head { font-size: 2em; padding: 0px 5px 8px 26px; } a[href*="/other/"] {display: none;} #path { padding: 15px 15px 0; a { text-decoration: none; &:hover { color: @c2; } } } #product_card .product_name h2, #list h2, .title h2 { color: @c2; font-size: 24px; font-weight: 400; } div#product_card .information .price span { color: @c2 !important; } div#product_label .buttons .important { background-color: @c2 !important; border-color: @c2 !important; transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; } div#product_label .buttons .important:hover { background-color: darken(@c2, 10%) !important; border-color: darken(@c2, 10%) !important; } #product_card .description { padding: 2.4%; width: 95.2%; } .tinymce_html, .tinymce_html p, .tinymce_html span { font-family: "Source Sans Pro", sans-serif !important; font-size: 14px !important; line-height: 1.5em !important; color: @c1 !important; } #product_recommend .item, #product_accessories .item { width: 106px; .price, .major_price span { color: @c2; } } #middle .fullmain {width: 100% !important;} .doportalu { background: #c60000; padding: 3px 10px; margin-top: 6px; float: right; transition: .2s; &:hover { background: #ff1414; } } .tinymce_html { h2, h3, h4, h5, h6 { color: @c2; font-weight: 400 !important; margin: 1em 0 .5em; padding-bottom: .5em; border-bottom: 1px solid #eaeaea; } a:hover { color: @c2; } } #st_basket-discount-coupon-code, #st_basket-delivery, #st_basket-payment, #st_basket-summary { width: 357px; } #order_form_description { width: 100%; } #order_description_text { width: 98%; } #basket_index {font-size: 13px;} #left .box_info img { max-width: 209px !important; height: auto; } #main_text .tinymce_html p {margin: 3px 0 !important; padding: 0; line-height: 1.3em !important;} /* zmiany i poprawki */ body {padding-top: 130px !important;} #header { position: fixed; top:0; left:0; width: 100%; z-index: 1000; background: white url("/images/frontend/theme/orkisz/_editor/prod/1b75839aaba1eda84adf34fa86bfe67e.jpg") left 5px no-repeat; } #header .container { margin: 0px auto; width: 1130px !important; } #added_product_preview .buttons a.roundies:first-of-type { background: #9A2301; color: white; border-color: #741a00; } #added_product_preview .buttons a.important {background: #f2f2f2 !important; border-color: #ccc !important; color: #333 !important;} .szukajka #search #keywords {position: relative} .szukajka #search #keywords button { position: absolute; top:0; right:0; width: 39px; height: 37px; background: transparent; cursor: pointer; border:0; } #left #product_group_SALES, #left #product_group_new, #left #product_group_RECOMMEND, #left #product_group_PROMOTION {display: none;} .home #product_group_PROMOTION .head {display: none;} .home #main { margin-bottom: 30px; } .koszyk_img { transition: opacity .2s; } .koszyk_img:hover { opacity: .8; } #added_product_preview { left: ~"calc(50% - 200px)"; }body { margin: 0; padding: 0; font-family: Arial,Helvetica, Verdana, sans-serif; color: @text; font-size: 12px; 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; }@color1: #000000; @color2: #808080; @color3: #eaeaea; @color4: #f8f8f8; @color6: #ED1C24; @black: #000000; @white: #ffffff; @red: #ED1C24; @border: #eaeaea;