MediaWiki:Fandomdesktop.css

/*** Infobox Header ***/
.portable-infobox .pi-title, .portable-infobox .pi-header { 
    background-color: var(--theme-accent-color); 
    color: #fff;
}

/*** Infobox Borders ***/
.portable-infobox {
	border-color: var(--theme-link-color);
	border-width: 2.5px;
}

/*** Removes Infobox item borders ***/
.pi-item {
	border-color: transparent;
}

/*** Wikitables ***/
.page__main .wikitable{
    text-align: center;
    border-style: solid;
	border-color: var(--theme-link-color);
	border-width: 2.5px;
}

.page__main .wikitable > * > tr > th,
.page__main .wikitable > tr > th {
    text-align: center;
    background-color: var(--theme-accent-color);
    color: #fff;
}

/*** Article Tables ***/
.page__main .article-table {
    text-align: center;
}

.page__main .article-table > * > tr > th,
.page__main .article-table > tr > th {
	text-align: center;
	color: #fff;
}

/*** Staff Username Colors ***/
/* Admin name colors */

a[href="/wiki/User:Xenephos"] {
    font-weight: bolder;
    color: #d60000 !important;
}

/*** Discord widget customization ***/
.discord-widget-container .discord-widget .widget-header {
    background-color: var(--theme-accent-color);
}

.discord-widget .widget-role-name {
	color: var(--theme-accent-color);
}

.discord-widget-container .discord-widget .widget-body {
    background-color: var(--table-background);
}

.discord-widget-container .discord-widget .widget-member .widget-member-name {
    background-color: var(--theme-accent-color);
    color: #fff;
}

.discord-widget-container .discord-widget .widget-member-avatar img {
    border: 2px solid var(--theme-accent-color);
    /* There's sometimes a little space between the avatar and the border, so this property fills the gap */
    background-color: var(--theme-accent-color);
}

.discord-widget-container .discord-widget .widget-footer {
    background-color: var(--table-background);
}

.discord-widget-container .discord-widget .widget-btn-connect {
    
    background-color: var(--theme-accent-color);
    border-color: var(--theme-accent-color);
    color: #fff;
}

/*** Lvl 40 Statboxes ***/

.statbox-theme {
	background-color: var(--theme-accent-color);
	color: var(--theme-accent-dynamic-color-2);
	border-style: solid;
	border-width: 2.5px;
	border-color: var(--theme-link-color);	
}
.statbox-header {
	font-family: Bebas Neue;
	font-weight: Normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 24px;
}

.statbox-row {
	background-color: var(--theme-page-background-color);
	color: #0E191A;
}

.theme-fandomdesktop-light .statbox-health {
	background-color:#63D1F4;
	height: 15px; 
	overflow: hidden; 
	text-align:center;
}

.theme-fandomdesktop-light .statbox-attack {
	background-color:#F08080;
	height: 15px; 
	overflow: hidden; 
	text-align:center;
}

.theme-fandomdesktop-dark .statbox-health {
	background-color:#0863bd;
	height: 15px; 
	overflow: hidden; 
	text-align:center;
}

.theme-fandomdesktop-dark .statbox-attack {
	background-color:#ba160d;
	height: 15px; 
	overflow: hidden; 
	text-align:center;
}

/*** Navboxes ***/
.mw-collapsible, .mw-collapsed {
	border-style: solid;
	border-color: var(--theme-link-color);
	border-width: 2.5px;
}
.navbox-head {
	background-color: var(--theme-accent-color);
	color: var(--theme-accent-dynamic-color-2);
	padding: 0.2em 0.5em;
	text-align: center;
}

/** Fixes Navbox header link color**/
.navbox-head a {
	color: #fff;
}

.theme-fandomdesktop-dark .navbox-body {
	background-color: var(--theme-page-background-color);
	color: var(--theme-accent-dynamic-color-1);
	padding:0.2em 0.5em;
}

.theme-fandomdesktop-light .navbox-body {
	background-color: var(--theme-page-background-color);
	color: #0E191A ;
	padding:0.2em 0.5em;
}

/**Changes Navbox [Expand] and [Collapse] button color **/
.mw-collapsible-toggle a {
    color: #fff;
}
.mw-collapsible-toggle a:hover {
    color: #e0e0e0;
}

/**Fixes "Fan Feed" Header Color **/
h1.mcf-header {
	color: #fff;
}

/*** Infobox CSS ***/
/**Changes Header font **/
.portable-infobox .pi-title, .portable-infobox .pi-header {
	font-family: Bebas Neue;
	font-weight: Normal;
	text-transform: uppercase;
	font-size: 30px;
}

/***Changes Title & Community Header Fonts ***/
.page-header__title, .fandom-community-header__community-name {
	font-family: Bebas Neue;
	text-transform: uppercase;
}

/** New Scrollbar ***/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--theme-page-background-color);
}
 
::-webkit-scrollbar {
    width: 10px;
    background-color: var(--theme-page-background-color);
}
 
::-webkit-scrollbar-thumb {
    background-color: #1b2d63;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
}

/***Header Styling for Main Page/Modules that use it***/

.header-border {
	border:2px solid var(--theme-link-color);
}

.theme-fandomdesktop-light .header-body {
	padding-left:0.4em; 
	border:2px solid #ffaa00;
	background-color:rgb(13,127,213, 0.5);
	color:#EEE; 
	font-size:25px; 
	text-align:center; 
	text-shadow: 2px 2px 1px #000;
	font-family:Bebas Neue; 
	color: #fff;
}

.theme-fandomdesktop-dark .header-body {
	padding-left:0.4em; 
	border:2px solid #C2c2c2;
	background-color:rgb(13,127,213, 0.5);
	color:#EEE; 
	font-size:25px; 
	text-align:center; 
	text-shadow: 2px 2px 1px #000;
	font-family:Bebas Neue; 
	color: #fff;
}