renovated nav bar to <a> display: block, and some tweaks to make it look nice otherwise. removed nav link highlight color and decoration, nav td hover shows a lightened color

This commit is contained in:
gbmor 2020-05-08 15:49:58 -04:00
parent 08395f9676
commit 50fd7c6a15
2 changed files with 20 additions and 7 deletions

View File

@ -17,12 +17,6 @@
<td>
<a href="/signup">Sign Up</a>
</td>
<td>
<a href="/coc">Code of Conduct</a>
</td>
<td>
<a rel="me" href="https://tilde.zone/@tildeinstitute">Mastodon</a>
</td>
<td>
<a href="https://wiki.tilde.institute">Wiki</a>
</td>
@ -35,6 +29,12 @@
<td>
<a href="https://twtxt.tilde.institute">twtxt</a>
</td>
<td>
<a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
</td>
<td>
<a href="/coc">CoC</a>
</td>
<td>
<a href="tilde.json"><code>tilde.json</code></a>
</td>

View File

@ -25,9 +25,22 @@ body {
#navigation td {
text-align: center;
vertical-align: center;
padding: 5px;
margin: 5px;
height: 1.5em;
background-color: #0B3861
}
#navigation td:hover {
background-color: #045fb4;
}
#navigation td a {
display: block;
width: 100%;
text-decoration: none;
}
#navigation td a:hover {
text-decoration: none;
color: #ffffff;
}
#front-content {
max-width: 69%;
float: left;