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

/* 2026-10-21 community plan D10: make the wiki header match the forum
   (blue header bar, site logo, Forums/Competition links, forum-blue colour bars).
   Revert: restore the previous revision of this page (it was empty) in its history. */

/* Header bar in the forum's header blue */
#mw-header-container { background: #1b456a !important; color: #fff; }
#mw-header-hack .color-left, #mw-header-hack .color-middle, #mw-header-hack .color-right,
#mw-header-nav-hack .color-left, #mw-header-nav-hack .color-middle, #mw-header-nav-hack .color-right { background: #2f6cad !important; }

/* The site logo instead of the text wordmark (the link text stays for screen readers) */
#p-logo-text a#p-banner {
	display: block;
	width: 13em;
	max-width: calc(100vw - 11em);
	height: 2.3em;
	line-height: 2.3em;
	font-size: 1em !important;
	background: url(/styles/core/xenforo/[email protected]) no-repeat left center / contain;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

/* Search box on blue */
#simpleSearch { border: 0; border-radius: 4px; box-shadow: none; }

/* User menu (and on phones the menu / tools buttons) in white */
#user-tools h2 { filter: brightness(0) invert(1); }
#user-tools h2 span { color: #fff; }
@media (max-width: 850px) {
	#site-navigation h2, #site-tools h2 { filter: brightness(0) invert(1); }
}

/* Forums / Competition / Timer links, inserted by MediaWiki:Timeless.js on wide screens;
   phones get the same links from the sidebar (MediaWiki:Sidebar) in the menu button */
#ss-sitelinks { display: none; }
@media (min-width: 851px) {
	#ss-sitelinks { display: flex; order: 2 !important; align-items: center; gap: 0.2em; margin: 0 1.25em 0 0; }
	#p-search { order: 3 !important; }
	#user-tools { order: 4 !important; }
	#ss-sitelinks a { color: #fff; text-decoration: none; padding: 0.45em 0.8em; border-radius: 4px; font-size: 1.05em; white-space: nowrap; }
	#ss-sitelinks a:hover, #ss-sitelinks a:focus { background: #2f6cad; color: #fff; text-decoration: none; }
}


/* 2026-10-21 (later): a taller header on wide screens so the logo shows at the forum's size
   instead of being squeezed into the 40px bar. Everything Timeless pins to the header
   height (colour bars, content offset, notifications, anchor scrolling) moves with it. */
@media (min-width: 851px) {
	#mw-header-container { min-height: 6em; padding-top: 0.6em; }
	#mw-header { align-items: center; min-height: 4.8em; }
	#p-logo-text { max-width: 31em; padding-right: 1.5em; }
	#p-logo-text a#p-banner {
		width: 28.5em;
		max-width: calc(100vw - 30em);
		height: 4.6em;
		line-height: 4.6em;
	}
	#mw-header-hack, #mw-header-nav-hack { top: 6em; }
	#mw-content-container { margin-top: 6.35em; }
	div.mw-notification-area { top: 6.25em; }
	body, html { scroll-padding-top: 6.5em; }
}