MediaWiki:Minerva.css

Материал из FREESTREET База знаний
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* <pre> */
@font-face { 
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Regular.woff2') format('woff2');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('filepath://PT-Serif_Italic.woff2') format('woff2');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold.woff2') format('woff2');
}

@font-face { 
    font-family: 'PT Serif';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('filepath://PT-Serif_Bold-Italic.woff2') format('woff2');
}

body {
    font-family: system-ui, -apple-system, Roboto, Helvetica, sans-serif;
}

@media all and (max-width: 320px) {
    body {
          font-size: 0.9em;
    }

}

#mw-content-text {
    line-height: 1.7em;
}

.pre-content h1,
.content h1,
.content h2 {
    font-weight: bold;
}

body {
    background: var(--body-background-color);
    color: var(--text-color);
}

select {
    color: var(--text-color);
    background: revert;
}

a:not( [ href ] ) {
    color: inherit;
}

a.external,
.mw-parser-output a.external {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cg fill='%2336c'%3E%3Cpath d='M8.9 8.9H1.1V1.1h2.8V0H1.1C.5 0 0 .5 0 1.1v7.8C0 9.5.5 10 1.1 10h7.8c.6 0 1.1-.5 1.1-1.1V6.1H8.9v2.8z'/%3E%3Cpath d='M10 0H5.6l1.8 1.8L4.2 5l.8.8 3.2-3.2L10 4.4V0z'/%3E%3C/g%3E%3C/svg%3E");
}

blockquote {
    border-color: var(--body-mid);
    font-family: inherit;
}

.pre-content h1 {
    text-align: left;
}

.content .mw-parser-output > h2,
.content .section-heading {
    border-color: var(--sidebar);
}

.content .mw-parser-output > h2,
.content .section-heading {
    border-color: var(--sidebar);
}

.content .plainlist ol,
.content .plainlist ul {
    padding: 0;
}

.content p {
    margin: 0.5em 0;
}

.content hr {
    background: none;
    border-color: var(--sidebar);
    border-style: solid;
    border-width: 1px 0 0 0;
    height: initial;
}

.content kbd,
.content samp {
    border: none;
}

.content code,
.content pre {
    background-color: var(--mw-code-background-color);
    border: 1px solid var(--body-border);
}

:root {
    --searchbutton-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM3 8a5 5 0 1 0 10 0A5 5 0 1 0 3 8z'/%3E%3C/g%3E%3C/svg%3E");
}

#mw-mf-page-center {
    background-color: transparent;
}

.header {
    border-top: none;
}

.header-container.header-chrome {
    background: var(--body-background-image) var(--body-background-color) no-repeat;
    background-color: var(--body-background-color);
    background-size: 900px;
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
}

.header-container .notification-count {
    border-radius: 50%;
}

.header-container .notification-count.notification-unseen {
    background: none;
}

.header-container .branding-box {
    opacity: 1;
}

.search-box {
    text-align: right;
}

.search-box .search {
    background-color: var(--search-box);
    border-color: var(--search-box);
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    color: var(--text-color);
}

.search-box .search::placeholder {
    color: var(--byline-color);
}

.mw-ui-background-icon-search {
    background-image: var(--searchbutton-icon);
}

.overlay {
    background: var(--body-main);
}

.overlay textarea {
    color: var(--text-color);
}

.overlay.search-overlay {
    background: var(--body-main);
}

.overlay.search-overlay .results,
.overlay.search-overlay .search-feedback {
    background-color: var(--body-light);
}

.overlay.search-overlay .search-content {
    border-color: var(--body-mid);
}

.overlay .license {
    color: var(--base-text-color);
}

.overlay .panel {
    border-color: var(--sidebar);
}

.overlay .content-header {
    background-color: var(--body-light);
    border-color: transparent;
}

.overlay.overlay-loading {
    background: var(--ooui-window-background);
}

.overlay .overlay-content {
    background: var(--body-main);
}

.page-summary h2,
.page-summary h3 {
    color: var(--text-color);
}

.page-list li,
.topic-title-list li,
.site-link-list li {
    border-color: var(--body-mid);
}

.overlay-enabled .overlay:not(.editor-overlay),
.overlay-enabled #mw-mf-page-center {
    overflow-y: scroll;
}

.overlay-header-container,
.overlay-footer-container {
    background-color: var(--body-background-color);
    border-color: transparent;
}

.editor-overlay .wikitext-editor {
    color: var(--text-color);
}

.editor-overlay .overlay-header {
    outline-color: transparent;
}

.editor-overlay .summary-request {
    color: var(--text-color);
}

.editor-overlay .editor-switcher {
    border: none;
}

.action-submit .mw-editnotice .action-edit .mw-editnotice,
.action-submit .mw-editTools,
.action-edit .mw-editTools,
.action-submit .preview-limit-report-wrapper,
.action-edit .preview-limit-report-wrapper,
.action-submit .diff-otitle,
.action-edit .diff-otitle,
.action-submit .diff-ntitle,
.action-edit .diff-ntitle,
.action-submit #section_0,
.action-edit #section_0,
.action-submit #editpage-copywarn,
.action-edit #editpage-copywarn,
.action-submit #mw-anon-edit-warning,
.action-edit #mw-anon-edit-warning {
    color: var(--byline-color);
}

.wikitext-editor {
    background-color: var(--body-main);
}

.ve-mobile-fakeToolbar {
    border: none;
}

.ve-mobile-fakeToolbar-container {
    background: var(--body-background-color);
    border: none;
}

.ve-mobile-fakeToolbar .mw-ui-icon-mf-spinner {
    border-color: transparent;
}

.ve-ui-targetToolbar-mobile .oo-ui-toolbar-tools > .ve-ui-toolbar-group-back {
    border-color: transparent;
}

.ve-ui-mobileContext {
    background-color: var(--body-light);
    border-color: var(--body-light);
}

.ve-ui-mobileContext .ve-ui-linearContextItem-body-action-wrapper {
    border-color: var(--body-border);
}

.ve-ui-linearContextItem-foot:not(:empty) {
    border-color: var(--body-border);
}

.ve-ui-mwSaveDialog-options {
    backgroubd-color: var(--body-light);
    border-color: var(--body-mid);
}

.page-actions-menu {
    border-color: var(--sidebar);
}

