Documentation may be created at User:KirbAvion/fandomdesktop.css/doc.
Note: After saving, you have to bypass your browser's cache to see the changes.
Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:OasisRevived.css&only=styles";
:root {
--theme-page-background-color--opacity: 1;
--theme-header-background-color: var(--theme-sticky-nav-background-color);
--theme-header-text-color: var(--theme-sticky-nav-text-color);
--theme-header-text-color--hover: var(--theme-sticky-nav-text-color--hover);
}
/* Page background opacity */
.main-container .resizable-container {
background-color: rgba(var(--theme-page-background-color--rgb), var(--theme-page-background-color--opacity));
max-width: 1450px;
}
.page__main, .page__right-rail {
background: inherit;
}
/* Global Navigation */
/** Removing sticky header **/
.fandom-sticky-header {
display: none;
}
/** Rotate bar background and style text **/
.global-navigation {
flex-direction: row;
width: 100%;
height: 55px;
bottom: auto;
box-shadow: none;
font-family: Rubik,Helvetica Neue,Helvetica,Arial,sans-serif;
padding: 0 12px;
align-items: center;
z-index: 10001;
}
/** Global navigation (main) items direction **/
.global-navigation__top, .global-navigation__nav {
flex-direction: row;
}
/** Fandom logo size **/
.global-navigation__logo {
height: 27px;
width: 126px;
}
.global-navigation__logo .wds-icon {
display: none;
}
.global-navigation__logo:after {
content: ' ';
height: 27px;
width: 126px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-white' viewBox='0 0 164 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6'%3E%3C/path%3E%3Cpath d='M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z' fill='%23FFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
display: block;
}
/** Hide tooltip on global nav **/
.wds-tooltip.is-right {
z-index: 10000;
}
/** Removing option icons **/
.global-navigation__link-icon {
display: none;
}
.global-navigation__icon {
display: flex;
align-items: flex-end;
}
.global-navigation__search {
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
position: fixed;
right: 264px;
}
.global-navigation__links {
flex-direction: row;
display: inline-flex;
align-items: center;
height: 100%;
}
.global-navigation .notifications .global-navigation__icon {
width: 30px;
height: 30px;
}
/** Corecting alignment for "Games" **/
.global-navigation__links .global-navigation__link:first-child {
margin-top: 0;
}
/** Correcting alignment for other elements **/
.global-navigation__link {
margin-top: 0;
padding: 0;
margin-left: 30px;
}
@media only screen and (max-width: 1023px) {
.global-navigation__link {
margin-left: 18px;
}
}
.global-navigation__link:not(.start-a-wiki) {
display: flex;
justify-content: center;
height: 100%;
}
/** Flexbox fixes **/
.global-navigation__top {
align-items: unset;
flex-direction: row;
}
.global-navigation__nav {
align-items: center;
}
/** Style of options text **/
.global-navigation__link-text {
font-size: 18px;
font-weight: 700;
margin-top: 0;
overflow: visible;
align-items: center;
transition: color .3s,font-size .2s,margin-left .2s;
max-width: unset;
}
@media only screen and (max-width: 1279px) {
.global-navigation__link-text {
font-size: 16px;
}
}
.global-navigation__link.start-a-wiki {
margin-left: 16px;
}
/** Dropdown position **/
.global-navigation .wds-dropdown.wds-open-to-right .wds-dropdown__content {
bottom: unset;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-radius: 3px;
}
.global-navigation .wds-dropdown.wds-open-to-right:not(.wds-is-not-hoverable):hover:before {
display: block !important;
bottom: -1px;
content: "";
left: 50%;
pointer-events: none;
position: absolute;
z-index: 2;
border: 8px solid transparent;
border-bottom: 8px solid var(--wds-dropdown-background-color);
margin-left: -8px;
top: unset;
transform: unset;
}
.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content {
position: absolute;
}
/** Start a wiki. Joined classes necessary **/
.global-navigation__link.start-a-wiki .global-navigation__link-text {
display: none;
align-items: center;
border: 1px solid currentColor;
border-radius: 3px;
box-sizing: content-box;
font-size: 12px;
font-weight: 600;
justify-content: center;
letter-spacing: .15px;
line-height: 16px;
margin-left: 0;
min-height: 18px;
padding: 7px 18px;
transition-duration: .3s;
transition-property: color;
white-space: nowrap;
max-width: fit-content;
}
@media only screen and (min-width: 1024px) {
.global-navigation__link.start-a-wiki .global-navigation__link-text {
display: flex;
}
}
.global-navigation__link.start-a-wiki .global-navigation__link-text:hover {
color: #82a7a3;
}
/** Joined classes necessary. Removing overflow cover **/
.global-navigation__link-text.text-overflow:after {
display: none;
}
/** Order of elements **/
.global-navigation__link.start-a-wiki {
position: absolute;
width: 118px;
right: 12px;
}
.global-navigation__bottom {
position: absolute;
right: 147px
}
@media only screen and (max-width: 1023px) {
.global-navigation__bottom {
right: 13px;
}
.global-navigation__search {
right: 130px;
}
}
/** User and notification icon **/
.global-navigation__bottom {
flex-direction: row-reverse;
padding: 13px 0 !important;
}
.global-navigation__bottom .wds-dropdown {
margin-left: 7px;
}
.global-navigation__bottom .wds-dropdown__toggle,
.global-navigation__bottom .global-navigation__icon {
justify-content: center;
align-items: center;
width: inherit;
}
.global-navigation .global-navigation__link.wds-dropdown .wds-dropdown__toggle,
.global-navigation__bottom .wds-dropdown__toggle {
display: flex;
flex-direction: row;
}
.global-navigation .wds-dropdown__toggle:after {
content: ' ';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-icons-dropdown-tiny' viewBox='0 0 12 12'%3E%3Cpath id='dropdown-tiny-a' style='fill:%23ff776d' d='M6.0001895,8.80004571 C5.79538755,8.80004571 5.5905856,8.72164496 5.43458411,8.56564348 L2.23455364,5.365613 C2.00575146,5.13681083 1.93695081,4.79280755 2.06095199,4.4936047 C2.18415316,4.19440185 2.47695595,4 2.80015903,4 L9.20021997,4 C9.52342305,4 9.81542583,4.19440185 9.93942701,4.4936047 C10.0634282,4.79280755 9.99462754,5.13681083 9.76582536,5.365613 L6.56579489,8.56564348 C6.4097934,8.72164496 6.20499145,8.80004571 6.0001895,8.80004571 Z'%3E%3C/path%3E%3C/svg%3E");
height: 12px;
min-width: 12px;
width: 12px;
margin-left: 6px;
}
.global-navigation .wds-dropdown:hover .wds-dropdown__toggle:after {
transform: rotate(180deg);
}
.global-navigation__bottom .global-navigation__icon {
height: inherit;
}
.global-navigation__bottom > * {
display: flex;
align-items: center;
}
/** Remove dropdown arrow for user profile. Joined classes necessary **/
.wds-dropdown.wds-open-to-right:before, .wds-dropdown.wds-open-to-right:after {
display: none !important;
}
/** Reversing list of options in user dropdown **/
.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list {
transform: rotate(180deg);
}
.global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content ul.wds-list li {
transform: rotate(-180deg);
}
/** Notifications icon alignment **/
.global-navigation__bottom .notifications {
margin-bottom: 0;
}
/** Sticky header and notifications dropdown gap **/
.fandom-sticky-header.is-visible +.global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content {
top: 55px;
}
/** Notifications dropdown div **/
.global-navigation .notifications .wds-dropdown.wds-is-not-hoverable.is-attached-to-bottom div.wds-dropdown__content {
top: 55px;
right: 0;
min-height: 80px;
max-height: 435px;
width: 356px;
left: auto;
transform: none;
}
/** Notifications scrollable and font size **/
.global-navigation .global-navigation__bottom .notifications div.wds-dropdown__content div.wds-tab__content.wds-is-current {
overflow-y: auto;
font-size: 14px;
}
/** Making space for the global nav, using the space on the left for page body **/
.main-container {
margin-left: 0;
width: 100%;
margin-top: 55px;
}
.resizable-container {
margin-top: 10px;
}
/** Search **/
.global-navigation__search-container {
position: fixed;
flex: 1;
height: auto;
}
@media only screen and (max-width: 1023px) {
.global-navigation__search-container {
right: 128px;
}
}
@media only screen and (min-width: 1024px) {
.global-navigation__search-container {
right: 267px;
}
}
@media only screen and (min-width: 1500px) {
.global-navigation__search-container {
flex: unset;
width: 450px;
margin-left: 34px;
margin-right: 6px;
}
}
.global-navigation__search {
align-items: center;
color: #00d6d6;
display: flex;
height: auto;
justify-content: flex-end;
margin-top: 0;
width: inherit;
}
.global-navigation__search-toggle {
align-items: center;
cursor: pointer;
display: flex;
transition: color .3s;
}
@media only screen and (min-width: 1500px) {
.global-navigation__search-toggle {
pointer-events: none;
}
}
.global-navigation__search-toggle-icon.wds-icon-small {
margin-right: 8px;
}
@media only screen and (max-width: 1023px) {
.global-navigation__search-toggle-icon.wds-icon-small {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.wds-global-navigation__search-toggle-icon:not(.wds-icon-small) {
display: none;
}
}
@media only screen and (max-width: 1023px) {
.global-navigation__search-toggle-text {
display: none;
}
}
@media only screen and (min-width: 1500px) {
.global-navigation__search-toggle-text {
display: none;
}
}
.global-navigation__search-input-wrapper {
align-items: center;
display: none;
flex: 0 1 auto;
padding-bottom: 3px;
transition: flex .2s;
}
@media only screen and (min-width: 1500px) {
.global-navigation__search-input-wrapper {
border-bottom: 2px solid #00d6d6;
width: 100%;
display: flex;
}
}
.wds-global-navigation__suggestions-anchor {
display: flex;
flex: 1 1 auto;
}
input.global-navigation__search-input {
background: transparent;
border: 0;
box-sizing: border-box;
flex: 1 1 auto;
font-family: sans-serif;
font-size: 14px;
height: 28px;
padding: 0;
width: 430px;
outline: none;
color: #fff;
caret-color: #fff;
}
input.global-navigation__search-input::placeholder {
color: #fff;
}
/* Community header */
.community-header-wrapper {
height: 105px;
}
.fandom-community-header {
background-color: var(--theme-header-background-color);
color: var(--theme-header-text-color);
height: 105px;
}
.fandom-community-header a {
color: var(--theme-header-text-color);
}
.fandom-community-header a:hover {
color: var(--theme-header-text-color--hover);
}
.wiki-tools .wds-button.wds-is-secondary {
--wds-secondary-button-label-color: var(--theme-header-text-color);
--wds-secondary-button-label-color--hover: var(--theme-header-text-color--hover);
}
@media only screen and (max-width: 1083px) {
.fandom-community-header {
height: 115px;
}
}
/** Removing gap between header and page **/
.page {
margin-top: 0;
}
/** Removing border-radius for body. Joined classes necessary **/
@media only screen and (max-width: 1023px) {
html:not(.ve-activated) .page.has-right-rail .page__main {
border-radius: 0;
}
}
html:not(.ve-activated) .page.has-right-rail .page__main, .page__main, .page__right-rail {
border-radius: 0;
}
/** Wiki wordmark **/
.fandom-community-header__image {
margin-right: 0;
}
.fandom-community-header__image img {
height: 65px;
margin: 20px 0 20px 20px;
}
@media only screen and (max-width: 1083px) {
.fandom-community-header__image img {
height: 49px;
max-width: 175px;
margin-bottom: 0;
max-height: none;
}
}
/** Area of wiki title and those small icons **/
.fandom-community-header__top-container {
align-items: normal;
height: 59px;
}
@media only screen and (max-width: 1083px) {
.fandom-community-header__top-container {
height: 69px;
}
}
/** Article counter **/
.page-counter {
margin: 17px 0 20px 20px;
}
.page-counter__value {
font-size: 24px;
line-height: 1;
font-weight: 600;
}
.page-counter__label {
font-size: 12px;
line-height: 1;
margin-top: 3px;
font-weight: 600;
}
/** Wiki title wrapper **/
.fandom-community-header__community-name-wrapper {
flex: 1;
font-size: 28px;
font-weight: 600;
line-height: 1;
margin: 25px 0 0 18px;
overflow: hidden;
}
@media only screen and (max-width: 1083px) {
.fandom-community-header__community-name-wrapper {
word-wrap: break-word;
font-size: 24px;
margin-top: 20px;
max-height: 72px;
white-space: normal;
}
}
/** Wiki title text **/
.fandom-community-header__community-name-wrapper a.fandom-community-header__community-name {
font-size: 28px;
font-weight: 600;
line-height: 1;
}
/** Wiki title text hover **/
.fandom-community-header__community-name-wrapper a.fandom-community-header__community-name:hover {
text-decoration: none;
}
/** Those small icons. Preventing stretched borders **/
.main-container .resizable-container header .wiki-tools.wds-button-group {
align-items: center;
margin: 20px 20px auto 15px
}
/** Community header tabs padding and order **/
.fandom-community-header__local-navigation ul {
order: 1;
padding-left: 6px;
}
.fandom-community-header__local-navigation ul div:first-child {
order: 2;
}
.fandom-community-header__local-navigation .wds-dropdown__toggle.first-level-item {
margin: 0 11px;
}
.fandom-community-header .fandom-community-header__local-navigation .large-navigation {
display: none;
}
@media only screen and (min-width: 1084px) and (max-width: 1279px) {
.fandom-community-header__local-navigation {
grid-column: inherit;
}
}
@media only screen and (min-width: 1084px) {
.fandom-community-header .fandom-community-header__local-navigation .extra-large-navigation {
display: flex;
}
.fandom-community-header__image {
grid-row: 1/3;
}
}
@media only screen and (max-width: 1083px) {
.fandom-community-header .fandom-community-header__local-navigation .medium-navigation {
display: flex;
}
}
/* Wikia Bar */
/** Main styling **/
@media only screen and (min-width: 1024px) {
#WikiaBar .WikiaBarWrapper .wikia-bar {
width: 1026px;
}
}
@media only screen and (min-width: 1596px) {
#WikiaBar .WikiaBarWrapper .wikia-bar {
width: 1300px;
}
}
.WikiaBarWrapper {
align-items: center;
text-align: center;
box-shadow: 0 0 10px #333;
position: fixed;
border-radius: 0;
bottom: 0;
width: 100%;
z-index: 200;
right: auto;
}
/** Bar collapsing animation **/
.WikiaBarWrapper .hidden {
bottom: -25px;
transition: all .2s ease-in;
z-index: -1;
}
/** Most of the bar **/
.WikiaBarWrapper .wikia-bar {
display: inherit!important;
height: 25px;
margin: auto;
text-align: center;
}
/** Toolbar **/
.WikiaBarWrapper .wikia-bar .toolbar {
align-self: auto;
height: 20px;
padding: 5px 0 0;
}
/** Padding of the tools area **/
.WikiaBarWrapper .tools {
padding: 0 10px;
}
/** Prevent underlined text when hover **/
.WikiaBarWrapper ul.tools li a:hover {
text-decoration: none;
}
/** Line between tools **/
.WikiaBarWrapper ul.tools > li {
border-right: 1px solid var(--theme-accent-label-color);
margin: 0;
padding: 2px 10px;
height: 16px;
}
/** Items position (currently doesn't work) **/
@media only screen and (max-width: 1083px) {
.WikiaBarWrapper div.wikia-bar > div.toolbar > ul.tools {
width: 818px;
}
}
@media only screen and (min-width: 1024px) {
.WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools {
width: 1026px;
}
}
@media only screen and (min-width: 1084px) and (max-width: 1595px) {
.WikiaBarWrapper > div.wikia-bar > div.toolbar > ul.tools {
width: 1106px;
}
}
/** Hide wikia bar - toggle position **/
.WikiaBarWrapper .arrow {
position: fixed;
bottom: 2.5px;
float: left;
right: 0px;
}
/** Show wikia bar (wrench) - toggle position **/
.WikiaBarCollapseWrapper {
bottom: 0;
right: 0;
}
/** Show wikia bar (wrench) - toggle style **/
.WikiaBarCollapseWrapper .wikia-bar-collapse {
border-radius: 0;
height: 27px;
padding: 5px;
width: 28px;
box-shadow: 0 0 10px #333;
}
/** Fix My Tools arrow animation and position **/
.WikiaBarWrapper .mytools.menu:not(:hover) svg {
transform: rotate(180deg);
transition: .25s all ease;
}
.WikiaBarWrapper .mytools.menu:hover svg {
transition: .25s all ease;
}
/** My Tools dropdown **/
.WikiaBarWrapper .tools-menu {
left: -30px;
text-align: left;
background: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color);
}
/** My Tools dropdown links **/
.WikiaBarWrapper .tools-menu > li >a {
color: var(--theme-page-text-color);
}
/** Compatibility with OldWikiaBar **/
body div#WikiaBarWrapper.WikiaBarWrapper div.toolbar ul.tools > li:not(:first-child)::before {
display: none;
}
/* TOC */
/** General style **/
.page-content #toc {
border-radius: 0;
padding: 5px;
margin: 1em 0;
}
/** TOC title **/
.toc .toctitle {
border-bottom: 0;
justify-content: normal;
font-size: 12px;
padding: 3px 2px;
}
.toc .toctitle h2 {
font-size: 14px;
margin-top: 3px;
padding: 0 5px 3px 0;
}
.toc .toctogglespan:before,
.toc .toctogglespan:after {
font-size: 12px;
}
/** Removing small icon near title **/
.toc .toctitle h2 .wds-icon {
display: none;
}
/** Padding for content **/
.toc ul {
padding: 0;
}
.toc ul li {
margin: 0
}
.toc ul li .toclevel-2 {
margin-left: 2em;
}
.toc ul li .toclevel-3 {
margin-left: 2em;
}
.toc ul li .toclevel-4 {
margin-left: 2em;
}
.toc ul li .toclevel-5 {
margin-left: 2em;
}
/** Links **/
.toc ul li a {
color: var(--theme-link-color);
display: initial;
font-weight: normal!important;
padding: 0;
}
/** Number color **/
.toc ul li a .tocnumber {
color: var(--theme-page-text-color);
}
/** No dot after number **/
.toc ul li a .tocnumber:after {
display: none;
}
/* User Masthead */
#userProfileApp {
background-color: rgba(var(--theme-page-background-color--rgb),var(--theme-page-background-color--opacity));
}
/* Achievements on User Profile Page */
/** Most of the text **/
body.skin-fandomdesktop .UserProfileAchievementsModule,
body.skin-fandomdesktop .UserProfileAchievementsModule a {
font-family: inherit;
}
/** Right rail **/
html:not(.ve-activated) .page.has-right-rail .page__right-rail {
width: 300px;
margin-left: 20px;
}
html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden {
margin-left: 0;
width: 0;
}
.right-rail-wrapper {
padding: 0;
}
.rail-module {
background-color: transparent;
border-bottom: 0;
margin: 30px 10px 10px;
padding: 0;
}
.rail-module h2 {
border-bottom: 1px solid var(--theme-border-color);
font-size: 16px;
font-weight: 700;
margin: 0;
margin-bottom: 16px;
min-height: 30px;
padding: 0;
padding-left: 2px;
padding-bottom: 1px;
width: 100%;
background-image: none;
line-height: 1;
}
.rail-module h2.has-icon svg {
margin-right: 7px;
}
.right-rail-toggle {
top: 110px;
}
/** Title of earned badges **/
.rail-module .badges-profile-title {
background-image: none;
border-bottom: 1px solid var(--theme-border-color);
min-height: 30px;
width: 100%;
}
/** Link to Leaderboard **/
.UserProfileAchievementsModule .data .data-details.ranking > p > a {
font-family: inherit;
}
/** More Badges You Can Earn! - Title text **/
.UserProfileAchievementsModule .title-challeneges {
border-bottom: 1px solid var(--theme-border-color);
font-size: 16px;
font-weight: 700;
margin-bottom: 16px;
min-height: 30px;
}
/* Removing fixed header for tables */
.article-table .fixed-header, .wikitable .fixed-header {
box-shadow: none;
outline: none;
transform: none;
transition: none;
}
/* Tabs in Wiki, Social and Image Activity */
.activity-tabs.with-bottom-border .wds-tabs__tab-label {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
align-items: center;
display: inline-flex;
font-size: 12px;
font-weight: 700;
height: 40px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
margin: 0 11px;
text-decoration: none;
transition: color 0.1s ease 0s;
}
/** No underlined text **/
.activity-tabs.with-bottom-border .wds-tabs__tab-label:active,
.activity-tabs.with-bottom-border .wds-tabs__tab-label:focus {
text-decoration: none;
}
/* Search pop-up */
.search-modal, .search-modal:before {
left: 0;
}
/* Default body font */
body.skin-fandomdesktop {
font-family: Helvetica Neue,helvetica,arial,sans-serif;
font-size: 14px;
}
/* Main article */
.resizable-container {
background-color: var(--theme-page-background-color);
}
.page .page__main {
font-size: 16px;
line-height: 1.5;
}
/** Headers **/
.page-content h2 {
line-height: 1;
margin: 0.5em 0 0.2em;
padding: 0 0 3px;
font-size: 28px;
}
/** Article text styling and padding **/
.page-content p {
margin: 0.4em 0 0.5em;
line-height: 1.5;
}
/** List styling and padding **/
.page-content ul {
list-style: square;
}
.page-content li {
margin: 3px 0;
}
.mw-content-ltr ol, .mw-content-ltr ul {
margin: 0.4em 0 0.5em 2.5em;
}
/** Article content wrapper padding **/
.page .page__main {
padding: 0 0 0 24px;
}
.page {
padding-right: 24px;
}
.page-header {
max-width: calc(95vw - 64px);
}
@media only screen and (min-width: 1024px) {
.page .page__main {
padding: 0 0 0 10px;
}
.page {
padding-right: 10px;
}
.page.has-right-rail {
padding-bottom: 81px;
}
body .page .page-header {
max-width: calc(95vw - 36px);
}
.page__right-rail {
margin-top: 81px;
}
}
@media only screen and (min-width: 1084px) {
.page .page__main {
padding: 0 0 0 20px;
}
.page {
padding-right: 20px;
}
body .page .page-header {
max-width: calc(95vw - 56px);
}
}
@media only screen and (min-width: 1280px) {
body:not(.is-content-expanded) .page-header {
max-width: calc(min(1450px, 85vw) - 54px);
}
body:not(.is-content-expanded) .page-header {
width: calc(100% + 366px);
}
body:not(.is-content-expanded) .page-header {
max-width: calc(min(1450px, 85vw) - 48px);
}
}
@media only screen and (min-width: 1596px) {
.page .page__main {
padding: 0 0 0 30px;
}
.page {
padding-right: 30px;
}
.page-header {
max-width: calc(95vw - 77px);
}
body:not(.is-content-expanded) .page-header {
max-width: calc(min(1450px, 85vw) - 60px);
}
}
/* Article header */
.page-header {
padding: 16px 0 8px;
border-bottom: 1px solid var(--theme-border-color);
margin-bottom: 18px;
width: 200%;
}
.page-header__title {
font-weight: 700;
line-height: 1;
}
.page-header__categories {
font-size: 12px;
line-height: 1;
}
.page-header__categories-in {
font-weight: 600;
}
.page-header__categories *:not(.page-header__categories-in) {
font-style: italic;
line-height: 16px;
}
/*** Page header buttons ***/
.page-header__actions {
align-items: flex-end;
display: inline-flex;
justify-content: flex-start;
padding-top: 0;
padding-bottom: 6px;
}
.page-header__bottom .page-header__actions .page-header__action-button {
align-items: center;
background-color: var(--theme-accent-color);
border: 1px solid var(--theme-accent-color);
border-radius: 3px;
color: var(--theme-accent-label-color);
cursor: pointer;
font-family: inherit;
display: inline-flex;
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: .15px;
margin: 0;
margin-right: 1px;
outline: none;
padding: 7px 12px;
text-decoration: none;
text-transform: uppercase;
transition-duration: .3s;
transition-property: background-color,border-color,color;
vertical-align: top;
height: unset;
}
.page-header__bottom .page-header__actions .page-header__action-button:hover {
background-color: var(--theme-accent-color--hover);
border: 1px solid var(--theme-accent-color--hover);
}
.page-header__bottom .page-header__actions .wds-button:first-child {
border-radius: 3px 0 0 3px;
}
.page-header__bottom .page-header__actions .wds-dropdown:last-child .wds-button {
border-radius: 0 3px 3px 0;
}
.page-header__bottom .page-header__actions .page-header__action-button:before {
display: none;
}
/* Article footer */
.page-footer__categories header,
.page-footer__languages header {
display: none;
}
.page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content {
display: block;
}
/** Categories **/
.page-footer__categories {
background-color: var(--theme-page-background-color);
background-image: none;
border: 1px solid var(--theme-border-color);
clear: both;
font-size: 12px;
line-height: normal;
margin: 10px 0;
padding: 0;
position: relative;
}
.page-footer__categories .wds-collapsible-panel__content {
padding: 10px 20px 0;
}
.CategorySelect.articlePage .add {
padding: 0 10px;
}
/** Languages **/
.page-footer__languages {
border: none;
display: flex;
flex-direction: row;
padding: 10px 0 0;
}
.page-footer__languages .wds-collapsible-panel__content {
align-items: baseline;
clear: both;
display: flex;
margin: 10px;
}
.page-footer__languages:before {
content: 'Languages: ';
font-size: 18px;
line-height: 1.25;
font-weight: 500;
margin: 0.5em 0 0.2em;
}
.page-footer__languages .wds-collapsible-panel__content a {
font-size: 14px;
margin: 0;
padding: 0;
line-height: 24px;
padding-left: 5px;
padding-right: 9px;
margin-bottom: 6px;
border: 0;
border-left: 1px solid #7f9998;
}
.page-footer__languages .wds-collapsible-panel__content a:first-child {
padding-left: 0;
border: 0;
}
/** License description **/
.page-footer .license-description {
clear: both;
font-size: 12px;
margin: 18px 12px;
padding: 0;
}
/* Special:ThemeDesigner */
.theme-designer {
margin-left: 0;
}
/* Special:AdminDashboard */
/** General and Advanced tabs **/
#AdminDashboardTabs.wds-tabs {
flex-direction: row-reverse;
}
#AdminDashboardTabs .tab.wds-tabs__tab {
color: var(--theme-page-text-color);
margin: 0;
border: solid var(--theme-border-color);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-width: 1px 1px 0;
margin-left: 4px;
}
#AdminDashboardTabs .tab.wds-tabs__tab.wds-is-current {
box-shadow: none;
color: var(--theme-page-text-color);
background: var(--theme-page-background-color--secondary);
}
#AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label {
font-weight: normal;
height: 19px;
text-transform: none;
letter-spacing: normal;
margin: 0;
padding: 2px 25px 0;
}
#AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:hover,
#AdminDashboardTabs .tab.wds-tabs__tab > .wds-tabs__tab-label > .link:focus {
color: var(--theme-page-text-color);
}
/** Hide global nav outside preview **/
.ns-special.page-Special_ThemeDesigner .global-navigation {
display: none;
}
/* Diff page */
.diff td.diff-deletedline, .diff td.diff-addedline {
background-color: var(--theme-page-background-color--secondary);
}