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
48
header.html
48
header.html
|
@ -9,41 +9,15 @@
|
||||||
╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝</pre>
|
╚═╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝ ╚═══╝╚══════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚══════╝</pre>
|
||||||
</div>
|
</div>
|
||||||
<div id="navigation">
|
<div id="navigation">
|
||||||
<table>
|
<a href="http://tilde.institute">News</a>
|
||||||
<tr>
|
<a href="/faq">FAQ</a>
|
||||||
<td>
|
<a href="/signup">Sign Up</a>
|
||||||
<a href="http://tilde.institute">News</a>
|
<a href="https://wiki.tilde.institute">Wiki</a>
|
||||||
</td>
|
<a href="https://git.tilde.institute/">Git</a>
|
||||||
<td>
|
<a href="https://twtxt.tilde.institute">twtxt</a>
|
||||||
<a href="/faq">FAQ</a>
|
<a href="https://crawl.tildeverse.org">crawl/dcss</a>
|
||||||
</td>
|
<a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
|
||||||
<td>
|
<a href="/stats">Stats</a>
|
||||||
<a href="/signup">Sign Up</a>
|
<a href="/coc">CoC</a>
|
||||||
</td>
|
<a href="tilde.json"><code>tilde.json</code></a>
|
||||||
<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>
|
</div>
|
||||||
|
|
28
tilde.css
28
tilde.css
|
@ -25,35 +25,19 @@ pre {
|
||||||
}
|
}
|
||||||
|
|
||||||
#navigation {
|
#navigation {
|
||||||
margin: 0 auto;
|
line-height: 2.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navigation table {
|
#navigation a {
|
||||||
border: 0px;
|
padding: 0.5em;
|
||||||
width: 100%;
|
margin: 0.1em;
|
||||||
}
|
text-decoration: none;
|
||||||
|
|
||||||
#navigation td {
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: center;
|
|
||||||
height: 1.5em;
|
|
||||||
background-color: #0B3861;
|
background-color: #0B3861;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navigation td:hover {
|
#navigation a:hover {
|
||||||
background-color: #045fb4;
|
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;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue