MediaWiki:Timeless.css

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

/* HTML/body */
html {
	/* This makes the footer always show up at the bottom of the page,
	   even if the actual page content is too short */
    min-height: 100%;
}

body {
    background-image: url("https://cdn.fireemblemwiki.org/header.png"), url("https://cdn.fireemblemwiki.org/footer.png"), linear-gradient(#06253a, #051c3e, #010101 700px); /*fallback*/
    background-image: image-set(
    url("https://cdn.fireemblemwiki.org/header-lossless.jxl") type("image/jxl"),
    url("https://cdn.fireemblemwiki.org/header-lossless.webp") type("image/webp"),
    url("https://cdn.fireemblemwiki.org/header.png") type("image/png")), image-set(
    url("https://cdn.fireemblemwiki.org/footer-lossless.jxl") type("image/jxl"),
    url("https://cdn.fireemblemwiki.org/footer-lossless.webp") type("image/webp"),
    url("https://cdn.fireemblemwiki.org/footer.png") type("image/png")), linear-gradient(#06253a, #051c3e, #010101 700px); /*select best image format, if supported*/
    background-position: center 45px, center bottom;
    background-repeat: no-repeat, no-repeat;
    min-height: 100%;
    color: #d9d9d9;
    font-size: small;
    font-variant-emoji: text;
}
body, .mw-editfont-sans-serif {
    font-family: 'Segoe UI','Segoe UI Historic','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
/* Link colours */
html a, html a:hover {
    color:#3af;
}
html a:visited, html a:visited:hover {
	color: #58d; /*maybe temporary until I find a colour that works better on a dark background*/
}
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active:hover, .mw-parser-output a.external:hover {
    color:#7FC9FF;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.extiw:active:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.extiw:active:visited:hover, .mw-parser-output a.external:visited:hover {
    color:#87A7DB;
}

a.new, .new a, a.new:hover, .new a:hover {
    color: #dd3333;
}
a.new:visited, a.new:visited:hover, .new a:visited, .new a:visited:hover {
    color: #DB6767;
}

a:hover {
	text-decoration: underline;
}

/* Header (search bar, user tools) */
#mw-header-container {
	background: black;
	background: rgba(0, 0, 0, 0.75);
	color: inherit;
}

#p-logo-text, #p-logo-text a {
	color: inherit;
	margin: 7px auto auto auto;
}

#simpleSearch {
	background: black;
}

#simpleSearch input {
	color: #d9d9d9;
}

#personal h2 {
    filter: invert(1) brightness(20);
}

#personal .dropdown {
	border: 2px solid #dbb51f;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background: rgba(0, 0, 0, 0.85);
}
@media screen and (max-width: 850px) {
    .sidebar-inner, .dropdown {
	border: 2px solid #dbb51f !important;
	border-radius: 7px !important;
	background: rgba(0, 0, 0, 0.85) !important;
    }
}

#p-logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,50%);
}

.mw-wiki-logo {
    width: 500px!important;
/*   height: 200px;*/
}

#searchButton, #mw-searchButton {
    filter: invert(1)
}

#siteNotice {
    text-align: center;
}

#localNotice {
    background: none;
    border: none;
    box-shadow: none;
}

/* Article content area */
.ts-inner {
    max-width: 120em;
}

#toc, .toc {
	background: none;
}

#mw-content-container {
	margin-top: 15.25rem;
	background: none;
}

#mw-content-block {
	border: 2px solid #dbb51f;
	border-radius: 25px;
	background: black;
	background: rgba(0, 0, 0, 0.7);
}

#mw-content, #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
	border: none;
	background: none;
}

@media (max-width: 850px) {
    #site-navigation h2, #site-tools h2 {
        filter: invert(1)
    }   
}

#mw-page-header-links li.selected a {
	color: #46C;
}

/* Images */
li.gallerybox {
    border: 2px solid #ccc;
    background-color: #333;
}

#mw-content li.gallerybox div.thumb {
    background: 0 0;
}

div.gallerytext {
    background-color: #232855;
}

div.tright {
    background: none;
}

div.thumbinner {
    background-color: #333;
    border-color: #ccc;
}

