MediaWiki:Nimbus.css

/* CSS placed here will affect users of the Nimbus skin */

#site-logo {
	margin: 0 0 -10px -4px;
	padding-top: 10px;
}

#site-logo a {
	height: 164px;
	width: 222px;
	display: block;
	background: transparent no-repeat;
}
.client-nojs #site-logo a,
.mw-special-Gadgets #site-logo a,
.mw-special-Userlogin #site-logo a,
.mw-special-Preferences #site-logo a,
.mw-special-ChangeEmail #site-logo a,
.mw-special-ResetTokens #site-logo a,
.mw-special-BotPasswords #site-logo a,
.mw-special-CreateAccount #site-logo a,
.mw-special-PasswordReset #site-logo a {
	background-image: url(https://halo.wiki.gallery/images/halopedia-john.png);
}

body {
	text-align: unset;
	background: #fff url(https://halo.wiki.gallery/images/bodybg5.jpg) repeat-x center top; 
}
#container { text-align: unset; }
.mw-body { z-index: unset; }
#jump-to-nav:not(:focus) {
	height: 0;
	overflow: hidden;
}

.mw-dismissable-notice,
#siteNotice > #localNotice {
	background: #fff url(https://halo.wiki.gallery/images/bodybg5-sn.jpg) repeat-x calc(50% - 105px) -95px;
	padding: 3px 10px;
	border-radius: 1.4em;
	margin-bottom: 5px;
}

#site-header, #body-container {
	z-index: auto;
}

#article-body, #content {
	background: #fff;
	border: 1px solid #D4DFD7;
	padding: 10px 1em 0;
	overflow: hidden;
}

.pagetitle {
	padding-top: 5px;
	margin-bottom: 1px;
	line-height: 0.85em;
	overflow: visible;
}

#contentSub {
	margin-bottom: 10px;
}

/* Temp fix IE 8 footer bug with show/hide templates */
#footer-container {
	position: static;
}

/* Hide heading on main page */
.page-Main_Page.action-view #article-text {
	margin-top: 10px;
}
.page-Main_Page.action-view .pagetitle,
.page-Main_Page.action-view .subtitle {
	display: none !important;
}

/* Links */
a, #article-text .history-user a.extiw { color: #00f; }
a:active, #article-text .history-user a.extiw:active { color: orange; }
a:visited, #article-text .history-user a.extiw:visited { color: #00c; }
#article-text a.external[href^="https://www.halopedia.org"] {
	color: #00f;
	background: none;
	padding: 0;
}
#article-text a.external[href^="https://www.halopedia.org"]:active {
	color: orange;
}
#article-text a.external[href^="https://www.halopedia.org"]:visited {
	color: #00c;
}

p { margin: 0.6em 0 0.7em 0; }
h3 + dl, h4 + dl, h5 + dl {
	margin-top: -0.1em;
}
.ns-talk p + dl, .ns-110 p + dl,
.rootpage-Halopedia_Changing_username p + dl {
	margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-110 dl + dl,
.rootpage-Halopedia_Changing_username dl + dl {
	margin-top: -0.2em;
}

.bottom-left-nav-container {
	padding-bottom: 5px;
	margin-bottom: 8px;
}

/* Wider sub-menus */
.sub-menu {
	width: 160px;
	right: -160px;
	box-shadow: 2px 2px 3px #999999;
}

/* Widen up search box, increase input font size */
#search-top {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 20px;
}
#searchInput {
	height: 18px;
	width: 240px;
	font-size: 125%;
}
input.search-button {
	float: left;
	margin: 0 -5px 0 -1px;
}
#navigation {
	margin-bottom: -4px;
	border-radius: 10px;
	background: transparent;
	box-shadow: 0 0 6px #555;
}
#search-title {
	border-bottom: medium none;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 5px !important;
}

/* Move "more wikis" button to the left */
#sw-more-category {
	left: 10px;
}

/* Spacing between avatar rows */
#footer-contributors img {
	margin: 0 1px 3px 0;
}

/* Image tweak for Watch button */
#article-controls img {
	padding-right: 4px;
}

/* Remove the background behind the tabs */
#action-bar {
	background-color: transparent;
}

/* Replace rounded corners with square corners */
.tab-on span, .more-tab-on span {
	background: none;
}
.tab-off span, .more-tab-off span {
	background: none;
}

/* Header elements */
#header,
#action-bar {
	z-index: 3;
}
#search-top {
	z-index: 4;
}

/* Remove top bar */
#header {
	height: 0;
}
#sw-more-category {
	display: none;
}
#wiki-login {
	margin-top: 0;
	background: #687F79;
	padding: 4px 0 4px 10px;
}
#login-message {
	margin: 1px 10px 0 1px;
}

