.@{ns}header { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 50px; background: #296dec; text-align: right; .logo { position: absolute; top: 0; left: 0; width: 50px; height: 100%; padding: 7px; background: #213f78; > a { display: block; width: 100%; height: 100%; margin: auto; background: #296dec; border-radius: 50%; overflow: hidden; > img { display: block; width: 100%; height: 100%; } } } .logout { float: right; height: 100%; padding: 8px 20px 0 5px; border: none; a { display: block; font-size: 32px; color: #7ccb87; line-height: 1; .transition(color .3s ease-out 0s); &:hover { color: #00e330; } } } .menu-box { float: right; padding-top: 15px; > span { display: inline-block; padding: 0 14px; &:not(:last-child) { border-right: 1px solid #666; } > a { color: #fff; } } .account { position: relative; background: transparent; text-decoration: underline; } .notice { position: relative; display: inline-block; padding-right: 5px; .msg-count { font-style: normal; position: absolute; top: -7px; left: 20px; height: 16px; min-width: 16px; padding: 0 3px; border-radius: 8px; background: #f00; text-align: center; line-height: 16px; font-weight: bold; color: #fff; overflow: hidden; } } } } .webuploader-container.button{ position: relative; .webuploader-pick{ position: absolute; top:0; left:0; width:100%; height:100% } }