yannic/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css

Browse source
This commit is contained in:
Yax 2019-09-01 15:00:04 +02:00
parent f8a10d9b70
commit ec27bf82c8
2 changed files with 38 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layout/comment.html
View file

@ -21,7 +21,7 @@
placeholder="nom@domaine.com"> placeholder="nom@domaine.com">
</fieldset> </fieldset>
<fieldset> <fieldset>
<textarea id="message" name="message" rows="4" <textarea id="message" name="message" rows="4" maxlength="500"
placeholder="Votre commentaire (texte simple ou Markdown)" required></textarea> placeholder="Votre commentaire (texte simple ou Markdown)" required></textarea>
<div id="preview-container" style="display:none"> <div id="preview-container" style="display:none">
<p>Prévisualisation :</p> <p>Prévisualisation :</p>

64
static/css/style.css
View file

@ -48,12 +48,22 @@
/* General */ /* General */
html, body, h1, h2, h3, h4, h5, h6 { html {
font-family: 'Merriweather', serif; font-family: 'Merriweather', serif;
font-feature-settings: "dlig", "liga", "lnum", "kern"; font-feature-settings: "dlig", "liga", "lnum", "kern";
font-kerning: auto; font-kerning: auto;
font-language-override: normal; font-language-override: normal;
font-optical-sizing: auto; font-optical-sizing: auto;
font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Merriweather', serif;
font-feature-settings: "dlig", "liga", "lnum", "kern";
font-kerning: auto;
font-language-override: normal;
font-optical-sizing: auto;
font-size: 3.2rem;
} }
p, li { p, li {
@ -62,7 +72,7 @@ p, li {
font-language-override: normal; font-language-override: normal;
font-optical-sizing: auto; font-optical-sizing: auto;
font-family: Georgia, serif; font-family: Georgia, serif;
font-size: 22px; font-size: 2.2rem;
font-stretch: 100%; font-stretch: 100%;
font-weight: 400; font-weight: 400;
font-size-adjust: none; font-size-adjust: none;
@ -85,7 +95,7 @@ h1, h2, h3, h4, h5, h6 {
} }
h1 { h1 {
font-size: 200%; font-size: 4.2rem;
} }
a:link, a:visited { a:link, a:visited {
@ -103,7 +113,7 @@ a:hover, a:active {
background-size:cover; background-size:cover;
background-position:center; background-position:center;
width: 100%; width: 100%;
line-height: 132px; line-height: 13rem;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
font-family: "Merriweather", serif; font-family: "Merriweather", serif;
@ -112,12 +122,12 @@ a:hover, a:active {
.banner div > h1 { .banner div > h1 {
color: rgb(36, 46, 43); color: rgb(36, 46, 43);
vertical-align: baseline; vertical-align: baseline;
font-size: 250%; font-size: 5.5rem;
} }
.banner div > h2 { .banner div > h2 {
font-weight: 400; font-weight: 400;
font-size: 150%; font-size: 2.3rem;
color: rgb(56, 71, 67); color: rgb(56, 71, 67);
vertical-align: baseline; vertical-align: baseline;
} }
@ -129,41 +139,41 @@ a:hover, a:active {
} }
#menu-blog a { #menu-blog a {
font-size: 150%; font-size: 2.3rem;
padding-right: 20px; padding-right: 2rem;
} }
.post { .post {
margin-left: 1em; margin-left: 1rem;
margin-right: 1em; margin-right: 1rem;
} }
.summary { .summary {
margin-top: 0px; margin-top: 0rem;
} }
.article > h1 { .article > h1 {
margin-bottom: 0px; margin-bottom: 0rem;
} }
.meta { .meta {
margin-top: 0px; margin-top: 0rem;
margin-bottom: 0px; margin-bottom: 0rem;
} }
.meta > span { .meta > span {
display: inline; display: inline;
margin-right: 10px; margin-right: 1rem;
} }
.meta-post { .meta-post {
margin-top: 0px; margin-top: 0rem;
margin-bottom: 24px; margin-bottom: 2.4rem;
} }
.meta-post > span { .meta-post > span {
display: inline; display: inline;
margin-right: 10px; margin-right: 1rem;
} }
.hidden { .hidden {
@ -175,10 +185,10 @@ a:hover, a:active {
} }
.comment-separator { .comment-separator {
height:1px; height:0.1rem;
background:#717171; background:#717171;
border-bottom:2px solid #6E9CC7; border-bottom:0.2rem solid #6E9CC7;
margin-bottom: 8px; margin-bottom: 1rem;
} }
.comment-indicator { .comment-indicator {
@ -190,20 +200,20 @@ a:hover, a:active {
} }
.comment-detail { .comment-detail {
margin-bottom: 25px; margin-bottom: 2.5rem;
} }
.comment-body { .comment-body {
margin-left: 42px; margin-left: 4.2rem;
} }
/* Footer */ /* Footer */
footer { footer {
background: #f0f0f0; background: #f0f0f0;
border-top: thin solid #e0e0e0; border-top: thin solid #e0e0e0;
margin-left: 2em; margin-left: 2rem;
margin-right: 2em; margin-right: 2rem;
margin-top: 2em; margin-top: 2rem;
padding: 1em 0; padding: 1rem 0;
box-shadow: 0 100vh 0 100vh #f0f0f0; box-shadow: 0 100vh 0 100vh #f0f0f0;
} }