style: more polishing
link style ideas stolen from rsms.me
This commit is contained in:
parent
d936fef68d
commit
921c1a59fd
@ -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>
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user