.minerva__tab-container .minerva__tab {
    color: var(--text-color);
}

.minerva__tab-container .minerva__tab.new,
.minerva__tab-container .minerva__tab.new:visited,
.minerva__tab-container .minerva__tab.new:hover,
.minerva__tab-container .minerva__tab.new:active {
    color: var(--redlink-color);
}

.minerva__tab-container .minerva__tab.selected {
    border-color: var(--body-border);
}

.heading-holder .tagline {
    color: var(--base-heading-color);
}

.minerva-footer {
    border-color: transparent;
}

.mw-footer > .post-content {
    margin-top: 32px;
}

.mw-footer > .post-content > .minerva-footer-logo {
    display: none;
}

.mw-footer .hlist li:after {
    color: var(--background-text-color);
}

.last-modified-bar {
    border-top: 1px solid;
    border-color: transparent;
    background: none;
    color: var(--text-color);
}

.last-modified-bar a,
.last-modified-bar a:active,
.last-modified-bar a:visited,
.last-modified-bar .last-modified-text-accent {
    color: var(--background-text-color);
}

.last-modified-bar.active,
.last-modified-bar.active:active,
.last-modified-bar.active:visited,
.last-modified-bar.active .last-modified-text-accent {
    color: #fff;
}

.mw-ui-icon-mf-expand-gray:not(.mw-ui-icon-mf-expand-invert):before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eexpand%3C/title%3E%3Cg fill='%2354595d'%3E%3Cpath d='M17.5 4.75l-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z'/%3E%3C/g%3E%3C/svg%3E");
}

#content {
    border-top: none;
}

.toggle-list__list {
    background-color: var(--wikitable-bg);
}

.toggle-list-item__anchor:visited,
.toggle-list-item__anchor:active {
    color: var(--base-text-color);
}

.toggle-list-item:hover {
    background: var(--wikitable-bg-lighter);
}

.toggle-list-item__label {
    color: var(--base-text-color);
}

.mw-ui-icon-wikimedia-search-base20:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg fill='%2336414f'%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 113 8a5 5 0 0110 0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.mw-ui-icon-wikimedia-menu-base20:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Emenu%3C/title%3E%3Cg fill='white'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.mw-ui-icon-wikimedia-bellOutline-base20:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Ebell%3C/title%3E%3Cg fill='%2336414f'%3E%3Cpath d='M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5v.69zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4zM8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.mw-ui-icon-minerva-userAvatarOutline:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Euser avatar%3C/title%3E%3Cg fill='%2336414f'%3E%3Cpath d='M10 8c1.7 0 3.06-1.35 3.06-3S11.7 2 10 2 6.94 3.35 6.94 5 8.3 8 10 8zm0 2c-2.8 0-5.06-2.24-5.06-5S7.2 0 10 0s5.06 2.24 5.06 5-2.26 5-5.06 5zm-7 8h14v-1.33c0-1.75-2.31-3.56-7-3.56s-7 1.81-7 3.56V18zm7-6.89c6.66 0 9 3.33 9 5.56V20H1v-3.33c0-2.23 2.34-5.56 9-5.56z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media all and (min-width: 1000px) {
    .mw-ui-icon-with-label-desktop,
    .mw-ui-icon-with-label-desktop:hover,
    .mw-ui-icon-with-label-desktop:focus,
    .mw-ui-icon-with-label-desktop:active,
    .mw-ui-icon-with-label-desktop:visited {
          color: var(--base-text-color) !important;
    }

}

.header-action .mw-ui-icon-mf-close-base20:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclose%3C/title%3E%3Cg fill='%23fff'%3E%3Cpath d='m4.3 2.9 12.8 12.8-1.4 1.4L2.9 4.3z'/%3E%3Cpath d='M17.1 4.3 4.3 17.1l-1.4-1.4L15.7 2.9z'/%3E%3C/g%3E%3C/svg%3E");
}

#mw-mf-page-left {
    background-color: var(--sidebar-mobile);
}

#mw-mf-page-left .secondary-action {
    border-left-color: var(--body-mid);
}

#mw-mf-page-left ul li {
    background-color: var(--body-main);
    border-color: var(--body-mid);
}

#mw-mf-page-left ul li a {
    color: var(--base-text-color);
}

#mw-mf-page-left ul li a:hover {
    box-shadow: inset 4px 0 0 0 var(--link-color);
}

#mw-mf-page-left ul.hlist li a {
    color: var(--background-link-color);
}

#mw-mf-page-left ul.hlist li a span {
    font-size: 0.8125rem;
}

.notifications-overlay.navigation-drawer {
    box-shadow: -1px 0 8px 0 rgba(0, 0, 0, 0.35);
}

.notifications-overlay .mw-echo-ui-actionMenuPopupWidget-menu {
    border: none;
}

.mw-ui-anchor.mw-ui-progressive,
.mw-ui-anchor.mw-ui-progressive:active,
.mw-ui-anchor.mw-ui-progressive:hover,
.mw-ui-anchor.mw-ui-progressive:focus {
    color: var(--link-color);
}

.minerva-talk-full-page-button {
    background-color: var(--body-main);
    border-color: var(--body-dark);
    color: var(--link-color);
}

.minerva-talk-content-explained {
    border-color: var(--sidebar);
    color: var(--base-text-color);
}

.talk-overlay .comment .wikitext-editor {
    border-color: var(--body-border);
}

.client-js .skin-minerva--talk-simplified .section-heading {
    border-color: var(--sidebar);
}

.mw-notification a,
.toast a {
    color: var(--link-color);
}

.drawer {
    background-color: var(--body-light);
}

.drawer.references-drawer {
    background-color: var(--body-light);
    color: var(--text-color);
}

.drawer.references-drawer a {
    color: var(--link-color);
}

.drawer.references-drawer .references-drawer__title {
    color: var(--text-color);
}

.drawer.references-drawer .mw-ui-icon::before {
    filter: brightness(0);
}

.cta-holder {
    background: var(--body-light);
}

.cta-holder .desc {
    color: var(--byline-color);
}

.mw-tag-marker {
    border-color: var(--body-border);
}

.oo-ui-toolGroup {
    background: var(--body-background-color);
}

.load-fail-msg {
    color: var(--text-color);
}

.load-fail-msg-link a {
    color: var(--link-color);
}

