MediaWiki:Fandomdesktop.css

/* Table styling - double border */ table { border-collapse: separate; border-spacing: 2px; border: 2px solid black; }

/* Sets links weight from bold to inherit */ .page-content .mw-parser-output a { font-weight: inherit; }

/* Bold page header */ h1 { font-weight: 500 !important; }

/* Right rail color fix */ .page__right-rail { background-color: var(--theme-page-background-color); }

/* Right rail module padding */ .right-rail-wrapper .rail-module { padding: 10px; }

/*********************************************************** .resizable-container blockquote { margin-left: 40px; margin-right: 40px; font-size: 16px; line-height: 26px; font-style: italic; }
 * BASIC HTML FIXES

small { font-size: 80%; }

a { text-decoration:none; }

i { font-style:italic; }

/***********************************************************
 * SITE-WIDE COLORS

.theme-fandomdesktop-dark .ArticlePreviewInner h1, .theme-fandomdesktop-dark .ArticlePreviewInner h2, .theme-fandomdesktop-dark .ArticlePreviewInner h3, .theme-fandomdesktop-dark .ArticlePreviewInner h4, .theme-fandomdesktop-dark .ArticlePreviewInner h5, .theme-fandomdesktop-dark .ArticlePreviewInner h6, .theme-fandomdesktop-dark .WikiaArticle h1, .theme-fandomdesktop-dark .WikiaArticle h2, .theme-fandomdesktop-dark .WikiaArticle h3, .theme-fandomdesktop-dark .WikiaArticle h4, .theme-fandomdesktop-dark .WikiaArticle h5, .theme-fandomdesktop-dark .WikiaArticle h6, .theme-fandomdesktop-dark .resizable-container h1, .theme-fandomdesktop-dark .resizable-container h2, .theme-fandomdesktop-dark .resizable-container h3, .theme-fandomdesktop-dark .resizable-container h4, .theme-fandomdesktop-dark .resizable-container h5, .theme-fandomdesktop-dark .resizable-container h6, .theme-fandomdesktop-dark #bodyContent h1, .theme-fandomdesktop-dark #bodyContent h2, .theme-fandomdesktop-dark #bodyContent h3, .theme-fandomdesktop-dark #bodyContent h4, .theme-fandomdesktop-dark #bodyContent h5, .theme-fandomdesktop-dark #bodyContent h6, .page-header__page-subtitle, .resizable-container .page-header__title { color: #FFD942; }

.theme-fandomdesktop-light .ArticlePreviewInner h1, .theme-fandomdesktop-light .ArticlePreviewInner h2, .theme-fandomdesktop-light .ArticlePreviewInner h3, .theme-fandomdesktop-light .ArticlePreviewInner h4, .theme-fandomdesktop-light .ArticlePreviewInner h5, .theme-fandomdesktop-light .ArticlePreviewInner h6, .theme-fandomdesktop-light .WikiaArticle h1, .theme-fandomdesktop-light .WikiaArticle h2, .theme-fandomdesktop-light .WikiaArticle h3, .theme-fandomdesktop-light .WikiaArticle h4, .theme-fandomdesktop-light .WikiaArticle h5, .theme-fandomdesktop-light .WikiaArticle h6, .theme-fandomdesktop-light .resizable-container h1, .theme-fandomdesktop-light .resizable-container h2, .theme-fandomdesktop-light .resizable-container h3, .theme-fandomdesktop-light .resizable-container h4, .theme-fandomdesktop-light .resizable-container h5, .theme-fandomdesktop-light .resizable-container h6, .theme-fandomdesktop-light #bodyContent h1, .theme-fandomdesktop-light #bodyContent h2, .theme-fandomdesktop-light #bodyContent h3, .theme-fandomdesktop-light #bodyContent h4, .theme-fandomdesktop-light #bodyContent h5, .theme-fandomdesktop-light #bodyContent h6, .page-header__page-subtitle, .resizable-container .page-header__title { color: #886C00; }

/***********************************************************
 * ARTICLES

.resizable-container .page { border: 1px solid var(--theme-border-color); }

.page-content h2 { margin-top: 0.5em; }

.page-content pre { background-color: #222; border: 1px dashed #666; }

.page-content .toc { background-color: #222; border: 1px solid #666; border-collapse: separate; }

.theme-fandomdesktop-light .page-content .toc { background-color: var(--theme-page-background-color--secondary); }

.page-content fieldset { border: 1px solid #006CB0; }

.CategorySelect.articlePage, .article-categories { background-color: var(--theme-page-background-color--secondary); background-image: none; border: 1px solid var(--theme-border-color); clear: both; font-size: 12px; line-height: normal; margin: 10px 0; padding: 10px; position: relative; }

/* TEMPORARY fix to remove double appearance of the TOC icon */ .toctitle > h2 > svg + svg { display: none; }

