[-] FO : fixed bug #PSCFV-5398 - "In stock" in the product page write in red

This commit is contained in:
vAugagneur
2012-11-05 14:02:45 +00:00
parent e59573e0f0
commit de7b2e0915
2 changed files with 1078 additions and 680 deletions
+276 -168
View File
@@ -1,20 +1,29 @@
/* product desc */ /* product desc */
/* primary_block ***************************************************************************** */ /* primary_block ***************************************************************************** */
#primary_block {margin-top:15px} #primary_block {
margin-top:15px;
}
/* pb-right-column ***************************************************************************** */ /* pb-right-column ***************************************************************************** */
#pb-right-column { #pb-right-column {
float:left; 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 {
#pb-right-column #image-block #view_full_size { position:relative;
}
#pb-right-column #image-block img {
border:1px solid #cdcdcd;
}
#pb-right-column #image-block #view_full_size {
display:block; 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; position:absolute;
bottom:10px; bottom:10px;
left:32%; left:32%;
@@ -22,19 +31,20 @@
padding:0 12px 0 30px; padding:0 12px 0 30px;
line-height:20px; line-height:20px;
color:#fff; color:#fff;
text-shadow: 0 1px 0 #000; text-shadow:0 1px 0 #000;
text-align:center; text-align:center;
text-transform:uppercase; text-transform:uppercase;
background-image:url(../img/icon/zoom.png); background-image:url(../img/icon/zoom.png);
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:10px 2px; background-position:10px 2px;
background-color : rgb(0,0,0); background-color:#000;
background-color : rgba(0,0,0, 0.5); background-color:rgba(0,0,0,0.5);
border-radius:12px; border-radius:12px;
-moz-border-radius:12px; -moz-border-radius:12px;
-webkit-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; position:relative;
top:3px; top:3px;
left:-3px; left:-3px;
@@ -45,66 +55,79 @@
/* miniatures */ /* miniatures */
#pb-right-column #views_block { #pb-right-column #views_block {
margin-top:10px; margin-top:10px;
width:266px width:266px;
} }
#thumbs_list { #thumbs_list {
float: left; float:left;
overflow: hidden; overflow:hidden;
margin-left:4px; margin-left:4px;
width: 216px width:216px;
} }
#thumbs_list ul#thumbs_list_frame { #thumbs_list ul#thumbs_list_frame {
list-style-type: none; list-style-type:none;
padding-left: 0 padding-left:0;
} }
#thumbs_list li { #thumbs_list li {
float: left; float:left;
height: 60px; height:60px;
width: 72px; width:72px;
cursor: pointer cursor:pointer;
} }
#thumbs_list li img { #thumbs_list li img {
margin:0 6px; margin:0 6px;
border:1px solid #cdcdcd border:1px solid #cdcdcd;
} }
span.view_scroll_spacer { span.view_scroll_spacer {
float: left; float:left;
height: 16px; height:16px;
width: 21px 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)
} }
.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 */ /* link list */
#usefull_link_block { #usefull_link_block {
list-style-type:none; 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 { #usefull_link_block li.print {
padding-left:20px; padding-left:20px;
background:url(../img/icon/print.gif) no-repeat 0 0; background:url(../img/icon/print.gif) no-repeat 0 0;
} }
#usefull_link_block li.sendtofriend { #usefull_link_block li.sendtofriend {
padding-left:20px; padding-left:20px;
background:url(../img/icon/send_friend.gif) no-repeat 0 0; 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; padding-left:20px;
background:url(../img/icon/picto_fb.png) no-repeat 0 0; background:url(../img/icon/picto_fb.png) no-repeat 0 0;
} }
@@ -113,58 +136,89 @@ span.view_scroll_spacer {
#pb-left-column { #pb-left-column {
float:left; float:left;
margin-left:14px; margin-left:14px;
width:255px width:255px;
} }
#pb-left-column h1 { #pb-left-column h1 {
padding-bottom:5px; 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 */ /* form */
#pb-left-column #buy_block {margin-top:10px} #pb-left-column #buy_block {
#buy_block p {padding-bottom:10px} margin-top:10px;
#pb-left-column #buy_block label { }
#buy_block p {
padding-bottom:10px;
}
#pb-left-column #buy_block label {
display:inline-block; display:inline-block;
width:125px; width:125px;
font-weight:bold; font-weight:700;
font-size:12px; font-size:12px;
text-align:right text-align:right;
} }
/* short description pack */ /* short description pack */
.short_description_pack {display:none;} .short_description_pack {
display:none;
}
/* color_picker */ /* color_picker */
#pb-left-column #color_picker p { #pb-left-column #color_picker p {
padding-bottom:5px; padding-bottom:5px;
font-weight:bold font-weight:700;
} }
#attributes fieldset {padding-bottom:10px;}
#attributes fieldset label {vertical-align:top;} #attributes fieldset {
#attributes .attribute_list {display:inline-block;} padding-bottom:10px;
}
#attributes fieldset label {
vertical-align:top;
}
#attributes .attribute_list {
display:inline-block;
}
.attribute_list #color_to_pick_list { .attribute_list #color_to_pick_list {
list-style-type:none; list-style-type:none;
width: 125px; width:125px;
} }
.attribute_list #color_to_pick_list li { .attribute_list #color_to_pick_list li {
float:left; float:left;
margin:0 8px 8px 0; margin:0 8px 8px 0;
padding:1px; 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; display:block;
height:15px; height:15px;
width:15px; width:15px;
} }
.product_attributes { .product_attributes {
padding:10px 0 0 0; padding:10px 0 0;
border-top:1px solid #ccc border-top:1px solid #ccc;
} }
/* attributes */ /* attributes */
#attributes select { #attributes select {
width:120px; width:120px;
@@ -178,22 +232,31 @@ span.view_scroll_spacer {
} }
/* availability_statut */ /* availability_statut */
#availability_statut {padding-bottom:10px;} #availability_statut {
margin: 10px 0 0 0;
}
#availability_statut span#availability_label { #availability_statut span#availability_label {
display:inline-block; display:inline-block;
width:125px; width:125px;
font-weight:bold; font-weight:700;
font-size:12px; font-size:12px;
text-align:right text-align:right;
} }
#availability_statut span#availability_value {
display:inline-block; #availability_statut #availability_value {
padding:1px 5px; background-color:green;
font-weight:bold; color:#ffffff;
font-size:10px; text-shadow:none;
color:#fff; padding:0 10px;
text-transform:uppercase; text-transform: uppercase;
background:#9b0000 font-size:10px;
font-weight: bold;
display:inline;
}
#availability_statut #availability_value.warning_inline {
background-color:#9B0000;
} }
/* prices */ /* prices */
@@ -201,47 +264,55 @@ span.view_scroll_spacer {
margin-top:10px; margin-top:10px;
padding-top:10px; padding-top:10px;
border-top:1px solid #ccc; 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 { #buy_block p#old_price {
padding-bottom:15px; padding-bottom:15px;
font-size:14px; font-size:14px;
text-decoration:line-through text-decoration:line-through;
} }
.our_price_display { .our_price_display {
padding-bottom:10px; padding-bottom:10px;
font-weight:bold; font-weight:700;
font-size:24px; font-size:24px;
line-height:18px; line-height:18px;
color:#9b0000 color:#9b0000;
} }
#reduction_percent,
#reduction_amount { #reduction_percent,#reduction_amount {
display: block; display:block;
float: right; float:right;
margin-left:10px; margin-left:10px;
padding: 0 0 0 10px; padding:0 0 0 10px;
font-weight: bold; font-weight:700;
font-size: 12px; font-size:12px;
color: #fff; color:#fff;
background: url(../img/bg_reduction.png) no-repeat 0 0 transparent background:url(../img/bg_reduction.png) no-repeat 0 0 transparent;
} }
#reduction_percent span,
#reduction_amount span { #reduction_percent span,#reduction_amount span {
display: block; display:block;
padding: 1px 5px 1px 0; padding:1px 5px 1px 0;
background: url(../img/bg_reduction.png) no-repeat 100% 0 transparent background:url(../img/bg_reduction.png) no-repeat 100% 0 transparent;
} }
/* online_only */ /* online_only */
#buy_block p.online_only { #buy_block p.online_only {
font-weight:bold; font-weight:700;
font-size:11px; font-size:11px;
color:#990000; color:#900;
text-align:left; text-align:left;
text-transform:uppercase text-transform:uppercase;
} }
/* add_to_cart */ /* add_to_cart */
@@ -250,18 +321,24 @@ span.view_scroll_spacer {
float:right; float:right;
padding:0; padding:0;
} }
.content_prices #add_to_cart .exclusive,
.content_prices #add_to_cart .exclusive_disabled{padding:4px 7px 4px 15px} .content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled {
*:first-child+html .content_prices #add_to_cart .exclusive{padding:4px 3px 4px 11px} 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 { .content_prices #add_to_cart span {
z-index:10; z-index:10;
display:block; display:block;
position:absolute; position:absolute;
top:0; top:0;
left:-12px; left:-12px;
height:26px; height:26px;
width:26px; width:26px;
background:url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent background:url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent;
} }
/* */ /* */
@@ -269,116 +346,147 @@ span.view_scroll_spacer {
clear:both; clear:both;
padding-top:20px; padding-top:20px;
} }
.buttons_bottom_block #wishlist_button {font-weight:bold;}
.buttons_bottom_block #wishlist_button {
/* SEND TO FRIEND (pop-in) ##################################################################### */ font-weight:700;
#send_friend_form {} }
#send_friend_form h2 {
padding:8px 11px; /* SEND TO FRIEND (pop-in) ##################################################################### */
font-size:12px; #send_friend_form {
color:#fff; }
text-shadow:0 1px 0 #000;
text-transform:uppercase; #send_friend_form h2 {
background:#383838 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 { #send_friend_form .product img {
float:left; float:left;
margin:0 10px 0 0; margin:0 10px 0 0;
border:1px solid #ccc border:1px solid #ccc;
} }
#send_friend_form .product .product_desc {
float:left; #send_friend_form .product .product_desc {
width: 380px; 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 {
} padding:0 10px 0 0;
#send_friend_form .product .product_desc p.product_name { color:#333;
font-size:12px; }
color:#000
#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 { #send_friend_form .form_container {
padding:10px 15px; padding:10px 15px;
border:1px solid #ccc; border:1px solid #ccc;
background:#eee background:#eee;
} }
#send_friend_form .form_container p.intro_form { #send_friend_form .form_container p.intro_form {
padding-bottom:14px; padding-bottom:14px;
font-weight:bold; font-weight:700;
font-size:13px; font-size:13px;
color:#333 color:#333;
} }
#send_friend_form .form_container p.txt_required { #send_friend_form .form_container p.txt_required {
padding-bottom:0; padding-bottom:0;
color:#666 color:/* SEND TO FRIEND (pop-in) ##################################################################### */
#666;
/* SEND TO FRIEND (pop-in) ##################################################################### */
} }
#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 { #send_friend_form .form_container .text label {
display:inline-block; display:inline-block;
padding:6px 15px; padding:6px 15px;
width:180px;/* 210 */ width:180px;
font-size:12px; /* 210 */
text-align:right font-size:12px;
text-align:right;
} }
#send_friend_form .form_container .text input { #send_friend_form .form_container .text input {
padding:0 5px; padding:0 5px;
height:22px; height:22px;
width:260px; width:260px;
border:1px solid #ccc; border:1px solid #ccc;
font-size:12px; font-size:12px;
color:#6666 color:#6666;
} }
#send_friend_form .submit {
#send_friend_form .submit {
margin-top:20px; margin-top:20px;
padding-bottom:0; padding-bottom:0;
text-align:right text-align:right;
} }
/* PACK ##################################################################### */ /* PACK ##################################################################### */
#blockpack { #blockpack {
margin-top:20px; margin-top:20px;
padding-top:20px; padding-top:20px;
border-top:1px dotted #999 border-top:1px dotted #999;
} }
/* PERSONNALISATION ##################################################################### */ /* PERSONNALISATION ##################################################################### */
.customization_block {} .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
} }
ul#uploadable_files, .customization_block p.infoCustomizable {
ul#text_fields {list-style-type:none} margin:10px 0 20px;
.customizableProductsFile, padding:0 0 0 20px;
.customizableProductsText{ 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; margin-bottom:20px;
padding-bottom:10px; padding-bottom:10px;
border-bottom:1px dotted #ccc; border-bottom:1px dotted #ccc;
} }
.customizationUploadLine {padding-bottom:10px}
.customizationUploadLine {
padding-bottom:10px;
}
.customizationUploadLine label { .customizationUploadLine label {
display:inline-block; display:inline-block;
width:150px; width:150px;
vertical-align:top vertical-align:top;
} }
.customizationUploadLine textarea { .customizationUploadLine textarea {
height:50px; height:50px;
width:300px; width:300px;
border:1px solid #ccc border:1px solid #ccc;
} }
#customizedDatas { #customizedDatas {
float:right; float:right;
} }
.accessories_block div ul li a {
display:inline-block .accessories_block div ul li a {
} display:inline-block;
}
File diff suppressed because it is too large Load Diff