首页 - HFOJ
body {
--font-family: "XiaoLai SC", "Open Sans", "Seravek", "Segoe UI", "Verdana", "PingFang SC", "Hiragino Sans GB", "Lantinghei SC", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans";
--code-font-family: "Ubuntu Mono", "monaco", "Source Code Pro", "Consolas", "Lucida Console", "monospace";
--font-ligatures: none !important;
}
#panel { display: flex; flex-direction: column; }
.section {
transition: transform .5s, opacity .5s;
transition-timing-function: ease-out-cubic;
}
<div class="omnibar-main">
<div>
<input placeholder="Search">
<span class="icon icon-search"></span>
</div>
<div id="omnibar-content"></div>
</div>
</div><button class="omnibar-toggle" data-global-hotkey="ctrl+k:click">
<span class="icon icon-search"></span>
</button><div class="drop dropdown nav__dropdown drop-element drop-element-attached-top drop-element-attached-right drop-target-attached-bottom drop-target-attached-right" style="top: 0px; position: fixed; transform: translateX(-97px) translateY(45px) translateZ(0px); right: 0px; z-index: 1001;"><div class="drop-content"><ol class="dropdown-target menu" id="menu-nav-user">
<li class="menu__item">
<a href="/user/611" class="menu__link">
<span class="icon icon-account--circle"></span> 我的资料
</a>
</li>
<li class="menu__item">
<a href="/home/messages" class="menu__link">
<span class="icon icon-comment--multiple"></span> 站内消息
</a>
</li>
<li class="menu__seperator"></li>
<li class="menu__item">
<a href="/home/settings/domain" class="menu__link">
<span class="icon icon-web"></span> @ Hydro
</a>
</li>
<li class="menu__seperator"></li>
<li class="menu__item">
<a href="/home/settings/account" class="menu__link">
<span class="icon icon-wrench"></span> 账户设置
</a>
</li>
<li class="menu__item">
<a href="/home/settings/preference" class="menu__link">
<span class="icon icon-sliders"></span> 偏好设置
</a>
</li>
<li class="menu__item">
<a href="/home/security" class="menu__link">
<span class="icon icon-security"></span> 安全设置
</a>
</li>
<li class="menu__seperator"></li>
<li class="menu__item">
<a href="/home/domain" class="menu__link">
<span class="icon icon-web"></span> 我的域
</a>
</li>
<li class="menu__seperator"></li><li class="menu__item nojs--hide">
<a href="/blog/611" class="menu__link">
<span class="icon icon-book"></span> 博客
</a>
</li> <li class="menu__seperator"></li>
<li class="menu__item">
<a href="/logout" class="menu__link" name="nav_logout">
<span class="icon icon-logout"></span> 登出
</a>
</li>
</ol></div></div><div data-tether-id="1" style="top: 0px; left: 0px; position: absolute;"></div><div class="drop dropdown nav__dropdown drop-element drop-element-attached-top drop-element-attached-right drop-target-attached-bottom drop-target-attached-right" style="top: 0px; position: fixed; transform: translateX(-224px) translateY(45px) translateZ(0px); right: 0px; z-index: 1002;"><div class="drop-content"><ol class="dropdown-target menu" id="menu-nav-domain"><li class="menu__item">
<a href="/home/domain" class="menu__link">
<span class="icon icon-wrench"></span> 管理
</a>
</li>
</ol></div></div></body></html>