Anri/mylloon.fr
1
0
Fork 0
Code Issues 23 Pull requests 2 Releases Packages 1 Activity Actions

>
Some checks are pending
ci/woodpecker/push/publish Pipeline is pending
Details

Browse source
This commit is contained in:
Mylloon 2023-04-24 20:53:10 +02:00
parent 39a1e9b22a
commit 23f1135e37
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
2 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
static/css/blog/index.css
View file

@ -68,6 +68,7 @@ footer > * {
opacity: 0.7; opacity: 0.7;
letter-spacing: 0.15rem; letter-spacing: 0.15rem;
} }
footer > *::before { footer > *::before {
content: "> "; content: "> ";
} }
@ -87,14 +88,14 @@ a:hover {
} }
/* Barre */ /* Barre */
.timeline ul { .timeline > ul {
list-style-type: none; list-style-type: none;
border-left: 2px solid var(--line); border-left: 2px solid var(--line);
padding: 0px 5px; padding: 0px 5px;
} }
/* Card */ /* Card */
.timeline ul li { .timeline > ul > li {
padding: 20px 20px; padding: 20px 20px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -102,7 +103,7 @@ a:hover {
} }
/* Dates */ /* Dates */
.timeline ul li span { .timeline > ul > li > span {
display: inline-block; display: inline-block;
background-color: var(--date); background-color: var(--date);
border-radius: 25px; border-radius: 25px;
@ -111,7 +112,7 @@ a:hover {
} }
/* Titles */ /* Titles */
.timeline ul li .content h2 > a { .timeline > ul > li > .content > h2 > a {
color: var(--title-color); color: var(--title-color);
font-size: var(--font-size); font-size: var(--font-size);
padding-top: 5px; padding-top: 5px;
@ -119,13 +120,13 @@ a:hover {
} }
/* Descriptions */ /* Descriptions */
.timeline ul li .content p { .timeline > ul > li > .content > p {
padding: 5px 0px 15px 0px; padding: 5px 0px 15px 0px;
font-size: calc(var(--font-size) - 2px); font-size: calc(var(--font-size) - 2px);
} }
/* Points côté */ /* Points côté */
.timeline ul li:before { .timeline > ul > li:before {
position: absolute; position: absolute;
content: ""; content: "";
width: 10px; width: 10px;
@ -138,12 +139,12 @@ a:hover {
} }
/* Card hover */ /* Card hover */
.timeline ul li:hover { .timeline > ul > li:hover {
background-color: var(--bg-hover); background-color: var(--bg-hover);
} }
/* Point côté hover */ /* Point côté hover */
.timeline ul li:hover:before { .timeline > ul > li:hover:before {
background-color: var(--point-hover); background-color: var(--point-hover);
box-shadow: 0px 0px 10px 2px var(--point-hover); box-shadow: 0px 0px 10px 2px var(--point-hover);
} }
@ -152,7 +153,7 @@ a:hover {
.timeline { .timeline {
padding: 30px 5px 30px 10px; padding: 30px 5px 30px 10px;
} }
.timeline ul li .content h2 > a { .timeline > ul > li > .content > h2 > a {
color: var(--title-color); color: var(--title-color);
font-size: calc(var(--font-size) - 2px); font-size: calc(var(--font-size) - 2px);
} }

24
static/css/style.css
View file

@ -80,17 +80,17 @@ h1#title {
} }
h2.subtitle, h2.subtitle,
h2.subtitle a { h2.subtitle > a {
color: rgb(28, 118, 236) !important; color: rgb(28, 118, 236) !important;
} }
h3.subsubtitle, h3.subsubtitle,
#content h3.subsubtitle a { #content > h3.subsubtitle > a {
text-align: left; text-align: left;
color: rgb(149, 87, 201); color: rgb(149, 87, 201);
} }
#content h3.subsubtitle a:hover { #content > h3.subsubtitle > a:hover {
color: rgb(0, 181, 236); color: rgb(0, 181, 236);
transition: color 0.1s; transition: color 0.1s;
} }
@ -114,34 +114,34 @@ div#content {
} }
#content a, #content a,
#content a:visited, #content > a:visited,
#content ul { #content ul {
text-decoration: none; text-decoration: none;
color: rgb(201, 201, 201); color: rgb(201, 201, 201);
text-align: center; text-align: center;
} }
#content p { #content > p {
text-decoration: none; text-decoration: none;
color: rgb(201, 201, 201); color: rgb(201, 201, 201);
text-align: center; text-align: center;
padding: 0.7em; padding: 0.7em;
} }
#content a:hover { #content > a:hover {
color: rgb(0, 181, 236); color: rgb(0, 181, 236);
transition: color 0.1s; transition: color 0.1s;
} }
/* https://stackoverflow.com/a/40244401/15436737 */ /* https://stackoverflow.com/a/40244401/15436737 */
#content a { #content > a {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
} }
#content a:after { #content > a:after {
display: block; display: block;
content: ""; content: "";
border-bottom: solid 3px; border-bottom: solid 3px;
@ -150,7 +150,7 @@ div#content {
transform-origin: 100% 50%; transform-origin: 100% 50%;
} }
#content a:hover:after { #content > a:hover:after {
transform: scaleX(1); transform: scaleX(1);
transform-origin: 0 50%; transform-origin: 0 50%;
} }
@ -168,7 +168,7 @@ div.subcontent {
text-align: center; text-align: center;
} }
#listecontent li { #listecontent > li {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
@ -230,12 +230,12 @@ footer.backToIndexPage {
text-align: center; text-align: center;
} }
footer.backToIndexPage a { footer.backToIndexPage > a {
color: rgb(114, 180, 76); color: rgb(114, 180, 76);
text-decoration: none; text-decoration: none;
} }
footer.backToIndexPage a:hover { footer.backToIndexPage > a:hover {
color: rgb(152, 187, 132); color: rgb(152, 187, 132);
} }