MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Start of hiding discussion page */

display:none!important; }
 * 1) ca-talk {

/* Endof hiding discussion page */

/* Element animator */

display: none }	display: inline-block; }	display: block; }
 * 1) mw-content-text .animated > *:not(.animated-active),
 * 2) mw-content-text .animated > .animated-subframe > *:not(.animated-active) {
 * 1) mw-content-text span.animated,
 * 2) mw-content-text span.animated.animated-visible > *,
 * 3) mw-content-text span.animated.animated-visible > .animated-subframe > * {
 * 1) mw-content-text div.animated.animated-visible > *,
 * 2) mw-content-text div.animated.animated-visible > .animated-subframe > * {

/* End of Element animator */

/* Horizontally centre animated images */

display: inline-flex; align-items: center; }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox .infobox-rows { display: table; margin: 0 !important; width: 100% !important; border-collapse: separate !important; border-spacing: 1px !important; } .infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; }	margin: 0; }
 * 1) mw-content-text .infobox-rows p {

/* End of Horizontally centre animated images */

/* Start of Template reskin; bother Xaph if you have any questions */

.notaninfobox { position: relative; clear: right; margin: 0 0 1em 1em; width: 300px; font-size: 90%; background: #FFF; border-radius: 10px; float: right; border: 1px solid #f3f3f3; background: rgb(240, 240, 241); background: -moz-linear-gradient(180deg, rgba(240, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(240, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(180deg, rgba(240, 240, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f1", endColorstr="#ffffff", GradientType=1); padding: 2px 2px 5px 2px; overflow: auto; z-index: 1; }

.notaninfobox .mcwiki-header { background: rgb(239 239 239); background: -moz-linear-gradient(180deg,rgb(230 230 230) 0%,rgb(255 255 255) 100%); background: -webkit-linear-gradient(180deg,rgb(230 230 230) 0%,rgb(255 255 255) 100%); background: linear-gradient(180deg,rgb(230 230 230) 0%,rgb(255 255 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525a6e",endColorstr="#1d1d1d",GradientType=1); color: #202122; border-radius: 10px 10px 3px 3px; letter-spacing: 0.04em; padding: 7px; border: 1px solid transparent; border-bottom: 2px solid #d3d3d3; }

.client-dark-mode .notaninfobox .mcwiki-header { background: rgb(0, 0, 0); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(12, 12, 13, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(12, 12, 13, 1) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(12, 12, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#0c0c0d", GradientType=1); border-color: #1c1c1d; border-bottom: 2px solid #292732; color: #abacb0; -webkit-filter: invert(1) hue-rotate(180deg); }

@media all and (max-width:511px) { .notaninfobox { float: none; margin-left: 0; width: auto } }

@media all and (max-width:337px) { .notaninfobox { margin-left: -16px; margin-right: -16px; border-left: none; border-right: none } }

.notaninfobox>.infobox-title { font-weight: bold; text-align: center; font-size: 120% }

.infobox-imagearea { text-align: center; padding: 4px }

.infobox-imagearea>div:not(:first-child) { padding-top: 1em }

display: inline-flex; align-items: center }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox table.infobox-rows { display: table; margin: 0; width: 100%; border-collapse: separate; border-spacing: 0px 1px; }

.notaninfobox .infobox-rows>tbody>tr { background: #b6b6bb1f; }

.notaninfobox .infobox-rows>tbody>tr:nth-child(even) { background: #dcdcdc1f; }

.infobox-rows>tbody>tr>th { text-align: left; white-space: nowrap; }

margin: 0 }
 * 1) mw-content-text .infobox-rows p {

.infobox-rows dl+dl { margin-top: -0.4em }

.infobox-rows dl:last-child { margin-bottom: 0.2em }

.infobox-footer { text-align: center }

table.infobox-rows, client-dark-mode table.infobox-rows { background-color: transparent; }

/* End of Template reskin, bother Xaph if you have any questions */

/* Done by Crec0. Bother him */ table { background-color: transparent!important; }

th, td { padding:2px 10px 2px; }

.notaninfobox th,td { vertical-align: middle; }

.mw-gallery-slideshow-img-container img { max-width: 800px; width:100%; height: auto; border-radius: 10px; object-fit: contain; }

ul.gallery.mw-gallery-slideshow { margin: 0; }

mw-gallery-slideshow-buttons { padding: 0 0 0.5em 0 }

.yeet-title { display:none; }

.client-dark-mode #mw-content-text .mw-parser-output div table tbody td p span { filter: hue-rotate(-180deg) invert(1); -webkit-filter: hue-rotate(-180deg) invert(1); }

/* Crec0's deeds are done */

/* Start of Darkmode fixes; bother Xaph if you have any questions */

html.client-dark-mode { overflow-y: auto; }

html.client-dark-mode body { overflow-y: auto; }

html.client-dark-mode div#mw-head { background: rgb(255, 255, 255); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f6f6f6", GradientType=1); z-index: 1; margin-right: 17px; }

html.client-dark-mode #mw-panel { position: absolute; z-index: 2; }

html.client-dark-mode .mw-indicators { z-index: 0; }

html.client-dark-mode #content>div>.oo-ui-toolbar { position: fixed; z-index: 1; }

html.client-dark-mode .ve-init-mw-desktopArticleTarget-originalContent{ position:relative; z-index:0; }

html.client-dark-mode .ve-init-mw-desktopArticleTarget-originalContent .firstHeading.ve-init-mw-desktopArticleTarget-uneditableContent{ padding-top:50px; }

html.client-dark-mode .mw-wiki-logo { filter: invert(1) hue-rotate(180deg); -webkit-filter: invert(1) hue-rotate(180deg); }

html.client-dark-mode .ve-ui-mwGalleryDialog-highlighted-image, html.client-dark-mode .ve-ui-mwGalleryDialog-image-container, html.client-dark-mode #msupload-list .file-type.file-load { filter: invert(1) hue-rotate(180deg); -webkit-filter: invert(1) hue-rotate(180deg); }

html.client-dark-mode .ve-ui-mwGalleryDialog-highlighted-image { background-color: #000000; }

video:fullscreen, html.client-dark-mode video:fullscreen{ filter: none!important; -webkit-filter: none!important; }

.client-dark-mode #mw-content-text .mw-parser-output div table tbody td p span.pixel-image, .client-dark-mode #mw-content-text .mw-parser-output div table tbody td p span.mc-hearts { filter: none; -webkit-filter: none; }

/* End of Darkmode fixes, bother Xaph if you have any questions */

/* Start of small graphical fixes, bother Xaph if you have any questions */

padding-top: 16px; }
 * 1) content>#firstHeading.firstHeading {

color: #5099c2; }
 * 1) bodyContent a {

color: #dd3333; }
 * 1) bodyContent a.new, #bodyContent a.new:visited {

color: #b582e8; }
 * 1) bodyContent a:visited {

html.client-dark-mode #bodyContent a { color: #5088e4; }

html.client-dark-mode #bodyContent a.new, html.client-dark-mode #bodyContent a.new:visited { color: #ff6e6e; }

html.client-dark-mode #bodyContent a:visited { color: #9a79c9; }

table th { vertical-align: top; }

div.notaninfobox { min-width: 300px; width: auto; }

/* End of small graphical fixes, bother Xaph if you have any questions */

/* Start of toggleable collapsible (Expand Collapse) fixes, bother Xaph if you have any questions */

th .mw-collapsible { width: 100%; }

th .mw-collapsible th { display: flex; width: auto; flex-direction: column; }

th th .mw-collapsible-toggle+* { padding-top: 0 !important; margin-top: 2px !important; }

th th .mw-collapsible-toggle { float: none !important; order: 9999 !important; }

/* End of toggleable collapsible (Expand Collapse) fixes, bother Xaph if you have any questions*/

/* Start of left column tools and administration showing only on hover, in both dark and light mode, bother Xaph if you have any questions*/

nav.vector-menu-portal:nth-child(n+3) .vector-menu-content{ overflow-y: hidden; transform: scaleY(0); transform-origin: top center; }

nav.vector-menu-portal:nth-child(n+3) { height: 2em; }

nav.vector-menu-portal:nth-child(n+3):hover .vector-menu-content{ transform: scaleY(1); }

html.client-dark-mode nav.vector-menu-portal:nth-child(n+3):hover { height: auto; }

/* End of left column tools and administration showing only on hover, in both dark and light mode, bother Xaph if you have any questions*/

/* Start of Template:hp styling. This is hackery! MC Wiki did it first */

.mc-hearts::before { content: ' ('; } .mc-hearts::after {	content: ')'; }

/* End of Template:hp styling */

/* Start of custom classes and their styles, their names should be self-explanatory */

html.client-dark-mode .darkmode-invert { filter: invert(1) hue-rotate(180deg); -webkit-filter: invert(1) hue-rotate(180deg); }


 * not(html.client-dark-mode) .lightmode-invert{

filter: invert(1) hue-rotate(180deg); -webkit-filter: invert(1) hue-rotate(180deg); }

.full-width-image, .full-width-image img { width: 100%; height: auto; }

/* End of custom classes and their styles, their names should be self-explanatory */

/* Start of Tera trying stuff in CSS */

.discord-banner { background-image:url("https://discordapp.com/api/guilds/738046951236567162/embed.png?style=banner2"); width: 570px; height: 120px; background-size: cover; background-repeat: no-repeat; float: right; filter: none; }

/* to make the following work, replace with */

.float-toc .toc { float: left; margin-right: 10px; }

h3 { border-bottom: 1px solid #a2a9b1; margin-bottom: 16px; }

/* End of Tera trying stuff in CSS */