Compare commits

...

8 Commits

Author SHA1 Message Date
45f5618588 Correction de coquilles 2022-06-06 10:42:06 +02:00
4872b5a400 Modification des couleurs 2022-06-06 10:26:18 +02:00
1da3efd5d0 Suppresion du nom de l'auteur 2022-06-06 09:48:36 +02:00
7aba462084 Nettoyage css titre 2022-06-06 08:38:53 +02:00
7cd539dacb Suppression css tooltip 2022-06-06 08:36:48 +02:00
7311ec322d Suppression css du bouton subscribe 2022-06-06 08:35:45 +02:00
5dfb837080 Nettoyage CSS lien 2022-06-06 08:34:39 +02:00
b525c2cab8 Passe le titre du post de h1 à h2 2022-06-06 08:22:12 +02:00
2 changed files with 24 additions and 154 deletions

View File

@ -1,12 +1,12 @@
:root { :root {
--header-background-color: #1b2b34eb; --header-background-color: #1b2b34;
--main-background-color: #343D46; --main-background-color: #343D46;
--text: #d8dee9fd; --text: #d8dee9;
--link: #c594c5; --link: #f2b705;
--footer-link: #50585D; --footer-link: #d8dee9;
--title: #f99157; --title: #f28322;
--post-title: #a7adba; --post-title: #a7adba;
--date: #c594c5; --border: #424650;
} }
@font-face { @font-face {
@ -75,46 +75,14 @@ h6 {
letter-spacing:2px; letter-spacing:2px;
font-weight:normal font-weight:normal
} }
h1 a { h1 a,
color: var(--post-title) h2 a,
} h3 a,
h2 a { h4 a,
color: var(--post-title) h5 a,
}
h3 a {
color: var(--post-title)
}
h4 a {
color: var(--post-title)
}
h5 a {
color: var(--post-title)
}
h6 a { h6 a {
color: var(--post-title) color: var(--post-title)
} }
/* h1 { */
/* font-size:5rem; */
/* line-height:1.2em; */
/* text-indent:-3px */
/* } */
/* h2 { */
/* font-size:4rem; */
/* line-height:1.2em; */
/* text-indent:-2px */
/* } */
/* h3 { */
/* font-size:3.5rem */
/* } */
/* h4 { */
/* font-size:3rem */
/* } */
/* h5 { */
/* font-size:2.5rem */
/* } */
/* h6 { */
/* font-size:2rem */
/* } */
a { a {
color: var(--link); color: var(--link);
-webkit-transition:color ease 0.3s; -webkit-transition:color ease 0.3s;
@ -140,7 +108,7 @@ hr {
display:block; display:block;
height:1px; height:1px;
border:0; border:0;
border-top:1px solid #424650; border-top:1px solid var(--border);
margin:3.2em 0; margin:3.2em 0;
padding:0 padding:0
} }
@ -334,49 +302,35 @@ textarea {
max-width:850px; max-width:850px;
margin:4rem auto; margin:4rem auto;
padding-bottom:4rem; padding-bottom:4rem;
border-bottom:#424650 1px solid; border-bottom:var(--border) 1px solid;
word-break:break-word; word-break:break-word;
-webkit-hyphens:auto; -webkit-hyphens:auto;
-ms-hyphens:auto; -ms-hyphens:auto;
hyphens:auto hyphens:auto
} }
.post-title { .post-title {
color: var(--post-title); color: var(--link);
margin:0 margin:0;
}
.post-title a {
color: var(--post-title) !important;
text-decoration:none
}
.post-title a:hover {
color:#aec5c4 !important
} }
.post-excerpt p { .post-excerpt p {
margin:1.6rem 0 0 0; margin:1.6rem 0 0 0;
font-size:0.9em;
line-height:1.6em line-height:1.6em
} }
.post-meta { .post-meta {
display:inline-block; display:inline-block;
margin:0 0 5px 0; margin:0 0 5px 0;
font-size:1.5rem; font-size:1.5rem;
color: var(--date) color: var(--text)
}
.post .post-title {
margin-bottom: 25px;
} }
.post a { .post a {
color: var(--date); color: var(--link);
text-decoration:none text-decoration:none
} }
.post a:hover { .post a:hover {
text-decoration:underline; text-decoration:underline;
color:#9c8aa5
}
.post-header a {
color: var(--link);
-webkit-transition:color ease 0.3s;
transition:color ease 0.3s
}
.post-header a:hover {
color:#a3be8c
} }
.user-meta { .user-meta {
position:relative; position:relative;
@ -434,7 +388,7 @@ textarea {
position:relative; position:relative;
margin:4rem 0 0 0; margin:4rem 0 0 0;
padding:4rem 0 0 0; padding:4rem 0 0 0;
border-top:#424650 1px solid border-top:var(--border) 1px solid
} }
.post-footer h4 { .post-footer h4 {
font-size:1.8rem; font-size:1.8rem;
@ -471,7 +425,7 @@ textarea {
position:absolute; position:absolute;
display:inline-block; display:inline-block;
padding:0 15px; padding:0 15px;
border:#424650 1px solid; border:var(--border) 1px solid;
text-decoration:none; text-decoration:none;
border-radius:5px; border-radius:5px;
-webkit-transition:border ease 0.3s; -webkit-transition:border ease 0.3s;
@ -522,80 +476,6 @@ textarea {
font-size:1rem; font-size:1rem;
margin-right:0.2em margin-right:0.2em
} }
.subscribe {
width:28px;
height:28px;
position:absolute;
top:-14px;
left:50%;
margin-left:-15px;
border:#EBF2F6 1px solid;
text-align:center;
line-height:2.4rem;
border-radius:50px;
background:#fff;
-webkit-transition:-webkit-box-shadow 0.5s;
transition:-webkit-box-shadow 0.5s;
transition:box-shadow 0.5s;
transition:box-shadow 0.5s, -webkit-box-shadow 0.5s
}
.subscribe:before {
color:#D2DEE3;
font-size:10px;
position:absolute;
top:2px;
left:9px;
font-weight:bold;
-webkit-transition:color 0.5s ease;
transition:color 0.5s ease
}
.subscribe:hover {
-webkit-box-shadow:rgba(0,0,0,0.05) 0 0 0 3px;
box-shadow:rgba(0,0,0,0.05) 0 0 0 3px;
-webkit-transition:-webkit-box-shadow 0.25s;
transition:-webkit-box-shadow 0.25s;
transition:box-shadow 0.25s;
transition:box-shadow 0.25s, -webkit-box-shadow 0.25s
}
.subscribe:hover .tooltip {
opacity:1;
top:-33px
}
.subscribe:hover:before {
color: var(--footer-link)
}
.tooltip {
opacity:0;
display:inline-block;
padding:4px 8px 5px 8px;
position:absolute;
top:-23px;
left:-23px;
color:rgba(255,255,255,0.9);
font-size:1.1rem;
font-weight:bold;
line-height:1em;
text-align:center;
background: var(--footer-link);
border-radius:20px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);
box-shadow:0 1px 4px rgba(0,0,0,0.1);
-webkit-transition:opacity 0.3s ease, top 0.3s ease;
transition:opacity 0.3s ease, top 0.3s ease
}
.tooltip:after {
content:"";
border-width:5px 5px 0 5px;
border-style:solid;
border-color: var(--footer-link) transparent;
display:block;
position:absolute;
bottom:-4px;
left:50%;
margin-left:-5px;
z-index:220;
width:0
}
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {
blockquote { blockquote {
margin-left:0 margin-left:0
@ -690,7 +570,7 @@ textarea {
.post-footer .author { .post-footer .author {
margin:0 0 2rem 0; margin:0 0 2rem 0;
padding:0 0 1.6rem 0; padding:0 0 1.6rem 0;
border-bottom:#424650 1px dashed border-bottom:var(--border) 1px dashed
} }
.older-posts, .older-posts,
.newer-posts { .newer-posts {
@ -718,7 +598,6 @@ textarea {
max-width:920px max-width:920px
} }
.post-template .post-content>p:first-child { .post-template .post-content>p:first-child {
font-size:1.25em;
line-height:1.5em line-height:1.5em
} }
.post-full-content .kg-image { .post-full-content .kg-image {

View File

@ -16,21 +16,12 @@
{{! Everything below outputs content of the the post which has been published }} {{! Everything below outputs content of the the post which has been published }}
<span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY' locale="fr-fr"}}</time> {{#if tags}}dans {{tags separator=" | "}}{{/if}}</span> <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY' locale="fr-fr"}}</time> {{#if tags}}dans {{tags separator=" | "}}{{/if}}</span>
<h1 class="post-title">{{{title}}}</h1> <h2 class="post-title">{{{title}}}</h2>
<section class="post-content"> <section class="post-content">
{{content}} {{content}}
</section> </section>
<footer class="post-footer">
{{#if primary_author}}
<section class="author">
<h4>{{primary_author.name}}</h4>
</section>
{{/if}}
</footer>
{{/post}} {{/post}}
</article> </article>