// Fonts //@import "fonts/bebas.less"; @font_base: tahoma, arial, sans-serif; @font_title: georgia, times new roman, serif; .button { font-family: georgia, times new roman, serif; font-style: italic; font-size: 13px; } // Colors @color_bg: #f3f3f3; @color_text: #1e1633; @color_alttext: #796dc7; @color_link: #796dc7; @color_hlink: #796dc7; // hover link @color_alink: #796dc7; // active link @color_vlink: #796dc7; // visited link @color_form: #1e1633; // color of form elements @color_form_bg: #ffffff; // background of form elements @color_sup: #e1422a; @color_price: #e36ea2; @color_price_old: #9a9a9a; @color_price_reduction: #e36ea2; @color_title: #796dc7; // Header @header_fixed: "no"; @header_height: 131px; @header_border: 0px; @header_logo_height: 100px; @header_sub_loggedonly: "yes"; // Show the subheader to logged users only @header_sub_loggedonly_border: 0px; // Show the subheader to logged users only @header_sub_invert: "no"; // Invert header text colors @header_sub_height: 39px; @header_sub_border_top: 0px; @header_sub_border_bottom: 0px; .header_infos () { height: 60px; margin: 6px 0 0 0; a { color: @color_link; } li.sep { width: 0px; height: 10px; padding: 0; margin: 16px 6px 0 6px; border-left: solid 1px @color_text; } li { margin: 12px 0 0 0; } #shopping_cart { height: 18px; color: #ffffff; margin: 0; padding: 7px 20px 6px 40px; background: #e26ea2 url("../img/cart.png") left no-repeat; .radius(20px); .ajax_cart_total, .ajax_cart_product_txt, .ajax_cart_product_txt_s { display: none !important; } a { color: #ffffff; } } } body.logged #header .top .block { display: block; } .header () { > .content { background: #ffffff; > .top { .cright { clear: right; } .block { display: none; margin: 0 0 0 20px; float: left; position: relative; &:hover > ul { display: block; } h4 { font-size: 18px; text-transform: none; font-weight: normal; font-family: Georgia, Times new roman, serif; cursor: pointer; padding-top: 3px; height: 31px; a { font-size: 18px; color: @color_link; text-decoration: none; display: block; } &:hover, &.active, &:hover a, &.active a { color: @color_link; } } ul { padding: 0px 15px 10px; display: none; margin: 0px; position: absolute; width: 200px; background: #ffffff; list-style-type: none; top: 34px; left: -15px; .boxshadow(0px 4px 4px #bfbcb4); li { margin: 5px 0 0 0; a { text-decoration: none; color: @color_link; } &:hover a { color: @color_link; } } } } } } } .header_sub () { background: url("../img/subheader.png") repeat top; } // Backgrounds .background_base () { &#authentication, &#index.singleCol, &#validation { background: url("../img/hp2.jpg") no-repeat 0px 99px #f3f3f3; } &#index, &#index.singleCol.logged, &#category { background: url("../img/hp2.jpg") no-repeat center 99px #f3f3f3; } } // Lists .list-style () { list-style: disc inside; } // Columns @columns_left_width: 200px; .columns_left () { padding-top: 0px; } #index #columns{ overflow:hidden; } body#index.logged #columns { min-height: 715px; } body#authentication, body#index.singleCol { #columns { min-height: 500px; } } // Footer .footer () { > .content { > .sub_content { width: 980px; margin: 0px auto; padding-top: 2px; border-top: 1px solid #d0d0d0; } } .footer_hook { border-top: 1px solid #d0d0d0; } #multi_links_block_left1,#multi_links_block_left2, #editorial_block_center { width: 300px; padding: 20px 0px 0px 20px; margin: 0px; min-height: 250px; background: url("../img/bg_footer_bloc.png") top left repeat-x; h4, ul { padding: 20px; } } #multi_links_block_left2 { li:first-child { span { font-weight:bold; } } span { font-weight:normal; } } .footer_logo { padding-top: 25px; float: right; } .footer_payment { clear: both; padding-top: 20px; } .footer_social { float: left; ul { list-style: none outside; li { float: left; margin-right: 20px; } } } li > span { font-weight: bold; } } .footer_titles () { margin: 0px; font-size: 18px; font-weight: normal; padding: 0px 0px 10px 0px; color: @color_title; } .footer_editorial_links () { color: #000000; } .footer_text () { color: #000000; } .footer_logos () { height: 76px; padding-bottom: 5px; a.payment { width: 386px; } } // Notifications .notification_info () { background: #cde1fa; color: #222222; padding: 15px; font-weight: bold; border-bottom: 1px solid #9ebee6; } .notification_warning () { background: #fff9b3; color: #333333; padding: 15px; font-weight: bold; border-bottom: 1px solid #e6dd6e; } .notification_error () { background: #E26EA2; color: #ffffff !important; padding: 15px; font-weight: bold; border-bottom: 1px solid #db5290; li { color: #ffffff !important; } } .notification_success () { background: #c7f3c9; color: #222222; padding: 15px; font-weight: bold; border-bottom: 1px solid #9beb9d; } // Forms .form_input () { font-size: 14px; border: 1px solid #c2c6c5; .radius(2px); } .form_label () { } // Buttons .button_prev () { // Previous button on the bottom of the page text-align: center; text-transform: none; border: 0px; color: #ffffff !important; font-size: 12px; padding: 8px 20px 8px 40px; font-weight: normal; text-decoration: none; background: #e26ea2 url("../img/arrow.png") left -42px no-repeat; .radius(20px); .button; } .button_next () { // Next button on the bottom of the page text-align: center; text-transform: none; border: 0px; color: #ffffff; font-size: 12px; padding: 8px 40px 8px 20px; text-decoration: none; font-weight: normal; background: #504d8b url("../img/arrow.png") right 9px no-repeat; .radius(20px); .button; } .button_action () { // Action buttons in pages padding: 8px 20px; height: 31px; text-decoration: none; font-weight: normal; text-transform: uppercase; border: 0px; color: @color_link; font-size: 12px; line-height: 1.3em; background: none; &:hover { text-decoration: underline; } } .button_flat () { // Displayed on listings height: 18px; color: #ffffff; margin: 0; padding: 7px 20px 6px 20px; background: #514c8c; .radius(20px); text-decoration: none; float: right; &:hover { background: #e26ea2; } } // Titles .title () { font-family: georgia, times new roman, serif; font-style: italic; font-weight: normal; } .title_register () { font-size: 22px; padding: 40px 0px 10px 50px!important; line-height: 1.5em; margin-bottom: 0px; text-shadow: 0px 1px 0px #ffffff; font-weight: normal; font-style: italic; } .title_home { color: #1e1633; background: url("../img/bg_title.jpg") no-repeat top left; font-size: 26px; text-transform: none; line-height: 1.5em; font-weight: normal; text-align: left; margin: 0px 5px 20px 0px; height: 50px; padding: 10px 0px 0px 20px; .boxshadow(2px 2px 5px #cccccc); } .title_h1 () { color: #1e1633; background: url("../img/bg_title.jpg") no-repeat top left; font-size: 26px; text-transform: none; line-height: 1.5em; font-weight: normal; text-align: left; margin: 0px 5px 20px 0px; height: 50px; padding: 10px 0px 0px 20px; .boxshadow(2px 2px 5px #cccccc); } .title_product_list () { margin: 0px; font-family: @font_title; } .title_order () { margin-top: 20px; padding-top: 10px; } .title_h2 () { font-size: 28px; color: #000000; font-weight: normal; text-shadow: 0px 1px 0px #ffffff; line-height: 1.5em; text-transform: none; margin-bottom: 10px; } .title_h3 () { font-size: 22px; color: #514c8c; font-weight: normal; text-shadow: 0px 1px 0px #ffffff; line-height: 1.5em; text-transform: none; margin-bottom: 10px; } .title_h4 () { font-size: 18px; color: #514c8c; font-weight: normal; text-shadow: 0px 1px 0px #ffffff; line-height: 1.5em; text-transform: none; } .title_h5 () { } .title_h6 () { } .title_h1_product () { background: url("../img/bg_title2.jpg") no-repeat left top; .boxshadow(2px 2px 5px #cccccc); margin-top: 20px; padding-top: 0px !important; h1 { background: none; .boxshadow(none) !important; padding-left: 0px !important; margin: 0px 5px 20px 20px; } } .title_password () { background: url("../img/bg_title2.jpg") no-repeat left top; .boxshadow(2px 2px 5px #cccccc); margin-top: 20px; padding: 10px 0px 0px 20px; margin-right: 0px; } .title_category () { margin: 0px 5px 20px 20px; } // Authentication @authentication_blocks: "inline"; // block, inline @authentication_blocks_align: "left"; @authentication_signup_align: "right"; #authentication_area { margin-left: 140px; overflow: auto; padding-bottom: 30px; margin-bottom: 40px; } .authentication_style () { width: 400px; fieldset { p.text, p.password, p.submit, &.account_creation p, p.checkbox { padding: 10px 50px !important; } p.checkbox span, p.select span, p.radio span { float: left; padding-top: 4px; width: 100px; margin-right: 5px; } label { float: left; padding-top: 4px; width: 250px; margin-right: 5px; margin-bottom: 0px; } input[type="text"], input[type="password"] { width: 270px; background: #ffffff; } select { background: #ffffff; } p.submit { text-align: left!important; } p.checkbox label, p.select label, p.radio label { float: none; width: auto; margin-right: 0px; padding-top: 0px; } p.submit a { float: right; padding: 7px 17px 0px 0px; } } } .authentication_register_style { #account-creation_form { background: url("../img/account_creation.png"); height: 520px; p.text, p.password, p.submit, &.account_creation p, p.checkbox { padding: 0px 50px 2px !important; } } } #authentication.singleCol #center_column { background: url("../img/offer.png") no-repeat right 555px; } #index.singleCol #center_column { background: none; } #index.singleCol.logged #center_column { background: none; } #create-account_form,#login_form { background: url("../img/barry.png"); .boxshadow(1px 1px 1px #cccccc); height: 320px; } // Ordersteps @ordersteps_numbers: "yes"; @ordersteps_todo: #ffffff; @ordersteps_todo_bg: #cccccc; @ordersteps_current: #e26ea2; @ordersteps_current_bg: #ffffff; @ordersteps_done: #514c8c; @ordersteps_done_bg: #ffffff; .ordersteps_style () { li, li.step_done, li.step_todo, li.step_current { background: none; padding: 0px; width: 186px; a { background: none; padding: 0px; } .text { background: none; width: 128px; height: 32px; padding-top: 15px; } .number { .radius(50px); font-size: 28px; font-family: Georgia, times new roman, serif; width: 48px; height: 36px; padding-top: 12px; font-style: italic; } } li { &.step_todo { .text { color: #cccccc; } } &.step_current { .text { color: #333333; } } &.step_done:hover { background: none; a { background: none; } span.text { color: @ordersteps_done; background: none; text-decoration: underline; } span.number { color: @ordersteps_done_bg !important; background: @ordersteps_done !important; } } } } // Tables .tables_header { border-bottom: 1px solid #cac7bf; } // Tabs .tabs_style () { li { a { background: #ebe8e9; color: @color_text; &.selected { background: #ffffff; } } } } .tabs_style_sheets () { background: #ffffff; > ul { padding-left: 20px; padding-right: 20px; } .rte { padding: 0px 20px; } } // Product list .productlist_style () { li { background: url("../img/bg_productlist.jpg") #ffffff repeat-x top left; height: 450px; a.product_img_link { padding: 0px; display: block; > img { } } .center_block { padding: 15px 0px 0px; background: #ffffff; margin: 10px; > div span { margin-right: 5px; } > h3, > div { margin: 0px 10px 2px !important; } > h3 { border-bottom: 1px solid #e9e5e6; height: 47px; } > div { border-top: 1px solid #e9e5e6; padding-top: 10px !important; padding-bottom: 7px !important; span { font-family: @font_title; } } } .right_block { padding: 5px 10px 0px; a.button { } } } } // Private Sales .privatesales_categories () { .block_content { .boxshadow(1px 1px 1px #cccccc); background: #ffffff url("../img/top_left_bloc.jpg") top left no-repeat; > ul { background: transparent url("../img/bottom_left_bloc.jpg") bottom left no-repeat; padding-top: 20px; padding-bottom: 20px; ul { padding-left: 20px; } > li { font-family: @font_title; font-style: italic; font-weight: normal; font-size: 13px; > a { padding-left: 20px; } } a { padding-right: 35px !important; &:hover { color: #e36ea2; background: url("../img/arrow_pink.png") no-repeat 170px 8px; } } } } } #sale_end { margin-right: 10px; padding-top: 0px; top: 0px; } .address_style () { ul.address { background: #ffffff; .boxshadow(1px 2px 1px #cccccc); &.alternate_item { margin-left: 15px; } li.address_title { background: #ffffff url("../img/address.jpg") no-repeat center 46px; color: #514c8c; font-style: italic; text-transform: none; font-family: Georgia, times new roman, serif; } } } #product #primary_block { margin-bottom: 20px; } body.content_only { background: #ffffff; h1 { background: none; border: 0px; .boxshadow(none) !important; } } #authentication #authentication_area #SubmitLogin, #index #authentication_area #SubmitLogin, #authentication #authentication_area #SubmitCreate, #index #authentication_area #SubmitCreate, #authentication #authentication_area #submitAccount, #index #authentication_area #submitAccount { padding: 8px 40px 8px 20px !important; background-position: right 9px !important; } .advertising_block { margin-bottom: 15px; .boxshadow(1px 2px 1px #cccccc); line-height: 0px; font-size: 0px; a { line-height: 0px; font-size: 0px; } } #validation .account_validation .content { float: right; width: 500px; background: #ffffff; padding: 20px 20px 0px; margin-bottom: 20px; p.notification { margin: 20px 0px; } p.submit { margin: 20px 0px; overflow: auto; input[type="submit"] { float: right; } a { float: left; margin-top: 8px; } } ul { list-style: outside none; margin: 20px 0px; overflow: auto; li { float: left; margin-right: 20px; } } } #index.singleCol, #authentication { #header > .content { background: transparent; } fieldset ul li { color: #e26ea2; span { color: #000000; } } } #index.singleCol.logged #header > .content { background: #ffffff; } #login_form { margin-right: 0px !important; } #authentication_area { margin-left: 157px; background: url("../img/register.png") no-repeat left center; } #left_column .advertising_block, #left_column .advertising_block * { font-size: 0px; line-height: 0px; display: block; }