Difference between revisions of "MediaWiki:Gadget-darkMode.css"

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
(Created page with "→‎* Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css *: @media screen and (min-width: 1200px) { :root { --dark-mode: 1200px; }...")
 
Line 1: Line 1:
/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
@media screen and (min-width: 1200px) {
@media screen {
:root {
//:root {
--dark-mode: 1200px;
// --dark-mode: 1200px;
}
//}
body {
body {
    max-width: var(--dark-mode);
    background-color: #111;
    margin: auto;
}
#mw-head {
    max-width: var(--dark-mode);
    right: unset;
}
#mw-panel {
left: unset;
}
.vector-search-box-inner {
width: min(20vw, calc(var(--dark-mode) / 5));
}
body .mw-notification-area {
right: calc(50% - min(50%, var(--dark-mode) / 2));
}
div#mw-page-base::after {
    position: relative;
    display: block;
    width: 0;
    right: calc(16px - min(100%, var(--dark-mode)))
}
}
    .mw-body {
        border-right-width: 1px !important;
    }
}
}

Revision as of 21:48, 15 January 2024

/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
@media screen {
	//:root {
	//	--dark-mode: 1200px;
	//}
	
	body {
	     background-color: #111;
	}
}