/*** Reference highlighting ***/ ol.references li:target, sup.reference:target { background-color: #222; border: 1px solid #cecece; }

/*********************************************************** .tabbertab { background: #222 none repeat scroll 0 0; border: 1px solid #666 !important; padding-left: 7px !important; padding-right: 7px !important; font-size: 13px; }
 * TABBED NAVIGATION

ul.tabbernav { border: medium none !important; font: inherit !important; margin: 0 !important; padding: 0 !important; white-space: nowrap; }

ul.tabbernav li a:link { color: #fff !important; }

ul.tabbernav li a { background: #2e2e33 none repeat scroll 0 0 !important; border-color: #666 !important; border-style: solid !important; border-width: 1px !important; font-size: 14px; margin: 0 2.5px 0 0 !important; padding: 3px 3px 6px !important; }

ul.tabbernav li a:hover { background: #2e2e33 none repeat scroll 0 0 !important; border: 1px solid #666 !important; font-weight: bold; }

ul.tabbernav li.tabberactive a { background: #222 none repeat scroll 0 0 !important; border-color: #666 #666 #222 !important; border-style: solid !important; border-width: 1px 1px 2px !important; color: #ffd942 !important; font-weight: bold; }

ul.tabbernav li.tabberactive a:hover { background: #222 none repeat scroll 0 0 !important; border-color: #666 #666 #222 !important; border-style: solid !important; border-width: 1px 1px 2px !important; color: #ffd942 !important; }

/***********************************************************
 * NOTIFICATIONS

.WikiaNotifications li div { background-color:#394A5C; background-image:none; border:1px solid #66BBFF; color:#FFFFFF; font-weight:bold; }

.WikiaNotifications li div a { color:#FFFFFF; }

/***********************************************************
 * STANDARD TABS

.tabs { border-bottom: none; }

.tabs li a, .tabs .selected a { background-color: #222; background-image: none; border: 1px solid #666; border-radius: 4px; }

.tabs li a { color: #666; }

.tabs .selected a { color: #aaa; }

.tabs .selected .chevron { border-color: transparent transparent #666; }

/***********************************************************
 * ROLLUPS TABLES

table.display tr.even.row_selected td { background-color: #666; }

table.display tr.odd.row_selected td { background-color: #222; }

/************************************

/* CSS to support properly themed Wiki Notifications */

.wds-banner-notification { background: rgb(102,0,3); background: linear-gradient(90deg, rgba(102,0,3,1) 0%, rgba(102,0,3,1) 55%, rgba(40,40,40,1) 100%); border:1px solid #666666; color:#eaeaea; } .wds-warning .wds-banner-notification__icon { background: rgb(102,0,3); } .wds-success .wds-banner-notification__icon { background-color: #113300; } .wds-banner-notification a, .wds-banner-notification a:link, .wds-banner-notification__container a, .wds-banner-notification__container a:link, .wds-banner-notification__text a, .wds-banner-notification__test a:link { color:#fff!important; text-decoration:none; font-family:Rubik; font-weight:600; } .banner-notifications-placehoder { margin-bottom:10px; }