some formating fixes
This commit is contained in:
parent
aec8a123a4
commit
b5af44f350
|
@ -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 {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue