MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 32: | Line 32: | ||
} | } | ||
#Iframe1, #Iframe2, #DoomUI { | #Iframe1, #Iframe2, #DoomUI { | ||
position: fixed; | |||
transition: transform 0.5s ease, opacity 0.5s ease; | transition: transform 0.5s ease, opacity 0.5s ease; | ||
opacity: 0; | opacity: 0; | ||
pointer-events: none; | pointer-events: none; | ||
z-index: 5; | |||
} | } | ||
#Iframe1 { | #Iframe1 { | ||
top: 0; | |||
left: 0; | |||
width: 160px; | width: 160px; | ||
height: 601px; | height: 601px; | ||
transform: translateX(-160px); | |||
} | } | ||
#Iframe2 { | #Iframe2 { | ||
top: 0; | |||
right: 0; | |||
width: 160px; | width: 160px; | ||
height: 601px; | height: 601px; | ||
transform: translateX(160px); | |||
} | } | ||
#DoomUI { | #DoomUI { | ||
bottom: 0; | bottom: 0; | ||
left: 0; | left: 0; | ||
width: 100vw; | width: 100vw; | ||
height: auto; | |||
transform: translateY(100px); | transform: translateY(100px); | ||
} | } | ||
.vector-sticky-header-visible #Iframe1, | .vector-sticky-header-visible #Iframe1, | ||
.vector-sticky-header-visible #Iframe2, | .vector-sticky-header-visible #Iframe2, | ||
Revision as of 01:31, 12 March 2026
@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, #DoomUI {
position: fixed;
transition: transform 0.5s ease, opacity 0.5s ease;
opacity: 0;
pointer-events: none;
z-index: 5;
}
#Iframe1 {
top: 0;
left: 0;
width: 160px;
height: 601px;
transform: translateX(-160px);
}
#Iframe2 {
top: 0;
right: 0;
width: 160px;
height: 601px;
transform: translateX(160px);
}
#DoomUI {
bottom: 0;
left: 0;
width: 100vw;
height: auto;
transform: translateY(100px);
}
.vector-sticky-header-visible #Iframe1,
.vector-sticky-header-visible #Iframe2,
.vector-sticky-header-visible #DoomUI {
transform: translateX(0) translateY(0);
opacity: 1;
pointer-events: auto;
}