This commit is contained in:
parent
39a1e9b22a
commit
23f1135e37
2 changed files with 22 additions and 21 deletions
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue