#globalHeader nav {
float: right;
}
#globalHeader nav p#menuToggle {
background: linear-gradient(top, #eeedf2 1%, #717171 4%, #2b2b2b 84%);
background: linear-gradient(to bottom, #eeedf2 1%, #717171 4%, #2b2b2b 84%);
border: 1px solid #444;
border-radius: 5px;
color: #fff;
line-height: 36px;
padding-left: 6px;
}
#hum-btn {
display:block;
float: right;
background: url(../img/bg_line.png) repeat-y 0 60%/2px auto;
position: relative;
width: 36px;
height: 36px;
border-radius: 5px;
padding-left: 20px;
margin-left: 10px;
}
#hum-btn-icon {
display: block;
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
width: 22px;
height: 2px;
transition: .2s;
background: #FFF;
}
#hum-btn-icon:before, #hum-btn-icon:after {
display: block;
content: "";
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
width: 22px;
height: 2px;
background: #FFF;
transition: .3s;
}
#hum-btn-icon:before {
top: -14px;
}
#hum-btn-icon:after {
top: 14px;
}
#hum-btn .close {
background: transparent;
}
#hum-btn .close:before, #hum-btn .close:after {
top: 0;
}
#hum-btn .close:before {
transform: rotate(-45deg);
}
#hum-btn .close:after {
transform: rotate(-135deg);
}
#globalHeader nav ul {
display:none;
}
ul#drawer {
background: #333;
border-bottom: 1px solid #000;
position: absolute;
left: 0;
top: 50px;
width: 100%;
z-index: 99999;
}
ul#drawer li {
border-top: 1px solid #000;
}
ul#drawer li a {
border-top: 1px solid #666;
color: #fff;
display: block;
padding: 10px;
}
ul#drawer li:first-child,
ul#drawer li:first-child a {
border-top: none;
}