diff options
-rw-r--r-- | header.html | 48 | ||||
-rw-r--r-- | tilde.css | 28 |
2 files changed, 59 insertions, 17 deletions
diff --git a/header.html b/header.html index 7b6ce63..3b4b93d 100644 --- a/header.html +++ b/header.html @@ -9,15 +9,41 @@ ╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝</pre> </div> <div id="navigation"> - <a href="http://tilde.institute">News</a> - <a href="/faq">FAQ</a> - <a href="/signup">Sign Up</a> - <a href="https://wiki.tilde.institute">Wiki</a> - <a href="https://git.tilde.institute/">Git</a> - <a href="https://twtxt.tilde.institute">twtxt</a> - <a href="https://crawl.tildeverse.org">crawl/dcss</a> - <a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a> - <a href="/stats">Stats</a> - <a href="/coc">CoC</a> - <a href="tilde.json"><code>tilde.json</code></a> + <table> + <tr> + <td> + <a href="http://tilde.institute">News</a> + </td> + <td> + <a href="/faq">FAQ</a> + </td> + <td> + <a href="/signup">Sign Up</a> + </td> + <td> + <a href="https://wiki.tilde.institute">Wiki</a> + </td> + <td> + <a href="https://git.tilde.institute/">Git</a> + </td> + <td> + <a href="https://twtxt.tilde.institute">twtxt</a> + </td> + <td> + <a href="https://crawl.tildeverse.org">crawl/dcss</a> + </td> + <td> + <a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a> + </td> + <td> + <a href="/stats">Stats</a> + </td> + <td> + <a href="/coc">CoC</a> + </td> + <td> + <a href="tilde.json"><code>tilde.json</code></a> + </td> + </tr> + </table> </div> diff --git a/tilde.css b/tilde.css index 8745bf7..fd7e224 100644 --- a/tilde.css +++ b/tilde.css @@ -25,19 +25,35 @@ pre { } #navigation { - line-height: 2.4em; + margin: 0 auto; text-align: center; } -#navigation a { - padding: 0.36em; - margin: -0.05em; - text-decoration: none; +#navigation table { + border: 0px; + width: 100%; +} + +#navigation td { + text-align: center; + vertical-align: center; + height: 1.5em; background-color: #0B3861; } -#navigation a:hover { +#navigation td:hover { background-color: #045fb4; +} + +#navigation td a { + display: block; + width: 100%; + text-decoration: none; + min-width: 3.5rem; +} + +#navigation td a:hover { + text-decoration: none; color: #ffffff; } |