Common.css

@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css");
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:PyramidChart.css");
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&display=swap');

/* https://dev.fandom.com/wiki/AjaxPoll */
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles";

/* HILIGHTED USERNAMES LIST 
------------
INSTRUCTIONS
------------
 
The order that names appear on this list determine which title takes precedence.  
A user will be marked by the last entry in this list, no matter how many entries they have.  
 
A user will be marked with the last designation on this list that they have:
* Adminstrator/Sysop
* Bots
 
Try to keep these lists alphabetized instead of adding to the end. 
 
This is from the RuneScape wiki. Credits to them please.
*/
 
/* ADMINS */
a[href="/wiki/User:YazzyDream"],
a[href="/wiki/User:Foresthash"],
a[href="/wiki/User:Sonderescent"],
a[href="/wiki/User:Neinth"] { color:#00dbe9; font-weight:bold !important; }




/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}





/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}
 
div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}








/* Infoboxes */
.portable-infobox {
	color: var(--text-color);
	float: right;
	clear: right;
    border-radius: 12px 12px 0 0;
    border: solid var(--a-bg-color) 1px;
    overflow: hidden;
	-moz-box-shadow: 0 0 8px var(--b-bg-color);
	-webkit-box-shadow: 0 0 8px var(--b-bg-color);
	box-shadow:0 0 7px var(--b-bg-color);
	margin:0 5px 10px 20px;
}



.theme-fandomdesktop-dark .portable-infobox {
	background-color: rgba(45,43,46,0.4); 
}

.theme-fandomdesktop-light .portable-infobox {
	background-color: rgba(255,255,255,0.4); 
}



.pi-data-value li {
    line-height: 15px;
    padding-bottom: 3px;
}

.pi-title {
    border-radius: 10px 10px 0 0;
    font-size: 20px !important;
    font-family: 'Fira Code', sans-serif !important;
    background-color: var(--a-bg-color);
    text-transform: uppercase;
}

.pi-header {
    font-size: 16px !important;
    font-family: 'Fira Code', sans-serif;
    background-color: var(--a-bg-color);
    color: var(--text-color-light);
}
 
.portable-infobox .pi-data-label {
   flex-basis: 100px;
   text-shadow: none;
}
 
.portable-infobox .pi-item-spacing {
   padding: 5px 10px;
}
 
.portable-infobox .pi-header {
    padding: 5px 5px;
    font-family: 'Fira Code', sans-serif;
    text-align: center;
	text-shadow: 0 0 5px #ba8f47, 0 0 5px #ba8f47, 0 0 5px #ba8f47;
}

.portable-infobox:first-of-type .pi-image-thumbnail {
    height: auto;
    width: 100%;
}

.portable-infobox .pi-caption {
    font-size: 10px;
}

.pi-theme-character .pi-item-spacing {
   border-bottom: 1px solid #4d2167;
}










/* Center tabs in infoboxes https://community.fandom.com/f/p/4400000000003176261*/
.portable-infobox .wds-tabs__tab:first-child {
    margin-left: auto;
}
.portable-infobox .wds-tabs__tab:last-child {
    margin-right: auto;
}




/* semicolan line-height/space fix https://dev.fandom.com/f/p/4400000000000014423/r/4400000000000042444
paragraph bottom space fix*/
.page-content dl {
    margin-bottom: 0;
}


.page-content p, .page-content section {
    margin-bottom: 12px;
}







/* CONTENT AREA TWEAKS */

/* Heading Font https://community.fandom.com/f/p/4400000000003174191*/
h1.page-header__title 
.page__main h1,
.page__main h2,
.page__main h3,
.page__main h4,
.page__main h5,
.page__main h6 {
     font-family: 'Fira Code', sans-serif;
}