.image-carousel .image-loaded {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E%0A") repeat;
}

.image-details {
    background-color: var(--body-light);
    border-color: transparent;
}

.mw-recentchanges-toplinks th {
    font-size: 90%;
}

.mw-changeslist-legend {
    margin-left: 0;
}

@media all and (min-width: 720px) {
    .ns-special .pre-content {
          background-color: transparent;
    }

    .ns-special .mw-body {
          background: var(--body-main);
    }

    .ns-special .mw-body form {
          background: transparent;
    }

}

form.mw-mf-settings .oo-ui-fieldLayout,
form.mw-mf-settings .oo-ui-fieldLayout:first-child {
    border-color: var(--body-mid);
}

.ns-special .content-header {
    border-bottom-color: var(--body-dark);
}

.action-history .mw-history-compareselectedversions {
    background-color: var(--body-main);
}

.action-history #pagehistory li:not(.selected) {
    border-bottom-color: var(--sidebar);
}

ul.mw-contributions-list li,
ul.special li {
    border-color: var(--sidebar);
}

.page-list li > a:not(.mw-ui-icon-element),
.topic-title-list li > a:not(.mw-ui-icon-element),
.site-link-list li > a:not(.mw-ui-icon-element) {
    color: var(--byline-color);
}

.page-list.side-list .list-thumb,
.topic-title-list.side-list .list-thumb,
.site-link-list.side-list .list-thumb {
    color: var(--text-color);
}

.page-list .info,
.topic-title-list .info,
.site-link-list .info,
.page-list .component,
.topic-title-list .component,
.site-link-list .component {
    color: var(--byline-color);
}

.mw-mf-user {
    color: var(--text-color);
}

.content .mw-index-pager-list-header {
    background-color: var(--body-mid);
    color: inherit;
    font-family: inherit;
}

.diff-editfont-monospace {
    font-family: monospace,monospace;
}

:root {
    --diff-deletedline-background: #fbc0ba;
}

.minoredit {
    background: var(--body-mid);
}

#mw-mf-diffview .mw-mf-diff-date {
    color: var(--byline-color);
}

#mw-mf-diffview .mw-diff-inline-deleted del,
#mw-mf-diffview .mw-diff-inline-changed del {
    background: var(--diff-deletedline-background);
    color: var(--diff-deletedline-color);
    border-radius: 0.33em;
}

#mw-mf-diffview .mw-diff-inline-added ins,
#mw-mf-diffview .mw-diff-inline-changed ins {
    background: var(--diff-addedline-background);
    color: var(--diff-addedline-color);
    border-radius: 0.33em;
}

#mw-mf-diffview .mw-diff-inline-moved {
    background: var(--diff-context-background);
}

#mw-mf-diffview #mw-mf-userinfo {
    background: var(--body-light);
    border-top-color: var(--body-border);
}

#mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
    color: var(--text-color);
}

#mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count div {
    color: var(--base-text-color);
}

.floornumber-us {
    display: none;
}

div.hatnote {
    padding: 5px 7px;
    color: var(--text-color);
    font-size: 0.8125rem;
    background-color: var(--body-mid);
    margin: 0 0 0.5em 0;
    overflow: hidden;
}

@media all and (max-width: 720px) {
    .musicplayer {
          clear: both !important;
          float: none !important;
          width: 100%;
          max-width: 100%;
          text-align: center;
          margin-left: 0;
    }

    .archivelist {
          margin: 1em 0;
          float: none;
          width: 100%;
    }

    .messagebox {
          border-left-width: 7px;
          font-size: 0.9375em;
    }

}

.rsw-infobox {
    font-size: 85%;
    background-color: var(--body-light);
    border: 1px solid var(--body-border);
}

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

.content .rsw-infobox caption {
    display: table-caption;
    background: none;
    text-align: -webkit-center;
}

.content .rsw-infobox caption.advanced-data {
    display: none;
}

.rsw-infobox tbody {
    width: 100%;
    display: table;
}

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

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

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

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

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

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

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

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

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

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

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

.rsw-infobox .infobox-nested + .infobox-nested {
    border-left: 0.175em solid var(--body-mid-dark);
}

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

.rsw-infobox .infobox-map {
    border-top: none;
    text-align: center;
    padding: 7px 0;
}

.rsw-infobox .infobox-bottom-links,
.rsw-infobox .infobox-template-links {
    display: none;
}

.rsw-infobox.infobox-monster {
    font-size: 80%;
}

.rsw-infobox.infobox-monster tbody {
    table-layout: fixed;
}

.rsw-infobox.infobox-monster input[type='number'] {
    padding: 2px;
}

.rsw-infobox.infobox-monster td {
    text-align: center;
}

.rsw-infobox.infobox-monster th.infobox-header,
.rsw-infobox.infobox-monster th.infobox-subheader,
.rsw-infobox.infobox-monster th.combat-subheader {
    text-align: center;
}

.rsw-infobox.infobox-user-stats th {
    border: none;
}

.rsw-infobox.infobox-user-stats th.infobox-header {
    text-align: center;
    border-bottom: none;
}

.rsw-infobox.infobox-user-stats th.infobox-header a,
.rsw-infobox.infobox-user-stats th.infobox-header a:visited {
    color: #fff;
}

.rsw-infobox.infobox-user-stats th.infobox-subheader {
    text-align: center;
    border-top: none;
    border-bottom: 0.175em solid #f9f9f9;
}

.rsw-infobox.infobox-user-stats td:not(.infobox-image):not(.infobox-map):last-child {
    border: none;
}

.rsw-infobox#infobox-familiar tbody {
    table-layout: fixed;
}

.rsw-infobox#infobox-familiar th[colspan="2"] {
    text-align: right;
    border-right: 0.175em solid #6ba5c8;
    padding: 0.2em 0.5em;
}

.rsw-infobox#infobox-familiar th[colspan="4"] {
    text-align: center;
}

.rsw-infobox#infobox-familiar th:last-child {
    border-right: 1px solid #efefef;
}

.rsw-infobox#infobox-familiar th:first-child {
    border-left: 1px solid #efefef;
}

.rsw-infobox#infobox-familiar td.infobox-template-links {
    border: 1px solid #efefef !important;
    padding-bottom: 0.6em;
}

