diff --git a/base.css b/base.css index 6975bba..e76ec62 100644 --- a/base.css +++ b/base.css @@ -7,7 +7,16 @@ Under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 Internati padding: 0; box-sizing: border-box; } +#st{ + position: absolute; + left: -1080px; + top: -1080px; + font-size: 1em; + visibility: hidden; + white-space: nowrap; +} main{ + display: block; padding-top: 70px; padding-left: 6px; } @@ -59,6 +68,15 @@ main{ overflow: hidden; max-height: 0; } +.vnav{ + max-height: none; + top: 0; + position: relative; + float: right; + width: auto; + height: 100%; + overflow: hidden; +} .so-pane{ display: none; overflow: hidden; @@ -112,9 +130,18 @@ main{ .nav-menu, .sort-menu{ display: none; } -.menu a{ +.menu a, .vmenu a{ display: block; +} +.menu a, .vmenu a, #st{ padding: 24px 16px; + font-weight: bold; +} +.vmenu li{ + float: left; +} +.vmenu a:hover{ + background-color: transparent; } .hmb{ cursor: pointer; @@ -142,7 +169,7 @@ main{ .hmb-line::after{ top: -5px; } -.nav-menu:checked ~ nav, .nav-open{ +.nav-menu:checked ~ #nav, .nav-open{ max-height: 100%; } .nav-menu:checked ~ .hmb .hmb-line, .nav-open-hmb .hmb-line{ @@ -274,7 +301,7 @@ main{ border-width: 1px; margin: 2px; } -@media (min-width: 560px){ +@media (min-width: 600px){ .main-box > div{ padding: 12px; } @@ -307,6 +334,9 @@ main{ float: right; width: auto; } + .vnav{ + display: none; + } .menu li{ float: left; } diff --git a/dark.css b/dark.css index 8d78d36..d6c329e 100644 --- a/dark.css +++ b/dark.css @@ -10,13 +10,13 @@ body{ a{ color: #b0b0f0; } -.header, .nav, footer, .so-pane{ +.header, nav, footer, .so-pane{ background-color: #1d1d1e; } -.home-button > div, .sort-button > div, .menu a, .so-pane > form > div > * > *{ +.home-button > div, .sort-button > div, .menu a, .vmenu a, .so-pane > form > div > * > *{ color: #e0e0e0; } -.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > span > input, .so-pane > form > div > div > select{ +.home-button:hover, .menu a:hover, .vmenu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > span > input, .so-pane > form > div > div > select{ background-color: #606061; } .hmb-line, .hmb-line::before, .hmb-line::after{ diff --git a/index.go.html b/index.go.html index 7feec80..2a4db27 100644 --- a/index.go.html +++ b/index.go.html @@ -95,10 +95,14 @@ + @@ -188,8 +192,9 @@
This page's content is licensed under Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
- .
+
.