.theme-fandomdesktop-dark h1.page-header__title 
.page__main h1,
.page__main h2 {
     text-shadow: 0 0 5px #ba8f47, 0 0 5px #ba8f47, 0 0 5px #ba8f47;
}






 
/* Darker borders and colors for TOC, thumbnail captions and heading lines */
.page-content .thumb .caption {font-size:85%}
.theme-fandomdesktop-dark #mw-content-text .toc {
	background-color: rgba(45,43,46,0.4); 
	border: 1px solid #00ddf7;
	-moz-box-shadow: 0 0 8px #00ddf7;
	-webkit-box-shadow: 0 0 8px #00ddf7;
	box-shadow:0 0 7px #00ddf7;
	margin: 20px 20px 10px 5px;
}
.theme-fandomdesktop-light #mw-content-text .toc {
	background-color: rgba(255,255,255,0.4); 
	border: 1px solid #ffa500;
	-moz-box-shadow: 0 0 8px #ffa500;
	-webkit-box-shadow: 0 0 8px #ffa500;
	box-shadow:0 0 7px #ffa500;
	margin: 20px 20px 10px 5px;
}
#mw-content-text .article-thumb {
	background-color:#260d59; 
	background-image:none; 
	padding:5px;
}




/* Adjust leading/line-height in TOC */
.mw-parser-output .toc ul li a {
    line-height: 1;
    font-weight: normal;
}









/*******************
 * Navboxes fomr layton.fandom.com
 *******************/
.navbox {
    width: 100%;
    background: none;
    color: white;
    margin: 1em auto;
    font-size: 92%;
    clear: both;
    justify-content: center;
    padding: 5px;
    border-spacing: 0;
    border: 1px solid #ff0000;
}
 
/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}
 
.navbox .navbox-title {
    background: #260d59;
    color: white;
    font-weight: bold;
    font-size: 100%;
}
 
.navbox .navbox-vde {
    float:left;
    width: 65px;
}
 
.navbox .navbox-title-padright {
    padding-right: 65px;
}
 
.navbox .navbox-title-padleft {
    padding-left: 65px;
}
 
.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}
 
.navbox .navbox-gutter {
    height: 2px;
}
 
.navbox .navbox-subgroup .navbox-gutter {
    background: none;
}
 
.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}
 
.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}
 
.navbox .navbox-above,
.navbox .navbox-below {
    background: #342457;
    text-align: center;
}
 
.navbox .navbox-image {
    background: black;
    text-align: center;
}
 
.navbox .navbox-group,
.navbox .navbox-header {
    background: #342457;
    color: white;
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}
 
.navbox .navbox-header-collapsible {
    padding-left: 65px;
}
 
.navbox .navbox-group {
    text-align: right;
    padding-right: 1em;
    min-width: 150px;
}
 
.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid black;
}
 
.navbox-image-right {
    border-left: 2px solid black;
}
 
.navbox .navbox-list {
    background: none;
    color: white;
    width: 100%;
    height: 100%;
    padding: 0;
}
 
.navbox .alt > .navbox-list {
    background: none;
}
 
.navbox .navbox-list div {
    padding: 0px 4px;
}
 
.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
 
.navbox .mw-collapsible-toggle {
    width: 65px;
}
 
/* hlist */
.hlist ul {
    margin: 0;
    list-style: none;
}
 
.hlist li, .hlist ul ul {
    display: inline;
}
 
.hlist li a {
    white-space: nowrap;
}
 
.hlist ul ul:before {
    content: "("
}
 
.hlist ul ul:after {
    content: ")"
}
 
.hlist li:after {
    content: " • ";
}
 
.hlist ul ul li:after {
    content: "/";
}
 
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}





/*Scrollbar grabbed from https://ok-ko.fandom.com/wiki/MediaWiki:Common.css*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
 
body::-webkit-scrollbar {
    background: black;
}
 
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg,#0057b8,#009fdb);
}
 
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(#a68950,#9f8044,#8c6a27);
}
 
::-webkit-scrollbar-thumb:active {
    background: linear-gradient(#a68950,#9f8044,#8c6a27);
}





/* Page Glowing https://your-throne.fandom.com/wiki/MediaWiki:Wikia.css 
	https://wowpedia.fandom.com/wiki/MediaWiki:Fandomdesktop.css*/
