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.

MediaWiki:Timeless.css (view source)

Revision as of 19:07, 4 October 2023

7,296 bytes added ,  4 October 2023
Undo revision 553435 by PikaSamus (talk) Got the screenshot I wanted
m (Made the changes to tables at small screen sizes apply to tabs as well, as they wouldn't scroll and would expand screen width)
(Undo revision 553435 by PikaSamus (talk) Got the screenshot I wanted)
Tag: Undo
 
(91 intermediate revisions by 4 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 51: Line 84:
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
     .sidebar-inner, .dropdown {
     .sidebar-inner, .dropdown {
border: 2px solid #dbb51f;
border: 2px solid #dbb51f !important;
border-radius: 7px;
border-radius: 7px !important;
background: rgba(0, 0, 0, 0.85);
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 67: 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 81: Line 126:


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


Line 136: Line 188:
     table, .tab_main {
     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 144: Line 196:


table.wikitable {
table.wikitable {
background: none;
background-color: #222;
color: inherit;
color: inherit;
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
Line 165: Line 217:
div.editOptions {
div.editOptions {
background: none;
background: none;
color: #d9d9d9;
}
}


Line 213: Line 266:
background: transparent;
background: transparent;
border: solid #d9d9d9;
border: solid #d9d9d9;
border-width: 1px 1px 0.2em;
border-width: 1px;
}
}
.mw_metadata td {
.mw_metadata td {
     background-color: #222222 !important;
     background-color: #222222 !important;
     border-color: #b0b0b0 !important;  
     border-color: #b0b0b0 !important;  
    color: #d9d9d9;
}
}
.mw_metadata th {
.mw_metadata th {
     background-color: #232855 !important;
     background-color: #232855 !important;
     border-color: #b0b0b0 !important;  
     border-color: #b0b0b0 !important;
    color: #d9d9d9;
}
}


Line 238: Line 293:
     border-color: #b0b0b0 !important;
     border-color: #b0b0b0 !important;
     color: #d9d9d9 !important;
     color: #d9d9d9 !important;
}
@media screen and (max-width: 850px){
#ca-cargo-purge a {
        text-indent: -99999px;
        border: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        box-sizing: border-box;
        margin-bottom: -0.5em;
        background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Antu_view-refresh.svg/20px-Antu_view-refresh.svg.png);
        background-image: linear-gradient(transparent,transparent),url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Antu_view-refresh.svg/20px-Antu_view-refresh.svg.png);
    filter: invert(1);
    -webkit-filter: invert(1);
    }
}
}


Line 261: Line 298:
     color: #d9d9d9;
     color: #d9d9d9;
     background-color: #232855;
     background-color: #232855;
    border: 1px solid #d0d0d0;
}
}


Line 270: Line 308:
#menus-cover {
#menus-cover {
     background: #0c0c0c;
     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;
}
}
Retrieved from "https://fireemblemwiki.org/wiki/Special:MobileDiff/387359...553436"