work on blog link CSS

This commit is contained in:
kitoy 2025-12-22 14:26:59 +01:00
parent c8633335f3
commit 6984d7b04f
6 changed files with 102 additions and 12 deletions

View File

@ -29,10 +29,28 @@
* {-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 {
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;

View File

@ -29,10 +29,27 @@
* {-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 {
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;

View File

@ -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{
@ -28,8 +30,26 @@
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;

View File

@ -19,7 +19,7 @@
body {
color: var(--color-text);
background-color: var(--color-background);
font-family: var(--font-basic)
font-family: var(--font-basic);
}
@ -30,9 +30,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: none;
text-decoration: underline 2px;
font-weight: 700;
line-height: 1.5;
}
.date {

View File

@ -31,11 +31,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;
}

View File

@ -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 %}