MediaWiki:Gadget-ms-Themes.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
No edit summary
 
Line 27: Line 27:


@media screen and (min-width: 750px) {
@media screen and (min-width: 750px) {
     #box.spoil-warning + .stub-type#real-world {
     :not(.stub-type) + #box.spoil-warning + .stub-type#real-world {
         float: right;
         float: right;
         margin-top: 0.74em;
         margin-top: 0.74em;
Line 35: Line 35:
         box-shadow: none;
         box-shadow: none;
     }
     }
     #box.spoil-warning + .stub-type#real-world a {
     :not(.stub-type) + #box.spoil-warning + .stub-type#real-world a {
         background: url(https://tardis.wiki/images/Tardis_images/e/e0/Real_world_banner.png) no-repeat;
         background: url(https://tardis.wiki/images/Tardis_images/e/e0/Real_world_banner.png) no-repeat;
         background-size: cover;
         background-size: cover;
Line 48: Line 48:
         margin-left: 0.38em;
         margin-left: 0.38em;
     }
     }
     #box.spoil-warning + .stub-type#real-world img {
     :not(.stub-type) + #box.spoil-warning + .stub-type#real-world img {
         display: none;
         display: none;
     }
     }
     :root.theme-light #box.spoil-warning + .stub-type#real-world a {
     :root.theme-light :not(.stub-type) + #box.spoil-warning + .stub-type#real-world a {
         width: calc(30vw - 1em);
         width: calc(30vw - 1em);
         background-position-x: -1em;
         background-position-x: -1em;
Line 58: Line 58:
     }
     }
     #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
     #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
     #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
     :not(.stub-type) + #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
         background-size: 20vw;
         background-size: 20vw;
         width: 18.73vw!important;
         width: 18.73vw!important;
Line 66: Line 66:
     }
     }
     :root.theme-light #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
     :root.theme-light #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
     :root.theme-light #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
     :root.theme-light :not(.stub-type) + #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
         width: 18.14vw!important;
         width: 18.14vw!important;
         background-position-x: -0.56vw;
         background-position-x: -0.56vw;
Line 75: Line 75:
     #box.leaks-warning + #box.spoil-warning + .stub-type#real-world a,
     #box.leaks-warning + #box.spoil-warning + .stub-type#real-world a,
     :root.theme-light #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
     :root.theme-light #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
     #box.leaks-warning:not(.leaks) + .stub-type#real-world a,
     :not(.stub-type) + #box.leaks-warning:not(.leaks) + .stub-type#real-world a,
     :root.theme-light #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
     :root.theme-light :not(.stub-type) + #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
         width: 14.73vw!important;
         width: 14.73vw!important;
         margin-right: -0.632vw;
         margin-right: -0.632vw;
     }
     }
}
}

Latest revision as of 18:26, 26 March 2024

/* ==============================
   This CSS page houses the themes
   for INDIVIDUAL portable infobox
   templates.
 
   If you want to see the CSS which more
   generally applies to ALL infoboxes, 
   please proceed to MediaWiki:Infoboxes.css
   =============================== */

.pi-theme-_Toby-Hadoke_s-Who_s-Round .pi-navigation:nth-of-type(2) {
    padding: 0 5px 0 5px;
    line-height: 235%;
}

/* Keeping the collapsible "navfobox" from affecting the tables on LOA pages */

.subpage-tabs-main + .stub-type + .collapsible-navfobox + .mobile-only ~ p + table,
.subpage-tabs-main + .stub-type + .collapsible-navfobox ~ p + table {
    clear: right;
}

/*.page-The_Doctor .portable-infobox + .portable-infobox:nth-of-type(2) {
    background: #cbae74;
}*/


@media screen and (min-width: 750px) {
    :not(.stub-type) + #box.spoil-warning + .stub-type#real-world {
        float: right;
        margin-top: 0.74em;
        margin-right: 16.86px;
        position: inherit;
        transform: none;
        box-shadow: none;
    }
    :not(.stub-type) + #box.spoil-warning + .stub-type#real-world a {
        background: url(https://tardis.wiki/images/Tardis_images/e/e0/Real_world_banner.png) no-repeat;
        background-size: cover;
        display: block;
        width: 30vw!important;
        min-width: 280px;
        max-width: 22.92em;
        height: 9vw;
        min-height: 106px;
        margin-top: calc(3.568em - 5.8vw + 0.74px);
        margin-right: -0.23em;
        margin-left: 0.38em;
    }
    :not(.stub-type) + #box.spoil-warning + .stub-type#real-world img {
        display: none;
    }
    :root.theme-light :not(.stub-type) + #box.spoil-warning + .stub-type#real-world a {
        width: calc(30vw - 1em);
        background-position-x: -1em;
        margin-right: -1.23em;
        margin-left: 0.68em;
    }
    #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
    :not(.stub-type) + #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
        background-size: 20vw;
        width: 18.73vw!important;
        height: 7vw;
        margin-top: -5.3em;
        margin-right: -2.032vw;
    }
    :root.theme-light #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
    :root.theme-light :not(.stub-type) + #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
        width: 18.14vw!important;
        background-position-x: -0.56vw;
        margin-right: -1.162vw;
    }
}
@media screen and (min-width: 1820px) {
    #box.leaks-warning + #box.spoil-warning + .stub-type#real-world a,
    :root.theme-light #box.spoil-warning + #box.spoil-warning + .stub-type#real-world a,
    :not(.stub-type) + #box.leaks-warning:not(.leaks) + .stub-type#real-world a,
    :root.theme-light :not(.stub-type) + #box.spoil-warning:not(.leaks) + .stub-type#real-world a {
        width: 14.73vw!important;
        margin-right: -0.632vw;
    }
}