style: more polishing

link style ideas stolen from rsms.me
This commit is contained in:
dogeystamp 2023-08-19 13:44:38 -04:00
parent d936fef68d
commit 921c1a59fd
Signed by: dogeystamp
GPG Key ID: 7225FE3592EFFA38
2 changed files with 28 additions and 6 deletions

View File

@ -17,7 +17,7 @@
<img src="/public/img/logo.svg" class="logo">
<b>dogeystamp</b>
<a href="/index.html">home</a>
<a href="/about">about me</a>
<a href="/about">about</a>
<a href="https://git.dogeystamp.com">gitea</a>
</div>

View File

@ -59,11 +59,16 @@ body {
.header b {
font-size: 175%;
margin-right: 2%;
position: relative;
margin-right: 0.7em;
bottom: .09em;
}
.header a {
margin-right: 1%;
margin-right: 0.7em;
font-weight: 600;
font-size: 125%;
text-decoration: none;
}
* {
@ -119,8 +124,6 @@ img {
.logo {
border: none;
max-width: 3em;
position: relative;
top: .22em;
margin-right: 0.45em;
}
@ -177,6 +180,13 @@ footer {
}
a {
display: inline;
text-decoration: none;
color: #aaaaaa;
border-radius: 0.1em;
font-weight: 500;
}
a:hover {
background-color: #555555;
color: #aaaaaa;
}
p, pre, table, blockquote {
@ -184,7 +194,15 @@ p, pre, table, blockquote {
text-align: justify;
}
li {
list-style: square;
}
@media only screen and (max-device-width: 800px) {
h1,h2,h3,h4 {
margin: 1rem;
font-weight: 700;
}
.header {
flex-flow: column nowrap;
margin-bottom: 0em;
@ -194,8 +212,12 @@ p, pre, table, blockquote {
}
.header b {
margin-right: 0;
margin-bottom: 0.3em;
margin-bottom: 0.5em;
margin-top: 0.5em;
font-size: 125%;
}
.header a {
margin-right: 0;
margin-bottom: 0.5em;
}
}