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;
|
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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue