MediaWiki:Gadget-Minerva.css

From Halopedia, the Halo wiki

Revision as of 14:27, February 23, 2023 by Porplemontage (talk | contribs)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Minerva skin */

/* Background color */
body.skin-minerva, #mw-mf-page-left,
.header-container.header-chrome, .minerva-footer {
	background: url(https://halo.wiki.gallery/images/0/01/HP_Dark-bg.jpg) #050B23 no-repeat !important;
}
#mw-mf-page-center {
	background: #050B23 !important;
}
.header-container .header {
	border-color: #050B23 !important;
}
/* Border color */
.minerva-footer {
	border-top: 1px solid #000 !important;
}
.post-content .minerva-footer-logo {
	border-color: #fff !important;
}
.last-modified-bar,
body.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout {
	border-bottom: 1px solid #000 !important;
}
.mw-mf-watchlist-selector li.selected a {
	border-bottom-color: #000 !important;
}
/* Active color */
#mw-mf-page-left ul li a:hover {
	box-shadow: inset 4px 0 0 0 #050B23 !important;
}
body.skin-minerva h2.list-header,
.last-modified-bar, .last-modified-bar.active,
body.skin-minerva form.mw-mf-settings #beta-field::before {
	background-color: #050B23 !important;
	color: #fff !important;
}
/* Custom theme */
.client-nojs .search-box .search:focus,
.search-overlay .search-box .search:focus {
	border-color: #999 !important;
	box-shadow: inset 0 0 0 1px #999,0 1px 1px rgba(0,0,0,0.05) !important;
}
/* Last modified bar */
.last-modified-bar .last-modified-text-accent,
.last-modified-bar .content, .last-modified-bar a {
	color: #fff !important;
}

/* Minerva icons */
.last-modified-bar .mw-ui-icon-mf-expand-gray::before,
.last-modified-bar .mw-ui-icon-mf-expand-invert:before {
	background: none !important;
}
.last-modified-bar__icon.mw-ui-icon-wikimedia-history-base20::before {
	filter: brightness(0) invert(1) !important;
}
/* Editor icons */
.mw-ui-icon-mf-close-base20::before,
.mw-ui-icon-mf-previous-base20::before {
	filter: brightness(0) !important;
}
/* Recent changes icon */
.mw-ui-icon-minerva-recentChanges::before {
	min-width: 17.5px !important;
	background-size: 17.5px !important;
	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%3E recent changes %3C/title%3E%3Cg fill=%22%2354595d%22%3E %3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E %3C/g%3E%3C/svg%3E") !important;
}

/* Custom menu */
.menu .mw-ui-icon > .mw-ui-icon,
a[data-event-name="menu.recentchanges"] {
	display: none !important;
}
.menu .mw-ui-icon-before::before {
	margin: 0 !important;
}

/* White text theme */
.branding-box a, .branding-box sup,
#mw-mf-page-left ul.hlist li a, .ra-read-more h2,
.footer-content, .footer-content a, footer .hlist li::after {
	color: #fff !important;
}
.mw-ui-icon-wikimedia-menu-base20::before, .mw-ui-icon-wikimedia-search-base20::before,
.mw-ui-icon-wikimedia-bellOutline-base20::before, .mw-ui-icon-minerva-userAvatarOutline::before,
.header-chrome .mw-ui-icon-mf-close-base20::before {
	filter: brightness(0) invert(1) !important;
}

/* Standard changes */
.minerva-user-navigation {
	margin-right: -0.75em !important;
}
.minerva-user-navigation > :last-child {
	margin-right: 0 !important;
}
#pt-notifications-alert > .mw-ui-icon-element {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.minerva-header .search-box {
	margin: auto !important;
}
.minerva-search-form {
	width: auto !important;
}
.search-box .search {
	border-color: transparent !important;
}
header .branding-box {
	opacity: 1 !important;
	width: auto !important;
	padding-top: 2px !important;
	min-width: 190px !important;
}
header .branding-box a {
	display: inline !important;
	margin-left: 15px !important;
}
header .branding-box sup {
	margin-left: -3px !important;
}
header .branding-box a > * {
	float: none !important;
}
.branding-box a, .branding-box a span,
.footer-content a, #mw-mf-page-left ul.hlist li a {
	font-weight: bold !important;
}
#mw-mf-page-left ul.hlist li a span {
	font-size: 100% !important;
}
.minerva-user-menu-list .mw-ui-icon {
	overflow: visible !important;
}
.action-history .history-user {
	margin-left: 0 !important;
}
.mw-mf-history-wrap-link {
	text-align: center !important;
}
.mw-mf-diff-info > * {
	padding: 0 !important;
}
.last-modified-bar {
	padding: 6px 0 !important;
}
.last-modified-bar .indicator {
	display: none !important;
}
#mw-data-after-content h2 {
	font-size: 115% !important;
}
.branding-box a, .minerva-footer-logo {
	font-size: 120% !important;
}
#mw-data-after-content h2, .branding-box a, .minerva-footer-logo {
	font-family: 'PT Serif', 'Palatino', 'Georgia', serif !important;
}
.ext-related-articles-card-list h3 a {
	color: #54595D !important;
}
#toc > ul {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.client-js body.action-view.ns-content:not(.disambig):not(.page-Main_Page) .read-more-container {
	min-height: 315px !important;
}
@media all and (min-width: 720px) {
	.client-js body.action-view.ns-content:not(.disambig):not(.page-Main_Page) .read-more-container {
		min-height: 155px !important;
	}
	.ext-related-articles-card-list .ext-related-articles-card {
		margin-bottom: 0 !important;
	}
}
.results .list-thumb:not(.list-thumb-none),
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
	background-size: contain !important;
}
.results .list-thumb-none, .ext-related-articles-card-thumb-placeholder {
	opacity: 1 !important;
	background-image: url(https://wiki.gallery/images/article.svg) !important;
}
.results .list-thumb, .ext-related-articles-card-thumb {
	background-color: #EAECF0 !important;
}
.overlay .results .page-summary h3 {
	font-size: 18px !important;
}
#mw-data-after-content {
	margin-bottom: 0 !important;
}
.minerva-footer-logo {
	margin-top: 0 !important;
}
#footer-info-copyright a.external {
	padding-right: 0 !important;
	background-image: none !important;
}
.minerva-talk-content-explained {
	padding-bottom: 3px !important;
}
.minerva-talk-content-explained,
.skin-minerva--talk-simplified .section-heading:last-of-type {
	border-bottom: 0 !important;
}
body:not(.skin-minerva--talk-simplified) #bodyContent {
	margin-top: 15px !important;
}
.minerva-talk-add-button {
	margin-bottom: 5px !important;
}
.ns-special .heading-holder {
	margin-bottom: 0 !important;
}
#content {
	padding-bottom: 20px !important;
}
.minerva-talk-full-page-button {
	margin-bottom: -20px !important;
}
.lazy-image-placeholder {
	background-color: transparent !important;
}
body.skin-minerva .mw-indicators {
	float: right;
	display: flex;
}
@media all and (max-width: 719px) {
	body.skin-minerva .mw-indicators {
		position: absolute;
		top: 1px;
		right: 0;
	}
}
@media all and (min-width: 1000px) {
	.mw-ui-icon-element.mw-ui-icon-with-label-desktop {
		color: #54595D !important;
	}
}
.nominerva {
	display: none !important;
}
.content tt {
	font-family: 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
}
.content table caption {
	text-align: center;
}
.content .header {
	display: revert;
	height: revert;
	width: revert;
	max-width: revert;
	white-space: revert;
	border: revert;
	border-spacing: revert;
	border-collapse: revert;
	margin: revert;
}

/* Galleries */
@media all and (max-width: 720px) {
	.content ul.gallery .gallerybox {
		width: 155px !important;
	}
	.content ul.gallery .gallerybox div {
		width: auto !important;
	}
	.content ul.gallery:not(.mw-gallery-nolines) .gallerybox div.thumb {
		display: flex !important;
		min-height: 151px !important;
	}
	.content ul.gallery:not(.mw-gallery-nolines) .gallerybox div.thumb > div {
		padding: 0 2px !important;
		margin: auto !important;
	}
}

/* Headings */
dl dt {
	margin-left: -1em;
}
.content h3, .content h4,
.content h5, .content h6 {
	padding: 0.3em 0 0.15em !important;
	margin-top: 0.5em !important;
}
.content #mw-content-text > h2:not(.collapsible-heading),
.content .mw-parser-output > h2:not(.collapsible-heading) {
	display: block !important;
}
.content .section-heading:not(.collapsible-heading):not(h2) {
	border-bottom: 0 !important;
}
.client-js .ns-subject:not(.ns-10):not(.ns-14) .section-heading:not(.collapsible-heading) .mw-headline {
	padding-left: 23px !important;
}
.client-js .ns-subject:not(.ns-10):not(.ns-14) .overlay .section-heading:not(.collapsible-heading) .mw-headline {
	padding-left: 0 !important;
}
.section-heading:not(.collapsible-heading) .indicator {
	display: none !important;
}
.client-js .content .collapsible-heading .indicator {
	padding-top: 0;
	padding-bottom: 3px;
}
.content .mw-editsection > .mw-ui-icon-flush-right {
	display: block;
}
.content .collapsible-heading.open-block .mw-ui-icon-flush-right {
	top: -1.75px;
}
.content .in-block .mw-ui-icon-flush-right {
	top: -2.75px;
}
section table .mw-ui-icon-flush-right {
	margin-right: 0 !important;
}

/* Recent changes list */
body.skin-minerva .mw-tag-markers,
body.skin-minerva ul.special .comment,
body.skin-minerva .mw-changeslist-date,
body.skin-minerva .mw-changeslist-line-inner > *,
body.skin-minerva ul.mw-contributions-list li > *,
body.skin-minerva ul.mw-contributions-list .comment,
body.skin-minerva.mw-special-Watchlist .mw-userlink::before,
body.skin-minerva.mw-special-Recentchanges .mw-userlink::before,
body.skin-minerva.mw-special-Watchlist .mw-usertoollinks::after,
body.skin-minerva.mw-special-Recentchanges .mw-usertoollinks::after {
	float: none;
	display: inline;
}
body.skin-minerva .mw-changeslist-line-inner > *,
body.skin-minerva ul.mw-contributions-list li > * {
	margin-right: 2px;
}
body.skin-minerva .mw-changeslist-line-inner > .mw-userlink {
	margin-right: 0;
}
body.skin-minerva .mw-changeslist-line-inner > abbr + .unpatrolled {
	margin-left: -2px;
}
body.skin-minerva .mw-diff-bytes::before,
body.skin-minerva .comment--without-parentheses::before,
body.skin-minerva .mw-changeslist-log .mw-changeslist-line-inner > .mw-changeslist-links::before {
	content: '(';
}
body.skin-minerva .mw-diff-bytes::after,
body.skin-minerva .comment--without-parentheses::after,
body.skin-minerva .mw-changeslist-log .mw-changeslist-line-inner > .mw-changeslist-links::after {
	content: ')';
}
body.skin-minerva ul.mw-contributions-list .mw-contributions-title,
body.skin-minerva ul.special .mw-contributions-title,
body.skin-minerva ul.mw-contributions-list .mw-title,
body.skin-minerva ul.special .mw-title {
	font-weight: normal;
}
body.skin-minerva .botedit, body.skin-minerva .minoredit,
body.skin-minerva .newpage, body.skin-minerva .unpatrolled,
body.skin-minerva .mw-changeslist-line-watched .mw-title {
	font-weight: bold !important;
}
body.skin-minerva ul.special li,
body.skin-minerva ul.mw-contributions-list li {
	min-height: 0;
	font-size: 100%;
	padding: 2px 0 1px;
}
body.skin-minerva ul.special li:last-of-type,
body.skin-minerva ul.mw-contributions-list:last-of-type li:last-of-type {
	border: 0;
}
body.skin-minerva ul.special .comment,
body.skin-minerva ul.mw-contributions-list .comment {
	padding: 0;
}
body.skin-minerva .mw-changeslist-log-entry {
	display: contents;
}
body.skin-minerva .mw-rollback-link {
	float: none;
}
body.skin-minerva .mw-history-undo a,
body.skin-minerva .mw-rollback-link a {
	float: none;
	min-height: 0;
	padding: 1px 4px 0;
	position: relative;
	top: -2.5px;
}
body.skin-minerva .mw-tag-marker {
	margin-top: 1.5px;
	vertical-align: top;
}
body.skin-minerva .mw-tag-markers,
body.skin-minerva ul.mw-contributions-list {
	margin: 0;
}
body.skin-minerva .unpatrolled {
	color: #d33;
}
/* Contributions only */
body.mw-special-Contributions .mw-changeslist-time {
	display: none !important;
}
/* Page history */
body.action-history #pagehistory input[type="checkbox"] {
	position: initial;
}

/* Text and links */
.content { color: #000; }
.content a { color: #002bb8; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.content a.new > * { color: unset !important; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.new, .content a.new:visited, .content a.new:hover { color: #d33; }
.content .mw-history-undo a, .content .mw-rollback-link a,
.content #page-secondary-actions .mw-ui-button {
	color: #202122;
	text-decoration: none;
}
.content .mw-history-undo a:active, .content .mw-rollback-link a:active,
.content #page-secondary-actions .mw-ui-button:active {
	color: #000;
}
.content-unstyled .minoredit {
	color: #000 !important;
}
.category-header li.selected a {
	text-decoration: none;
	color: #36C !important;
}
.page-list li > a,
.site-link-list li > a,
.topic-title-list li > a,
.minerva__tab-container a,
.category-header li a,
a.minerva__tab.new,
a.mw-mf-user-link,
.mw-mf-user {
	color: #54595D !important;
}
.mw-mf-user:hover,
a.mw-mf-user-link:hover {
	text-decoration: none;
}
a.mw-mf-user-link {
	font-weight: bold;
	position: relative;
	top: 2px;
}
.content a.mw-ui-button,
.content a.mw-ui-button:active,
.content a.mw-ui-button:visited {
	color: #222;
}
.content a.mw-ui-button:hover {
	color: #444;
}
.content .mw-ui-button.mw-ui-progressive,
.content .mw-ui-button.mw-ui-progressive:active,
.content .mw-ui-button.mw-ui-progressive:hover,
.content .mw-ui-button.mw-ui-progressive:visited {
	color: #fff;
}

/* Dark toggle (Minerva) */
body.skin-minerva #toggleContainer {
	display: inline-block;
}
body.skin-minerva #toggleContainer::after {
	display: none !important;
}
body.skin-minerva .beforeNight#footer-places-desktop-toggle::after {
	content: '•' !important;
}

/* Echo extension */
.notification-count {
	background: transparent;
	color: #fff !important;
}
.notification-count .circle {
	background: #aaa;
}
.notification-count .circle span {
	letter-spacing: -0.4px;
}
.mw-special-Notifications #contentSub,
.mw-special-Notifications #mw-echo-pref-link,
.mw-special-Notifications .pre-content.heading-holder {
	text-align: unset !important;
}