User:SOTO/CSS7: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
No edit summary
 
Line 8: Line 8:
     #mw-site-navigation .sidebar-chunk {
     #mw-site-navigation .sidebar-chunk {
         margin-left: -0.2px;
         margin-left: -0.2px;
         /left: -0.03784em;
         /* left: -0.03784em; */
    }
   
    #mw-site-navigation .sidebar-chunk#site-tools {
        /* width: 12.094em; */
     }
     }
}
}
Line 93: Line 97:
.subpage-tabs-main {
.subpage-tabs-main {
     top: -2px;
     top: -2px;
     right: 2px;
     right: 7px;
     margin-bottom: 6px;
     margin-bottom: 6px;
     filter: drop-shadow(-2.04px -0.3px 17.7px #06173561);
     filter: drop-shadow(-2.04px -0.3px 17.7px #06173561);
}
.mw-parser-output:has(.pullout-content) .subpage-tabs-main {
    right: 2px;
}
}


Line 236: Line 243:
         background: #e5d6cf;
         background: #e5d6cf;
         background: #e7dbd6;
         background: #e7dbd6;
         /* box-shadow: 0.153em 1.2px 0 #8694af inset, 0px 1px 0 6px #3f4c6c, 1.2em -5px 0 var(--primary-31), 2em 6px 0 var(--primary-31); */
         padding-right: 1.78em;
         /* left: -0.8737px; */
        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;
     }
     }
}
}

Latest revision as of 03:41, 18 November 2024


@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%;
    }
}*/