klemek/GitBlog.md
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style update

Browse Source
This commit is contained in:
Clément GOUIN
2019-06-21 15:06:23 +02:00
parent 5e7b700304
commit fd7b24c08e
1 changed files with 31 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sample_data/home/style.css
+31 -40
View File
@@ -11,9 +11,7 @@ body {
font: 14px/1.45 -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; font: 14px/1.45 -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
color: #111; color: #111;
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
background-color: #F5F5F5; background-color: #F5F5F5;
height: 100vh; height: 100vh;
} }
@@ -21,18 +19,13 @@ main {
max-width: 75ch; max-width: 75ch;
padding: 2ch; padding: 2ch;
margin: auto; margin: auto;
background-color: #F0F0F0; background-color: #F0F0F0;
min-height: 100vh;
min-height: 100%;
} }
q:before { /* hide redundant text in article */
content: open-quote; #text h1:first-child {
} display: none;
q:after {
content: close-quote;
} }
hr { hr {
@@ -45,6 +38,7 @@ hr {
a { a {
color: #3C3CA1; color: #3C3CA1;
} }
a:hover { a:hover {
color: #8484C6; color: #8484C6;
} }
@@ -60,14 +54,31 @@ pre {
padding: 10px 16px; padding: 10px 16px;
} }
blockquote {
border-left: 0.5em solid #ccc;
padding-left: 1em;
margin: 0.25em 0;
color: #333;
}
blockquote > p {
margin: 0.6rem 0;
}
table td { table td {
vertical-align: baseline; vertical-align: baseline;
padding-left: 8px; padding-left: 8px;
} }
table td:first-of-type { table td:first-of-type {
padding-left: 0; padding-left: 0;
} }
#text table td, #text table th {
border: 1px solid #ccc;
padding: 0.25em 0.5em;
}
main.article div.header span.time span, div.article span.time span { main.article div.header span.time span, div.article span.time span {
color: #888; color: #888;
font-family: serif; font-family: serif;
@@ -83,7 +94,7 @@ main.article div.header a.link-home {
main.article div.header h1, main.article div.header h2, div.article h3 { main.article div.header h1, main.article div.header h2, div.article h3 {
margin-top: 0.85em; margin-top: 0.85em;
margin-bottom: 0.25em; margin-bottom: 0.25em;
font-size: 1.5em; font-size: 2em;
} }
main.article div.header h1 a, main.article div.header h2 a, div.article h3 a { main.article div.header h1 a, main.article div.header h2 a, div.article h3 a {
@@ -94,44 +105,24 @@ main.article div.header span.time, div.article span.time {
display: block; display: block;
} }
#text h1:first-child { div.article {
display: none; margin-left: 1em;
}
div.article h3 {
font-size: 1.3em;
} }
#text { #text {
text-align: justify; text-align: justify;
hyphens: auto; hyphens: auto;
} }
#text li, #text table, #text blockquote { #text li, #text table, #text blockquote {
text-align: left; text-align: left;
} }
#text img { #text img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.note {
padding: 1em;
background: #ff02;
}
.note > p {
margin: 0.6rem 0;
}
.important {
padding: 1em;
background: #eff5ff;
}
.important > p {
margin: 0.6rem 0;
}
/* Sidenotes */
#text .side > p:nth-child(2n+0) {
font-style: italic;
color: #555;
}
#text .side > p:nth-child(2n+0) > i, #text .side > p:nth-child(2n+0) > em {
font-style: normal;
}