/* Fix for the save preferences button being too far down */
.jsprefs#preferences {
	padding-bottom: 55px;
}

/* Give the log out button text some hover color */
a.negative-button:hover {
	color: #941A00;
}

/* Article tabs */
#article-tabs {
	top: 6px;
}
#navigation-title, #footer-container h2,
#other-links a, #article-tabs a, #article-tabs div {
	color: #3B4744;
}
#other-links a:hover, #article-tabs a:hover, #article-tabs div:hover {
	color: #000;
}

/* Categories box */
.catlinks {
    margin-top: 10px;
}

/** Vector-style nav **/
#article-tabs {
	left: -3px;
}
.tab-on, .more-tab-on {
	background: linear-gradient(to top, rgb(255, 255, 255) 75%, rgba(255, 255, 255, 0) 100%) !important;
}
.tab-off, .more-tab-off {
	background: linear-gradient(to top, rgb(240, 234, 214) 75%, rgba(255, 255, 255, 0) 100%) !important;
}

/** Log-in bar **/
#wiki-login {
	border-radius: 0 0 0 0.7em;
}

/** Side bar **/
.menu-item {
	background: #fff !important;
}
#other-links a {
	width: 92px;
}

#navigation-title {
	background: url(https://halo.wiki.gallery/images/nav-top.png) no-repeat scroll left bottom #D4DFD7;
	border-radius: 10px 10px 0 0;
	line-height: 28px;
	text-align: center;
}
#other-links {
	background: url(https://halo.wiki.gallery/images/nav-bottom.png) no-repeat scroll left top #D4DFD7;
	border-radius: 0 0 10px 10px;
	padding: 5px 7px 3px 8px;
}
#other-links-container {
	background-color: transparent;
}

/** Discord button **/
#menu #discord-button {
	color: #fff !important;
	font-size: 11px;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid #4b56d0;
	background-color: #5865F2;
	position: relative;
	padding: 2px 4px 3px 25px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	transition: 0.2s ease;
	top: -2px;
}
#menu #discord-button::after {
	content: '';
	background: url(https://halo.wiki.gallery/images/discord-icon.svg) no-repeat;
	background-size: 17px 13px;
	filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
	position: absolute;
	top: 2px;
	left: 4px;
	width: 17px;
	height: 13px;
}
#menu #discord-button:hover {
	text-decoration: none;
	background-color: #525ee0;
}

/** Footer position **/
#footer-container {
	height: 143px;
	border-radius: 0 0 0.7em 0.7em;
}
#footer-container, #footer-bottom {
	margin: 0 10px 0 220px;
}
#footer-actions, #footer-contributors {
	width: 45%;
}
#footer-contributors {
	padding: 10px 0 0 0;
}

/* Indicator icons */
#mw-indicator-rc {
	top: 13px;
}

/* No white border around gallery boxes */
li.gallerybox {
	border-color: transparent;
}

/* Keep create account benefits up top */
.mw-special-CreateAccount #userloginForm {
	margin-right: 83px;
}

/* Fix file upload window in editor */
.oo-ui-windowManager-modal > .oo-ui-dialog {
	z-index: 15 !important;
}
.oo-ui-window-frame {
	font-size: 130%;
}

/* Widget popups */
.oo-ui-popupWidget-popup {
	font-size: 12px;
}

/* Nimbus 2020 update */
.mw-skin-nimbus-actiontab {
	border-radius: 0;
}
#article-tabs div {
	cursor: pointer;
}
.article-more-actions {
	width: 94px;
}
#footer-container p {
	margin: 0;
	font-size: 10px;
}
#footer-container p:last-of-type {
	margin-bottom: 13px;
}
#footer-actions a {
	display: table-row;
}
#footer-bottom a:hover,
#footer-container a:hover {
	text-decoration: underline;
}

/* Echo support */
#mw-echo-ui-overlay {
	font-size: 12px;
}
#wiki-login > li {
	float: left;
	line-height: 0;
	color: transparent;
	margin: 4px 5px -6px 0
}
#wiki-login > li:last-of-type {
	margin-right: 10px;
}

/* Echo extension */
.mw-echo-ui-specialHelpMenuWidget-menu {
	font-size: 14px;
}

/* Echo icons (white) */
#wiki-login .oo-ui-icon-bell, #wiki-login .mw-ui-icon-bell::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22/%3E%3C/svg%3E") !important;
}
#wiki-login .oo-ui-icon-tray, #wiki-login .mw-ui-icon-tray::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E") !important;
}