some formating fixes

This commit is contained in:
Eorn 2020-04-15 15:56:29 +02:00
parent aec8a123a4
commit b5af44f350

View file

@ -64,10 +64,10 @@ main {
} }
.sidebar { .sidebar {
flex: 0 0 250px; flex: 0 0 250px;
font-size: 0.9em; font-size: 1em;
} }
.page-content { .page-content {
font-size: 1em; font-size: 1.25em;
min-width: 320px; min-width: 320px;
flex-grow: 1; flex-grow: 1;
padding-left: 12px; padding-left: 12px;
@ -210,7 +210,7 @@ body {
color: white; color: white;
background-color: #232627; background-color: #232627;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
line-height: 1.15; line-height: 1.25;
margin: 0 auto; margin: 0 auto;
max-width: 1280px; max-width: 1280px;
padding: 15px; padding: 15px;
@ -223,8 +223,8 @@ body {
.page-content p { .page-content p {
margin-top: 10px; margin-top: 15px;
margin-bottom: 10px; margin-bottom: 15px;
} }
a { a {
@ -273,20 +273,24 @@ a:hover {
font-size: 25px; font-size: 25px;
font-weight: bold; font-weight: bold;
color: #bbb677; color: #bbb677;
margin-top: 30px;
} }
.page-content h3 { .page-content h3 {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #bbb677; color: #bbb677;
margin-top: 35px;
} }
.page-content h4 { .page-content h4 {
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
color: #bbb677; color: #bbb677;
margin-top: 20px;
} }
.page-content h5 { .page-content h5 {
font-size: 15px; font-size: 15px;
color: #bbb677; color: #bbb677;
margin-top: 10px;
} }
.page-content .article-date { .page-content .article-date {
@ -316,7 +320,52 @@ article .post-content {
display: inline-block; display: inline-block;
width: 0.75em; width: 0.75em;
margin-left: -0.5em; margin-left: -0.5em;
}
.page-content ol {
margin-left: 20px;
list-style: decimal;
}
.page-content ol li{
margin-left: 10px;
}
.page-content em {
font-style: italic;
}
.page-content strong {
font-weight: bold;
}
.page-content code {
font-family: "Source Code Pro", monospace;
}
figure {
padding: 5px;
border: 1px dotted #bbb677;
}
figure.large-img {
max-width: 80%;
}
figure.center {
margin: 0 auto;
}
figure img {
max-width: 100%;
}
.center {
text-align: center;
} }
@ -329,6 +378,7 @@ article .post-content {
/* Responsive */ /* Responsive */
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
.flex { .flex {
@ -350,4 +400,3 @@ article .post-content {
} }
} }