diff --git a/themes/default/css/product.css b/themes/default/css/product.css index 91990ea2b..851c2d3d7 100644 --- a/themes/default/css/product.css +++ b/themes/default/css/product.css @@ -1,20 +1,29 @@ /* product desc */ - /* primary_block ***************************************************************************** */ -#primary_block {margin-top:15px} +#primary_block { + margin-top:15px; +} /* pb-right-column ***************************************************************************** */ #pb-right-column { float:left; - width:266px + width:266px; } -#pb-right-column #image-block {position:relative;} -#pb-right-column #image-block img {border:1px solid #cdcdcd} -#pb-right-column #image-block #view_full_size { + +#pb-right-column #image-block { + position:relative; +} + +#pb-right-column #image-block img { + border:1px solid #cdcdcd; +} + +#pb-right-column #image-block #view_full_size { display:block; - cursor:pointer + cursor:pointer; } -#pb-right-column #image-block #view_full_size .span_link { + +#pb-right-column #image-block #view_full_size .span_link { position:absolute; bottom:10px; left:32%; @@ -22,19 +31,20 @@ padding:0 12px 0 30px; line-height:20px; color:#fff; - text-shadow: 0 1px 0 #000; + text-shadow:0 1px 0 #000; text-align:center; text-transform:uppercase; background-image:url(../img/icon/zoom.png); background-repeat:no-repeat; background-position:10px 2px; - background-color : rgb(0,0,0); - background-color : rgba(0,0,0, 0.5); + background-color:#000; + background-color:rgba(0,0,0,0.5); border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; } -#pb-right-column #image-block #view_full_size .span_link img { + +#pb-right-column #image-block #view_full_size .span_link img { position:relative; top:3px; left:-3px; @@ -45,66 +55,79 @@ /* miniatures */ #pb-right-column #views_block { margin-top:10px; - width:266px + width:266px; } #thumbs_list { - float: left; - overflow: hidden; + float:left; + overflow:hidden; margin-left:4px; - width: 216px + width:216px; } + #thumbs_list ul#thumbs_list_frame { - list-style-type: none; - padding-left: 0 + list-style-type:none; + padding-left:0; } + #thumbs_list li { - float: left; - height: 60px; - width: 72px; - cursor: pointer + float:left; + height:60px; + width:72px; + cursor:pointer; } + #thumbs_list li img { margin:0 6px; - border:1px solid #cdcdcd + border:1px solid #cdcdcd; } span.view_scroll_spacer { - float: left; - height: 16px; - width: 21px -} -#view_scroll_left, #view_scroll_right { - float: left; - margin-top: 20px; - padding:0 4px; - height: 18px; - width: 9px; - text-indent: -3000px; - background: url(../img/thumbs_left.gif) no-repeat center center transparent -} -#view_scroll_right { - margin-left:4px; - background-image: url(../img/thumbs_right.gif) + float:left; + height:16px; + width:21px; } -.resetimg {padding:10px 0 0 0} +#view_scroll_left,#view_scroll_right { + float:left; + margin-top:20px; + padding:0 4px; + height:18px; + width:9px; + text-indent:-3000px; + background:url(../img/thumbs_left.gif) no-repeat center center transparent; +} + +#view_scroll_right { + margin-left:4px; + background-image:url(../img/thumbs_right.gif); +} + +.resetimg { + padding:10px 0 0; +} /* link list */ #usefull_link_block { list-style-type:none; - margin-top: 20px + margin-top:20px; } -#usefull_link_block li {padding:2px 0;} + +#usefull_link_block li { + padding:2px 0; +} + #usefull_link_block li.print { padding-left:20px; background:url(../img/icon/print.gif) no-repeat 0 0; } + #usefull_link_block li.sendtofriend { padding-left:20px; background:url(../img/icon/send_friend.gif) no-repeat 0 0; } -#usefull_link_block li#left_share_fb{ + +#usefull_link_block li#left_share_fb { padding-left:20px; background:url(../img/icon/picto_fb.png) no-repeat 0 0; } @@ -113,58 +136,89 @@ span.view_scroll_spacer { #pb-left-column { float:left; margin-left:14px; - width:255px + width:255px; } + #pb-left-column h1 { padding-bottom:5px; - font-size:18px + font-size:18px; +} + +#pb-left-column #short_description_block { + color:#666; +} + +#pb-left-column #short_description_block .buttons_bottom_block { + display:none; } -#pb-left-column #short_description_block {color:#666} -#pb-left-column #short_description_block .buttons_bottom_block {display:none} /* form */ -#pb-left-column #buy_block {margin-top:10px} -#buy_block p {padding-bottom:10px} -#pb-left-column #buy_block label { +#pb-left-column #buy_block { + margin-top:10px; +} + +#buy_block p { + padding-bottom:10px; +} + +#pb-left-column #buy_block label { display:inline-block; width:125px; - font-weight:bold; + font-weight:700; font-size:12px; - text-align:right + text-align:right; } /* short description pack */ -.short_description_pack {display:none;} +.short_description_pack { + display:none; +} /* color_picker */ #pb-left-column #color_picker p { padding-bottom:5px; - font-weight:bold + font-weight:700; } -#attributes fieldset {padding-bottom:10px;} -#attributes fieldset label {vertical-align:top;} -#attributes .attribute_list {display:inline-block;} + +#attributes fieldset { + padding-bottom:10px; +} + +#attributes fieldset label { + vertical-align:top; +} + +#attributes .attribute_list { + display:inline-block; +} + .attribute_list #color_to_pick_list { list-style-type:none; - width: 125px; + width:125px; } + .attribute_list #color_to_pick_list li { float:left; margin:0 8px 8px 0; padding:1px; - border:1px solid #ccc + border:1px solid #ccc; } -.attribute_list #color_to_pick_list li.selected{border:1px solid #000} -.attribute_list #color_to_pick_list a.color_pick{ + +.attribute_list #color_to_pick_list li.selected { + border:1px solid #000; +} + +.attribute_list #color_to_pick_list a.color_pick { display:block; height:15px; width:15px; } .product_attributes { - padding:10px 0 0 0; - border-top:1px solid #ccc + padding:10px 0 0; + border-top:1px solid #ccc; } + /* attributes */ #attributes select { width:120px; @@ -178,22 +232,31 @@ span.view_scroll_spacer { } /* availability_statut */ -#availability_statut {padding-bottom:10px;} +#availability_statut { + margin: 10px 0 0 0; +} + #availability_statut span#availability_label { display:inline-block; width:125px; - font-weight:bold; + font-weight:700; font-size:12px; - text-align:right + text-align:right; } -#availability_statut span#availability_value { - display:inline-block; - padding:1px 5px; - font-weight:bold; - font-size:10px; - color:#fff; - text-transform:uppercase; - background:#9b0000 + +#availability_statut #availability_value { + background-color:green; + color:#ffffff; + text-shadow:none; + padding:0 10px; + text-transform: uppercase; + font-size:10px; + font-weight: bold; + display:inline; +} + +#availability_statut #availability_value.warning_inline { + background-color:#9B0000; } /* prices */ @@ -201,47 +264,55 @@ span.view_scroll_spacer { margin-top:10px; padding-top:10px; border-top:1px solid #ccc; - text-align:right + text-align:right; } -#buy_block p.price {padding:0} -.discount {display:none} + +#buy_block p.price { + padding:0; +} + +.discount { + display:none; +} + #buy_block p#old_price { padding-bottom:15px; font-size:14px; - text-decoration:line-through + text-decoration:line-through; } + .our_price_display { padding-bottom:10px; - font-weight:bold; + font-weight:700; font-size:24px; line-height:18px; - color:#9b0000 + color:#9b0000; } -#reduction_percent, -#reduction_amount { - display: block; - float: right; + +#reduction_percent,#reduction_amount { + display:block; + float:right; margin-left:10px; - padding: 0 0 0 10px; - font-weight: bold; - font-size: 12px; - color: #fff; - background: url(../img/bg_reduction.png) no-repeat 0 0 transparent + padding:0 0 0 10px; + font-weight:700; + font-size:12px; + color:#fff; + background:url(../img/bg_reduction.png) no-repeat 0 0 transparent; } -#reduction_percent span, -#reduction_amount span { - display: block; - padding: 1px 5px 1px 0; - background: url(../img/bg_reduction.png) no-repeat 100% 0 transparent + +#reduction_percent span,#reduction_amount span { + display:block; + padding:1px 5px 1px 0; + background:url(../img/bg_reduction.png) no-repeat 100% 0 transparent; } /* online_only */ #buy_block p.online_only { - font-weight:bold; + font-weight:700; font-size:11px; - color:#990000; + color:#900; text-align:left; - text-transform:uppercase + text-transform:uppercase; } /* add_to_cart */ @@ -250,18 +321,24 @@ span.view_scroll_spacer { float:right; padding:0; } -.content_prices #add_to_cart .exclusive, -.content_prices #add_to_cart .exclusive_disabled{padding:4px 7px 4px 15px} -*:first-child+html .content_prices #add_to_cart .exclusive{padding:4px 3px 4px 11px} + +.content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled { + padding:4px 7px 4px 15px; +} + +:first-child+html .content_prices #add_to_cart .exclusive { + padding:4px 3px 4px 11px; +} + .content_prices #add_to_cart span { z-index:10; - display:block; - position:absolute; - top:0; - left:-12px; - height:26px; - width:26px; - background:url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent + display:block; + position:absolute; + top:0; + left:-12px; + height:26px; + width:26px; + background:url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent; } /* */ @@ -269,116 +346,147 @@ span.view_scroll_spacer { clear:both; padding-top:20px; } -.buttons_bottom_block #wishlist_button {font-weight:bold;} - -/* SEND TO FRIEND (pop-in) ##################################################################### */ -#send_friend_form {} -#send_friend_form h2 { - padding:8px 11px; - font-size:12px; - color:#fff; - text-shadow:0 1px 0 #000; - text-transform:uppercase; - background:#383838 +.buttons_bottom_block #wishlist_button { + font-weight:700; +} + +/* SEND TO FRIEND (pop-in) ##################################################################### */ +#send_friend_form { +} + +#send_friend_form h2 { + padding:8px 11px; + font-size:12px; + color:#fff; + text-shadow:0 1px 0 #000; + text-transform:uppercase; + background:#383838; +} + +#send_friend_form .product { + margin:20px 10px; } -#send_friend_form .product {margin:20px 10px} #send_friend_form .product img { float:left; margin:0 10px 0 0; - border:1px solid #ccc -} -#send_friend_form .product .product_desc { - float:left; - width: 380px; -} -#send_friend_form .product .product_desc p { - padding:0 10px 0 0; - color:#333 -} -#send_friend_form .product .product_desc p.product_name { - font-size:12px; - color:#000 + border:1px solid #ccc; +} + +#send_friend_form .product .product_desc { + float:left; + width:380px; +} + +#send_friend_form .product .product_desc p { + padding:0 10px 0 0; + color:#333; +} + +#send_friend_form .product .product_desc p.product_name { + font-size:12px; + color:#000; +} + +#send_friend_form .send_friend_form_content { + margin:0 10px 20px; } -#send_friend_form .send_friend_form_content {margin:0 10px 20px 10px} #send_friend_form .form_container { padding:10px 15px; border:1px solid #ccc; - background:#eee + background:#eee; } + #send_friend_form .form_container p.intro_form { padding-bottom:14px; - font-weight:bold; + font-weight:700; font-size:13px; - color:#333 + color:#333; } + #send_friend_form .form_container p.txt_required { padding-bottom:0; - color:#666 - -/* SEND TO FRIEND (pop-in) ##################################################################### */ + color:/* SEND TO FRIEND (pop-in) ##################################################################### */ +#666; } -#send_friend_form .form_container .text {padding-bottom:10px} + +#send_friend_form .form_container .text { + padding-bottom:10px; +} + #send_friend_form .form_container .text label { display:inline-block; - padding:6px 15px; - width:180px;/* 210 */ - font-size:12px; - text-align:right + padding:6px 15px; + width:180px; +/* 210 */ + font-size:12px; + text-align:right; } + #send_friend_form .form_container .text input { - padding:0 5px; - height:22px; - width:260px; + padding:0 5px; + height:22px; + width:260px; border:1px solid #ccc; - font-size:12px; - color:#6666 + font-size:12px; + color:#6666; } -#send_friend_form .submit { + +#send_friend_form .submit { margin-top:20px; padding-bottom:0; - text-align:right + text-align:right; } /* PACK ##################################################################### */ #blockpack { margin-top:20px; - padding-top:20px; - border-top:1px dotted #999 + padding-top:20px; + border-top:1px dotted #999; } /* PERSONNALISATION ##################################################################### */ -.customization_block {} -.customization_block p.infoCustomizable { - margin:10px 0 20px; - padding:0 0 0 20px; - background:url(../img/icon/infos.gif) no-repeat 0 0 transparent +.customization_block { } -ul#uploadable_files, -ul#text_fields {list-style-type:none} -.customizableProductsFile, -.customizableProductsText{ +.customization_block p.infoCustomizable { + margin:10px 0 20px; + padding:0 0 0 20px; + background:url(../img/icon/infos.gif) no-repeat 0 0 transparent; +} + +ul#uploadable_files,ul#text_fields { + list-style-type:none; +} + +.customizableProductsFile,.customizableProductsText { margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #ccc; } -.customizationUploadLine {padding-bottom:10px} + +.customizationUploadLine { + padding-bottom:10px; +} + .customizationUploadLine label { display:inline-block; width:150px; - vertical-align:top + vertical-align:top; } + .customizationUploadLine textarea { height:50px; width:300px; - border:1px solid #ccc + border:1px solid #ccc; } + #customizedDatas { float:right; } -.accessories_block div ul li a { - display:inline-block -} + +.accessories_block div ul li a { + display:inline-block; +} \ No newline at end of file diff --git a/themes/default/mobile/css/global.css b/themes/default/mobile/css/global.css index 5b8e4b742..786944410 100644 --- a/themes/default/mobile/css/global.css +++ b/themes/default/mobile/css/global.css @@ -1,142 +1,212 @@ /* ################################################################################################ GLOBAL ################################################################################################ */ -#hook_mobile_top_site_map {margin-top: 5px} -.center{text-align:center} -.right{text-align:right} -.qty-field{width:50px!important} -.hide{display:none} -.fl{float:left} -.clear{clear:both} -.width-20{width:20%} -.width-40{width:40%} -.width-70{width:70%} -.width-100{width:100%} -.padding-left-5px{padding-left:5px} -.margin-bottom-10px {margin-bottom:10px} - -.ui-btn-up-a .ui-btn-text:visited, -.ui-btn-hover-a .ui-btn-text:visited, -.ui-btn-down-a .ui-btn-text:visited, -.ui-btn-hover-a .ui-btn-text:hover, -.ui-btn-up-a .ui-btn-text:hover, -.ui-btn-down-a .ui-btn-text:hover, -.ui-btn-hover-a .ui-btn-text, -.ui-btn-down-a .ui-btn-text, -.ui-btn-up-a .ui-btn-text { - color:white; +#hook_mobile_top_site_map { + margin-top:5px; } + +.center { + text-align:center; +} + +.right { + text-align:right; +} + +.qty-field { + width:50px!important; +} + +.hide { + display:none; +} + +.fl { + float:left; +} + +.clear { + clear:both; +} + +.width-20 { + width:20%; +} + +.width-40 { + width:40%; +} + +.width-70 { + width:70%; +} + +.width-100 { + width:100%; +} + +.padding-left-5px { + padding-left:5px; +} + +.margin-bottom-10px { + margin-bottom:10px; +} + +.ui-btn-up-a .ui-btn-text:visited,.ui-btn-hover-a .ui-btn-text:visited,.ui-btn-down-a .ui-btn-text:visited,.ui-btn-hover-a .ui-btn-text:hover,.ui-btn-up-a .ui-btn-text:hover,.ui-btn-down-a .ui-btn-text:hover,.ui-btn-hover-a .ui-btn-text,.ui-btn-down-a .ui-btn-text,.ui-btn-up-a .ui-btn-text { + color:#fff; +} + .to_delete { background-color:red; - color:white; + color:#fff; font-size:12pt; - text-shadow: none; + text-shadow:none; padding:5px; } /* JQUERY MOBILE */ -.ui-content {overflow-y: hidden} -section .ui-content {padding:0 !important} +.ui-content { + overflow-y:hidden; +} -.ui-header .ui-title, .ui-footer .ui-title { - margin:0.5em 20px 0.8em; - font-size: 20px; - text-align:left +section .ui-content { + padding:0!important; +} + +.ui-header .ui-title,.ui-footer .ui-title { + margin:.5em 20px .8em; + font-size:20px; + text-align:left; } .ui-icon-prestashop-pdf { - background: url(../../img/icon/pdf.gif) no-repeat; + background:url(../../img/icon/pdf.gif) no-repeat; } -.ui-mobile fieldset {margin-bottom:15px; border:none} -.ui-field-contain {padding:0} -.ui-content .ui-listview {margin:0;} +.ui-mobile fieldset { + margin-bottom:15px; + border:none; +} -.ui-input-search .ui-input-clear {right:5px} +.ui-field-contain { + padding:0; +} + +.ui-content .ui-listview { + margin:0; +} + +.ui-input-search .ui-input-clear { + right:5px; +} + +label.ui-select { + top:5px; + vertical-align:top; +} -label.ui-select {top:5px; vertical-align:top} /*.ui-controlgroup-horizontal .ui-select {margin:-5px 0 0 0}*/ - -.required.bold, -.required sup { - color: #900; - font-weight:bold; +.required.bold,.required sup { + color:#900; + font-weight:700; } .warning { - margin: 10px 0 10px 0; - padding: 10px; - border: 1px solid #E6DB55; - font-size: 13px; - background: lightYellow; + margin:10px 0; + padding:10px; + border:1px solid #E6DB55; + font-size:13px; + background:#ffffe0; } -.error-box, -.error { - margin: 10px 0 10px 0; - padding: 10px; - border: 1px solid red; - font-size: 13px; - background: #ffb6c1; +.error-box,.error { + margin:10px 0; + padding:10px; + border:1px solid red; + font-size:13px; + background:#ffb6c1; } -.error-box ol, -.error ol { - margin: 0; - padding: 0 50px; +.error-box ol,.error ol { + margin:0; + padding:0 50px; } -.ui-listview p, -.ui-listview h3 { +.ui-listview p,.ui-listview h3 { padding:0; } + .ui-listview p { - margin-top:-0.5em; + margin-top:-.5em; +} + +.without-margin { + margin:0; +} + +.without-padding { + padding:0; } -.without-margin {margin: 0;} -.without-padding {padding:0;} /* title *************************************************************************************** */ -h1 {font-size:20px} -h2 {margin:0 0 0.6em 0; font-size:18px} -h3 {padding-bottom:14px; font-size:16px} -h4 {font-size:14px} +h1 { + font-size:20px; +} +h2 { + margin:0 0 .6em; + font-size:18px; +} + +h3 { + padding-bottom:14px; + font-size:16px; +} + +h4 { + font-size:14px; +} /* text **************************************************************************************** */ p { padding-bottom:10px; - font-size:12px + font-size:12px; } -.txt-center{text-align: center;} + +.txt-center { + text-align:center; +} + /* link **************************************************************************************** */ -a, a:active, a:visited { +a,a:active,a:visited { color:#333; text-decoration:none; - outline: none; + outline:none; } /* errors box ************************************************************************************* */ .error-box { - display: block; - background-color: #FFB200; - background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.0, #ffd573),color-stop(1, #FEEFB3)); - background-image: -o-linear-gradient(top,#ffd573,#FEEFB3); - background-image: -moz-linear-gradient(center top,#ffd573 0%,#FEEFB3 100%); + display:block; + background-color:#FFB200; + background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#ffd573),color-stop(1,#FEEFB3)); + background-image:-o-linear-gradient(top,#ffd573,#FEEFB3); + background-image:-moz-linear-gradient(center top,#ffd573 0%,#FEEFB3 100%); border:1px solid #9E6014; - opacity: 0.96; - position: fixed; + opacity:.96; + position:fixed; top:100px; - font-family: arial, sans-serif; + font-family:arial,sans-serif; width:80%; left:10%; padding:20px 10px; - -moz-border-radius: 0.6em; - -webkit-border-radius: 0.6em; - border-radius: 0.6em; + -moz-border-radius:.6em; + -webkit-border-radius:.6em; + border-radius:.6em; color:#9E6014; z-index:1000; } + .error-box ol { margin:0; padding:0; @@ -149,24 +219,40 @@ a, a:active, a:visited { } /* form **************************************************************************************** */ -.ui-mobile fieldset {margin:0 0 15px 0} - - -hr {margin:30px 0 10px 0} -hr.margin_bottom {margin:10px 0 30px 0} -hr.margin_less {margin:10px 0 10px 0} - -.clearfix:before, -.clearfix:after { - content: "."; - display: block; - height: 0; - overflow: hidden +.ui-mobile fieldset { + margin:0 0 15px; } -.clearfix:after {clear: both} -.clearfix {zoom: 1} -.ui-br{border:none} +hr { + margin:30px 0 10px; +} + +hr.margin_bottom { + margin:10px 0 30px; +} + +hr.margin_less { + margin:10px 0; +} + +.clearfix:before,.clearfix:after { + content:"."; + display:block; + height:0; + overflow:hidden; +} + +.clearfix:after { + clear:both; +} + +.clearfix { + zoom:1; +} + +.ui-br { + border:none; +} /* PAGINATION */ .pagination { @@ -174,44 +260,57 @@ hr.margin_less {margin:10px 0 10px 0} margin:5px 0; text-align:center; } - ul.pagination_mobile { - float:right; - } - .pagination_mobile li { - float:left; - } - .pagination_mobile .disabled, - .pagination_mobile .disabled .ui-btn-inner { - background-color:#DDDDDD; - color:#aaaaaa; - cursor:default; - } - .pagination_mobile .current .ui-btn { - cursor:default; - } - .pagination_mobile .current .ui-btn-down-c { - color:#ffffff; - } - .pagination_mobile .disabled .ui-btn-inner { - border-top:1px solid #dddddd; - } - .pagination_mobile .ui-btn-inner { - padding: 0.6em 10px; - font-size: 80%; - } - .pagination_mobile .pagination_next .ui-btn-inner{ - padding:0.6em 35px 0.6em 10px; - } - .pagination_mobile .pagination_previous .ui-btn-inner{ - padding:0.6em 10px 0.6em 35px; - } - .pagination ul { - margin:2px 0 0 0; - padding:0; - list-style-type:none; - } - .pagination li {display:inline-block} - /*.pagination li a, + +ul.pagination_mobile { + float:right; +} + +.pagination_mobile li { + float:left; +} + +.pagination_mobile .disabled,.pagination_mobile .disabled .ui-btn-inner { + background-color:#DDD; + color:#aaa; + cursor:default; +} + +.pagination_mobile .current .ui-btn { + cursor:default; +} + +.pagination_mobile .current .ui-btn-down-c { + color:#fff; +} + +.pagination_mobile .disabled .ui-btn-inner { + border-top:1px solid #ddd; +} + +.pagination_mobile .ui-btn-inner { + padding:.6em 10px; + font-size:80%; +} + +.pagination_mobile .pagination_next .ui-btn-inner { + padding:.6em 35px .6em 10px; +} + +.pagination_mobile .pagination_previous .ui-btn-inner { + padding:.6em 10px .6em 35px; +} + +.pagination ul { + margin:2px 0 0; + padding:0; + list-style-type:none; +} + +.pagination li { + display:inline-block; +} + +/*.pagination li a, .pagination li.active { display:inline-block; padding:2px 10px; @@ -219,43 +318,65 @@ hr.margin_less {margin:10px 0 10px 0} text-decoration:none; border:1px solid #ccc; }*/ - .pagination li.active { - color:#888 !important; - border:1px solid #eee; - } - .pagination li a:hover { - color:#333 !important; - border:1px solid #333; - } - .pagination .btnnprevious { - position:absolute; - top:2px; - left:5px; - height:26px; - width:26px; - text-indent:-5000px; - background:#333 - } - .pagination .btnnext { - position:absolute; - top:2px; - right:5px; - height:26px; - width:26px; - text-indent:-5000px; - background:#333 - } +.pagination li.active { + color:#888!important; + border:1px solid #eee; +} + +.pagination li a:hover { + color:#333!important; + border:1px solid #333; +} + +.pagination .btnnprevious { + position:absolute; + top:2px; + left:5px; + height:26px; + width:26px; + text-indent:-5000px; + background:#333; +} + +.pagination .btnnext { + position:absolute; + top:2px; + right:5px; + height:26px; + width:26px; + text-indent:-5000px; + background:#333; +} /* button */ -.button_next {float:right;} - +.button_next { + float:right; +} /* check form */ -.valid {border:1px solid green} -.invalid {border:1px solid red} +.valid { + border:1px solid green; +} -#account-creation_form p .ui-radio-on .ui-icon{width:0px;height:18px;background:none;background-image:url(../img/icons-18-white.png);background-position:-720px 50%;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px} -#account-creation_form p.select .ui-select .ui-icon{background:none} +.invalid { + border:1px solid red; +} + +#account-creation_form p .ui-radio-on .ui-icon { + width:0; + height:18px; + background:none; + background-image:url(../img/icons-18-white.png); + background-position:-720px 50%; + background-repeat:no-repeat; + -moz-border-radius:9px; + -webkit-border-radius:9px; + border-radius:9px; +} + +#account-creation_form p.select .ui-select .ui-icon { + background:none; +} /* ################################################################################################ HEADER @@ -301,62 +422,84 @@ hr.margin_less {margin:10px 0 10px 0} padding:0 5px; font-size:8pt; }*/ - /* HEADER */ -#header {padding-bottom: 10px;} -#header .ui-block-a img {display: block;margin: 10px} +#header { + padding-bottom:10px; +} +#header .ui-block-a img { + display:block; + margin:10px; +} /* NAVBAR TOP */ .navbartop { height:42px; background:#383838; } + .navbarcontent { height:32px; - background:#cccccc; + background:#ccc; } + .navbarcontent h3 { margin:0; } -.navbartop .btnopen {text-indent:-5000px} - .link_cart{ - background:url(../img/img_cart.png) 0 2px no-repeat; - padding:5px 5px 5px 30px; - text-decoration:none; - float:right - } - .link_account { - background:url(../img/icon/my-account.png) 0 5px no-repeat; - padding:5px 5px 5px 20px; - text-decoration:none; - float:right - } - .input_search {margin:0 10px 10px 0; text-align:right} - #block_cart{margin:10px} +.navbartop .btnopen { + text-indent:-5000px; +} +.link_cart { + background:url(../img/img_cart.png) 0 2px no-repeat; + padding:5px 5px 5px 30px; + text-decoration:none; + float:right; +} + +.link_account { + background:url(../img/icon/my-account.png) 0 5px no-repeat; + padding:5px 5px 5px 20px; + text-decoration:none; + float:right; +} + +.input_search { + margin:0 10px 10px 0; + text-align:right; +} + +#block_cart { + margin:10px; +} /* ################################################################################################ CONTENT ################################################################################################ */ -#content {} - +#content { +} /* ################################################################################################ FOOTER ################################################################################################ */ -#footer {margin-top:20px} +#footer { + margin-top:20px; +} + #newsletter { margin:0 auto; - width:96% + width:96%; } -#newsletter .ui-field-contain label.ui-input-text {width:auto} + +#newsletter .ui-field-contain label.ui-input-text { + width:auto; +} + /*#newsletter .ui-btn { position:relative; top:8px; }*/ - h2.site_map { text-align:center; } @@ -364,146 +507,218 @@ h2.site_map { #lnk_footer { margin:0 auto; padding:2%; - background:#ddd + background:#ddd; } -#lnk_footer li .ui-btn { + +#lnk_footer li .ui-btn { display:inline-block; - text-align:left !important + text-align:left!important; } -#lnk_footer .ui-btn-up-a, -#lnk_footer .ui-btn-hover-a { + +#lnk_footer .ui-btn-up-a,#lnk_footer .ui-btn-hover-a { color:#333; - text-shadow:none !important; - border:none !important; - background:none !important + text-shadow:none!important; + border:none!important; + background:none!important; } -#lnk_footer .ui-btn-hover-a {text-decoration:underline} + +#lnk_footer .ui-btn-hover-a { + text-decoration:underline; +} + #lnk_footer .ui-btn-inner { - padding:2px !important; - border:0 + padding:2px!important; + border:0; } - #footer .ui-field-contain{ - text-align:center - } - #account_link {text-align:center;padding:10px 0} - #account_link .ui-block-a{ - width:46%; - padding:0 2%; - text-align:right - } - #account_link .ui-block-b{ - width:46%; - padding:0 2%; - text-align:left - } - #bar_footer {margin:10px 0 0 0} - #link_bar_footer{padding:15px 0} - #link_bar_footer .ui-block-a{ - width:46%; - padding:0 2%; - } - #link_bar_footer .ui-block-b{ - width:46%; - padding:0 2%; - text-align:right - } - -.ui-body-c #footer #account_link .ui-link {color: #333 !important;} -.ui-body-c #footer #link_bar_footer .ui-link {color: #fff !important;} +#footer .ui-field-contain { + text-align:center; +} +#account_link { + text-align:center; + padding:10px 0; +} + +#account_link .ui-block-a { + width:46%; + padding:0 2%; + text-align:right; +} + +#account_link .ui-block-b { + width:46%; + padding:0 2%; + text-align:left; +} + +#bar_footer { + margin:10px 0 0; +} + +#link_bar_footer { + padding:15px 0; +} + +#link_bar_footer .ui-block-a { + width:46%; + padding:0 2%; +} + +#link_bar_footer .ui-block-b { + width:46%; + padding:0 2%; + text-align:right; +} + +.ui-body-c #footer #account_link .ui-link { + color:#333!important; +} + +.ui-body-c #footer #link_bar_footer .ui-link { + color:#fff!important; +} /* ################################################################################################ HOMEPAGE ################################################################################################ */ -#slider {margin:0 0 10px 0;} -#highlight {margin:0 0 10px 0;} +#slider { + margin:0 0 10px; +} -#category {margin:0 0 10px 0;} +#highlight { + margin:0 0 10px; +} +#category { + margin:0 0 10px; +} /* ################################################################################################ CATEGORY ################################################################################################ */ -#category h1 {text-align:left} +#category h1 { + text-align:left; +} -#category .container-sort {float:right} -#category .container-sort-bottom {float:left} +#category .container-sort { + float:right; +} + +#category .container-sort-bottom { + float:left; +} #category-list .ui-li-thumb { float:none; - position:relative + position:relative; } + #category-list .ui-block-a .ui-btn-inner { - border-right:1px solid #cccccc; + border-right:1px solid #ccc; } -#category-list .ui-li-heading {height:45px; white-space:normal;} -#category-list .ui-li-price {text-align:right; color:#990000; font-size:12pt; font-weight: bold;} -#category-list .ui-li-price-info {text-align:right; font-size:7pt; text-transform: uppercase;} -#category-list .ui-li-price-info span {display:inline-block;} -#category-list .ui-li-price-info.discount span {background-color:#9B0000; color:#ffffff; text-shadow:none;} -#category-list .ui-btn-icon-right .ui-icon {display:none} + +#category-list .ui-li-heading { + height:45px; + white-space:normal; +} + +#category-list .ui-li-price { + text-align:right; + color:#900; + font-size:12pt; + font-weight:700; +} + +#category-list .ui-li-price-info { + text-align:right; + font-size:7pt; + text-transform:uppercase; +} + +#category-list .ui-li-price-info span { + display:inline-block; +} + +#category-list .ui-li-price-info.discount span { + background-color:#9B0000; + color:#fff; + text-shadow:none; +} + +#category-list .ui-btn-icon-right .ui-icon { + display:none; +} + .product-list-row { - margin-right: 0px!important; - margin-left: 0px!important; + margin-right:0!important; + margin-left:0!important; } /* ################################################################################################ CART ################################################################################################ */ -.price_on_accordion_cart{ +.price_on_accordion_cart { position:fixed; right:30px; padding:4px; background:red; - border-radius:50% -} -.accordeon_cart .test{margin:0} -.accordeon_cart div.ui-collapsible-content{margin:0} -.information_details_cart p{margin-top:10px} -.total_price .ui-bar h3{ - display:block; - text-align:right + border-radius:50%; } -.cart_total_bar h3 { - margin: 0 0 10px 0; -} -.cart_total_bar .btn-row { - text-align: right; -} -.cart_total_bar .ui-btn { - margin: 10px 0 0 0; - display:inline-block; -} -.total_price p{ - margin:5px 0; - font-size:12px; - text-align:right -} -.cart img.img_product_cart{ - margin-top:0.7em; - border-radius:0; -} - -.ui-controlgroup.grouped_buttons_card, fieldset.ui-controlgroup.grouped_buttons_card -{ +.accordeon_cart .test { margin:0; } -.grouped_buttons_card,.display_block_card_product -{ +.accordeon_cart div.ui-collapsible-content { + margin:0; +} + +.information_details_cart p { + margin-top:10px; +} + +.total_price .ui-bar h3 { + display:block; + text-align:right; +} + +.cart_total_bar h3 { + margin:0 0 10px; +} + +.cart_total_bar .btn-row { + text-align:right; +} + +.cart_total_bar .ui-btn { + margin:10px 0 0; + display:inline-block; +} + +.total_price p { + margin:5px 0; + font-size:12px; + text-align:right; +} + +.cart img.img_product_cart { + margin-top:.7em; + border-radius:0; +} + +.ui-controlgroup.grouped_buttons_card,fieldset.ui-controlgroup.grouped_buttons_card { + margin:0; +} + +.grouped_buttons_card,.display_block_card_product { text-align:center; margin-top:10px; } - - - /* ################################################################################################ PRODUCT ################################################################################################ */ - /* .second_container{ float: left; margin-top:0; @@ -519,223 +734,263 @@ h2.site_map { float:left; text-align:center }*/ - .category_desc { - margin: 0 0 10px 0; + margin:0 0 10px; padding:10px 5px; - border:1px solid #cccccc; - box-shadow: 1px 1px 2px #cccccc; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; + border:1px solid #ccc; + box-shadow:1px 1px 2px #ccc; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; } -.category_desc p{ - margin:0px; - padding:0px; + +.category_desc p { + margin:0; + padding:0; } + .category_desc .hide_desc { display:none; } + .category_desc .lnk_more { float:right; } + .category_desc .lnk_more .ui-btn-inner { font-size:80%; - padding:0.4em 10px 0.4em 33px; + padding:.4em 10px .4em 33px; } -#product_title h1{width:62%;margin-left:5%;float:left;} -#product_title span{ +#product_title h1 { + width:62%; + margin-left:5%; + float:left; +} + +#product_title span { width:25%; margin:14px 3% 10px 5%; font-size:20px; - font-weight:bold; + font-weight:700; text-align:right; - float:left + float:left; } .product_img_wrapper { text-align:center; } + .product_img_wrapper img { width:95%; - max-width: none; - max-height: none; + max-width:none; + max-height:none; margin:0; } -#attributes-1 .ui-select{ +#attributes-1 .ui-select { float:left; } -#select_attributes .ui-select{ - float:left +#select_attributes .ui-select { + float:left; } -.product_page{text-align:center} -.description{text-align:left} +.product_page { + text-align:center; +} -.quantite{text-align:left} +.description { + text-align:left; +} +.quantite { + text-align:left; +} -.img_product{margin:0 auto} -.img_product_list{margin:0 auto} -.view_product{background:#fff} -.view_product .view_full_size {text-align:center;} -.view_product .thumbs_list_frame {list-style-type: none;} -.view_product .thumbs_list_frame li {float:left;} -.view_product .thumbs_list_frame li img {margin: 0 6px;border: 1px solid #CDCDCD;} -.list_view{text-align:center} -#product_page{width:100%} +.img_product { + margin:0 auto; +} -.ui-btn.disabled, -.ui-btn.disabled .ui-btn-inner { - background-color:#DDDDDD; - color:#aaaaaa; +.img_product_list { + margin:0 auto; +} + +.view_product { + background:#fff; +} + +.view_product .view_full_size { + text-align:center; +} + +.view_product .thumbs_list_frame { + list-style-type:none; +} + +.view_product .thumbs_list_frame li { + float:left; +} + +.view_product .thumbs_list_frame li img { + margin:0 6px; + border:1px solid #CDCDCD; +} + +.list_view { + text-align:center; +} + +#product_page { + width:100%; +} + +.ui-btn.disabled,.ui-btn.disabled .ui-btn-inner { + background-color:#DDD; + color:#aaa; cursor:default; } + .ui-btn.disabled .ui-btn-inner { - border-top:1px solid #dddddd; + border-top:1px solid #ddd; } -.ui-btn.disabled button, -.ui-btn.disabled input { + +.ui-btn.disabled button,.ui-btn.disabled input { cursor:default; } -.ui-btn-hover-c.disabled { - border:1px solid #CCCCCC; + +.ui-btn-hover-c.disabled { + border:1px solid #CCC; } -#availability_statut { - margin: 10px 0 0 0; -} - - #availability_statut #availability_value { - background-color:green; - color:#ffffff; - text-shadow:none; - padding:0 10px; - text-transform: uppercase; - font-size:10pt; - font-weight: bold; - display:inline; - } - #availability_statut #availability_value.warning_inline { - background-color:#9B0000; - } - - .content_prices .online_only { - font-weight: bold; - font-size: 10pt; - color: #900; - text-transform: uppercase; - margin:0; - padding:0; - } - .content_prices .price { - text-align:right; - } - .content_prices .price .on_sale { - background-color: #F8DC0C; - padding:2px 5px; - font-size:12pt; - border:1px solid #DDA84E; - margin: 2px 0; - display:inline-block; - } - .content_prices .price p { - margin:0; - padding:0; - } - .content_prices .price .old_price_display { - text-decoration: line-through; - font-size:11pt; - } - .content_prices .price .old_price .reduction_amount_display, - .content_prices .price .old_price .reduction_percent { - background-color:#9B0000; - color:#ffffff; - text-shadow:none; - padding:0 5px; - margin: 0 0 0 5px; - font-weight: bold; - } - .content_prices .price .our_price_display { - color:#990000; - font-size:21pt; - font-weight: bold; - } - .content_prices .price .unit-price, - .content_prices .price .price-ecotax { - margin: 10px 0 0 0; - } -#more_info_block ul li { - font-size:9pt; -} -.accessories_block ul { - list-style-type: none; +.content_prices .online_only { + font-weight:700; + font-size:10pt; + color:#900; + text-transform:uppercase; margin:0; padding:0; } - .accessories_block li { - background-color:#111111; - border-bottom:1px solid #555555; - padding:5px; - } - .accessories_block li.last_item { - border:none; - } - .accessories_block li .col-left { - word-wrap: break-word; - float:left; - } - .accessories_block li .col-right { - float:right; - width:100%; - margin:0 0 0 -68px; - - } - .accessories_block li .col-right .inner { - margin:0 0 0 78px; - } - .accessories_block li .col-right .inner p, - .accessories_block li .col-right .inner h5 { - margin:0; - color:white; - } - .accessories_block li .col-right .inner h5 { - font-size:10pt; - } - .accessories_block li .col-right .inner p { - color:#aaaaaa; - } - .accessories_block li .price { - text-align:right; - font-size:14pt; - font-weight: bold; - } - .accessories_block li .btn-row { - text-align:right; - } -/*.third_container{float:left}*/ +.content_prices .price { + text-align:right; +} +.content_prices .price .on_sale { + background-color:#F8DC0C; + padding:2px 5px; + font-size:12pt; + border:1px solid #DDA84E; + margin:2px 0; + display:inline-block; +} + +.content_prices .price p { + margin:0; + padding:0; +} + +.content_prices .price .old_price_display { + text-decoration:line-through; + font-size:11pt; +} + +.content_prices .price .old_price .reduction_amount_display,.content_prices .price .old_price .reduction_percent { + background-color:#9B0000; + color:#fff; + text-shadow:none; + padding:0 5px; + margin:0 0 0 5px; + font-weight:700; +} + +.content_prices .price .our_price_display { + color:#900; + font-size:21pt; + font-weight:700; +} + +.content_prices .price .unit-price,.content_prices .price .price-ecotax { + margin:10px 0 0; +} + +#more_info_block ul li { + font-size:9pt; +} + +.accessories_block ul { + list-style-type:none; + margin:0; + padding:0; +} + +.accessories_block li { + background-color:#111; + border-bottom:1px solid #555; + padding:5px; +} + +.accessories_block li.last_item { + border:none; +} + +.accessories_block li .col-left { + word-wrap:break-word; + float:left; +} + +.accessories_block li .col-right { + float:right; + width:100%; + margin:0 0 0 -68px; +} + +.accessories_block li .col-right .inner { + margin:0 0 0 78px; +} + +.accessories_block li .col-right .inner p,.accessories_block li .col-right .inner h5 { + margin:0; + color:#fff; +} + +.accessories_block li .col-right .inner h5 { + font-size:10pt; +} + +.accessories_block li .col-right .inner p { + color:#aaa; +} + +.accessories_block li .price { + text-align:right; + font-size:14pt; + font-weight:700; +} + +.accessories_block li .btn-row { + text-align:right; +} + +/*.third_container{float:left}*/ /* ################################################################################################ PRODUCT ################################################################################################ */ - - /* ################################################################################################ 404 ################################################################################################ */ +#not_found { + padding:3%; +} -#not_found{padding:3%} - -.input_search_404{text-align:center} +.input_search_404 { + text-align:center; +} .nbr_result { position:relative; top:6px; - font-size:14px + font-size:14px; } /* ################################################################################################ @@ -745,180 +1000,215 @@ h3.bg { padding:8px; color:#fff; background:#666; - text-shadow: 0 1px 0 #000 !important + text-shadow:0 1px 0 #000!important; } .block { margin:10px 0; padding:10px; border:1px solid #bbb; - background:#dbdbdb + background:#dbdbdb; +} + +.block h3 { + margin-top:0; } -.block h3 {margin-top:0} ul.adress { list-style-type:none; margin:0; - padding:0 0 0 10px + padding:0 0 0 10px; } -#cart {} -#cart h3{ +#cart { +} + +#cart h3 { margin:0; - padding:0 + padding:0; } -#cart input {margin:5px 0} -#cart .ui-li-desc {margin:0} -#voucher {} -#voucher h3 {margin:0} +#cart input { + margin:5px 0; +} + +#cart .ui-li-desc { + margin:0; +} + +#voucher { +} + +#voucher h3 { + margin:0; +} #cart_price .ui-btn-up-c { border:none; background:none; } -.lnk_CGV {padding:0} - +.lnk_CGV { + padding:0; +} /* ################################################################################################ LOGIN ################################################################################################ */ -.login_form .submit_button {float:right} -.login_form .forget_pwd { - margin:5px 0 0 0; - padding:0; - font-size:0.8em +.login_form .submit_button { + float:right; } -.login_form .ui-btn {float:right} +.login_form .forget_pwd { + margin:5px 0 0; + padding:0; + font-size:.8em; +} + +.login_form .ui-btn { + float:right; +} /* ################################################################################################ CATEGORY ################################################################################################ */ -#category-list li a {position:relative} +#category-list li a { + position:relative; +} + #category-list li .ui-li-desc { padding:0; margin:0; } -#category-list li .ui-li-price-info span {padding: 2px 5px;} + +#category-list li .ui-li-price-info span { + padding:2px 5px; +} + .new { position:absolute; top:17px; right:-22px; - margin:0 0 0 0px; + margin:0; padding:2px 0; width:100px; text-align:center; - background-color: rgba(162, 29, 28, 0.9); + background-color:rgba(162,29,28,0.9); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); - color:#ffffff; - text-shadow: none; - text-transform: uppercase; + color:#fff; + text-shadow:none; + text-transform:uppercase; font-size:8pt; } + #category-list .online_only { position:absolute; margin:0; padding:0; - top: 32px; - right: -29px; + top:32px; + right:-29px; margin:0; padding:2px 0; - width: 142px; + width:142px; text-align:center; - background-color: rgba(0, 0, 0, 0.5); + background-color:rgba(0,0,0,0.5); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); - text-shadow: none; - text-transform: uppercase; + text-shadow:none; + text-transform:uppercase; font-size:8pt; - color:#ffffff; + color:#fff; } /* ################################################################################################ MY ACCOUNT ################################################################################################ */ -#list_myaccount .ui-li-icon {top: 0.7em} +#list_myaccount .ui-li-icon { + top:.7em; +} .lnk_my-account_home { display:block; - padding:20px 0 0 0 + padding:20px 0 0; } /* ################################################################################################ LAYERED ################################################################################################ */ -#layered {} -#layered h3 {margin:30px 0 0 0} +#layered { +} + +#layered h3 { + margin:30px 0 0; +} + #layered .color-option { - margin-left:0; - margin-right:5px; - padding:0; - height:16px; - display:inline-block; - width:16px; - border:1px solid #666; + margin-left:0; + margin-right:5px; + padding:0; + height:16px; + display:inline-block; + width:16px; + border:1px solid #666; } /* ################################################################################################ Manufacturer ################################################################################################ */ .nbrmanufacturer { - margin: 15px 0 10px; - padding: 8px 7px; - font-size: 12px; - color: black; - background: none repeat scroll 0 0 #dddddd; + margin:15px 0 10px; + padding:8px 7px; + font-size:12px; + color:#000; + background:none repeat scroll 0 0 #ddd; } /* ################################################################################################ STORES ################################################################################################ */ - #stores_search_block { - margin-top: 20px; - padding-left: 10px; + margin-top:20px; + padding-left:10px; } .stores_block { - margin-top: 25px; - display: none; + margin-top:25px; + display:none; } .stores_block .ui-listview span.image { - display: table-cell; - position: absolute; - left: 0px; - top: 0px; - vertical-align: middle; - width: 80px; - height: 80px; + display:table-cell; + position:absolute; + left:0; + top:0; + vertical-align:middle; + width:80px; + height:80px; } .stores_block .ui-listview span img { - position: relative; - display: inline; - vertical-align: middle; + position:relative; + display:inline; + vertical-align:middle; } #full-site-section a { - font-weight: normal; - font-size: 12px; + font-weight:400; + font-size:12px; } #authentication #account-creation_form p.select label { display:inline; font-size:16px; - font-weight:normal; + font-weight:400; line-height:1.4; - margin:0 0 0.3em; - padding:0px; + margin:0 0 .3em; + padding:0; } #authentication #account-creation_form div.ui-radio label span { text-align:center; -} +} \ No newline at end of file