set single font size and make all the headers relative from there
This commit is contained in:
parent
3415f3a712
commit
b9158c4722
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user