set single font size and make all the headers relative from there

This commit is contained in:
rra 2019-06-19 17:58:14 +02:00
parent 3415f3a712
commit b9158c4722

View File

@ -1,5 +1,5 @@
/* /*
2k18 Homebrewserver.club Pelican theme 2k19 Homebrewserver.club Pelican theme
--- ---
Style sheet is ordered vertically, with declarations for the header on top and footer on the bottom. Style sheet is ordered vertically, with declarations for the header on top and footer on the bottom.
@ -9,24 +9,25 @@ http://randomiser.info/
http://majesticmoo.se http://majesticmoo.se
*/ */
* {
box-sizing: border-box;
}
@font-face { @font-face {
font-family:'OrkneyRegular'; font-family:'OrkneyRegular';
src: url('../fonts/Orkney Regular.woff') format('truetype'); src: url('../fonts/Orkney Regular.woff') format('truetype');
} }
html {
font-size:20px;
}
header { header {
width:100%; width:100%;
} }
#banner { #banner {
text-align: center; text-align: center;
font-size: calc(12px + 4vw);
padding-bottom: 0.5em; padding-bottom: 0.5em;
padding-top: 1em; padding-top: 1em;
font-size:3rem;
font-weight: bold;
} }
#sitename { #sitename {
@ -41,7 +42,7 @@ pre {
#menu { #menu {
list-style:none; list-style:none;
font-size:calc(7px + 1.5vw); font-size:1.4rem;
margin-top:1.2em; margin-top:1.2em;
font-weight:bold; font-weight:bold;
text-align:center; text-align:center;
@ -95,7 +96,7 @@ body {
} }
#index{ #index{
max-width:55%; max-width:80%;
margin: auto; margin: auto;
color:#333; color:#333;
} }
@ -119,7 +120,7 @@ a {
h1{ h1{
font-size:2.5rem; font-size:2.4rem;
margin: 0; margin: 0;
padding: 0.5em; padding: 0.5em;
padding-left: 0; padding-left: 0;
@ -132,7 +133,7 @@ h2{
} }
} }
h3{ h3{
font-size:1.5rem; font-size:1.4rem;
text-decoration: underline; text-decoration: underline;
padding: 1em; padding: 1em;
margin: 0; margin: 0;
@ -153,7 +154,7 @@ h3{
} }
.entry-title{ .entry-title{
font-size:3rem; font-size:2.4rem;
font-weight:bold; font-weight:bold;
line-height: 1.2em; line-height: 1.2em;
} }
@ -235,7 +236,7 @@ blockquote {
#content p{ #content p{
line-height:1.6; line-height:1.6;
max-width:800px; max-width:55ch;
margin: 0 auto; margin: 0 auto;
margin-bottom:1em; margin-bottom:1em;
} }
@ -273,6 +274,8 @@ blockquote {
} }
.footnote{ .footnote{
font-size:14px; font-size:14px;
margin:auto; margin:auto;
@ -314,6 +317,12 @@ table tr:nth-child(even) {
} }
#page-content p{
line-height:1.6;
max-width:55ch;
margin: 0 auto;
margin-bottom:1em;
}
/* some good ol' theft from https://codepo8.github.io/css-fork-on-github-ribbon/ */ /* some good ol' theft from https://codepo8.github.io/css-fork-on-github-ribbon/ */
#forkongithub a { #forkongithub a {