MediaWiki:Gadget-ms-Themes.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
(moved over from Infoboxes.css) |
No edit summary |
||
(6 intermediate revisions by 2 users not shown) | |||
Line 12: | Line 12: | ||
padding: 0 5px 0 5px; | padding: 0 5px 0 5px; | ||
line-height: 235%; | 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; | |||
} | |||
} | } |
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;
}
}