mirror of
https://ghproxy.net/https://github.com/presscustomizr/hueman.git
synced 2026-07-27 12:47:05 +08:00
97 lines
No EOL
4.4 KiB
CSS
97 lines
No EOL
4.4 KiB
CSS
/* header : nav topbar
|
|
/* ------------------------------------ */
|
|
#nav-topbar.nav-container { background: #26272b;
|
|
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
|
|
box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }
|
|
#nav-topbar .nav-toggle { background: transparent; color: #fff;
|
|
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
|
|
box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); }
|
|
#nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); }
|
|
|
|
@media only screen and (min-width: 1025px) {
|
|
/* fixed nav */
|
|
.full-width.topbar-enabled #header { padding-top: 50px; }
|
|
.full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
|
|
.full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
|
|
}
|
|
|
|
@media only screen and (min-width: 720px) {
|
|
|
|
/* common */
|
|
#nav-topbar .nav { }
|
|
#nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
|
|
/* level 1 */
|
|
#nav-topbar .nav > li { border-right: none; }
|
|
#nav-topbar .nav > li > a:hover,
|
|
#nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); }
|
|
#nav-topbar .nav li > a:hover,
|
|
#nav-topbar .nav li:hover > a,
|
|
#nav-topbar .nav li.current_page_item > a,
|
|
#nav-topbar .nav li.current-menu-item > a,
|
|
#nav-topbar .nav li.current-menu-ancestor > a,
|
|
#nav-topbar .nav li.current-post-parent > a { color: #fff; }
|
|
/* level 2 & 3 */
|
|
#nav-topbar .nav ul { background: #26272b url(../img/opacity-10.png) repeat; }
|
|
#nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
|
|
#nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
|
|
|
|
}
|
|
@media only screen and (max-width: 719px) {
|
|
|
|
/* common */
|
|
#nav-topbar .container { padding-left: 0; }
|
|
#nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }
|
|
/* level 1 */
|
|
#nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
|
|
#nav-topbar .nav li.current_page_item > a,
|
|
#nav-topbar .nav li.current-menu-item > a,
|
|
#nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
|
|
|
|
}
|
|
|
|
/* header : nav header
|
|
/* ------------------------------------ */
|
|
#nav-header.nav-container { background: transparent; z-index: 97;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2); }
|
|
#nav-header .container { padding: 0 15px; }
|
|
#nav-header .nav-toggle { background: transparent; color: #fff;
|
|
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2);
|
|
box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2); }
|
|
#nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); }
|
|
|
|
@media only screen and (min-width: 720px) {
|
|
|
|
/* common */
|
|
#nav-header .nav { }
|
|
#nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
|
|
/* level 1 */
|
|
#nav-header .nav > li { border-right: none; }
|
|
#nav-header .nav > li > a:hover,
|
|
#nav-header .nav > li:hover > a { background: rgba(0,0,0,0.1); }
|
|
#nav-header .nav li > a:hover,
|
|
#nav-header .nav li:hover > a,
|
|
#nav-header .nav li.current_page_item > a,
|
|
#nav-header .nav li.current-menu-item > a,
|
|
#nav-header .nav li.current-menu-ancestor > a,
|
|
#nav-header .nav li.current-post-parent > a { color: #fff; }
|
|
/* level 2 & 3 */
|
|
#nav-header .nav ul { background: #33363b url(../img/opacity-10.png) repeat; }
|
|
#nav-header .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
|
|
#nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
|
|
|
|
}
|
|
@media only screen and (max-width: 719px) {
|
|
|
|
/* common */
|
|
#nav-header.nav-container { border-left: 0; border-right: 0; }
|
|
#nav-header .container { padding: 0; }
|
|
#nav-header .nav { padding-bottom: 20px; }
|
|
#nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }
|
|
/* level 1 */
|
|
#nav-header .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
|
|
#nav-header .nav li.current_page_item > a,
|
|
#nav-header .nav li.current-menu-item > a,
|
|
#nav-header .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
|
|
|
|
} |
