MediaWiki:Minerva.css

/* <pre> */
:root {
    --mobile-navbox-wide-bg-color: #dcd3bf;
    --mobile-navbox-linear-gradient: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 95%, #ffffff);
}

.navbox {
    border: 1px solid #cccccc;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    font-size: 0.85em;
}

.content .navbox ul {
    padding-left: 0;
}

.content .navbox ul li {
    margin-bottom: 0;
}

@media screen and (max-width: 719px) {
    .navbox td,
    .navbox th,
    .navbox tr,
    .navbox tbody,
    .navbox .navbox-subgroup {
          display: block;
    }

}

@media screen and (min-width: 720px) {
    .content table.navbox,
    .content .navbox table {
          width: 100% !important;
    }

}

.navbox .navbox-subgroup {
    margin: 0;
}

.navbox .navbar {
    display: none;
}

.navbox .plink-template,
.navbox img {
    display: none;
}

.navbox-title {
    color: #ffffff;
    background-color: #444444;
    font-size: 140%;
    text-align: center;
    padding: 0.25em 0;
}

.navbox-title a {
    color: #ffffff;
}

@media screen and (min-width: 720px) {
    .navbox-title {
          border-bottom: 1px solid #cccccc;
    }

}

.navbox-group-title {
    background-color: #eeeeee;
    text-align: left;
    padding: 0.2em 0.85em;
}

@media screen and (max-width: 719px) {
    .navbox-group-title {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
    }

}

@media screen and (min-width: 720px) {
    .navbox-group-title {
          border: 1px solid #cccccc;
          border-width: 0 1px 1px 0;
          width: 12vw;
    }

}

.navbox-group-title-hidden {
    display: none;
}

.navbox-list {
    padding: 0;
    position: relative;
}

@media screen and (min-width: 720px) {
    .navbox-list {
          border-bottom: 1px solid #cccccc;
    }

}

@media screen and (max-width: 719px) {
    .navbox-list ul {
          white-space: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
    }

}

@media screen and (min-width: 720px) {
    .navbox-list ul {
          padding: 0.2em 0.85em 0.5em !important;
    }

}

.navbox-list li {
    display: inline-flex;
    align-items: center;
    height: 3.5em;
    margin: 0 0 0 0.85em;
}

@media screen and (min-width: 720px) {
    .navbox-list li {
          height: 2.1em;
    }

    .navbox-list li:first-child {
          margin-left: 0;
    }

}

.navbox-list li + li {
    margin-left: 0.5em;
}

.navbox-list li + li > a::before {
    content: '•';
    display: inline-block;
    white-space: pre-wrap;
    position: relative;
    left: -0.425em;
    pointer-events: none;
}

.navbox-list li + li > a + a::before {
    display: none;
}

.navbox-list li:last-child {
    margin-right: 2em;
}

.navbox-list:not([style*="center"])::after {
    content: '';
    display: block;
    position: absolute;
    background-image: var(--mobile-navbox-linear-gradient);
    height: 100%;
    width: 2.5em;
    top: 0;
    right: 0;
    pointer-events: none;
}

@media screen and (min-width: 720px) {
    .navbox-list:not([style*="center"])::after {
          display: none;
    }

}

.navbox-list.navbox-parent {
    border-bottom: 0;
    padding: 0;
}

.navbox-list.navbox-parent::after {
    display: none;
}

.navbox-group .navbox-group .navbox-group-title {
    background-color: #eeeeee;
    padding: 0 0.85em 0 1.7em;
}

@media screen and (min-width: 720px) {
    .navbox-group .navbox-group .navbox-group-title {
          padding-left: 0.85em;
    }

}

.navbox-group .navbox-group .navbox-list ul {
    padding-left: 1.7em;
}

.navbox-group .navbox-group .navbox-list li {
    margin-bottom: 0;
}

.navbox-group .navbox-group .navbox-list li:first-child {
    margin-left: 0;
}

.navbox-group .navbox-group.navbox-group-split .navbox-list ul {
    padding-left: 0.85em;
}

.navbox-group .navbox-group .navbox-group:first-child .navbox-group-title {
    padding-top: 0.5em;
}

@media screen and (min-width: 720px) {
    .navbox-group .navbox-group .navbox-group:first-child .navbox-group-title {
          padding-top: 0;
    }

}

.navbox-group .navbox-group .navbox-group .navbox-group-title {
    background-color: transparent;
    padding-left: 2.55em;
}

@media screen and (min-width: 720px) {
    .navbox-group .navbox-group .navbox-group .navbox-group-title {
          background-color: #eeeeee;
          padding-left: 0.85em;
    }

}