div.thumbinner img {
    border-color: #ccc;
}

/* Tables */
table {
    border-collapse: separate;
    border-spacing: 2px 2px;
}

@media (max-width: 720px) {
    table, .tab_main {
        width: 100% !important;
        display: block !important;
        overflow-x: auto;
        padding: 0 !important;
        border: none !important;
    }
}

table.wikitable {
	background-color: #222;
	color: inherit;
	border: 1px solid #a2a9b1;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #232855;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	border: 1px solid #a2a9b1;
	padding: 0.2em 0.4em;
}

table.cargoTable td {
	background-color: #222;
}

/* Edit page */
div.editOptions {
	background: none;
	color: #d9d9d9;
}

/* Upload page */
.htmlform-tip {
	color: #999;
}

/* Recent changes */
fieldset {
	background: none;
}

fieldset legend, .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background: none;
	color: inherit;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
	background: white;
}

#mw-indicator-mw-helplink a {
	filter: invert(100%);
	color: #f72;
}

/* Diff pages */
.diff-addedline {
	background-color: #9c9;
}

.diff-deletedline {
	background-color: #cc8;
}

.diff-context {
	background-color: #111;
	color: #555;
}

.diff-deletedline, .diff-addedline {
	color: black;
}

/* File pages */
ul#filetoc {
	background: transparent;
	border: solid #d9d9d9;
	border-width: 1px;
}
.mw_metadata td {
    background-color: #222222 !important;
    border-color: #b0b0b0 !important; 
    color: #d9d9d9;
}
.mw_metadata th {
    background-color: #232855 !important;
    border-color: #b0b0b0 !important;
    color: #d9d9d9;
}

/* Others */
.mw-notification-content, .oo-ui-menuSelectWidget {
    color: black;
}

.mw-body fieldset#mw-searchoptions {
	background: none;
	color: #d9d9d9;
}

.warningbox {
    background-color: #222222 !important;
    border-color: #b0b0b0 !important;
    color: #d9d9d9 !important;
}

code {
    color: #d9d9d9;
    background-color: #232855;
    border: 1px solid #d0d0d0;
}

#pagehistory li.selected {
    color: #AAAAAA;
    background-color:transparent;
}

#menus-cover {
    background: #0c0c0c;
}

.ext-replacetext-searchoptions {
	background-color: transparent;
}

@media (min-width: 1100px) and (max-width: 1339px) {
    #mw-site-navigation {
        overflow: visible!important;
    }
    #p-logo {
        transform: translate(50%,-125%)
    }
}

@media (min-width: 851px) and (max-width: 1099px) {
    #mw-header-nav-hack {
        display: none;
    }
    #mw-site-navigation, #mw-related-navigation {
        top: 0;
    } 
    .sidebar-inner, .dropdown {
	    border: 2px solid #dbb51f !important;
	    border-radius: 7px !important;
	    background: rgba(0, 0, 0, 0.85) !important;
    }
}

@media (max-width: 715px) {
    #mw-footer {
        display: grid;
        place-items: center;
    }

    #footer-icons {
        display: flex;
    }

    #footer-poweredbyico {
        display: flex;
        gap: 5px;
    }
}

abbr[title],
.explain[title] {
    border-bottom: 1px dotted;
    text-decoration:none;
}

/* Change the image on redirect pages to white */
.mw-content-ltr .redirectText li:first-child{ background-image: linear-gradient( transparent,transparent ),url(data:image/png;base64,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); }

a.mw-selflink:hover {
    color: inherit;
    text-decoration: inherit;
}

table.cargoTable th {
    background: #232855;
    border: 1px solid #b0b0b0 !important;
}

/*Add Libertinus Serif (successor to Linux Libertine) to font hierarchy*/
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, #personal h2, #p-logo-text a, .mw-editfont-serif, .skin-timeless .serif, #siteSub, #mw-site-navigation h2, #mw-related-navigation h2 {
    font-family: 'Libertinus Serif','Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
}


.mw-message-box-warning, .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
  background-color: #000;
  color: #d9d9d9;
}


  @media screen
.not-patrolled {
  background-color: #330;
}
.not-patrolled {
  background-color: #330;
}