MediaWiki:Main Page.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

#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);
}