MediaWiki:Common.css

/* Fandom Desktop */ /* Variables */ @import url("/MediaWiki:Variables.css?ctype=text/css&action=raw");

/* IMPORTS Caching */ /*MediaWiki:Infobox.css|MediaWiki:Quotes.css|MediaWiki:Tabber.css|MediaWiki:Navbox.css|MediaWiki:Recipe.css|MediaWiki:Font.css|MediaWiki:Card.css|MediaWiki:Colors.css|MediaWiki:Gallery.css|MediaWiki:CustomTabs.css|*/ @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:PortableNavbox.css&only=styles");

/* IMPORTS Raw (Live Editing) */ @import url("/MediaWiki:FD_Mbox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Infobox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Quotes.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Tabber.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Navbox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Recipe.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Font.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Card.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Colors.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Gallery.css?ctype=text/css&action=raw"); @import url("/MediaWiki:CustomTabs.css?ctype=text/css&action=raw");

.theme-fandomdesktop-dark :is(.fandom-community-header__image,.fandom-sticky-header__logo) { filter: invert(1); }

body.skin-oasis { background-size: cover; }

.mobileHide { display: none; }

/* Special:Community fixes */ .community-page-rail { display: block; } .community-page-module { margin-top: 50px; } .community-page-module:first-child { margin-top: 0; }

.page-content .external:after { content: " external"; font-family: 'FANDOM-Icons'; letter-spacing: -0.3em; font-size: 0.9em; }

/* consistent border primarily used for the templates on the Mainpage */ .Mainpage-boarder{ border-radius: 5px; border: 3px solid var(--theme-link-color); margin-top: 10px; margin-bottom: 10px; } .mainbox-outer { border-radius: 5px; border: 3px solid var(--theme-link-color); margin-top: 10px; margin-bottom: 10px; display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; margin-right:2px; font-size:1.25em; } .mainbox-inner { background: var(--theme-link-color); color: var(--theme-page-background-color); font-size:1.25em; padding:6px; margin:2px; border-radius:5px; }

/* wrapping all preformatted text tags*/ pre { white-space: pre-wrap; }

/* Dialogue formatting */ .dialogue { font-size:15px; line-height:20px; } .dialogue dl dd,.dialogue dl dl dt { padding-left: 16px; margin-left: 0; } .dialogue dl { margin-top: 3px; margin-bottom: 3px; margin-left: 11px; border-left: 2px solid rgba(110, 98, 74, 0.4); } .dialogue > dl, .dialogue td > dl { margin-bottom: 10px; border-left: none; } .dialogue dt { margin-left: -11px; font-weight:normal; font-style:italic; font-size:.85em; }

