dogeystamp/wb5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style: more polishing

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
header.html
View File

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

32
public/css/style.css
View File

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