Styling changes: sizes/spacing, ToC b'ground, media q for desktop

This commit is contained in:
kfrn 2017-10-15 13:32:45 +13:00
parent b5e95143ca
commit 1e9629051f

View File

@ -1,5 +1,4 @@
html, body { html, body {
font-size: 16px;
line-height: 1.5; line-height: 1.5;
color: #888888; color: #888888;
background-color: #060606; background-color: #060606;
@ -36,7 +35,7 @@ html, body {
} }
@media only screen and (max-width: 999px) { @media only screen and (max-width: 999px) {
.grid { .grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-areas: grid-template-areas:
"header" "header"
@ -57,6 +56,13 @@ html, body {
} }
} }
@media only screen and (min-width: 1500px) {
.grid {
max-width: 70%;
margin: 0 auto;
}
}
a { a {
color: #91cf91; color: #91cf91;
} }
@ -84,7 +90,13 @@ h1 {
} }
h2 { h2 {
font-size: 2.5em; font-size: 1.5em;
margin: 5px 8px 8px 8px;
}
#about {
font-size: 2em;
margin: 6px 0px 12px 0px;
} }
h3 { h3 {
@ -179,7 +191,7 @@ button {
.contents-list { .contents-list {
color: white; color: white;
border: 1px solid black; border: 1px solid black;
background-color: dimgrey; background-color: #383838;
padding: 14px; padding: 14px;
font-family: "Montserrat"; font-family: "Montserrat";
font-weight: bold; font-weight: bold;