Restyle header links
Current version looks bad on small screens, this restyle won't look bad on small screens.
This commit is contained in:
parent
07c1dc115c
commit
b3199f215e
26
header.html
26
header.html
|
@ -9,41 +9,15 @@
|
|||
╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝</pre>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<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>
|
||||
|
|
28
tilde.css
28
tilde.css
|
@ -25,35 +25,19 @@ pre {
|
|||
}
|
||||
|
||||
#navigation {
|
||||
margin: 0 auto;
|
||||
line-height: 2.8em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#navigation table {
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navigation td {
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
height: 1.5em;
|
||||
#navigation a {
|
||||
padding: 0.5em;
|
||||
margin: 0.1em;
|
||||
text-decoration: none;
|
||||
background-color: #0B3861;
|
||||
}
|
||||
|
||||
#navigation td:hover {
|
||||
#navigation a: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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue