The Last Hex Wiki
Don't have an account?
Register
Register
The Last Hex Wiki
The Last Hex Wiki
24
pages

Mobile.css

MediaWiki page
Back to page
Sign in to edit
(importing pages)
No edit summary
Tags: Mobile edit Mobile web edit
Line 4: Line 4:
 
There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css
  
There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css
 
**********/
  
**********/
  +
@font-face {
  +
font-family: '1529 Champ Fleury W01';
  +
src: local('1529 Champ Fleury W01 Regular'), local('1529-Champ-Fleury-W01-Regular'), url('/media/hydra/fonts/1529 Champ Fleury W01 Regular.ttf') format('truetype');
  +
}
 
:root {
  
:root {
 
--body-background-color: #ccc;
  
--body-background-color: #ccc;
Line 14: Line 18:
 
--body-secondary-color: #ccc;
  
--body-secondary-color: #ccc;
   
−
--content-background: rgba(0,0,0,0.7);
 +
--content-background: rgba(20,9,5,0.9);
 
--header-background: #222;
  
--header-background: #222;
 
--footer-background: #222;
  
--footer-background: #222;
Line 20: Line 24:
 
--search-background: #222;
  
--search-background: #222;
   
−
--link-color: #2675d6;
 +
--link-color: #0098f2;
−
--link-redlink-color: #ba3430;
 +
--link-redlink-color: #a93013;
   
−
--navigation-selected: #01fcfa;
 +
--navigation-selected: #a93013;
−
--navigation-link-background: #2a353d;
 +
--navigation-link-background: rgba(20,9,5, 0.3);
   
 
--last-modified-background: #444;
  
--last-modified-background: #444;
 
--invert-icons: 1;
  
--invert-icons: 1;
  +
  ⚫
--fpbox-background: transparent;
  ⚫
--fpbox-border: 1px solid #000;
   
−
--fpbox-background: rgba(0,0,0, 0.4);
 +
--fpheading-background: linear-gradient(0deg, #a93013, #8e2007);
⚫
--fpbox-border: 0;
  
−  
⚫
--fpheading-background: #2a353d;
  
 
--fpheading-border: 1px solid #000;
  
--fpheading-border: 1px solid #000;
−
--fpheading-color: #dbe0e3;
 +
--fpheading-color: #fff;
−
--fpheading-font: 'Arial';
 +
--fpheading-font: '1529 Champ Fleury W01';
   
−
--fplink-background: rgba(0,0,0, 0.2);
 +
--fplink-background: rgba(116, 87, 69, 0.3);
−
--fplink-border: 1px solid #000;
 +
--fplink-border: 0;
 
--fplink-fullwidth-background: rgba(0,0,0, 0.3);
  
--fplink-fullwidth-background: rgba(0,0,0, 0.3);
   
−
--infobox-border: 1px solid #2a353d;
 +
--infobox-border: 1px solid #a93013;
−
--infobox-details-background: #708992;
 +
--infobox-details-background: rgba(116, 87, 69, 0.4);
 
--infobox-details-color: #fff;
  
--infobox-details-color: #fff;
−
--infobox-header-background: #2a353d;
 +
--infobox-header-background: linear-gradient(0deg, #a93013, #8e2007);
 
--infobox-header-color: #fff;
  
--infobox-header-color: #fff;
−
--infobox-label-background: rgba(100,100,100,0.4);
 +
--infobox-label-background: rgba(116, 87, 69, 0.2);
−
--infobox-label-color: #000;
 +
--infobox-label-color: #fff;
   
−
--navbox-alt-background: rgba(100,100,100, 0.5);
 +
--navbox-alt-background: rgba(116, 87, 69, 0.3);
−
--navbox-background: rgba(100,100,100, 0.3);
 +
--navbox-background: rgba(116, 87, 69, 0.2);
−
--navbox-border: #303030;
 +
--navbox-border: 1px solid #000;
−
--navbox-color: #000;
 +
--navbox-color: #fff;
−
--navbox-secondary-background: rgba(100,100,100, 0.8);
 +
--navbox-secondary-background: linear-gradient(0deg, #a93013, #8e2007);
   
−
--wikitable-alt-background: rgba(100,100,100, 0.6);
 +
--wikitable-alt-background: rgba(116, 87, 69, 0.35);
−
--wikitable-background: rgba(100,100,100, 0.2);
 +
--wikitable-background: rgba(116, 87, 69, 0.2);
−
--wikitable-border: 1px solid #2a353d;
 +
--wikitable-border: 1px solid #000;
  +
--wikitable-border-collapse: collapse;
 
--wikitable-border-spacing: 0;
  
--wikitable-border-spacing: 0;
−
--wikitable-header-background: #708992;
 +
--wikitable-header-background: #a93013;
−
--wikitable-header-color: #000;
 +
--wikitable-header-color: #fff;
   
−
--code-background: rgba(100,100,100, 0.4);
 +
--code-background: rgba(116, 87, 69, 0.3);
 
--code-color: #fff;
  
--code-color: #fff;
   
 
--doc-background: rgba(0, 0, 0, 0.1);
  
--doc-background: rgba(0, 0, 0, 0.1);
−
--doc-border: #303030;
 +
--doc-border: 1px solid #000;
   
 
--ambox-background: rgba(120,120,120,0.3);
  
--ambox-background: rgba(120,120,120,0.3);

Revision as of 03:09, 23 July 2019

/**********
Note that this loads before skin CSS, so selectors need to be more specific than the skin to override it.

There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css
**********/
@font-face {
	font-family: '1529 Champ Fleury W01';
	src: local('1529 Champ Fleury W01 Regular'), local('1529-Champ-Fleury-W01-Regular'), url('/media/hydra/fonts/1529 Champ Fleury W01 Regular.ttf') format('truetype');
}
:root {
	--body-background-color: #ccc;
	--body-background-image: url("/media/5/5d/Mobile_background.jpg");
	--body-background-attachment: fixed;
	--body-background-size: 100%;
	--body-background-position: top center;
	--body-background-repeat: no-repeat;
	--body-color: #fff;
	--body-secondary-color: #ccc;

	--content-background: rgba(20,9,5,0.9);
	--header-background: #222;
	--footer-background: #222;
	--interface-border: #000;
	--search-background: #222;

	--link-color: #0098f2;
	--link-redlink-color: #a93013;

	--navigation-selected: #a93013;
	--navigation-link-background: rgba(20,9,5, 0.3);

	--last-modified-background: #444;
	--invert-icons: 1;
	
	--fpbox-background: transparent;
	--fpbox-border: 1px solid #000;

	--fpheading-background: linear-gradient(0deg, #a93013, #8e2007);
	--fpheading-border: 1px solid #000;
	--fpheading-color: #fff;
	--fpheading-font: '1529 Champ Fleury W01';

	--fplink-background: rgba(116, 87, 69, 0.3);
	--fplink-border: 0;
	--fplink-fullwidth-background: rgba(0,0,0, 0.3);

	--infobox-border: 1px solid #a93013;
	--infobox-details-background: rgba(116, 87, 69, 0.4);
	--infobox-details-color: #fff;
	--infobox-header-background: linear-gradient(0deg, #a93013, #8e2007);
	--infobox-header-color: #fff;
	--infobox-label-background: rgba(116, 87, 69, 0.2);
	--infobox-label-color: #fff;

	--navbox-alt-background: rgba(116, 87, 69, 0.3);
	--navbox-background: rgba(116, 87, 69, 0.2);
	--navbox-border: 1px solid #000;
	--navbox-color: #fff;
	--navbox-secondary-background: linear-gradient(0deg, #a93013, #8e2007);

	--wikitable-alt-background: rgba(116, 87, 69, 0.35);
	--wikitable-background: rgba(116, 87, 69, 0.2);
	--wikitable-border: 1px solid #000;
	--wikitable-border-collapse: collapse;
	--wikitable-border-spacing: 0;
	--wikitable-header-background: #a93013;
	--wikitable-header-color: #fff;

	--code-background: rgba(116, 87, 69, 0.3);
	--code-color: #fff;

	--doc-background: rgba(0, 0, 0, 0.1);
	--doc-border: 1px solid #000;

	--ambox-background: rgba(120,120,120,0.3);
	--ambox-blue: #1e90ff;
	--ambox-gray: #bbbbaa;
	--ambox-green: #228b22;
	--ambox-orange: #f28500;
	--ambox-purple: #9932cc;
	--ambox-red: #b22222;
	--ambox-yellow: #f4c430;
}

/*** mobile-specific style classes ***/
.nomobile {
	display: none;
}

.mobileleft {
	text-align: left;
}

.mobilecenter {
	text-align: center;
}

.mobileright {
	text-align: right;
}

/**********
interface
**********/
/*** text colors ***/
.skin-minerva #mw-mf-diffview #mw-mf-userinfo,
.skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count,
.skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count div,
.skin-minerva #mw-mf-page-center,
.skin-minerva .globalNotice,
.skin-minerva .header-container.header-chrome,
.skin-minerva .last-modified-bar a,
.skin-minerva .last-modified-bar a:visited,
.skin-minerva .last-modified-bar.active a,
.skin-minerva .last-modified-bar.active a:visited,
.skin-minerva .list-header,
.skin-minerva .minerva-footer,
.skin-minerva .mw-echo-ui-notificationItemWidget-content-actions-timestamp,
.skin-minerva .mw-echo-ui-notificationItemWidget-content-message-header,
.skin-minerva .mw-mf-user,
.skin-minerva .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.skin-minerva .overlay-footer-container,
.skin-minerva .overlay-header-container,
.skin-minerva .page-list .component,
.skin-minerva .page-list .info,
.skin-minerva .page-list li > a,
.skin-minerva .page-list.side-list .list-thumb,
.skin-minerva .page-summary h2,
.skin-minerva .page-summary h3,
.skin-minerva .search-overlay,
.skin-minerva .search-overlay .results,
.skin-minerva .search-overlay .search-content,
.skin-minerva .search-overlay .search-feedback,
.skin-minerva .site-link-list .component,
.skin-minerva .site-link-list .info,
.skin-minerva .site-link-list li,
.skin-minerva .site-link-list li > a,
.skin-minerva .site-link-list.side-list .list-thumb,
.skin-minerva .topic-title-list .component,
.skin-minerva .topic-title-list .info,
.skin-minerva .topic-title-list li > .skin-minerva .topic-title-list.side-list .list-thumb,
.skin-minerva footer .last-modified-bar,
.skin-minerva footer .last-modified-bar.active,
.skin-minerva nav ul li a,
.skin-minerva.navigation-enabled #mw-mf-page-center,
.skin-minerva.primary-navigation-enabled,
.skin-minerva.secondary-navigation-enabled,
a,
a:not([href]),
body {
	color: var(--body-color);
}

.action-edit #editpage-copywarn,
.action-edit #mw-anon-edit-warning,
.action-edit #section_0,
.action-edit .diff-ntitle,
.action-edit .diff-otitle,
.action-edit .mw-editTools,
.action-edit .mw-editnotice,
.action-edit .preview-limit-report-wrapper,
.action-submit #editpage-copywarn,
.action-submit #mw-anon-edit-warning,
.action-submit #section_0,
.action-submit .diff-ntitle,
.action-submit .diff-otitle,
.action-submit .mw-editTools,
.action-submit .mw-editnotice,
.action-submit .preview-limit-report-wrapper,
.skin-minerva .heading-holder .tagline,
.skin-minerva .mw-echo-ui-notificationItemWidget-content-message-body,
.skin-minerva .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.skin-minerva nav ul li a:visited {
	color: var(--body-secondary-color);
}

.skin-minerva .mw-ui-anchor.mw-ui-progressive,
.skin-minerva .mw-ui-anchor.mw-ui-progressive:active,
.skin-minerva .mw-ui-anchor.mw-ui-progressive:focus,
.skin-minerva nav ul.hlist li a,
a,
a.external,
a.extiw,
a:visited {
	color: var(--link-color);
}

a.new {
	color: var(--link-redlink-color);
}

/** code/pre tags **/
.mw-code,
code,
kbd,
pre,
samp,
tt {
	font-family: monospace;
	font-size: 110%;
	color: var(--code-color);
}

.mw-highlight {
	background: transparent;
}

.mw-code,
code,
pre,
pre.mw-code {
	background: var(--code-background);
	border-color: var(--code-color);
}

.mw-code a,
code a {
	color: var(--code-color);
	text-decoration: underline double;
}

/*** interface colors ***/
.client-js .skin-minerva .toc-mobile,
.skin-minerva #mw-mf-diffview #mw-mf-userinfo,
.skin-minerva .globalNotice,
.skin-minerva .header-container.header-chrome,
.skin-minerva .list-header,
.skin-minerva .mw-echo-ui-bundleNotificationItemWidget-group,
.skin-minerva .mw-echo-ui-crossWikiNotificationItemWidget-group,
.skin-minerva .notifications-overlay .overlay-content,
.skin-minerva .overlay-header-container,
.skin-minerva .search-overlay .results,
.skin-minerva .search-overlay .search-content,
.skin-minerva .search-overlay .search-feedback {
	background-color: var(--header-background);
}

.skin-minerva .minerva-footer,
.skin-minerva .overlay-footer-container,
.skin-minerva nav {
	background-color: var(--footer-background);
}

.client-js .skin-minerva .toc-mobile,
.skin-minerva #mw-mf-diffview #mw-mf-userinfo,
.skin-minerva .header,
.skin-minerva .header-container,
.skin-minerva .minerva-footer,
.skin-minerva .mw-echo-ui-bundleNotificationItemWidget-separator,
.skin-minerva .mw-echo-ui-crossWikiNotificationItemWidget-separator,
.skin-minerva .mw-echo-ui-notificationItemWidget,
.skin-minerva .mw-echo-ui-notificationItemWidget:last-child,
.skin-minerva .overlay-footer-container,
.skin-minerva .page-list li,
.skin-minerva .search-overlay .search-content,
.skin-minerva .site-link-list li,
.skin-minerva .topic-title-list li,
.skin-minerva footer .last-modified-bar,
.skin-minerva footer > .post-content > .skin-minerva nav .secondary-action,
.skin-minerva nav ul li,
.skin-minerva.ns-special .content-header,
h2 {
	border-color: var(--interface-border);
}

.skin-minerva .search-overlay,
.skin-minerva.search-overlay {
	background: var(--search-background);
}

.skin-minerva #mw-mf-page-center,
.skin-minerva.navigation-enabled #mw-mf-page-center,
.skin-minerva.primary-navigation-enabled,
.skin-minerva.secondary-navigation-enabled,
body {
	background-color: var(--body-background-color);
	background-image: var(--body-background-image);
	background-size: var(--body-background-size);
	background-attachment: var(--body-background-attachment);
	background-position: var(--body-background-position);
	background-repeat: var(--body-background-repeat);
}

.skin-minerva #content,
.skin-minerva .mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.skin-minerva.ns-special #content,
.skin-minerva.ns-special #content form,
.skin-minerva.ns-special .pre-content {
	background: var(--content-background);
}

/*** basics ***/
.center {
	text-align: center;
}

.skin-minerva .content h1,
.skin-minerva .content h2,
.skin-minerva .pre-content h1,
body {
	font-family: sans-serif;
}

/*** header and footer ***/
.header {
	border-width: 1px 0;
	border-style: solid;
}

.header-container.header-chrome {
	box-shadow: 0 1px 1px rgba(100,100,100,0.2);
}

@supports (position:sticky) {
	.header-container.header-chrome {
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	.overlay-enabled .header-container.header-chrome {
		position: static;
	}

	.navigation-enabled .header-container.header-chrome {
		z-index: 0;
	}
}

.skin-minerva .globalNotice {
	overflow: hidden;
	padding: 0 0.5em 0.25em;
}

.skin-minerva .notification-count {
	background: transparent;
}

/*** notifications ***/
.skin-minerva .mw-echo-ui-bundleNotificationItemWidget-separator,
.skin-minerva .mw-echo-ui-crossWikiNotificationItemWidget-separator,
.skin-minerva .mw-echo-ui-notificationItemWidget,
.skin-minerva .mw-echo-ui-notificationItemWidget:last-child {
	background: rgba(0,0,0,0.1);
}

.skin-minerva .mw-echo-ui-notificationItemWidget-unread {
	background: rgba(0,0,0,0.3);
}

.skin-minerva .mw-echo-ui-notificationItemWidget:hover {
	background: rgba(0,0,0,0.2);
}

.skin-minerva .mw-echo-ui-notificationItemWidget-unread:hover {
	background: rgba(0,0,0,0.4);
}

/*** search ***/
.skin-minerva .page-list li .watch-this-article,
.skin-minerva .site-link-list li .watch-this-article,
.skin-minerva .topic-title-list li .watch-this-article {
	top: 50%;
	margin-top: -0.75em;
}

/*** navigation ***/
.skin-minerva.navigation-enabled .transparent-shield {
	background: rgba(50,50,50,0.9);
}

.skin-minerva nav ul li {
	background: var(--navigation-link-background);
	width: 100%;
}

.skin-minerva nav ul li a:hover {
	box-shadow: inset 4px 0 0 0 var(--navigation-selected);
}

/*** last-modified bar ***/
.skin-minerva footer .last-modified-bar {
	background-color: var(--last-modified-background);
}

/* recently changed page last-modified bar*/
.skin-minerva footer .last-modified-bar.active {
	background: #00af89;
}

/*** page history and diffs ***/
.skin-minerva .minoredit {
	color: #808080;
}

.skin-minerva #mw-mf-diffview #mw-mf-userinfo {
	z-index: 100;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.6);
	opacity: 0.95;
}

/*** editor ***/
.skin-minerva .editor-overlay-ve {
	color: #000;
}

.skin-minerva .editor-overlay .wikitext-editor {
	background: rgba(0,0,0,0.1);
}
/* ------- Template:Doc ------- */
.doc,
.doc-footer {
	background: var(--doc-background);
	border: var(--doc-border);
	margin: 0 auto 1em;
	border-radius: 1em;
	padding: 1em;
}

.doc-footer {
	margin-bottom: 0;
}

.doc-header {
	padding-bottom: 3px;
	border-bottom: var(--doc-border);
	margin-bottom: 1ex;
}
/**********
content
**********/
/*** mobile front page collapse ***/
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse {
	display: block;
	padding: 0 0 0 15px;
}

.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:active,
.fpbox.mobilecollapsible .fpbox-heading a.togglecollapse:hover {
	text-decoration: none;
}

.fpbox.mobilecollapsible.collapsed .fpbox-heading {
	border: none;
	margin-bottom: 0;
}

.fpbox.mobilecollapsible .fpbox-heading a {
	position: relative;
	color: var(--fpheading-color);
}

.fpbox.mobilecollapsible .fpbox-heading a:before {
	content: '';
	width: 12px;
	height: 12px;
	background-image: url("/skins/Vector/images/arrow-down.png");
	background-image: linear-gradient(transparent,transparent),url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E');
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
}

.fpbox.mobilecollapsible.collapsed .fpbox-heading a:before {
	transform: rotate(-90deg);
}

.fpbox.mobilecollapsible.collapsed .body {
	display: none;
}

/* ------- navboxes ------- */
table.navbox {
	border: var(--navbox-border);
	clear: both;
	font-size: 88%;
	margin: auto;
	padding: 1px;
	text-align: center;
	width: 100%;
	display: table !important;
}
/** Border between adjacent navboxes **/
table.navbox+table.navbox {
	margin-top: -1px;
}

.navbox-abovebelow,
.navbox-group,
.navbox-title,
table.navbox th {
	padding-left: 1em;
	padding-right: 1em;
}

.navbox-group {
	font-weight: bold;
	white-space: nowrap;
}
/** Base background **/
.navbox,
.navbox-subgroup {
	background: var(--navbox-background);
}

.navbox-list {
	border-color: var(--navbox-background);
}
/** Level 1 & 2 styling **/
.navbox-group,
.navbox-subgroup .navbox-title,
.navbox-title,
table.navbox th {
	background: var(--navbox-secondary-background);
	color: var(--navbox-color);
}
/** Level 3 styling **/
.navbox-subgroup .navbox-abovebelow,
.navbox-subgroup .navbox-group {
	background: var(--navbox-background);
	color: var(--navbox-color);
}
/** row striping **/
.navbox-even {
	background: var(--navbox-alt-background);
	color: var(--navbox-color);
}

.navbox-odd {
	background: transparent;
}
/** collapsible navboxes **/
.collapseButton {
	font-weight: normal;
	width: auto;
}

.navbox .collapseButton {
	width: 6em;
}

.navbar {
	font-size: 88%;
	font-weight: normal;
}

.navbox .navbar {
	font-size: 100%;
}

table.collapsed tr.collapsible {
	display: none;
}
/*** amboxes ***/
/* ------- Amboxes ------- */
.ambox {
	background-color: var(--ambox-background);
	border-width: 0 0 0 10px;
	border-style: solid;
	border-collapse: collapse;
	font-size: 95%;
	margin: 0 auto 2px;
	width: 80%;
}

.ambox.ambox-tiny {
	font-size: 90%;
	margin: 2px 0;
	width: auto;
}

.ambox + .ambox {
	margin-top: -2px;
}

.ambox-text {
	padding: 0.25em 0.5em;
}

.ambox-image {
	padding: 2px 0 2px 0.5em;
	text-align: center;
	width: 60px;
}

.ambox-tiny .ambox-image {
	padding: 2px 0.5em;
	text-align: left;
	width: auto;
}
/* Ambox colors */
.ambox-gray {
	border-left-color: var(--ambox-gray);
}

.ambox-blue {
	border-left-color: var(--ambox-blue);
}

.ambox-red {
	border-left-color: var(--ambox-red);
}

.ambox-orange {
	border-left-color: var(--ambox-orange);
}

.ambox-yellow {
	border-left-color: var(--ambox-yellow);
}

.ambox-purple {
	border-left-color: var(--ambox-purple);
}

.ambox-green {
	border-left-color: var(--ambox-green);
}
/* Ambox small text */
.amsmalltext {
	font-size: smaller;
	margin-left: 0.8em;
	margin-top: 0.5em;
}
/** for 'edit this page' and 'discussion' link in template:cleanup etc **/
.pagetab {
	border: 1px solid var(--body-color);
	padding: 0.25ex 1ex;
	font-size: 95%;
}
/* copyright images tweak */
.copyright-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A");
	background-size: 100%;
	width: 32px;
	height: 32px;
	filter:invert(var(--invert-icons,0));
}

/* ------- tables ------- */
table.wikitable {
	border-collapse: var(--wikitable-border-collapse);
	border-spacing: var(--wikitable-border-spacing);
	background: transparent;
	border: var(--wikitable-border);
}

.mediawiki table.wikitable > * > tr > td,
.mediawiki table.wikitable > * > tr > th,
.mediawiki table.wikitable > tr > th {
	border: var(--wikitable-border);
}

.mediawiki table.wikitable > * > tr > th,
.mediawiki table.wikitable > tr > th {
	background: var(--wikitable-header-background);
	color: var(--wikitable-header-color);
	text-align: center;
}

.mediawiki table.wikitable > * > tr > td {
	background: var(--wikitable-background);
	padding: 0.2em 0.4em;
}

.mediawiki table.jquery-tablesorter th.headerSort {
	background-image: none!important;
	padding-right: 1.4em;
}

.mediawiki table.jquery-tablesorter th.headerSort:after {
	content: '\f0dc';
	font-family: 'FontAwesome';
	display: inline-block;
	width: 1em;
	margin-right: -1em;
	text-align: right;
}

.mediawiki table.jquery-tablesorter th.headerSortUp:after {
	content: '\f0de';
}

.mediawiki table.jquery-tablesorter th.headerSortDown:after {
	content: '\f0dd';
}

.mediawiki table.jquery-tablesorter th.unsortable,
.mediawiki th.header-bg.th.unsortable {
	background: var(--wikitable-header-background);
}
/** Cargo tables **/
.mediawiki table.cargoTable {
	border-collapse: collapse;
	color: var(--body-color);
	background: transparent;
}

.mediawiki table.cargoTable td.even,
.mediawiki table.cargoTable td.odd {
	background: transparent;
}

.cargoTable tr:nth-child(even) {
	background: var(--wikitable-alt-background);
}

.mediawiki table.cargoTable > * > tr > th,
.mediawiki table.cargoTable > tr > th {
	background: var(--wikitable-header-background);
	color: var(--wikitable-header-color);
	text-align: center;
	font-variant: small-caps;
	border: var(--wikitable-border);
}

.mediawiki table.cargoTable > * > tr > td {
	border: var(--wikitable-border);
	padding: 0.2em 0.4em;
	color: var(--body-color);
}
/** Dynamic Tables **/
table.cargoDynamicTable {
	margin-top: 1em;
	border: 0 solid transparent;
}

table.dataTable tfoot td,
table.dataTable tfoot th,
table.dataTable thead td,
table.dataTable thead th {
	background: var(--wikitable-header-background)!important;
	border: var(--wikitable-border)!important;
}

table.dataTable tbody tr {
	color: var(--body-color);
	background: transparent;
}

table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.stripe tbody tr.odd {
	background: transparent;
	text-align: center;
}

table.dataTable.display tbody tr.even,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
table.dataTable.stripe tbody tr.even {
	background: var(--wikitable-alt-background);
	text-align: center;
}

table.dataTable.display tbody tr:hover,
table.dataTable.hover tbody tr:hover {
	background: var(--wikitable-header-background);
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
	color: var(--wikitable-header-color);
	padding: 0.5em 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: var(--link-color)!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--wikitable-header-background);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: var(--body-color) !important;
	background: var(--wikitable-header-background);
	border: var(--wikitable-border);
}
/** Tablepager **/
.mediawiki .TablePager th {
	background: var(--wikitable-header-background);
	color: var(--wikitable-header-color);
	border: var(--wikitable-border);
	padding: 0 0.15em;
}

.mediawiki .TablePager td {
	background: var(--wikitable-background);
	border: var(--wikitable-border);
	color: var(--body-color);
}

.mediawiki .TablePager tr:hover td {
	background: var(--wikitable-header-background)!important;
	color: var(--wikitable-header-color);
}

/*** front page styles ***/
.fpmain {
	width: 100%;
	overflow: hidden;
}
/* ------- front page boxes **/
.fpbox {
	background: var(--fpbox-background);
	color: var(--body-color);
	margin: 5px;
	padding: 0.75em;
	overflow: auto;
	box-sizing: border-box;
	border: var(--fpbox-border);
	width: calc(100% - 2px);
}

.fpbox-heading {
	border-bottom: var(--fpheading-border);
	background: var(--fpheading-background);
	text-align: center;
	color: var(--fpheading-color);
	font-family: var(--fpheading-font), sans-serif;
	font-size: 132%;
	margin: 0 0 0.5em;
	padding: 0.25em;
	letter-spacing: 1px;
}

.fpbox-body {
	margin: 5px;
}

.fpbox-plain {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.fpbox-mainheading {
	font-size: 150%;
}

.fpbox-subheading {
	font-size: 120%;
	border: 0;
	text-align: center;
}

.linkslabel {
	margin: 15px 5px 5px;
	padding: 0 0 5px;
	border-bottom: 2px solid #505050;
}

/* ------- Template:FP links ------- */
.fplinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
	text-align: center;
}

.fplink-outer {
	padding: 5px;
	flex-basis: calc(25% - 10px);
	width: calc(25% - 15px);
	min-width: 115px;
	display: inline-block;
	vertical-align: middle;
}

.fplink-wide {
	flex-basis: calc(33% - 10px);
	width: calc(33% - 15px);
}

.fplink-fullwidth {
	flex-basis: 100%;
	width: calc(100% - 15px);
	font-weight: bold;
}

.fplink {
	background: var(--fplink-background);
	border: var(--fplink-border);
	padding: 0.5em;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: table;
}

.fplink-fullwidth .fplink {
	background: var(--fplink-fullwidth-background);
}

.fplink-plain {
	background: transparent;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}

.fplink-inner {
	display: table-row;
}

.fplink a {
	display: table-cell;
	vertical-align: middle;
}

.fplink img {
	max-width: 150px;
	width: 100%;
	height: auto;
}
/** Miscellaneous front page fixes **/
.fpbox .embedvideowrap {
	width: 100%!important;
	max-width: 480px;
	margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
	width: 100%!important;
}

.fpbox .slideboxlightshow {
	max-width: 100%;
	margin: 0 auto;
}

.fpbox .slideboxlightshow a,
.fpbox .slideboxlightshow img {
	max-width: 100%!important;
}

/*** infoboxes ***/
.infoboxtable {
	max-width: 300px;
	float: none;
	border: var(--infobox-border);
	padding: 0.25em;
	display: table !important;
	border-collapse: separate;
}

.infoboxname {
	color: var(--infobox-header-color);
	padding: 5px;
	background: var(--infobox-header-background);
}

.infoboxdetails {
	color: var(--infobox-details-color);
	padding: 5px;
	background: var(--infobox-details-background);
}

.infoboxtable div {
	color: var(--infobox-label-color);
	background: var(--infobox-label-background);
	text-align: right;
	font-weight: bold;
	padding: 1px 5px;
}

/*** invert icons for dark theme ***/
.oo-ui-iconElement-icon,
.skin-minerva .copyright-icon,
.fpbox.mobilecollapsible .fpbox-heading a::before {
	filter:invert(var(--invert-icons,0));
}

.mw-echo-ui-notificationItemWidget-icon,
.mw-echo-ui-toggleReadCircleButtonWidget-circle,
.mw-ui-icon:before {
	filter:brightness(calc(2 * var(--invert-icons,0)));
}

#mw-mf-diffview .meta:before,
.mw-echo-ui-notificationsInboxWidget-main-toolbar-top .oo-ui-iconElement-icon,
.mw-mf-user:before,
.search-overlay .clear:before {
	filter:none;
}
Community content is available under CC BY-NC-SA unless otherwise noted.