Anonymous

Site News
Warning: This wiki contains spoilers. Read at your own risk!

Social media: If you would like, please join our Discord server, and/or follow us on X (Twitter) or Tumblr!

MediaWiki:Timeless.css: Difference between revisions

From Fire Emblem Wiki, your source on Fire Emblem information. By fans, for fans.
Undo revision 553435 by PikaSamus (talk) Got the screenshot I wanted
mNo edit summary
(Undo revision 553435 by PikaSamus (talk) Got the screenshot I wanted)
Tag: Undo
 
(106 intermediate revisions by 5 users not shown)
Line 9: Line 9:


body {
body {
     background: url("/w/skins/header.png") center 40px no-repeat, url("/w/skins/footer.png") center bottom no-repeat, linear-gradient(#06253a, #051c3e, #010101 700px);
     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%;
     min-height: 100%;
     color: #d9d9d9;
     color: #d9d9d9;
     font-size: x-small;
     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;
}
}


/* Link colours */
a.new, .new a, a.new:hover, .new a:hover {
a:hover, a:visited {
    color: #dd3333;
color: #08d; /*maybe temporary until I find a colour that works better on a dark background*/
}
a.new:visited, a.new:visited:hover, .new a:visited, .new a:visited:hover {
    color: #DB6767;
}
}


Line 31: Line 59:
}
}


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


Line 41: Line 70:
#simpleSearch input {
#simpleSearch input {
color: #d9d9d9;
color: #d9d9d9;
}
#personal h2 {
    filter: invert(1) brightness(20);
}
}


Line 47: Line 80:
border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-right-radius: 7px;
background: black;
background: rgba(0, 0, 0, 0.85);
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 {
.mw-wiki-logo {
    background-image: url("/w/skins/logo.png");
     width: 500px!important;
     width: 500px;
/*  height: 200px;*/
    height: 200px;
}
 
#searchButton, #mw-searchButton {
    filter: invert(1)
}
}


Line 61: Line 110:
}
}


/* Article content area */
#localNotice {
#mw-wrapper {
     background: none;
     font-size: 127%;
    border: none;
    box-shadow: none;
}
}


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


#mw-content-container {
#mw-content-container {
margin-top: 15.25rem;
background: none;
background: none;
}
}
Line 88: Line 140:
border: none;
border: none;
background: none;
background: none;
}
@media (max-width: 850px) {
    #site-navigation h2, #site-tools h2 {
        filter: invert(1)
    } 
}
}


Line 127: Line 185:
}
}


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


table.wikitable {
table.wikitable {
background: none;
background-color: #222;
color: inherit;
color: inherit;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
Line 150: Line 208:
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em;
padding: 0.2em 0.4em;
}
table.cargoTable td {
background-color: #222;
}
}


Line 155: Line 217:
div.editOptions {
div.editOptions {
background: none;
background: none;
color: #d9d9d9;
}
}


Line 203: Line 266:
background: transparent;
background: transparent;
border: solid #d9d9d9;
border: solid #d9d9d9;
border-width: 1px 1px 0.2em;
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;
}
}


Line 214: Line 287:
background: none;
background: none;
color: #d9d9d9;
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,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAUCAYAAAAdmmTCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHtJREFUeNpi+P//P8NQxQwj1fENUDwkHQ8Do44fdfyo40cdP/COT/j//7/CUHX8AaiaBbTwBDUcv4AIx///////B2ilJjAYHD/hP3mAap6gRLMA1AMfyHT8oG+YHUBz+KBJNqQ4ftBlWGJbngqj7flRxw8iDAAAAP//AwDU/jjRYSLORQAAAABJRU5ErkJggg==); }
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;
}
}