MediaWiki:Main Page.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
text-shadow: #1F0 1px 0 10px; | text-shadow: #1F0 1px 0 10px; | ||
} | } | ||
#floatEffect { | |||
animation: float 3s ease-in-out infinite; | |||
} | |||
#Iframe1, #Iframe2 { | #Iframe1, #Iframe2 { | ||
Latest revision as of 16:19, 15 March 2026
h1 {
text-shadow: #1F0 1px 0 10px;
}
#floatEffect {
animation: float 3s ease-in-out infinite;
}
#Iframe1, #Iframe2 {
position: fixed;
top: 50%;
width: 160px;
height: 601px;
transition: transform 0.5s ease, opacity 0.5s ease;
opacity: 0;
pointer-events: none;
z-index: 5;
}
#Iframe1 {
left: 0;
transform: translate(-160px, -50%);
}
#Iframe2 {
right: 0;
transform: translate(160px, -50%);
}
.vector-sticky-header-visible #Iframe1 {
transform: translate(0, -50%);
opacity: 1;
pointer-events: auto;
}
.vector-sticky-header-visible #Iframe2 {
transform: translate(0, -50%);
opacity: 1;
pointer-events: auto;
}
#DoomUI {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
z-index: 5;
transform: translateY(100px);
opacity: 0;
pointer-events: none;
transition: transform 0.5s ease, opacity 0.5s ease;
}
.vector-sticky-header-visible #DoomUI {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
body.footer-visible #Iframe1,
body.footer-visible #Iframe2,
body.footer-visible #DoomUI {
opacity: 0;
pointer-events: none;
}
body.footer-visible #Iframe1 {
transform: translate(-160px, -50%);
}
body.footer-visible #Iframe2 {
transform: translate(160px, -50%);
}
body.footer-visible #DoomUI {
transform: translateY(100px);
}