MediaWiki:Fandomdesktop.css

/* 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: 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 {

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

/* 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%; }

/* 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 {

/* Page Action buttons fix */ 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; }   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 {
 * 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; }

/* Categories fix */ .page-header__categories { font-style: italic; } .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; }   border-radius: 6px; }
 * 1) mw-notification-area {
 * 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; }   transition: .25s all ease; }
 * 1) WikiaBarWrapper .mytools.menu:not(:hover)>svg {
 * 1) WikiaBarWrapper .mytools.menu:hover>svg {

/* Wiki toolbar styling */ 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 { border: 1px solid transparent; text-decoration: none; } .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); }

/* Editing interface fixes */ .oo-ui-dialog-content { color: white !important; }

/* Header fix */ .page-content *:not(.toctitle)>h2:not([class]):not(#mw-previewheader) { background: #2d1616; border-radius: 8px 15px 0 0; padding: 4px; } /* Shrinks excessive space between content/headers and subheaders */ h3, h4, h5, h6 { margin-top: 1% !important; }

/* Shrinks excessive space before ul/ol */ .page p + ul, .page dl + ul, .page p + ol, .page dl + ol { margin-top: -18px; }

/* 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 ol, .article-margin-off dl { margin-top: 0 !important; margin-bottom: 0 !important; }

/* 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; }