Authored by yyq

outlets 头部

{{#headerdata}}
<div class="yoho-header">
<div class="yoho-header {{#if outlets}} outlets{{/if}}">
<div class="header-topwrapper clearfix">
<div class="header-top">
<div class="leftpart float-left">
... ... @@ -125,6 +125,7 @@
</li>
{{/ navbars}}
</ul>
<div class="outlets-logo"></div>
<div class="icon-logo"><a href="http://www.yohobuy.com/" class="main-link"></a></div>
<div class="header-tool float-right">
<div class="search float-left {{searchcate}}" >
... ...
... ... @@ -743,6 +743,16 @@
margin-top: -2px;
}
.outlets-logo {
background: resolve(header/outlets.png) no-repeat center center;
width: 200px;
height: 34px;
left: 42%;
margin-top: 28px;
position: absolute;
display: none;
}
.icon-logo {
background: resolve(/header/logo.png) no-repeat center center;
width: 182px;
... ... @@ -1116,6 +1126,62 @@
}
}
.yoho-header.outlets {
.header-navwrapper {
background-color: #3a3a3a;
.sub-nav-wrapper {
background-color: #e6e6e6;
margin-top: 37px;
}
.third-nav-wrapper {
border-top: 0;
}
}
.outlets-logo {
display: block;
}
.icon-logo {
display: none;
}
.first-nav-item.cure {
background: none;
}
.first-nav-item > h3{
display: none;
}
.header-tool > .search {
display: none;
}
.sub-nav-list {
padding-left: 15%;
.sub-nav-item {
width: 14%;
text-align: center;
& > a {
color: #222!important;
}
}
.sub-nav-item:hover a {
border-color: #555;
}
.third-nav {
text-align: left;
}
}
}
.simple-header {
height: 66px;
margin: 0 0 20px 0;
... ...