bebeboutik/themes/site/css/less/modules/privatesales.less

753 lines
13 KiB
Plaintext
Raw Normal View History

2016-01-04 12:48:08 +01:00
body.vp-bebe, #index.logged {
background-image: url("../img/hp2.jpg") !important;
}
body.vp-enfant, #index.logged.vp-enfant {
background-image: url("../img/bg_enfant.jpg") !important;
}
body.vp-maman, #index.logged.vp-maman {
background-image: url("../img/bg_maman.jpg") !important;
}
#privatesales_block {
h2 {
.boxshadow(2px 2px 5px #CCCCCC);
color: #1E1633;
margin: 0 0px 20px 0;
text-transform: none;
padding: 10px;
background: #ffffff;
span {
display: block;
text-align: center;
border: 1px solid #E9E7E8;
font-size: 26px;
font-weight: normal;
height: 50px;
line-height: 1.5em;
padding: 10px 0 0 20px;
}
}
> div {
margin-bottom: 20px;
}
.small_title {
color : #666666;
padding-right : 15px;
margin-bottom : 10px;
display : block;
float : left;
}
.percent {
color : #e26ea2;
padding-left : 15px;
margin-bottom : 10px;
display : block;
float : right;
font-weight: bold;
}
.show_desc {
border-top : 1px solid #CCCCCC;
padding-top : 10px;
}
#block_sales_home li, #block_sales_list li, #block_sales_home_future li {
&:hover {
.border-bottom {
border-bottom : 1px solid #CCCCCC;
margin-bottom : 2px;
height : 0;
}
}
}
#block_sales_home_future {
li .date {
width: 213px !important;
text-align: left !important;
padding-left: 20px !important;
}
}
#block_sales_home, #block_sales_home_future, #block_sales_list {
.content {
> ul {
overflow: hidden;
margin: 0;
padding: 0;
li {
list-style-type: none;
width: 311px;
height: 28px !important;
padding: 296px 0 0 0;
display: inline-block;
margin: 0 0 30px 23px;
cursor: pointer;
vertical-align: top;
&.first {
margin-left: 0px;
}
.short_desc {
padding : 0 20px;
height: 54px;
overflow : hidden;
text-align: justify;
background: #ffffff;
h3 {
.title;
padding-top : 5px;
font-size: 16px;
margin: 0;
line-height: 1.5em;
text-shadow: none;
}
}
.date, .date2 {
border-top:1px solid #cccccc;
font-size: 12px;
padding-top:5px;
float : left;
width : 172px - 20px;
padding-left: 20px;
text-align: left;
color : #1E1633;
}
.date2 {
display: none;
}
.fbshare {
float: left;
width: 26px;
height: 28px;
background: #b3a4a9 url("../img/sharebtns.png") no-repeat 0px 0px;
padding: 0px;
font-size: 0px;
line-height: 0px;
color: transparent;
}
.twshare {
float: left;
width: 26px;
height: 28px;
background: #9d94d7 url("../img/sharebtns.png") no-repeat 0px -28px;
padding: 0px;
font-size: 0px;
line-height: 0px;
color: transparent;
}
.mailshare {
float: left;
width: 26px;
height: 28px;
background: #e9a4c3 url("../img/sharebtns.png") no-repeat 0px -56px;
padding: 0px;
font-size: 0px;
line-height: 0px;
color: transparent;
}
.enter {
background: #796DC7;
color: #ffffff;
height: 23px;
padding: 5px 10px 0px 10px;
font-style: italic;
font-family: georgia, times new roman, serif;
float: left;
text-decoration: none;
width: 100px;
}
.actions {
float: right;
width : 311px;
background : #FFFFFF;
height : 28px;
.pop {
display: none;
}
.date {
width: 191px - 20px;
}
}
}
}
}
}
#block_sales_home_future li .actions {
.pop {
display: block !important;
}
}
#block_sales_home li:hover .actions {
.date {
display: none !important;
}
.date2 {
display: block !important;
width: 113px - 20px !important;
}
.pop {
display: block !important;
}
}
#block_sales_home, #block_sales_home_future {
.short_desc {
position: absolute;
top: 242px;
-webkit-transition: 0.3s top linear;
-moz-transition: 0.3s top linear;
-o-transition: 0.3s top linear;
-ms-transition: 0.3s top linear;
transition: 0.3s top linear;
height: 54px + (282px - 200px) + 20px !important;
}
.content li {
position: relative;
overflow: hidden;
&:hover {
.short_desc {
top: 140px;
}
}
.actions {
position: relative;
z-index: 1;
}
&#list_invite {
padding: 0px !important;
width: 311px !important;
height: 28px + 296px !important;
display: inline-block;
vertical-align: top;
cursor: auto;
background: url('../img/invite_home_bg.jpg') no-repeat;
form{
border:1px solid #fff;
padding:5px;
margin:5px;
position: absolute;
bottom: 10px;
width: 289px;
.int{
background: #fff;
cursor: default;
padding: 5px;
h3{
text-align: center;
color:#58558a;
text-transform: uppercase;
font-size:18px;
font-style:normal;
padding-top: 5px;
}
input[type="text"]{
color: #999999;
float: left;
font-family: Tahoma;
font-size: 12px;
height: 18px;
margin-left: 5px;
width: 226px;
}
input[type="submit"]{
background: #504D8B;
border: 0 none;
color: #FFFFFF;
font-family: georgia;
font-size: 13px;
font-weight: normal;
height: 30px;
margin-right: 6px;
text-transform: capitalize;
width: 30px;
}
p{
text-align: left;
margin-top: 5px;
text-indent: 5px;
margin-bottom: 5px;
a{
color: #7c7b7b;
font-style:italic;
}
}
}
}
}
&#list_gc {
background: none;
padding: 0px !important;
width: 311px !important;
height: 28px + 296px !important;
display: inline-block;
vertical-align: top;
cursor:default;
.fb_block{
position:absolute;
padding:0;
bottom:0;
width: 100%;
background: #fff;
height: 68px;
padding: 15px 10px;
}
h3{
text-align:center;
padding-top: 10px;
font-size:18px;
color: #58558A;
text-transform: uppercase;
font-style:normal;
}
.best_sales{
padding: 0;
background : #fff;
position:relative;
div{
padding: 0;
}
.slides li{
height: 150px !important;
list-style: none outside none;
margin: 0;
padding: 0;
position : relative;
vertical-align: top;
.img_sellers{
float:left;
margin-left: 20px;
img{
height: 110px;
}
}
.info_sellers{
float:left;
width: 180px;
padding: 5px;
background : #e36ea2;
color: #fff;
text-align: center;
height: 102px;
.product_link_sellers{
text-align: center;
color: #fff;
font-style: italic;
margin-top:5px;
font-size:14px;
}
.reduction{
font-size:14px;
font-family: Georgia;
cursor: default;
.price{
color:#fff;
font-size: 16px;
margin: 5px 0px;
text-align:center;
background: url('../img/price_sales_top.jpg') no-repeat top center;
padding-top: 7px;
font-family:Georgia;
}
p.price_info{
text-align:center;
span{
color:#ffcde3;
font-family:Georgia;
display: inline;
}
.old_price{
color:#504d8b;
font-family:Georgia;
text-decoration: line-through;
}
}
}
.link{
cursor: default;
margin: 7px 0px;
a{
background: #504D8B;
border-radius: 15px;
color: #FFFFFF;
padding: 5px 12px;
}
}
}
}
.flex-control-paging{
li{
a{
background: #504d8b;
}
a.flex-active{
background: #e36ea2;
}
}
}
.flex-control-nav{
bottom :0px;
li{
float: left;
height: 20px !important;
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
vertical-align: top;
width: 17px;
&:first-child{
margin-left:115px;
}
}
}
}
div {
padding: 0px 20px 20px;
}
.gc {
padding: 0px;
a {
display: block;
height: 180px;
}
}
h4 {
color: #323232;
border-bottom: 1px solid #cccccc;
padding-bottom: 5px;
margin-bottom: 8px;
}
span {
color: #666666;
display: block;
margin-top: 3px;
}
}
}
}
/*#block_sales_home_future {
.content {
> ul {
overflow: auto;
margin: 0;
padding: 0;
li {
list-style-type: none;
width: 370px;
height: 112px;
padding: 200px 0 0 0;
float: left;
margin: 0 0 20px 0px;
cursor: pointer;
&.even {
margin: 0 0 20px 20px;
}
&:hover {
.short_desc {
background: @color_link;
h3 {
color: #ffffff;
}
}
}
.short_desc {
width: 330px;
height: 54px;
padding: 10px 10px;
background: #ffffff;
margin-left:10px;
h3 {
.title;
font-size: 16px;
margin: 0;
line-height: 1.5em;
text-shadow: none;
border-bottom:1px solid #cccccc;
padding-bottom:5px;
}
}
.date {
border-top:1px solid #cccccc;
font-size: 12px;
padding-top:5px;
float : left;
width : 174px;
text-align: center;
color : #1E1633;
}
.fbshare {
float: left;
width: 26px;
height: 28px;
background: #b3a4a9 url("../img/sharebtns.png") no-repeat 0px 0px;
padding: 0px;
font-size: 0px;
line-height: 0px;
color: transparent;
}
.twshare {
float: left;
width: 26px;
height: 28px;
background: #9d94d7 url("../img/sharebtns.png") no-repeat 0px -28px;
padding: 0px;
font-size: 0px;
line-height: 0px;
color: transparent;
}
.mailshare {
float: left;
width: 26px;
height: 28px;
background: #e9a4c3 url("../img/sharebtns.png") no-repeat 0px -56px;
padding: 0px;
font-size: 0px;
line-height: 0px;
color: transparent;
}
.actions {
float: right;
margin-right: 10px;
}
}
}
}
}*/
}
#category .psales, #product .psales {
position: relative;
}
#sale_end {
position: absolute;
right: 10px;
top: 25px;
span {
}
}
#product #sale_end {
top: -56px;
}
#privatesales_categories_block_left {
margin-bottom: 20px;
.privatesales_categories;
> h4 {
background: #ffffff;
height: 200px;
a {
text-align: center;
display: block;
height: 200px;
}
}
.block_content {
ul {
margin: 0px;
list-style: none outside;
a {
display: block;
padding: 5px 0px;
color: @color_alttext;
&.selected {
color: @color_link;
}
}
li {
ul li {
padding-left: 20px;
}
&.last {
}
}
}
> ul > li > a {
color: @color_text;
}
}
}
#category .catHeadW{
margin:20px 0px;
background:#fff;
position:relative;
box-shadow:2px 2px 5px #ccc;
.catHeadImgW{
float:left;
max-width:200px;
max-height:200px;
img{
max-width:200px;
max-height:200px;
}
}
.catHeadDescW{
float:left;
width:780px;
height:200px;
h1.sale_title{
box-shadow:none;
height:50px;
line-height:50px;
padding:0px 10px;
border:1px solid #E9E5E6;
margin:10px !important;
background:none;
}
.show_desc{
margin:10px 10px 2px 10px;
text-align:justify;
height:73px;
padding-bottom:5px;
border-bottom:1px solid #E9E5E6;
}
#submenuw{
margin:5px 10px 0px 10px;
position:absolute;
bottom:7px;
border-top:1px solid #E9E5E6;
height:45px;
width:760px;
#submenu{
position:absolute;
right:10px;
}
.subcat_menu{
list-style: none;
li{
display: inline-block;
margin-left:10px;
a{
font-size:14px;
font-family: @font_title;
font-style: italic;
color:#000;
}
a:hover{
text-decoration:none;
color:@ordersteps_current;
}
}
}
}
#submenuw.fixe{
position:fixed;
top:0px;
left:0px;
right:0px;
text-align:right;
background:rgba(255,255,255,0.9);
border-top:0px;
margin:0px;
width:100%;
box-shadow:0px 3px 3px rgba(0,0,0,0.2);
z-index:10000;
#submenu{
margin:0 auto;
position:relative;
width:980px;
.subcat_menu{
margin-right:10px;
}
}
}
}
}