User:SOTO/CSS7
From Tardis Wiki, the free Doctor Who reference
@media screen and (min-width: 1340px) { .skin-timeless #mw-content { /* margin-right: -0.5382vw; */ /* left: 6.5802px; */ } #mw-site-navigation .sidebar-chunk { margin-left: -0.2px; /* left: -0.03784em; */ } #mw-site-navigation .sidebar-chunk#site-tools { /* width: 12.094em; */ } } .skin-timeless #mw-content-text .portable-infobox { border: solid 8px var(--contrast-color-1); border: solid 8px #3f4c6c; border: solid 4px #3f4c6c!important; box-shadow: 0px 2px 0 4px #3f4c6c; /* box-shadow: 0px 2px 0 4px #3f4c6c, -8px 10px 92px -86px var(--primary-1); */ /* box-shadow: 0px 2px 0 4px #3f4c6c, -8px 10px 92px -86px var(--primary-1), -45px -16px 92px -32px var(--primary-1); */ /* filter: var(--subtle-shadow-1); */ filter: drop-shadow(-2.04px -3.3px 17.7px #06173561); right: -11px; margin-left: calc(var(--pi-margin) + 2px); } .skin-timeless #mw-content-text .portable-infobox ~ .portable-infobox { box-shadow: 0px 2px 0 4px #49587e; } .skin-timeless .pullout-wrapper ~ .portable-infobox { top: -20px!important; } .skin-timeless .pullout-wrapper ~ .portable-infobox .pi-title, .skin-timeless .pullout-wrapper ~ .portable-infobox .pi-title p { background: var(--accent-26); background: #3d4c6e; } .skin-timeless .portable-infobox .pi-header { background: var(--TEXT-B-H2); /* background: hsl(214deg 27% 19%); */ } .skin-timeless .portable-infobox .pi-header p { background: var(--accent-9); background: var(--TEXT-B-H2); background: var(--contrast-color-15); background: var(--primary-28); background: var(--accent-4); background: var(--accent-21); background: #45587a; background: #566889; background: #96a6c3; background: #2e3e5a; color: var(--TEXT-A-H2); /* filter: invert(1) hue-rotate(180deg); */ } .skin-timeless .portable-infobox:nth-of-type(n+2) .pi-header { background: #515e7e; background: #49577a; } .skin-timeless .portable-infobox + .portable-infobox:nth-of-type(3) .pi-header:first-of-type { background: #627795; background: #3b4765; background: #49577a; background: #536083; } .skin-timeless #subpage-article ~ .portable-infobox, .skin-timeless .subpage-tabs-main ~ .portable-infobox { margin-right: 24.05px; margin-left: 1.24em; margin-right: 16.05px; } .mw-parser-output > p { /* display: none; */ } .skin-timeless .pullout-content div#article-type { border-right: solid 1em var(--accent-26); } .pullout-wrapper .pullout-content { background: #e7dbd5; box-shadow: 0px 1px 0 1px var(--accent-26), 3px 0px var(--accent-26); border-bottom-left-radius: 3px; } .subpage-tabs-main { top: -2px; right: 7px; margin-bottom: 6px; filter: drop-shadow(-2.04px -0.3px 17.7px #06173561); } .mw-parser-output:has(.pullout-content) .subpage-tabs-main { right: 2px; } .skin-timeless .pullout-wrapper { /* top: 2px; */ } .skin-timeless .pullout-wrapper .pullout-content { position: relative; top: -2px; margin-top: -6px; } #contentSub:has(span) { margin-bottom: 26px; } .ns-0 #contentSub:has(span) + #mw-content-text > .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(1) ~ p:nth-of-type(2):not(.mw-empty-elt), .ns-0 #contentSub:has(span) + #mw-content-text > .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p:nth-of-type(3):not(.mw-empty-elt), .ns-0 #contentSub:has(span) + #mw-content-text > .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p.mw-empty-elt:nth-of-type(3) ~ p.mw-empty-elt:nth-of-type(3) ~ p:nth-of-type(4):not(.mw-empty-elt), .ns-9 #contentSub:has(span) + #mw-content-text > .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(1) ~ p:nth-of-type(2):not(.mw-empty-elt) ~ p, .ns-0 #contentSub:has(span) + #mw-content-text > .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p:nth-of-type(3):not(.mw-empty-elt) ~ p, .ns-0 #contentSub:has(span) + #mw-content-text > .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p.mw-empty-elt:nth-of-type(3) ~ p.mw-empty-elt:nth-of-type(3) ~ p:nth-of-type(4):not(.mw-empty-elt) ~ p { /* position: relative; */ /* top: 3px; */ } .ns-0 .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(1) ~ p:nth-of-type(2):not(.mw-empty-elt), .ns-0 .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p:nth-of-type(3):not(.mw-empty-elt), .ns-0 .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p.mw-empty-elt:nth-of-type(3) ~ p.mw-empty-elt:nth-of-type(3) ~ p:nth-of-type(4):not(.mw-empty-elt), .ns-9 .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(1) ~ p:nth-of-type(2):not(.mw-empty-elt) ~ p, .ns-0 .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p:nth-of-type(3):not(.mw-empty-elt) ~ p, .ns-0 .mw-parser-output > :not(#subpage-article):not(.subpage-tabs-main):first-child ~ p.mw-empty-elt:nth-of-type(2) ~ p.mw-empty-elt:nth-of-type(3) ~ p.mw-empty-elt:nth-of-type(3) ~ p:nth-of-type(4):not(.mw-empty-elt) ~ p { position: relative; top: -1px; left: -1px; } @media screen and (min-width: 1340px) { .floatleft, .tleft { top: -27px; left: -7px; margin-bottom: -27px; margin-top: 0.86em; margin-left: 3px; margin-right: -5px; margin-bottom: -19px; top: -24px; top: -6px; left: -17px; } } @media screen and (min-width: 851px) { .mw-parser-output > #subpage-article ~ p:not(.mw-empty-elt) ~ h2 ~ p:not(.mw-empty-elt), .mw-parser-output > .subpage-tabs-main ~ p:not(.mw-empty-elt) ~ h2 ~ p:not(.mw-empty-elt) { position: relative; top: -4px; left: 1px; margin-right: 44px!important; } } .skin-timeless.ns-0 .mw-parser-output > h2 { /* left: 0; */ } .skin-timeless .mw-parser-output > h3 { color: var(--primary-28); /* margin-left: 0.1028em; */ margin-bottom: 24.96px; position: relative; left: -2px; top: 7px; } .mw-parser-output > p + h3 { margin-top: 17.82px!important; top: 9.4px; } .mw-body dl dd { position: relative; top: -2px; } .thumb .thumbinner { /* outline: solid 2px var(--accent-1); */ /* background: #ddc8bf; */ /* background: #ddc8bf; */ /* background: #d9ccc6; */ /* background: #d5cac4; */ /* background: #efdacd; */ /* outline: solid 4px var(--primary-1); */ border-radius: 6px; /* box-shadow: -19px 0 inset var(--primary-7); */ /* position: relative; */ top: -2px; } .skin-timeless div#inline-box { background: #e9dad3; border: solid 2px var(--accent-20); border: solid 2px #c9b8b1; border: solid 2px #a99c96; /* border: solid 4px; */ box-shadow: 0px 2px 13px 2px var(--primary-5), 0 0 0 4px var(--accent-9); position: relative; top: -0.28px; left: -8px; } @media screen and (min-width: 1340px) { div#inline-box { width: 267px; } } .skin-timeless .mw-parser-output > h2 + h3 { margin-top: -8.38px!important; } @media screen and (min-width: 1340px) { #mw-related-navigation .sidebar-chunk#catlinks-sidebar { background: var(--primary-1); /* background: var(--primary-31); */ background: var(--primary-18); } } @media screen and (min-width: 1100px) and (max-width: 1339px) { #mw-related-navigation .sidebar-chunk { left: 4.5px; } } @media screen and (min-width: 1340px) { #mw-related-navigation .sidebar-chunk#catlinks-sidebar { background: var(--primary-1); /* background: var(--primary-31); */ background: var(--primary-18); background: #e5d6cf; background: #e7dbd6; padding-right: 1.78em; box-shadow: 0.153em 1.2px 0 #8694af inset, 0px 1px 0 6px #3f4c6c, 2em 6px 18px var(--primary-31) inset; left: 1.1263px; top: -13px; } } .skin-timeless h3 + .content-table-wrapper table.wikitable, .skin-timeless h3 + .content-table-wrapper #smwtable, .skin-timeless h3 + .content-table-wrapper table.smwtable { top: -11.42px; } .skin-timeless h2 + h3 + .content-table-wrapper table.wikitable, .skin-timeless h2 + h3 + .content-table-wrapper #smwtable, .skin-timeless h2 + h3 + .content-table-wrapper table.smwtable { top: -9.42px; margin-top: 34.4px; } .skin-timeless div#inline-box { border: solid 3px var(--primary-3); outline: solid 3px var(--primary-30); /* box-shadow: 0 0 0 6px var(--primary-3),0 0 0 6px var(--TEXT-A-H1); */ box-shadow: 0 0 0 4px var(--primary-25), 0 0 0 7px var(--primary-3), 0px 0 0 8px #0b1f42, 1px 0 0 9px var(--primary-5), -9px 21px 15px 2px var(--primary-6), -12px 12px 15px -2px var(--primary-6), 0px 3px 20px 6px var(--primary-5), 63px 62px 30px -30px var(--primary-7); } /* @media screen and (min-width: 1340px) { .mediawiki.long-page #mw-site-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after display: none; } .mediawiki.long-page #mw-related-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after, .special-Recentchanges #mw-related-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after, .special-Recentchangeslinked #mw-related-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after, .special-Watchlist #mw-related-navigation .sidebar-chunk:last-of-type:not(:first-of-type):after { content: " "; display: block; width: 14.8em; height: 337px; background: url(https://tardis.wiki/w/images/Tardis_Images/4/43/TardisSilhouette.png) -12.02px no-repeat; background-size: contain; opacity: 0.4; position: absolute; z-index: -1; filter: saturate(0.92) brightness(1.032); left: 0.0614em; top: 121.92%; left: 0.0614em; top: 121.92%; left: 1.688em; top: 115.02%; } }*/