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

24
static/css/style.css
View file

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