MediaWiki:Common.css: Difference between revisions

From PSP2i Wiki
No edit summary
No edit summary
Line 187: Line 187:
}
}


@media only screen and (min-width: 66rem) and (max-width: 100rem) {   
@media only screen and (min-width: 66rem) and (max-width: 120rem) {   
     .mainpage-contents .contents-minigames {
     .mainpage-contents .contents-minigames {
           display: none;
           display: none;

Revision as of 04:04, 8 November 2021

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

.navbox {
    font-size: 0.85em;
    background: #4c4c4c;
    border-collapse: collapse;
    margin: 15px auto;
    width: 100%;
    clear: both;
    border: 1px solid #666;
}

.navbox:not(.navbox-collapsible) {
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);
}

.navbox .navbox-title {
    font-size: 110%;
    background: #8B0000;
    text-align: center;
    padding: 3px 8px;
    border: 1px solid #666;
}

.navbox .navbox-title .mw-collapsible-toggle {
    font-size: 0.9em;
    margin-left: 6em;
    float: right;
}

.navbox .navbox-footer {
    background: #8B00000;
    border-top: 1px;
    text-align: center;
    font-size: smaller;
}

.navbox .navbox-group-title {
    background: #A00000;
    border: 1px solid #666;
    border-width: 0 1px 1px 0;
    font-weight: bold;
    padding-left: 10px;
    width: 15%;
}

.navbox .navbox-group-title a {
    white-space: normal;
}

.navbox .navbox-list {
    border-bottom: 1px solid #666;
    padding: 4px 8px;
}

.navbox .navbox-list ul {
    margin: 0;
}

.navbox .navbox-list li {
    display: inline-block;
}

.navbox .navbox-list li + li::before {
    content: '• ';
}

.navbox .navbox-parent {
    padding: 0;
}

.navbox .navbox-subgroup {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.navbox .navbox-subgroup > tbody > tr:last-child > td {
    border-bottom: none;
}

.navbox .navbox.navbox-collapsible {
    font-size: 100%;
    margin: 5px 0 0;
}

.navbox .navbox.navbox-collapsible .navbox-title {
    background: #8B0000;
    padding: 0 8px;
}

.navbox img {
    height: auto;
    width: auto;
    padding: 0 1px;
}

.navbox + .navbox {
    margin-top: -8px;
}

.navbox-data {
    display: none;
}

.navbox-data + .navbox {
    margin-top: -8px;
}

.mw-collapsible.mw-collapsed {
    min-width: 250px;
}

.mw-collapsible .mw-collapsible-toggle {
    font-weight: normal;
}

.navbox-title-name-plain {
    padding-right: 6em;
}

.navbox-title-name-notplain {
    padding-right: 0;
}

.navbox-title-noname-plain {
    padding-left: 0;
}

.navbox-title-noname-notplain {
    padding-left: 6em;
}

@media only screen and (max-width: 65.999rem) {
    .mainpage-recent-updates .tile-halves:last-child {
          display: none;
    }

    .mainpage-recent-updates .tile-halves:hover .tile-top img {
          transform: scale(1.04);
    }

    .mainpage-recent-updates .tile-halves:nth-last-child(2) {
          margin-right: 0;
    }

    .mainpage-recent-updates .tile-top {
          height: 18vw;
    }

    .mainpage-contents .tile-halves:nth-child(1),
    .mainpage-contents .tile-halves:nth-child(2),
    .mainpage-contents .tile-halves:nth-child(3) {
          margin-bottom: 0.9rem;
    }

    .mainpage-contents .tile-halves:nth-child(3) {
          margin-right: 0;
    }

    .mainpage-contents .line-break {
          width: 100%;
    }

    .mainpage-skills ul {
          columns: 2 9em;
    }

    .mainpage-skills .skill-thieving {
          display: none;
    }

    .mainpage-news .news-updates {
          padding-right: 0;
          border-right: none;
    }

    .mainpage-news .news-patchnotes {
          display: none;
    }

    .mainpage-header .header-stats,
    .mainpage-articleoftheweek {
          display: none;
    }

}

@media only screen and (min-width: 66rem) and (max-width: 120rem) {  
    .mainpage-contents .contents-minigames {
          display: none;
    }

    .mainpage-contents .contents-calculators {
          margin-right: 0;
    }

    .mainpage-header .header-stats,
    .mainpage-contents .line-break {
          display: none;
    }

}

@media only screen and (min-width: 100rem) {
    .mainpage-header .header-intro {
          margin-right: 2em;
    }

    .mainpage-contents .line-break {
          display: none;
    }

}