edit: reduced motion mode
This commit is contained in:
+18
-14
@@ -4,21 +4,16 @@
|
||||
--main-color: #000000;
|
||||
}
|
||||
|
||||
/*================ ANIMATION ======================*/
|
||||
|
||||
|
||||
/*================ DESACT DEFAULT ======================*/
|
||||
|
||||
|
||||
/*================ BODY ======================*/
|
||||
html{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
scrollbar-color: var(--back-color) var(--main-color);
|
||||
background-color: var(--main-color);
|
||||
min-height: 100vh;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
z-index: -33;
|
||||
}
|
||||
@@ -26,13 +21,13 @@ html{
|
||||
body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow-y: hidden;
|
||||
position: relative;
|
||||
z-index: -33;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/*================ CLASSES COMMUNES ======================*/
|
||||
|
||||
|
||||
/*================ STRUCTURE ======================*/
|
||||
|
||||
header{
|
||||
@@ -106,7 +101,7 @@ header{
|
||||
|
||||
}
|
||||
|
||||
video{
|
||||
noscript > video{
|
||||
height: 110%;
|
||||
width: auto;
|
||||
position: absolute;
|
||||
@@ -114,6 +109,14 @@ video{
|
||||
z-index: -32;
|
||||
}
|
||||
|
||||
.cute-texture-video{
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -33;
|
||||
}
|
||||
|
||||
.openBackground{
|
||||
visibility: collapse;
|
||||
}
|
||||
@@ -139,7 +142,7 @@ main{
|
||||
align-self: end;
|
||||
justify-self: end;
|
||||
color: var(--main-color);
|
||||
|
||||
13.12px
|
||||
position: relative;
|
||||
|
||||
z-index: 33;
|
||||
@@ -449,7 +452,6 @@ main{
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16.1px;
|
||||
|
||||
}
|
||||
|
||||
.solidBox:has(details[open]){
|
||||
@@ -464,6 +466,7 @@ main{
|
||||
details{
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.iconBtnStyle{
|
||||
@@ -478,6 +481,7 @@ main{
|
||||
details{
|
||||
width: 100%;
|
||||
cursor: copy;
|
||||
overflow: hidden;
|
||||
summary{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
noscript > video,
|
||||
.cute-texture,
|
||||
.cute-texture-video{
|
||||
visibility: collapse !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
main aside #openMsg{
|
||||
animation: none !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user