196 lines
4.9 KiB
CSS
Raw Normal View History

2016-04-14 16:14:31 +02:00
.header_user_info {}
.header_user_info a {
display: block;
padding: 8px 9px 11px 8px;
cursor: pointer;
line-height: 18px; }
@media (max-width: 479px) {
.header_user_info a {
font-size: 11px; } }
.header_user_info a:hover, .header_user_info a.active {
background: #2b2b2b; }
.content-header{
margin-top: 14px;
padding-top: 5px;
}
.icon-header{
float : left;
width : 38px;
height : 38px;
margin : 0 15px 18px 18px;
}
.icon-myaccount{
background : url('../../../img/icon-myaccount.png') no-repeat center center;
}
.block-header-info.logged:hover .icon-myaccount{
background : url('../../../img/icon-myaccount-red.png') no-repeat center center;
}
.icon-parrainage{
background : url('../../../img/icon-parrainage.png') no-repeat center center;
}
.block-header-info.logged:hover .icon-parrainage{
background : url('../../../img/icon-parrainage-red.png') no-repeat center center;
}
.icon-cart{
background : url('../../../img/icon-cart.png') no-repeat center center;
}
.block-header-info .shopping_cart:hover .icon-cart{
background : url('../../../img/icon-cart-red.png') no-repeat center center;
}
.text-header{
margin-top: 3px;
color: #797d7f;
font-family: BrandonGrotesque;
font-size: 16px;
float : left;
width : 168px;
}
.text-header .account span{
color: #f05249;
}
.logged .text-header:after,
.block-header-info-cart .text-header:after{
content: "\f107";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-left: 15px;
}
.block-header-info-cart .text-header:after{
float: right;
}
.block-header-info {
cursor : pointer;
position : relative;
}
.list-menu-account{
border-top : 1px dashed #b6b9ba;
position: absolute;
top: 66px;
right: 10px;
z-index: 100;
display: none;
height: auto;
width: 240px;
background-color: #f3f5f5;
-moz-box-shadow: 0 -3px 8px #ffffff, 0 3px 8px rgba(4,4,4,.55);
-webkit-box-shadow: 0 -3px 8px #ffffff, 0 3px 8px rgba(4,4,4,.55);
box-shadow: 0 -3px 8px #ffffff, 0 3px 8px rgba(4,4,4,.55);
}
.block-header-info-account .list-menu-account{
width: 239px;
}
.list-menu-account li{
padding : 10px 0 10px 0;
}
.list-menu-account li.signout{
margin-top : 10px;
border-top : 1px dashed #b6b9ba;
padding : 17px 0;
}
.list-menu-account li:first-child{
margin-top : 13px;
}
.list-menu-account li a{
background : url('../../../img/diamond_grey.png') no-repeat 49px center;
font-family: BrandonGrotesque;
font-size: 14px;
padding-left : 71px;
}
.list-menu-account li a:hover{
background : url('../../../img/diamond_red_small.png') no-repeat 49px center;
}
.list-menu-account li a span{
padding : 10px 0 0 73px;
display : block;
}
.list-menu-account li.signout a{
font-family: BrandonGrotesque;
font-style: italic;
background : none;
}
.list-menu-account li.signout a:hover{
background : none;
}
.block-header-info-parrainage .list-menu-account li {
margin-top : 0;
border-bottom : 1px dashed #b6b9ba;
}
.block-header-info-parrainage .list-menu-account li.text-info{
color: #a9adb1;
font-family: BrandonGrotesque;
font-size: 12px;
border-bottom : 0;
padding : 10px 10px 10px 55px;
}
.block-header-info.logged:hover .list-menu-account{
display : block;
}
.block-header-info.logged:hover .content-header,
.block-header-info .shopping_cart.content-header:hover{
background-color: #f3f5f5;
-moz-box-shadow: 0 0 8px #ffffff, 0 3px 8px rgba(4,4,4,.55);
-webkit-box-shadow: 0 0 8px #ffffff, 0 3px 8px rgba(4,4,4,.55);
box-shadow: 0 0 8px #ffffff,0 3px 8px rgba(4,4,4,.55);
}
.block-header-info.logged:hover .content-header.emptycart,
.block-header-info .shopping_cart.content-header.emptycart:hover{
background: none;
-moz-box-shadow: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
.block-header-info .shopping_cart.content-header.emptycart:hover .icon-cart{
background: url("../../../img/icon-cart.png") no-repeat scroll center center;
}
.header-mobile{
float : left;
width : 75%;
}
.header-mobile .picto-header-mobile {
display : inline-block;
background : url('../../../img/pictos_mobile_gris.png') no-repeat center 2px ;
padding : 58px 0 0 ;
text-align : center;
color: #797d7f;
font-family: BrandonGrotesque;
font-size: 12px;
width : 24%;
}
.header-mobile .picto-header-mobile.header_discount {
background-position : center -158px;
}
.header-mobile .picto-header-mobile.header_account {
background-position : center -78px;
}
.header-mobile .picto-header-mobile.header_cart {
background-position : center -240px;
}
.header-mobile .picto-header-mobile.active {
background : url('../../../img/pictos_mobile_rose.png') no-repeat center 2px ;
color: #ef5149;
}
.header-mobile .picto-header-mobile.header_discount.active {
background-position : center -158px;
}
.header-mobile .picto-header-mobile.header_account.active {
background-position : center -78px;
}
.header-mobile .picto-header-mobile.header_cart.active {
background-position : center -240px;
}
@media (max-width: 767px) {
}