196 lines
4.9 KiB
CSS
196 lines
4.9 KiB
CSS
|
.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) {
|
||
|
|
||
|
}
|