/* To fix for UCP */ display:none; } content:"\00000A\000009edited\0000A0by "; white-space: pre-wrap; } text-align:left; }
 * 1) ActivityFeed .mw-changeslist-line-inner-rollback,
 * 2) ActivityFeed .mw-changeslist-line-inner-tags,
 * 3) ActivityFeed .mw-changeslist-line-inner-userTalkLink,
 * 4) ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff,
 * 5) ActivityFeed .mw-changeslist-line-inner-separatorAftercharacterDiff
 * 6) ActivityFeed .mw-changeslist-line-inner-userTalkLink,
 * 7) ActivityFeed td.mw-enhanced-rc,
 * 8) ActivityFeed .mw-changeslist-legend,
 * 9) ActivityFeed .mw-changeslist-line-inner-historyLink,
 * 10) ActivityFeed .mw-changeslist-line-inner-separatorAfterLinks,
 * 11) ActivityFeed .mw-changeslist-line-inner-characterDiff,
 * 12) ActivityFeed .mw-changeslist-line-inner-comment,
 * 13) ActivityFeed .activity-tabs{
 * 1) ActivityFeed .mw-changeslist-line-inner-userLink:before {
 * 1) ActivityFeed .mw-changeslist-line-inner {

/* CSS for OggPlayer */ .audio-button.custom-theme { background-color: var(--theme-link-color); } .audio-button.custom-theme:hover { background-color: var(--theme-link-color--hover); } .audio-button.custom-theme.now-playing,.audio-button.custom-theme.no-audio { background-color: var(--theme-alert-color); }

/* Mbox */ .mbox { --type-important: rgba(200, 0, 0, 0.8); --type-moderate: rgba(233, 124, 47, 0.8); --type-minor: rgba(241, 197, 37, 0.8); display: flex; position: relative; background-color: rgba(255, 255, 255, 0.7); /* for dark themed wikis, use #636161 */ border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #d6d6d6; border-radius: 3px; margin-bottom: 5px; min-height: 32px; } .mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/* Making paragraphs more apparent by incresing line height */ .mw-parser-output p { margin-top: 0.8em; margin-bottom: 0.8em; }

/* Remove accessibility feature for mbox toggle */ .mw-customtoggle-mbox { outline: none; }

/* Reducing left margin when using lists in a table. See Abyss_Mages */ .mw-parser-output td > ul, .mw-parser-output td > ol { margin-left: 1em; }

/* Column template fix */ .WikiaArticle .columntemplate ul, .WikiaArticle .columntemplate ol { margin: 0 0 0 2.5em; } .WikiaArticle .columntemplate li { margin: 0 0 3px 0; }

/*======================================================*/ /* Styles that can be added to an entire table itself  */ /* to apply to each cell in the respective column. */ /* Removes the need to apply styles to individual cells.*/ /*======================================================*/

.tdl td, .tdl1 td:nth-child(1), .tdl2 td:nth-child(2), .tdl3 td:nth-child(3), .tdl4 td:nth-child(4), .tdl5 td:nth-child(5), .tdl6 td:nth-child(6), .tdl7 td:nth-child(7), .tdl8 td:nth-child(8), .tdl9 td:nth-child(9) { text-align: left }

.thl th, .thl1 th:nth-child(1), .thl2 th:nth-child(2), .thl3 th:nth-child(3), .thl4 th:nth-child(4), .thl5 th:nth-child(5), .thl6 th:nth-child(6), .thl7 th:nth-child(7), .thl8 th:nth-child(8), .thl9 th:nth-child(9) { text-align: left }

.tdc td, .tdc1 td:nth-child(1), .tdc2 td:nth-child(2), .tdc3 td:nth-child(3), .tdc4 td:nth-child(4), .tdc5 td:nth-child(5), .tdc6 td:nth-child(6), .tdc7 td:nth-child(7), .tdc8 td:nth-child(8), .tdc9 td:nth-child(9) { text-align: center }

.thc th, .thc1 th:nth-child(1), .thc2 th:nth-child(2), .thc3 th:nth-child(3), .thc4 th:nth-child(4), .thc5 th:nth-child(5), .thc6 th:nth-child(6), .thc7 th:nth-child(7), .thc8 th:nth-child(8), .thc9 th:nth-child(9) { text-align: center }

.tdr td, .tdr1 td:nth-child(1), .tdr2 td:nth-child(2), .tdr3 td:nth-child(3), .tdr4 td:nth-child(4), .tdr5 td:nth-child(5), .tdr6 td:nth-child(6), .tdr7 td:nth-child(7), .tdr8 td:nth-child(8), .tdr9 td:nth-child(9) { text-align: right }

.thr th, .thr1 th:nth-child(1), .thr2 th:nth-child(2), .thr3 th:nth-child(3), .thr4 th:nth-child(4), .thr5 th:nth-child(5), .thr6 th:nth-child(6), .thr7 th:nth-child(7), .thr8 th:nth-child(8), .thr9 th:nth-child(9) { text-align: right }

.tdt td, .tdt1 td:nth-child(1), .tdt2 td:nth-child(2), .tdt3 td:nth-child(3), .tdt4 td:nth-child(4), .tdt5 td:nth-child(5), .tdt6 td:nth-child(6), .tdt7 td:nth-child(7), .tdt8 td:nth-child(8), .tdt9 td:nth-child(9) { vertical-align: top; }

.tht th, .tht1 th:nth-child(1), .tht2 th:nth-child(2), .tht3 th:nth-child(3), .tht4 th:nth-child(4), .tht5 th:nth-child(5), .tht6 th:nth-child(6), .tht7 th:nth-child(7), .tht8 th:nth-child(8), .tht9 th:nth-child(9) { vertical-align: top; }

.tdm td, .tdm1 td:nth-child(1), .tdm2 td:nth-child(2), .tdm3 td:nth-child(3), .tdm4 td:nth-child(4), .tdm5 td:nth-child(5), .tdm6 td:nth-child(6), .tdm7 td:nth-child(7), .tdm8 td:nth-child(8), .tdm9 td:nth-child(9) { vertical-align: middle; }

.thm th, .thm1 th:nth-child(1), .thm2 th:nth-child(2), .thm3 th:nth-child(3), .thm4 th:nth-child(4), .thm5 th:nth-child(5), .thm6 th:nth-child(6), .thm7 th:nth-child(7), .thm8 th:nth-child(8), .thm9 th:nth-child(9) { vertical-align: middle; }

.tdb td, .tdb1 td:nth-child(1), .tdb2 td:nth-child(2), .tdb3 td:nth-child(3), .tdb4 td:nth-child(4), .tdb5 td:nth-child(5), .tdb6 td:nth-child(6), .tdb7 td:nth-child(7), .tdb8 td:nth-child(8), .tdb9 td:nth-child(9) { vertical-align: bottom; }

.thb th, .thb1 th:nth-child(1), .thb2 th:nth-child(2), .thb3 th:nth-child(3), .thb4 th:nth-child(4), .thb5 th:nth-child(5), .thb6 th:nth-child(6), .thb7 th:nth-child(7), .thb8 th:nth-child(8), .thb9 th:nth-child(9) { vertical-align: bottom; }

/* inline unordered list seperated by pipe */ .mw-content-ltr ul.pipe_delimit { margin: 0px; } .mw-content-ltr ul.pipe_delimit li { display:inline; } .mw-content-ltr ul.pipe_delimit li + li::before { content: " | "; }

/* CSS for Discord.js */ .widget-body { display: none; } .discord-widget-container { height: 125px; } .discord-widget .widget-header { background-color: #00bfa5; } .discord-widget .widget-theme-light .widget-btn-connect { background-color: var(--theme-link-color); color: var(--theme-body-text-color); border: none; }

.navtabs * { width: 100% }

/* Hide unknown img in */ .item_image > a.new { display: none; }

/* nowrap for nth child (add as we go) */ .nowrap-1 td:nth-child(1), .nowrap-2 td:nth-child(2), .nowrap-3 td:nth-child(3) { white-space: pre; }

/* table header and cell alignment */ .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { text-align: inherit; padding: 0.2em 0.4em; }

.page-content .article-table, .page-content .wikitable { margin: 1em 0; }

/*** FandomDesktop specific fixes ***/ .page__main { line-height: 1.5 }

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin: .5em 0 .2em; }

/* Don't cut off long names */ .fandom-community-header__local-navigation .wds-dropdown__content { max-width: inherit; }

.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { max-width: inherit; }

/* Math in Dark Theme */ .theme-fandomdesktop-dark .mwe-math-fallback-image-inline, .theme-fandomdesktop-dark .mwe-math-fallback-image-display { filter: hue-rotate(180deg) invert(1); }