MediaWiki:Fandomdesktop.css

.wds-tabs__tab { border: 1px solid transparent; text-decoration: none; }

/* Portable Infobox */ .portable-infobox .wds-tabs__wrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

.portable-infobox { padding: 0; }

.tabber.wds-tabber > .wds-tab__content { padding: 0 1em; }

.portable-infobox .wds-tabber { border-color: inherit; }

.pi-smart-group-head .pi-smart-data-label, .pi-smart-group-body .pi-smart-data-value { margin: 0 !important; }

.pi-smart-group-head+.pi-smart-group-body { border-top: none; }

.pi-data-value ul li:before { color: white; }

.pi-data-value { width: 100%; }

/* Editor Toolbar */ .wikiEditor-toolbar-dialog.ui-dialog .ui-dialog-buttonset .ui-button { background: var(--theme-accent-color); margin: 0 2px; }

font-family: monospace; }
 * 1) wikieditor-toolbar-replace-search,
 * 2) wikieditor-toolbar-replace-replace {

font-family: monospace; }
 * 1) editpage-specialchars a {

/* Fix p elements making excessive space below */ .page-content p:last-child { margin-bottom: 0; }

/* Fix fieldsets/legends */ fieldset:not(.oo-ui-fieldsetLayout) { border: 1px solid var(--theme-border-color); margin: 1em 0; padding: 0 1em 1em; }

legend { padding: .5em; }

/* Add divider after page header */ .page-header::after { background-color: var(--theme-border-color); border-color: var(--theme-border-color); border-style: solid; border-width: 1px; border: 0; content: ""; display: block; height: 1px; margin-bottom: 0; margin-inline-end: auto; margin-inline-start: auto; margin-top: 5px; overflow: hidden; unicode-bidi: isolate; width: 100%; }

.page-content *:not(.toctitle)>h2:not([class]):not(#mw-previewheader) { background: #2d1616; border-radius: 8px 15px 0 0; padding: 4px; }

/* Fix font styling of the page categories */ .page-header__categories { font-style: italic; }

/* Add title for Special:Contributions, Special:UserProfileActivity, User Blog:, Message Wall:, and User: namespace */ body.ns-2.action-view #firstHeading::before, body.ns-500.action-view #firstHeading::before, body.ns-1200.action-view #firstHeading::before, body.mw-special-UserProfileActivity #firstHeading::before { font-size: 36px; font-weight: 300; letter-spacing: .25px; line-height: 1.25; overflow-wrap: break-word; word-break: break-word; }

body.ns-500.action-view #firstHeading::before { content: "User Blog"; }

body.ns-1200.action-view #firstHeading::before { content: "User Message Wall"; }

body.mw-special-UserProfileActivity #firstHeading::before { content: "User Social Activity"; }

body.mw-special-UserProfileActivity .page-header__page-subtitle { display: block !important; }

/* Change accent of "Edit" button to be more visible */ .page-header__actions>.wds-button, .page-header__actions>.wds-dropdown { color: var(--theme-accent-label-color); background-color: var(--theme-accent-color); margin-right: 10px; transition: all .2s ease-in; }

.page-header__actions>.wds-button:hover, .page-header__actions>.wds-dropdown:hover { background-color: var(--theme-accent-color--hover); transition: all .2s ease-out; color: var(--theme-accent-label-color); }

.page-header__actions>.wds-dropdown { border-radius: 30px; }

.page-header__actions>.wds-button { left: -5px; }

.page-header__actions>.wds-dropdown>div::before { left: -10px; margin-right: 10px; }

.mw-history-subtitle { display: inline-block; }

.page-header__actions .wds-dropdown>.page-header__action-button { color: var(--theme-accent-label-color); cursor: pointer; }

/* Also fix article comments button */ background-color: var(--theme-accent-label-color); color: var(--theme-link-label-color); }
 * 1) article-comments-button {

a.page-header__action-button:first-of-type+a#ca-edit::before { left: -8px; }

a.page-header__action-button:first-of-type+a#ca-edit { margin-left: 6px; }

/* Fix ugly history selection colors */ border: 0 !important; }
 * 1) pagehistory li {

background-color: var(--theme-page-background-color--secondary); border: 1px dashed var(--theme-border-color) !important; color: inherit !important; padding: 1px 0px }
 * 1) pagehistory>li.selected {

/* Fix page subtitle going on new lines */ .page-header__subtitle>div.mw-history-subtitle { display: inline !important; }

/* Disable category dropdown */ .wds-collapsible-panel.page-footer__categories>header { display: none !important }

.wds-collapsible-panel.page-footer__categories { margin-top: 10px; padding: 5px; border: 1px solid var(--wds-collapsible-panel-border-color); font-size: 14px; padding-top: 8px; }

.page-footer__categories>div { display: inherit !important; }

body:not(.ns-828) .wds-collapsible-panel.page-footer__categories { padding-bottom: 0; margin-bottom: 10px; }

body:not(.ns-828) .wds-collapsible-panel.page-footer__categories { padding-bottom: 0; margin-bottom: 10px; }

.special-categories { display: inherit !important; }

body:not(.ns-828) .wds-collapsible-panel.page-footer__categories .container { padding: 0; }

/* Fix notification position and colors */ position: fixed; }
 * 1) mw-notification-area {

border-radius: 6px; }
 * 1) mw-notification-area .mw-notification {

/* Fix colors of seperators */ .mw-changeslist-links>span:not(:first-child):before { color: inherit !important; }

/* Fix positioning and arrow of "My Tools" */ transform: rotate(180deg); transition: .25s all ease; }
 * 1) WikiaBarWrapper .mytools.menu:not(:hover)>svg {

transition: .25s all ease; }
 * 1) WikiaBarWrapper .mytools.menu:hover>svg {

min-width: fit-content; text-align: left; }
 * 1) my-tools-menu {

/* Table Fixes */ .mw-parser-output .wikitable td:not(.mcui td) { padding: 4px !important; }

.mw-parser-output .wikitable th:not(.mcui th) { text-align: center !important; font-weight: bold !important; }

/* FandomDesktop tabber */ .wds-tabs__tab.wds-is-current { border: 1px solid rgba(var(--theme-link-color--rgb), 0.4); border-top: none; background: rgba(var(--theme-link-color--rgb), 0.1); }

.wds-tabber { border: 1px solid rgba(var(--theme-link-color--rgb), 0.75); }

.oo-ui-dialog-content { color: white !important; }

background: #361a1d; color: var(--qdmodal-text-color); }
 * 1) quickdiff-modal {

font-family: monospace; }
 * 1) quickdiff-modal table.diff tr:not(.diff-title) td:not(.diff-marker):not(.diff-lineno) {

.pageStyles { display: none !important; }

/* Shrinks excessive space between content/headers and subheaders */ h3, h4, h5, h6 { margin-top: 1% !important; }

/* Right rail toggle styling */ .main-container .resizable-container .has-right-rail .page__right-rail .right-rail-toggle { background: rgba(255, 255, 255, .1); border: none; border-bottom-left-radius: 18px; border-top-left-radius: 18px; display: flex; height: 36px; padding: 0 0 0 12px; }

/* Fix word colors */ .mcf-header { color: var(--theme-body-text-color); }

/* Allows marginless paragraphs */ .article-margin-off p, .article-margin-off ul, .article-margin-off dl { margin-bottom: 0; }

/* Fix for new user pop-up buttons */ button.sc-fHCHyC, button[data-testid='SimpleSurveyContent'] { box-sizing: content-box; height: 34px !important; display: flex !important; }

button.sc-cbeScs, button[data-testid='SimpleSurveyContent'] { box-sizing: content-box; }

/* Keyboard shortcuts menu */ .global-shortcuts-help__list-item { margin-bottom: 0; }

.global-shortcuts-help__disclaimer, .global-shortcuts-help__explore-shortcuts { padding-top: 1em; }