.rsw-infobox#infobox-familiar td:first-child {
    border-left: 1px solid #efefef !important;
}

.rsw-infobox#infobox-familiar td:last-child {
    border-right: 1px solid #efefef !important;
}

.rsw-infobox#infobox-familiar td:not(.infobox-image):not(.infobox-map) {
    border: none;
}

.rsw-infobox#infobox-familiar td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
    border: none;
    padding: 0.25em 0.5em;
}

.rsw-infobox.infobox-disassembly-migration {
    table-layout: auto;
}

.rsw-infobox .advanced-data {
    display: none;
}

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

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

.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;
    }

}

.infobox-bonuses.wikitable {
    font-size: 0.9rem;
}

.infobox-bonuses.wikitable th {
    min-width: 50px !important;
}

@media screen and (max-width: 560px) {
    .infobox-wrapper {
          width: 100% !important;
    }

}

@media screen and (max-width: 499px) {
    .rsw-infobox {
          margin-left: auto !important;
          margin-right: auto !important;
    }

}

@media screen and (min-width: 500px) {
    .rsw-infobox {
          float: right;
          margin-left: 1em !important;
    }

}

.tile {
    padding: 1.5em 2em 1em;
}

.tile h2 {
    font-weight: 600;
    border: none;
    margin-top: 0.4em;
}

.tile .byline + h2 {
    margin-top: -0.5em;
}

.tile-top {
    padding: 1.3rem 1.5rem 2rem;
}

.tile-bottom {
    padding: 1rem 1.5rem 2rem;
}

.tile-bottom.read-more {
    padding: 0;
}

.tile-bottom.read-more a {
    padding: 1em 1.75em;
}

.tile.oswf-day {
    float: none !important;
    padding: 0.5em 2em;
}

.tile.oswf-day h2 {
    margin-right: auto;
    margin-left: auto;
    margin-top: -0.5em;
}

.oswf-tile {
    margin-bottom: 1em;
}

.oswf-tile h2 {
    clear: none !important;
    margin-top: 0;
    padding-top: 0.2em !important;
}

.oswf-tile .oswf-img {
    display: block;
    max-width: 75px;
    float: right;
}

.oswf-tile .oswf-img img {
    max-width: 100%;
    height: auto !important;
}

:root {
    --mobile-navbox-wide-bg-color: #eef1f4;
    --mobile-navbox-linear-gradient: linear-gradient(to right, rgba(226, 219, 200, 0), #e2dbc8 95%, #e2dbc8);
    --mobile-navbox-title-color: #fff;
    --mobile-navbox-group-title-bg-level-1: #ccd2d8;
    --mobile-navbox-group-title-bg-level-2: #e4eaee;
}

.navbox {
    border: 1px solid var(--body-border);
    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 .pic-link,
.navbox .chathead-link,
.navbox img {
    display: none;
}

.navbox-title {
    color: var(--mobile-navbox-title-color);
    background-color: var(--body-mid-dark);
    font-size: 140%;
    text-align: center;
    padding: 0.25em 0.85em;
}

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

}

.navbox-title a {
    color: var(--mobile-navbox-title-color);
}

.navbox-group-title {
    background-color: var(--mobile-navbox-group-title-bg-level-1);
    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 var(--body-border);
          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 var(--body-border);
    }

}

.navbox-list ul {
    display: flex;
}

@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;
          flex-wrap: wrap;
    }

}

.navbox-list[style*="center"] ul {
    justify-content: center;
}

.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;
    color: var(--text-color);
    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: var(--mobile-navbox-group-title-bg-level-2);
    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: var(--mobile-navbox-wide-bg-color);
          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;
}

@media screen and (max-width: 720px) {
    .questdetails-header {
          text-align: center;
          display: block;
          width: auto;
          background-color: rgba(0, 0, 0, 0.1);
    }

    .questdetails-info {
          display: block;
          margin-top: 10px;
          margin-bottom: 10px;
    }

    .questdetails tr,
    .questdetails tbody {
          display: block;
    }

    .questdetails {
          padding: 0;
    }

    .questdetails ul {
          padding-left: 2px;
          margin-left: 2px;
    }

    .questdetails-info {
          word-wrap: normal;
    }

}

.content ul.actionbar,
.content ul.actionbar-revolution {
    box-sizing: border-box;
    padding: 39px 0 0 6px;
    margin: 0;
    width: 530px;
    height: 76px;
}

.content ul.actionbar li,
.content ul.actionbar-revolution li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 4px;
}

.content ul.actionbar {
    background: url('filepath://Template_action_bar.png');
}

.content ul.actionbar-revolution {
    background: url('filepath://Template_action_bar_revolution.png');
}

