MediaWiki:Refreshed.css

Note: After saving, 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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
body {
	background: #0b87b9 url(//images.shoutwiki.com/lego/c/c2/Refreshed-new-background.png) no-repeat fixed;
	background-size: cover;
}

/* Sitenotice padding */
.page-Main_Page #site-notice {
	padding-top: 2em;
}

/* Fan + Fan talk CSS */
body.ns-112,
body.ns-113 {
	background-color: #ac2c2c;
	background-size: cover;
}

.ns-112 #header-wrapper,
.ns-113 #header-wrapper {
	background-color: #7a002b;
	background-image: -moz-linear-gradient(left,#3a0015 0,#7a002b 50%,#3a0015 100%);
	background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#3a0015),color-stop(50%,#7a002b),color-stop(100%,#3a0015));
	background-image: -o-linear-gradient(left,#3a0015 0,#7a002b 50%,#3a0015 100%);
	background-image: -ms-linear-gradient(left,#3a0015 0,#7a002b 50%,#3a0015 100%);
}

/* Review + Review talk CSS */
body.ns-118,
body.ns-119 {
	background-color: #165831;
	background-size: cover;
}
.ns-118 #header-wrapper,
.ns-119 #header-wrapper {
	background-color: #285f00;
	background-image: -moz-linear-gradient(left,#0a1700 0,#285f00 50%,#0a1700 100%);
	background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#0a1700),color-stop(50%,#285f00),color-stop(100%,#0a1700));
	background-image: -o-linear-gradient(left,#0a1700 0,#285f00 50%,#0a1700 100%);
	background-image: -ms-linear-gradient(left,#0a1700 0,#285f00 50%,#0a1700 100%);
}

/* Forum CSS */
body.mw-special-WikiForum {
	background-color: #ccaf25;
	background-size: cover;
}

.mw-special-WikiForum #header-inner,
.mw-special-WikiForum #header-wrapper {
	background-color: #aa8a2b;
	background-image: -moz-linear-gradient(left,#7a5a15 0,#ba9a2b 50%,#7a5a15 100%);
	background-image: -webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#7a5a15),color-stop(50%,#ba9a2b),color-stop(100%,#7a5a15));
	background-image: -o-linear-gradient(left,#7a5a15 0,#ba9a2b 50%,#7a5a15 100%);
	background-image: -ms-linear-gradient(left,#7a5a15 0,#ba9a2b 50%,#7a5a15 100%);
}

/* SwitchTabs */
#ca-inv {
	color: #888;
	border-color: #888;
}

#ca-rev {
	color: #0e4c2e;
	border-color: #0e4c2e;
}

/* ArticleFeedback tweaks */
.articleFeedbackv5 {
	margin-left: 1em;
	font-size: 80%;
}

#inv:hover {
	color: #bbf !important;
	border-right-color: #bbf !important;
}
#rev:hover {
	color: #cfc !important;
	border-right-color: #cfc !important;
}

/* Ratings */
.mw-rating-img {
	margin-left: 5px;
}

/* Chat */
.mwchat-sidebar-user a {
	text-transform: none;
}

/* Hide the old scroller for theme/year tables, as it's not really needed with Refreshed's ToC */
.ttbutton {
	display: none;
}

/* Colours/background */
#header-inner,
#header-wrapper {
	background-color: #0b87b9;
	background: -moz-linear-gradient(left, #002147 0%, #0b87b9 50%, #002147 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#002147), color-stop(50%,#0b87b9), color-stop(100%,#002147));
	background: -webkit-linear-gradient(left, #002147 0%, #0b87b9 50%, #002147 100%);
	background: -o-linear-gradient(left, #002147 0%, #0b87b9 50%, #002147 100%);
	background: -ms-linear-gradient(left, #002147 0%, #0b87b9 50%, #002147 100%);
	background: linear-gradient(to right, #002147 0%, #0b87b9 50%, #002147 100%);
}

.header-button:hover,
.header-dropdown-item:hover,
.header-button-active,
.sitedropdown-highlighted,
.dropdown-highlighted {
	background-color: #0B87B9 !important;
}

/* mobile */
@media (max-width: 1000px) and (min-width: 601px) {
	#header-wrapper .search-form {
		background: #0B87B9;
	}
}

@media (max-width: 600px) {
	#site-notice img {
		display: none;
	}
	
	/* Mobile infobox display */
	#infobox,
	#infobox table {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
	/* Mobile image thumbnails */
	.thumb {
		margin: 0 0 1em 0 !important;
		width: 100% !important;
	}
	.thumbinner {
		width: 100% !important;
		border-radius: 5px;
	}
	.thumbcaption {
		font-size: 100% !important;
		text-align: center !important;
	}
	/* Other mobile templates */
	.t-incomplete {
		width: 100% !important;
	}
}

/* ShoutWiki messages section in the sidebar ([[mw:Extension:NewsBox]]) */
div.sidebar-content.sidebar-section ul ul li a {
	color: #fff;
	padding: 20px;
}

div.sidebar-content.sidebar-section ul ul li p {
	padding-left: 1em;
}

/* Visually separate the "Hosted by ShoutWiki" icon from the "Powered by MediaWiki" icon */
#footer-row-poweredby a[href="//www.shoutwiki.com/"] img {
	padding-left: 4px;
}

/**
 * OOUI drop-down menu fix
 * Need this to have the menu items properly overlay the skin elements instead of vice-versa
 * Applies to ?action=delete, Special:ListUsers and probably many, many other places
 */
div.oo-ui-defaultOverlay {
	/* This value was carefully chosen by testing various values; this seems to be the lowest
	 * value that fixes the bug
	 */
	z-index: 101;
}