.theme-fandomdesktop-dark .page {
	border: 1px solid #ba8f47;
	-moz-box-shadow: 0 0 8px #ba8f47;
	-webkit-box-shadow: 0 0 8px #ba8f47;
	box-shadow:0 0 7px #ba8f47;
 }


.theme-fandomdesktop-light .page {
	border: 1px solid #0095ef;
	-moz-box-shadow: 0 0 8px #0095ef;
	-webkit-box-shadow: 0 0 8px #0095ef;
	box-shadow:0 0 7px #0095ef;
 }
 
 
 

/*Header/Top Navigation glow*/ 
.theme-fandomdesktop-dark .fandom-community-header {
    filter: drop-shadow(0px 0px 1px #ba8f47) drop-shadow(0px 0px 1px #ba8f47)  drop-shadow(0px 0px 1px #ba8f47);
    z-index: 100;
}






 
/*top right corner page icons https://avatar.fandom.com/wiki/Template:Icons*/
#icons {
    position:absolute;
    z-index:100;
    right:12px;
    top:10px;
    float: right;
}
















/* Canon Tabs from https://witcher.fandom.com/wiki/MediaWiki:Common.css */
.canontabs {
    width: 100%;
    border-bottom: 2px solid #ba8f47;
    margin-bottom: 20px;
    }

.canontabs ul {
    margin: 0px;
    padding: 0px;
    height: 37px;
    }

.canontabs li {
    display: inline-block;
    margin-right: 10px;
    padding: 0px;
    height: 25px;
    }

.canontabs li a {
    display: block;
    text-decoration: none !important;
    }

.canontabs li span {
    padding: 7px 15px 25px 15px;
    border: 2px solid #314b75;
    border-bottom: none;
    border-radius: 10px 10px 0px 0px;
    height: 25px;
    line-height: 18px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.canontabs .mw-selflink span, .canontabs .mw-selflink span:hover {
    color: #d5d4d4;
    border: 2px solid #ba8f47;
    border-bottom: 2px solid #111111;
    }

.canontabs li a span:hover {
    border-color: #7abaff;
    }

/*** FD light mode fix ***/
.theme-fandomdesktop-light .canontabs .mw-selflink span,
.theme-fandomdesktop-light .canontabs .mw-selflink span:hover {
  color: #333333;
  border-bottom:2px solid #d6d6d6;
}











/** Boxes from https://expanse.fandom.com/wiki/MediaWiki:Common.css**/

/*boxes*/
.theme-fandomdesktop-dark #box {
    border-radius: 22px 9px;
	text-shadow: 0 0 5px #00ddf7, 0 0 5px #00ddf7, 0 0 5px #00ddf7;}
    
.theme-fandomdesktop-light #box {
    border-radius: 22px 9px;}

/**big**/
.communityBox:hover {
    background: #008AFF;
	background: rgba(0,138,255,0.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.1s ease;
	min-height:225px;
	text-shadow: 0 0 5px #ba8f47, 0 0 5px #ba8f47, 0 0 5px #ba8f47;
	background-image: url('https://static.wikia.nocookie.net/inebm/images/3/31/Sol_system.png');
}
.communityBox {
	transition: all 0.1s ease;
	background: rgba(0,138,255,0.1);
	min-height:225px;
}

.communityBox a,
.communityBoxsm a {
    color: var(--theme-page-text-color);
}

/*small*/
.communityBoxsm:hover {
    background: #008AFF;
	background: rgba(0,138,255,0.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.1s ease;
	text-shadow: 0 0 5px #ba8f47, 0 0 5px #ba8f47, 0 0 5px #ba8f47;
	background-image: url('https://static.wikia.nocookie.net/inebm/images/3/31/Sol_system.png');
}
.communityBoxsm {
	transition: all 0.1s ease;
	background: rgba(0,138,255,0.1);
}