MediaWiki:Tabber.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/****************************************************/
/* Fake Tabbers - Used on photography, album, etc. pages - credits to Marina wiki fandom
/****************************************************/
ul.article-tabs {
    width: 100%;
    border-bottom: 1px solid var(--theme-border-color);
    font-size: 0;
    margin: 0 0 10px 0 !important;
    padding-top: 10px;
}

ul.article-tabs li {
    display: inline-block;
    margin: 0 0 -1px 0;
    line-height: 40px;
}

ul.article-tabs strong {
    background: var(--theme-page-background-color);
    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-border-color) var(--theme-border-color) var(--theme-page-background-color) var(--theme-border-color);
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    padding: 10px 15px;
    vertical-align: middle;
}

ul.article-tabs a {
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 5px 5px 0 0;
    color: var(--theme-link-color);
    font-size: 16px;
    padding: 10px 15px;
    vertical-align: middle;
}
/* Tabber */
.page-content .wds-tabs__tab.wds-is-current {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.tabber .wds-tabs__wrapper.with-bottom-border {
    border-bottom: none;
}
.tabber ul.wds-tabs {
    zoom: 1;
    border-bottom: 1px solid var(--theme-border-color);
    margin: 0;
    overflow: visible;
    padding-left: 5px;
}
.tabber .wds-tabs__tab.wds-is-current a {
    font-weight: 700;
    cursor: text;
}
.tabber .wds-tabs__tab a {
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 2;
    padding: 6px 12px 3px;
    position: relative;
    font-weight: 500;
    top: 1px;
    color: var(--theme-link-color);
}
.tabber .wds-tabs__tab a:hover {
    color: var(--theme-link-color--hover);
    text-decoration: underline;
}
.tabber .wds-tabs__tab.wds-is-current a {
    background: var(--theme-page-background-color);
    border-left: 1px solid var(--theme-border-color);
    border-right: 1px solid var(--theme-border-color);
    border-top: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
    cursor: text;
    font-weight: 700;
    text-decoration: none;
    font-weight: 700;
    cursor: text;
}
.tabber .wds-tabs__tab.wds-is-current a:hover {
    text-decoration: none;
    color: var(--theme-page-text-color);
}
.tabber .wds-tabs__tab-label {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 14px;
    height: 35px;
    letter-spacing: .5px;
    margin: 0 0;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .1s;
    transition: color .1s;
    white-space: nowrap;
}
.tabber .wds-tab__content.wds-is-current {
    padding-top: 1em;
}