work on blog link CSS
This commit is contained in:
parent
c8633335f3
commit
6984d7b04f
@ -29,11 +29,29 @@
|
||||
|
||||
* {-moz-box-sizing: border-box; box-sizing: border-box;}
|
||||
|
||||
a {
|
||||
box-shadow: inset 0 0 0 0 var(--color-text);
|
||||
color: --color-text;
|
||||
padding: 0 .25rem;
|
||||
margin: 0 -.25rem;
|
||||
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
color: var(--color-background);
|
||||
box-shadow: inset 300px 0 0 0 var(--color-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline 2px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
.date {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -29,9 +29,26 @@
|
||||
|
||||
* {-moz-box-sizing: border-box; box-sizing: border-box;}
|
||||
|
||||
a {
|
||||
box-shadow: inset 0 0 0 0 var(--color-text);
|
||||
color: --color-text;
|
||||
padding: 0 .25rem;
|
||||
margin: 0 -.25rem;
|
||||
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
color: var(--color-background);
|
||||
box-shadow: inset 300px 0 0 0 var(--color-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline 2px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.date {
|
||||
|
||||
@ -4,6 +4,8 @@
|
||||
{
|
||||
--color-text: #ee794c;
|
||||
--color-background: #010101;
|
||||
--font-emoji : "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||||
--font-basic : system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif;
|
||||
}
|
||||
|
||||
html{
|
||||
@ -27,8 +29,26 @@
|
||||
* {-moz-box-sizing: border-box; box-sizing: border-box;}
|
||||
|
||||
|
||||
a {
|
||||
box-shadow: inset 0 0 0 0 var(--color-text);
|
||||
color: --color-text;
|
||||
padding: 0 .25rem;
|
||||
margin: 0 -.25rem;
|
||||
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
color: var(--color-background);
|
||||
box-shadow: inset 300px 0 0 0 var(--color-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline 2px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.date {
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
body {
|
||||
color: var(--color-text);
|
||||
background-color: var(--color-background);
|
||||
font-family: var(--font-basic)
|
||||
font-family: var(--font-basic);
|
||||
}
|
||||
|
||||
|
||||
@ -31,10 +31,27 @@
|
||||
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
box-shadow: inset 0 0 0 0 var(--color-text);
|
||||
color: --color-text;
|
||||
padding: 0 .25rem;
|
||||
margin: 0 -.25rem;
|
||||
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
color: var(--color-background);
|
||||
box-shadow: inset 300px 0 0 0 var(--color-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline 2px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.date {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -32,10 +32,28 @@
|
||||
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
|
||||
box-shadow: inset 0 0 0 0 var(--color-text);
|
||||
color: --color-text;
|
||||
padding: 0 .25rem;
|
||||
margin: 0 -.25rem;
|
||||
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
color: var(--color-background);
|
||||
box-shadow: inset 300px 0 0 0 var(--color-text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: underline 2px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
.date {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
|
||||
<h2 class="titre"> {{ post_info.title }} </h2>
|
||||
|
||||
<h5 class="titre">Publié le : {{ post_info.creation_date }} par <a href="{{ url_for('blog.view') }}/{{ post_info.author }}"> {{ post_info.author }} </h5>
|
||||
<h5 class="titre">Publié le : {{ post_info.creation_date }} par <a href="{{ url_for('blog.view') }}/{{ post_info.author }}"> {{ post_info.author }} </h5></a>
|
||||
{% if post_info.last_updated %}
|
||||
<h5 class="titre">Mis à jour le : {{ post_info.last_updated }} </h5>
|
||||
{% endif %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user