150 lines
2.9 KiB
CSS
150 lines
2.9 KiB
CSS
main {
|
|
pointer-events: none;
|
|
}
|
|
|
|
main article > div {
|
|
pointer-events: all;
|
|
}
|
|
|
|
.page-cover > * {
|
|
pointer-events: all;
|
|
}
|
|
|
|
#main-header {
|
|
position: fixed;
|
|
z-index: 2;
|
|
box-sizing: border-box;
|
|
width: 100vw;
|
|
padding-top: calc(var(--unit--vertical) / 2);
|
|
}
|
|
|
|
#logo * {
|
|
font-size: 25.3vw;
|
|
font-weight: var(--font-weight-extra-bold);
|
|
}
|
|
|
|
#logo span {
|
|
height: 20vw;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding-right: 3vw;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
#logo {
|
|
text-align: right;
|
|
}
|
|
|
|
#logo #actuel {
|
|
font-weight: 550;
|
|
}
|
|
|
|
#logo #actuel,
|
|
#logo #inactuel {
|
|
mix-blend-mode: difference;
|
|
}
|
|
|
|
#logo #inactuel {
|
|
transition: margin-top 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
}
|
|
|
|
#main-header.minimized #inactuel {
|
|
margin-top: -20vw;
|
|
transform: translateX(-1px) translateY(-1px);
|
|
}
|
|
|
|
#main-header.minimized #inactuel:not([data-template="home"] *) {
|
|
transform: translateX(-1px) translateY(-1px) !important;
|
|
}
|
|
|
|
.page-cover {
|
|
position: relative;
|
|
height: 100svh;
|
|
box-sizing: border-box;
|
|
padding-top: calc(var(--unit--vertical-relative) * 7);
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.page-cover .text-wrapper {
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
button.toggle.left::after,
|
|
button.toggle.right::before {
|
|
transition: all 0.5s var(--curve-sine);
|
|
content: "+";
|
|
}
|
|
|
|
.page-cover .links {
|
|
position: absolute;
|
|
bottom: 8px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.page-cover .links li {
|
|
display: inline-block;
|
|
margin-right: var(--unit--horizontal);
|
|
}
|
|
.page-cover .links li:last-child {
|
|
margin-bottom: var(--unit--horizontal);
|
|
}
|
|
|
|
[data-template="author"] .page-cover,
|
|
[data-template="category"] .page-cover,
|
|
[data-template="year"] .page-cover,
|
|
[data-template="email"] .page-cover,
|
|
[data-template="error"] .page-cover,
|
|
[data-template="info"] .page-cover {
|
|
height: initial !important;
|
|
}
|
|
[data-template="author"] .page-cover .links,
|
|
[data-template="category"] .page-cover .links,
|
|
[data-template="year"] .page-cover .links,
|
|
[data-template="email"] .page-cover .links,
|
|
[data-template="error"] .page-cover .links,
|
|
[data-template="info"] .page-cover .links {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (min-width: 640px) {
|
|
body:not([data-template="home"]) #main-header {
|
|
width: var(--body-padding);
|
|
}
|
|
#logo * {
|
|
font-size: 26.65vw;
|
|
}
|
|
#logo span {
|
|
padding-right: 1vw;
|
|
}
|
|
body:not([data-template="home"]) #logo * {
|
|
font-size: 6vw;
|
|
}
|
|
body:not([data-template="home"]) #logo span {
|
|
height: 5vw;
|
|
}
|
|
body:not([data-template="home"]) #main-header.minimized #inactuel {
|
|
margin-top: -4.9vw;
|
|
transform: translateX(-2px) translateY(-2px);
|
|
}
|
|
|
|
.page-cover:not(
|
|
[data-template="author"] .page-cover,
|
|
[data-template="year"] .page-cover,
|
|
[data-template="category"] .page-cover
|
|
) {
|
|
height: 100vh;
|
|
}
|
|
[data-template="home"] .page-cover {
|
|
padding-top: calc(42.5vw) !important;
|
|
}
|
|
|
|
.page-cover .links {
|
|
display: none;
|
|
}
|
|
}
|