.navbox-group .navbox-group .navbox-group .navbox-list ul {
    padding-left: 2.55em;
}

.navbox-group .navbox-group .navbox-group.navbox-group-split .navbox-list ul {
    padding-left: 1.7em;
}

:root {
    --infobox-background: #ffffff;
    --infobox-header-color: #444444;
    --infobox-header-text-color: #ffffff;
    --infobox-border-color: #eeeeee;
    --infobox-subheader-color: #eeeeee;
    --infobox-subheader-text-color: #36414f;
}

.infobox {
    font-size: 85%;
    background-color: var(--infobox-background);
    border: 1px solid var(--infobox-border-color);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    table-layout: fixed;
}

.content .infobox {
    display: table;
}

.content .infobox caption {
    display: table-caption;
}

.infobox .infobox-header {
    color: var(--infobox-header-text-color);
    font-size: 1.15em;
    background: var(--infobox-header-color);
    padding: 0.5em 0;
    text-align: center;
}

.infobox .infobox-subheader {
    background: var(--infobox-subheader-color);
    line-height: 2em;
    text-align: center;
}

.infobox .infobox-subheader a {
    color: var(--infobox-subheader-text-color);
}

.infobox th:not(.infobox-nested):not(.infobox-subheader):not(.infobox-header) {
    text-align: right;
    vertical-align: top;
    border-right: 0.175em solid var(--infobox-subheader-color);
    padding: 0.2em 0.5em;
}

.infobox caption.infobox-caption {
    text-align: center;
}

.infobox td {
    padding: 0.25em 0.5em;
    line-height: 1.6em;
    padding-bottom: 0.6em;
}

.infobox td.infobox-nested {
    padding: 0.25em 0;
    line-height: 1em;
}

.infobox .infobox-padding {
    height: 0.5em;
    padding: 0;
    border: 0;
}

.infobox .infobox-image {
    text-align: center;
}

.infobox .infobox-image.inventory-image {
    height: 32px;
}

.infobox .infobox-nested {
    text-align: center;
}

.infobox .infobox-nested + .infobox-nested {
    border-left: 0.175em solid var(--infobox-subheader-color);
}

.infobox .infobox-full-width-content {
    max-width: 300px;
    text-align: center;
    overflow-x: hidden;
    padding: 0;
}

.skill-info a[href$="?action=edit"] + a[href$="?action=edit"] {
    display: none;
}

.infobox-bonuses {
    float: none;
    table-layout: fixed;
    font-size: 100%;
}

table.infobox-switch.infobox-bonuses {
    display: block !important;
}

.content .infobox-bonuses {
    display: block;
}

.infobox-bonuses tbody {
    border: 1px solid var(--infobox-border-color);
}

.infobox-bonuses .infobox-bonuses-image {
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--infobox-border-color);
}

.infobox-bonuses .infobox-bonuses-image-caption {
    font-size: 0.85em;
}

.infobox-bonuses .infobox-subheader {
    background: var(--infobox-subheader-color);
    color: var(--infobox-header-text-color);
    line-height: 2em;
    border-top: none;
    border-bottom: none;
}

.infobox-bonuses .infobox-subheader a {
    color: var(--infobox-header-text-color);
}

.infobox-bonuses .infobox-subheader + .infobox-subheader {
    border-left: 0.175em solid var(--infobox-border-color);
}

.infobox-bonuses a {
    font-weight: bold;
}

.infobox-buttons {
    margin-top: 0.5em;
    text-align: center;
}

.infobox-bottom-links {
    display: none;
}

.advanced-data {
    display: none;
}

@media screen and (min-width: 720px) {
    .content table.infobox {
          float: right;
          margin-top: 0.5em;
          margin-left: 1em;
          width: 300px !important;
    }

    .content table.infobox.skill-info {
          float: none;
          margin: 0 0 1em 0;
    }

    .content table.infobox.infobox-bonuses {
          display: table;
          float: none;
          margin: 0;
          width: 100% !important;
          max-width: 600px;
    }

}

.multi-infobox {
    margin-top: 0.5em;
    margin-bottom: 2.5em;
}

.multi-infobox .tabber {
    margin: 0;
}

.multi-infobox .tabber .tabbernav {
    text-align: center;
    margin-left: 0;
}

.mw-body .multi-infobox .tabber .tabbertab {
    padding: 5px;
}

.multi-infobox table.infobox {
    margin: 0;
}

.multi-infobox .infobox-buttons {
    margin-top: 0;
}

@media screen and (min-width: 720px) {
    .multi-infobox {
          float: right;
          margin-left: 1em;
          width: 300px;
    }

}