MediaWiki:Common.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.

@font-face {
	 font-family: 'Comic Sans MS';
	 src: url('https://files.amyy.gay/comic/comic.ttf');
}
@font-face {
	 font-family: 'Comic Sans MS';
	 font-weight: bold;
	 src: url('https://files.amyy.gay/comic/comicbd.ttf');
}

body {
    background-color: #95fcb9;
}

:root {
    --background-color-base: #ecffef;
}
html.skin-theme-clientpref-night {
    --background-color-base: #101713;
}
* {
	font-family: 'Comic Sans MS', sans-serif !important;
}
.inheritcol *, .inheritcol a {
	color: inherit;
}
img[src="/images/9/9a/Gay.png"] {
	background-color: transparent !important;
}
.vector-sticky-header-container {
    transition: transform .5s ease !important;
}
#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:has(#footer:in-viewport) #Iframe1,
body:has(#footer:in-viewport) #Iframe2,
body:has(#footer:in-viewport) #DoomUI {
    opacity: 0;
    pointer-events: none;
}

body:has(#footer:in-viewport) #Iframe1 {
    transform: translate(-160px, -50%);
}

body:has(#footer:in-viewport) #Iframe2 {
    transform: translate(160px, -50%);
}

body:has(#footer:in-viewport) #DoomUI {
    transform: translateY(100px);
}