MediaWiki:Common.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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
:root {
--bg-color: #061016;
--text-color: white;
--link-color: #4DB6B0;
--link-new-color: #E08282;
--border-color: white;
}
/* Use the TNO font */
@font-face {
font-family: 'Aldrich';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/aldrich/v21/MCoTzAn-1s3IGyJMVacY3w.woff2) format('woff2');
}
/* Overrides default mediawiki colors and applies the dark bg and white text */
body,
h1, h2, h3, h4, h5, h6,
.vector-pinnable-header-label,
.vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading,
.vector-dropdown-content .vector-menu-heading,
.footer,
.footer-navigation,
.footer-info,
.mw-footer li,
.mw-page-container,
.vector-feature-page-tools-enabled #vector-main-menu-pinned-container .vector-main-menu {
background-color: var(--bg-color);
color: var(--text-color);
font-family: 'Aldrich', sans-serif;
}
.mw-page-title-main {
font-family: 'Aldrich', sans-serif;
}
/* Make this text dark instead */
#firstHeadingTitle .mw-page-title-main,
.vector-sticky-header-context-bar-primary .mw-page-title-main,
figcaption {
color: var(--bg-color);
}
/* Change the color of all of the links and add a glow effect */
a {
color: var(--link-color) !important;
text-shadow: 0 0 3px rgba(34, 200, 247, 0.8);
}
a.new {
color: var(--link-new-color) !important;
text-shadow: 0 0 3px rgba(224, 130, 130, 0.8);
}indo
/* But make these links dark instead */
.mw-normal-catlinks > ul > li > a,
.mw-normal-catlinks > a {
color: var(--bg-color) !important;
}
/* Removes the fade effect from all elements */
*::after {
display: none !important;
}
/* Table of Contents styles */
.vector-toc {
background-color: var(--bg-color);
border: 2px solid var(--border-color);
}
/* Search bar styles */
.cdx-text-input__input,
.client-js .vector-search-box-vue .vector-typeahead-search .cdx-text-input__input {
background-color: var(--bg-color);
color: var(--text-color);
border-color: var(--border-color);
border-width: 2px;
border-right-color: var(--text-color);
}
.cdx-button:not(.cdx-button--type-quiet) {
background-color: var(--bg-color);
border-color: var(--border-color);
color: var(--bg-color);
}
button {
background-color: var(--bg-color);
color: var(--text-color);
}
.mw-ui-button {
filter: invert(100%) !important;
}
/*****Custom cursor *****/
/*Global cursor */
body {
cursor: url('/wiki/Special:FilePath/TNOCursor.png'), pointer;
}
/*Link cursor */
a:hover {
cursor: url('/wiki/Special:FilePath/TNOHover.png'), pointer;
}
/* Infobox template style */
.infobox {
border: 1px solid #4DB6B0;
border-spacing: 3px;
background-color: #061016;
color: #4DB6B0;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #4DB6B0;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #4DB6B0;
background-color: #061016;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #4DB6B0;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #4DB6B0;
/* @noflip */
border-right: 1px solid #4DB6B0;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #4DB6B0;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* See: https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue/issues/46 */
.tabber__section pre {
display: none;
}