.equipmenttable {
    background-image: url('filepath://Worn_equipment_interface_blank.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 225px;
    height: 320px;
    text-align: center;
    display: inline-block;
}

.equipmenttable.equipmenttable-float-right {
    float: right;
}

.equipmenttable.equipmenttable-float-left {
    float: left;
}

.equipmenttable.equipmenttable-float-center {
    display: block;
    margin: 0 auto;
}

.equipmenttable .equipmentrow {
    position: relative;
}

.equipmenttable .equipmentrow.equipmentrow1 {
    top: 65px;
}

.equipmenttable .equipmentrow.equipmentrow2 {
    top: 73px;
}

.equipmenttable .equipmentrow.equipmentrow3 {
    top: 81px;
}

.equipmenttable .equipmentrow.equipmentrow4 {
    top: 88px;
}

.equipmenttable .equipmentrow.equipmentrow5 {
    top: 98px;
}

.equipmenttable .equipmentrow .equipmentslot {
    display: table-cell;
    position: relative;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.equipmenttable .equipmentrow .equipmentslot img {
    max-height: 32px;
    max-width: 32px;
}

.equipmenttable .equipmentrow .equipmentslot.emptyslot img {
    opacity: 0.5;
}

.equipmenttable .equipmentrow .equipmentslot.auraslot {
    left: 57px;
}

.equipmenttable .equipmentrow .equipmentslot.headslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.pocketslot {
    left: 73px;
}

.equipmenttable .equipmentrow .equipmentslot.capeslot {
    left: 57px;
}

.equipmenttable .equipmentrow .equipmentslot.neckslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.ammoslot {
    left: 73px;
}

.equipmenttable .equipmentrow .equipmentslot.weaponslot {
    left: 37px;
}

.equipmenttable .equipmentrow .equipmentslot.torsoslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.shieldslot {
    left: 93px;
}

.equipmenttable .equipmentrow .equipmentslot.legsslot {
    left: 97px;
}

.equipmenttable .equipmentrow .equipmentslot.glovesslot {
    left: 37px;
}

.equipmenttable .equipmentrow .equipmentslot.bootsslot {
    left: 65px;
}

.equipmenttable .equipmentrow .equipmentslot.ringslot {
    left: 93px;
}

.infobox-bonuses.wikitable th {
    padding: 0.25em 0.4em;
    text-align: center;
    white-space: nowrap;
    width: 70px !important;
}

.infobox-bonuses.wikitable td {
    text-align: center;
}

.infobox-bonuses.wikitable .combat-attributes {
    text-align: left;
}

.infobox-bonuses.wikitable .combat-attributes .image {
    display: inline-block;
    margin-right: 4px;
    width: 23px;
}

.inventorytable {
    background-image: url('filepath://Inventory_interface.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 174px;
    height: 328px;
    padding: 37px 0 42px;
    border-spacing: 0;
}

.inventorytable td {
    padding: 0 !important;
    border: 0 !important;
    text-align: center;
    position: relative;
    width: 46px;
    height: 36px;
}

.inventorytable .inv-quantity-text {
    top: -1px;
    text-shadow: #000 1px 1px;
    position: absolute;
    color: yellow;
    font-family: 'RuneScape Small';
    left: 6px;
    font-size: 16px;
    pointer-events: none;
}

.inventorytable .inv-quantity-text.qty-100k {
    color: #FFFFFF;
}

.inventorytable .inv-quantity-text.qty-10m {
    color: #01FF80;
}

.inventorytable .noted-item a {
    width: 32px;
    line-height: 28px;
    background-image: url(/images/c/cc/Note.png?37169);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}

.inventorytable .noted-item img {
    transform: scale(0.65);
}

.mw-message-box {
    display: block !important;
    padding: 5px 7px;
    font-size: 0.8em;
    margin-bottom: 1px;
    overflow: hidden;
    width: auto !important;
}

.messagebox {
    display: block !important;
    padding: 5px 7px;
}

.messagebox2 {
    display: block !important;
    font-size: 0.8em;
    margin-bottom: 1px;
    max-width: 100% !important;
    overflow: hidden;
}

.perk-link {
    background: #09222F;
    border-radius: 111px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    display: inline-table;
    margin-right: 5px;
    text-align: center;
}

.perk-link.perk-link-nobg {
    background: transparent;
}

.perk-link > a {
    vertical-align: middle;
}

.perk-link .perk-link-rank {
    position: relative;
    top: -26px;
    left: 5px;
    margin-bottom: -28px;
    line-height: 0;
    float: left;
}

.perk-background {
    background: #09222F;
}

.navbox .perk-link img {
    max-height: initial;
}

:root {
    --wikitable-header-bg: #438ab5;
    --wikitable-header-border: #356e90;
    --wikitable-header-color: var(--dark-text-color);
    --wikitable-header-link-color: var(--dark-text-color);
    --wikitable-color: var(--dark-text-color);
}

.content table.wikitable.wikitable {
    border: 0;
    color: var(--text-color);
}

.content table.wikitable > tbody > tr:not(.highlight-on) > th a {
    color: var(--wikitable-header-link-color);
}

.table-bg-calc-grey {
    opacity: 0.6;
    background: #565E66;
}

table.wikitable td.no-cell-spacing {
    padding: 0;
    height: 0;
}

table.wikitable td.no-cell-spacing table {
    margin: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

table.align-right-1 td:nth-of-type(1),
table.align-right-2 td:nth-of-type(2),
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10) {
    text-align: right;
}

table.align-center-1 td:nth-of-type(1),
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10) {
    text-align: center;
}

table.align-left-1 td:nth-of-type(1),
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10) {
    text-align: left;
}

.table-bg-purple {
    background: #cfc0f0;
    color: #3d276b;
}

.table-bg-purple a:not(.mw-selflink) {
    color: #4f348b;
    text-decoration: underline;
}

.mw-collapsible.mw-collapsed {
}

.mw-collapsible:not(.mw-made-collapsible) th::before,
.mw-collapsible .mw-collapsible-toggle {
    font-weight: normal;
    margin-left: 0.5em;
}

.livestream-table td > .media-logo {
    filter: grayscale(0.8);
    opacity: 0.5;
}

.no-list-style li {
    list-style: none;
}

.no-list-style ul,
.no-list-style ol,
.no-list-style li {
    margin-left: 0;
}

.update-history > ul {
    margin: 0;
    margin-bottom: 0.75em;
}

.update-history > ul > li {
    list-style: none;
}

.update-history li {
    margin-bottom: 0 !important;
}

.update-type:hover a {
    text-decoration: none;
}

.update-type a {
    color: white !important;
    background: #3ea6e6;
    font-size: 80%;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 5px;
}

.update-type a:not( [href] ) {
    color: #fff;
}

.update-type.hidden-update a,
.update-type.ninja-update a,
.update-type.nxt-update a {
    background: #444e5a;
}

.update-type.patch-update a {
    background: #6bc71f;
}

.update-type.hotfix-update a,
.update-type.coldfix-update a {
    background: #ee4231;
}

table .im-task-reqs {
    text-align: left;
}

table .im-task-reqs p {
    margin: 0.8em 0 0 0;
}

.portal-link-wrapper {
    text-align: center;
    margin-bottom: 0.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.portal-link a {
    height: 120px;
    width: 300px;
    display: inline-flex;
    justify-content: center !important;
    align-items: center !important;
    margin: 7px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.4em;
    font-family: 'League Spartan', sans-serif;
    text-transform: uppercase;
    text-align: center;
    background-color: #fafafa;
    color: #404040;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.03);
    transition: 0.2s;
}

.portal-link a:hover {
    text-decoration: none;
    background-color: #f2f2f2;
}

.portal-link.wide a {
    width: 618px;
}

.portal-link.compact a {
    font-size: 15px;
    height: 100px;
    width: 200px;
}

.portal-link.short a {
    font-size: 15px;
    height: 50px;
    width: 200px;
    font-variant: small-caps;
    text-transform: none;
}

.portal-link.article a {
    border-top: 8px solid #90c2dd;
}

.portal-link.article a:hover {
    background-color: #90c2dd;
    color: #fff;
}

.portal-link.file a {
    border-top: 8px solid #617ebc;
    background-color: #cfd8eb;
}

.portal-link.file a:hover {
    background-color: #617ebc;
    color: #fff;
}

.portal-link.template a {
    border-top: 8px solid #898989;
    background-color: #ebebeb;
}

.portal-link.template a:hover {
    background-color: #898989;
    color: #fff;
}

@keyframes slide-up {
    from {
          opacity: 0;
          transform: translateY(1rem);
    }

    to {
          opacity: 1;
          transform: translateY(0);
    }

}

.header-container.header-chrome {
    background-size: 400px;
}

@media only screen and (max-width: 65.999rem) {
    .mainpage-header h1 {
          text-align: center;
    }

}

.mainpage-body {
    display: unset;
}

.mainpage-body ul {
    margin: 0 0.25em;
    list-style-type: disc;
}

.mainpage-body .tile-row {
    width: inherit;
}

.mainpage-left {
    margin-right: 0;
}

.mainpage-left .tile {
    padding: 2.5em 1.75em 2em;
}

.mainpage-left .tile h2 {
    padding: 0;
    margin: 0.65em 0.5em;
}

.mainpage-left .tile-halves h2 {
    padding: 0;
    margin: 0.65em 0.5em;
}

.tile.big-tile {
    border: none;
    border-bottom: 1px solid #e4eaee;
    width: initial;
    margin-top: 1em;
}

.tile.big-tile.necro {
    padding: 1em !important;
    border-bottom: none;
    margin: 0 -1em !important;
}

.tile.big-tile.necro .floatnone {
    text-align: center;
}

.tile.big-tile.necro ul {
    padding: 0;
}

.mainpage-recent-updates {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 1.5em 1em 2.5em;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
}

.mainpage-recent-updates::before {
    content: 'Recent updates';
    display: block;
    position: -webkit-sticky;
    position: sticky;
    left: 1.5em;
    color: var(--byline-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.mainpage-recent-updates .tile-halves {
    display: inline-block;
    margin: 1em 0.75em 0 0;
    width: 100%;
    white-space: initial;
    flex: unset;
    scroll-snap-align: center;
}

.mainpage-recent-updates .tile-halves:nth-child(1) {
    animation: 0.9s 0.2s both slide-up;
}

.mainpage-recent-updates .tile-halves:nth-child(2) {
    animation: 0.9s 0.4s both slide-up;
}

.mainpage-recent-updates .tile-halves:nth-child(3) {
    animation: 0.9s 0.6s both slide-up;
    margin-right: 1em;
}

.mainpage-recent-updates .tile-top {
    height: 9em;
    overflow: hidden;
}

.mainpage-recent-updates .tile-bottom {
    padding-bottom: 0.5rem;
}

.mainpage-recent-updates .byline {
    margin: 0;
}

.mainpage-recent-updates .byline + h2 {
    margin: 0.025em 0 0;
    padding: 0;
}

.mainpage-recent-updates a + a:before {
    content: "· ";
    display: inline-block;
    white-space: pre-wrap;
    pointer-events: none;
}

@media only screen and (min-width: 58em) {
    .mainpage-recent-updates {
          overflow-x: initial;
    }

    .mainpage-recent-updates::before {
          width: 100%;
    }

    .mainpage-recent-updates .tile-halves {
          width: 85vw;
          max-width: 18em;
    }

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

    .mainpage-recent-updates .tile-halves img {
          margin-top: unset;
    }

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

}

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

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

}

.mainpage-contents {
    background: #5d6773;
    padding: 55px 1em 2em 2.5em;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow-x: auto;
    position: relative;
}

.mainpage-contents::before {
    content: 'Explore';
    margin: 1em;
    position: absolute;
    top: 0;
    color: inherit;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.mainpage-contents .tile-halves {
    border: none;
    background: none;
    box-shadow: none;
    flex: 0 0 auto;
    width: 200px;
    margin-right: 10px;
}

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

.mainpage-contents .tile-top {
    padding: 0;
    height: initial;
}

.mainpage-contents .tile-bottom {
    border: none;
}

.mainpage-contents h2 {
    width: 100%;
}

.mainpage-skills .tile-top {
}

@media only screen and (min-width: 32em) {
    .mainpage-skills .tile-top ul {
          width: 100%;
          max-width: 50em;
          margin: auto;
    }

}

.mainpage-wikinews::before {
    content: 'From the wiki';
    margin-left: 0.75em;
    color: var(--byline-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.mainpage-wikinews .news-date {
    font-weight: bold;
    margin-bottom: 0;
}

.mainpage-wikinews p {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.mainpage-yg {
    display: none;
    padding-bottom: 2.5em !important;
}

.mainpage-yg::before {
    content: 'Discussions';
    margin-left: 0.75em;
    color: var(--byline-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

body.is-authenticated .mainpage-yg {
    display: initial;
}

.mainpage-news {
    background: var(--tile-link-button-color);
}

.mainpage-news .news-updates::before {
    content: 'Newsposts';
    margin-left: 0.75em;
    color: var(--byline-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.mainpage-news .news-updates li {
    text-overflow: ellipsis;
    overflow: hidden;
}

.mainpage-social {
    border: none;
    margin-bottom: 0;
}

.mainpage-social .tile-top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em 2em;
    height: 70px;
}

.mainpage-social .tile-top .social-icon {
    float: left;
    margin: 0 1em 0 -1em;
    width: 60px;
    text-align: center;
}

.mainpage-social .tile-top .social-header {
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0;
}

.mainpage-social .tile-top .social-tagline {
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

.mainpage-social .tile-bottom {
    border: none;
    padding: 1em 2em;
}

.mainpage-social .tile-bottom p {
    color: var(--byline-color);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
    margin: 0;
}

.mainpage-social.mainpage-discord .tile-top {
    background: #7289da;
}

.mainpage-social.mainpage-discord .tile-bottom {
    background: #697ec4;
}

.mainpage-social.mainpage-twitter .tile-top {
    background: #1da1f2;
}

.mainpage-social.mainpage-twitter .tile-bottom {
    background: #1e96e0;
}

.mainpage-events {
    border: none;
    margin-bottom: 0;
}

.mainpage-events .tile-top {
    background-color: #4f348b;
    color: #fff;
    padding: 1em 2em;
}

.mainpage-events .tile-top h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.mainpage-events .tile-top .note {
    margin-top: 0;
    color: #949eaa;
    font-style: italic;
}

.mainpage-events .tile-top .note a,
.mainpage-events .tile-top .note a:visited {
    color: #b8c5d4;
}

.mainpage-events .tile-top a,
.mainpage-events .tile-top a:visited,
.mainpage-events .tile-top h2 a {
    color: #fff;
    text-decoration: none;
}

.mainpage-events .tile-top ul {
    list-style: none;
    margin-top: 1em;
    margin-left: 0;
}

.mainpage-events .tile-top li {
    padding-bottom: 0.6em;
    overflow: auto;
}

.mainpage-events .tile-top li img {
    max-width: 30px;
    width: auto;
    height: auto;
}

.mainpage-events .tile-top li a:hover,
.mainpage-events .tile-top li a:focus {
    text-decoration: underline;
}

.mainpage-events .tile-top li a {
    float: left;
}

.mainpage-events .tile-top li a:first-child {
    width: 30px;
}

.mainpage-events .tile-top li a:last-child {
    padding-left: 1.5em;
    text-indent: -1em;
    line-height: 1.5;
}

.mainpage-events .tile-top li:last-of-type {
    display: none;
}

.mainpage-events .tile-bottom {
    border: none;
    padding: 1em 1.75em;
    background-color: #3d276b;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}

body.wgl-theme-dark .mainpage-events .tile-bottom {
    background-color: #3d276b;
    color: #fff;
}

.mainpage-events .tile-bottom a,
.mainpage-events .tile-bottom a:visited {
    color: #fff;
    text-decoration: none;
}

.mainpage-events .tile-bottom .arrow {
    margin-left: 0.2em;
}

.ns-120 section ul,
.transcript ul,
.ns-120 section ol,
.transcript ol {
    padding: 0;
}

.ns-120 section ul,
.transcript ul {
    margin: 5px 0 0 0;
}

.ns-120 section ul ul,
.transcript ul ul,
.ns-120 section ul ol,
.transcript ul ol {
    margin: 5px 0 0 15px;
}

.ns-120 section ul,
.transcript ul,
.ns-120 section ul ul,
.transcript ul ul,
.ns-120 section ul ol,
.transcript ul ol {
    list-style: none !important;
    border-left: 1px dashed var(--transcript-border-color);
}

.ns-120 section ul:has(> li > .transcript-opt),
.transcript ul:has(> li > .transcript-opt),
.ns-120 section ul ul:has(> li > .transcript-opt),
.transcript ul ul:has(> li > .transcript-opt),
.ns-120 section ul ol:has(> li > .transcript-opt),
.transcript ul ol:has(> li > .transcript-opt) {
    margin-left: -6px;
}

.ns-120 section ul:hover,
.transcript ul:hover,
.ns-120 section ul ul:hover,
.transcript ul ul:hover,
.ns-120 section ul ol:hover,
.transcript ul ol:hover {
    border-color: var(--transcript-border-hover-color);
}

.ns-120 section ul li,
.transcript ul li,
.ns-120 section ul ul li,
.transcript ul ul li,
.ns-120 section ul ol li,
.transcript ul ol li {
    flex-direction: column;
    padding-left: 10px;
    margin: 14px 0;
}

.ns-120 section ul li:last-of-type,
.transcript ul li:last-of-type,
.ns-120 section ul ul li:last-of-type,
.transcript ul ul li:last-of-type,
.ns-120 section ul ol li:last-of-type,
.transcript ul ol li:last-of-type {
    margin-bottom: 0;
}

.forumsearchbox {
    float: initial;
    margin: auto !important;
}

.forumsearchbox input {
    margin: 0.5em;
}

.forum_title {
    text-align: left;
}

.forum_title .forum_new {
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 1px;
}

.forum_edited {
    text-align: right;
}

.forumlist {
    margin: auto !important;
}

.forumlist .forum_editor,
.forumlist .forum_type {
    display: none;
}

.forumlist .forum_title,
.forumlist .forum_edited {
    width: auto;
}

.forumcolumnheader {
    margin: auto;
}

body.ns-110 #page-secondary-actions,
.page-Forum_Yew_Grove .shortcut {
    display: none;
}

.page-Forum_Yew_Grove #mf-section-0 .hidden-mobile div {
    float: none !important;
}

.archive .forum_title,
.archive .forum_edited {
    width: 100% !important;
    min-width: 10em;
}

.calc-container {
    padding-right: 2px;
    display: block;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin-top: -52px;
    column-count: auto;
    column-width: 491px;
    column-fill: balance;
    column-gap: 52px;
    column-rule: dashed 1px rgba(137, 142, 152, 0.1);
}

.calc-container .calc-tile-divider:first-child {
    margin-bottom: 0px;
}

.calc-section-header {
    position: relative;
    top: 0px;
    padding-top: 1em;
    background: var(--body-main);
    z-index: 5;
}

.calc-section-header > h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.calc-sticky .calc-section-header {
    position: sticky !important;
}

.calc-toc {
    padding-top: 13px;
    padding-bottom: 13px;
}

.calc-toc-section {
    position: relative;
    display: grid;
    grid-template-columns: 144px 1fr;
    margin-bottom: 0px;
}

.calc-toc-section > p {
    grid-column-start: 1;
    grid-column-end: span 1;
    margin: 0;
    line-height: 34px;
    text-align: right;
    padding-right: 21px;
    font-size: 1em;
    font-weight: bold;
}

.calc-toc-dots {
    position: absolute;
    top: 34px;
    bottom: 26px;
    right: 0px;
    grid-column-start: 1;
    grid-column-end: span 1;
    border-right: 1px dotted #cccccc;
    text-align: right;
    margin-right: 29px;
}

.calc-toc-list {
    grid-column-start: 2;
    grid-column-end: span 1;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}

.calc-toc-list-item {
    position: relative;
    min-width: 193px;
    width: 193px;
    max-width: 193px;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 34px;
    padding-left: 34px;
    padding-right: 6px;
    color: #ffffff;
    text-shadow: 1px 1px #0006;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calc-toc-list-item > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.calc-toc-list-item > img {
    position: absolute;
    top: 6.5px;
    left: 6.5px;
    width: 21px;
    height: 21px;
}

.calc-tile-divider {
    margin-bottom: -52px;
}

.calc-tile-container {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 0;
    padding-top: 78px;
    padding-bottom: 0.25rem;
    background: none !important;
    width: calc(100% - 2px);
}

@supports ( break-inside: avoid-column ) {
    .calc-tile-container {
          display: block;
    }

}

.calc-header-title {
    text-shadow: 1px 1px #0006;
    height: 55px;
    margin-left: 5px;
    grid-column-start: 2;
    grid-column-end: span 1;
    min-width: 0;
    color: rgba(255, 255, 255, 0.9);
    z-index: inherit;
}

.calc-header-title > h2 {
    color: inherit !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 21px;
    grid-template-rows: 0px 132px;
    display: block !important;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 55px !important;
}

.calc-header-title > h2 > span {
    grid-template-rows: 77px 55px;
    grid-row-start: 1;
    grid-row-end: span 1;
    display: block !important;
    height: auto;
    color: inherit !important;
}

.calc-header-title > h2 > span > span {
    grid-row-start: 2;
    grid-row-end: span 1;
}

.calc-header-title > h2 > .mw-headline-headanchor {
    grid-row-start: 1;
    grid-row-end: span 1;
}

.calc.tile {
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 100%;
    height: unset;
    z-index: 0;
}

.calc .keyword {
    font-size: 1.125em;
    font-weight: bold;
}

.calc-header {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 1;
    display: grid;
    grid-template-columns: 55px 1fr;
    position: relative;
    top: 0;
    width: 100%;
    height: 55px;
    overflow: hidden;
    background: transparent;
    z-index: 2;
}

.calc-header-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.calc-header-background > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.calc-header-icon {
    grid-column-start: 1;
    grid-column-end: span 1;
    min-width: 55px;
    width: 55px;
    max-width: 55px;
    min-height: 55px;
    height: 55px;
    max-height: 55px;
    z-index: inherit;
}

.calc-header-icon > img {
    object-fit: contain;
    min-width: 25px;
    width: 25px;
    max-width: 25px;
    min-height: 25px;
    height: 25px;
    max-height: 25px;
    padding: 15px;
}

.calc-header-title-semantics {
    display: none;
}

.calc-header-command {
    margin-left: 10px;
    grid-column-start: 3;
    grid-column-end: span 1;
    height: 55px;
    line-height: 55px;
    z-index: inherit;
}

.calc-list {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 5.5px;
}

.calc-list-item {
    position: relative;
    display: grid;
    grid-template-columns: [thumb] min-content [main] 1fr [key] max-content;
    grid-template-rows: min-content min-content;
    width: auto;
    padding: 8.5px;
    margin: 0;
    border-bottom: 1px solid rgba(137, 142, 152, 0.075);
}

.calc-list-item:last-child {
    border-bottom-color: transparent;
}

.calc-list-item-thumbnail {
    grid-column-start: thumb;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2;
    margin-left: 0;
    width: 44px;
    height: 52.8px;
    margin-right: 8.5px;
    padding-top: 8.5px;
}

.calc-list-item-thumbnail > img {
    min-width: 44px;
    width: 44px !important;
    max-width: 44px;
    min-height: 44px;
    height: 44px !important;
    max-height: 44px;
    object-fit: contain;
    object-position: center 0;
    grid-row-start: 2;
    grid-row-end: span 1;
}

.calc-list-item-key {
    width: 28px;
    grid-column-start: key;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    margin-left: 8.5px;
}

.calc-list-item-key > img {
    position: absolute;
    top: 8.5px;
    right: 8.5px;
}

.calc-list-item-title {
    grid-column-start: main;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    padding-left: 8px;
    text-indent: -8px;
}

.calc-list-item-desc {
    grid-column-start: main;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-left: 8px;
    text-indent: 0px;
}

.rsw-chartjs.rsw-chartjs-config {
    display: none;
}

.rsw-chartjs.rsw-chart-error {
    font-family: monospace;
}

.rsw-chartjs-canvas {
    background-color: var(--body-light);
}

.wikitable {
    background: none;
    box-shadow: none;
}

.wikitable tbody {
    background: var(--body-light);
}

.toc {
    background-color: var(--body-light);
    border-color: var(--body-border);
}

#filetoc li {
    display: inline;
    padding-right: 2em;
}

.mw-echo-ui-overlay,
.overlay.visible {
    z-index: 2 !important;
}

.ns-116 .archive {
    display: none !important;
}

.content table.wikitable {
    border: none !important;
    box-shadow: none !important;
}

.update-redirect {
    text-align: center;
    background: #fffbf1;
    border: 1px solid #909090;
    font-weight: 600;
    font-size: 2em;
    line-height: 1em;
    padding: 1em;
    color: #000 !important;
}

.update-redirect.nuke {
    margin-bottom: 25%;
}

.mw-footer .license {
    background: none;
}

.mw-dismissable-notice-body {
    margin: 0;
}

.mw-dismissable-notice-body .mw-dismissable-notice-close-parent {
    border-radius: 0 !important;
    font-size: 0.75em;
}

:root {
    --thumb-image-background: var(--body-light);
    --thumb-caption-background: var(--body-mid);
    --wikitable-alternating-bg: #f9f9f9;
}

.content .thumbinner {
    background-color: var(--thumb-bg);
}

.content .thumbimage {
    border: 1px solid transparent;
    border-bottom: none;
}

.content .thumbcaption {
    margin: 0;
    padding: 4px 6px !important;
    color: inherit;
    background: var(--thumb-caption-bg);
}

.content table.messagebox {
    margin: 0.5em auto;
}

.content table a > img {
    max-width: inherit !important;
    height: inherit !important;
}

.content .infobox a > img {
    max-width: 100% !important;
    height: auto !important;
}

.content .infobox-bonuses a > img {
    max-width: inherit !important;
    height: inherit !important;
}

@media only screen and (max-width: 35em) {
    .VoS-display + * {
          clear: both;
    }

}