MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* IMPORTS Fonts */
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Metamorphous&display=swap');

/* IMPORTS Styles */
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:MP.css|MediaWiki:Themes.css|u:dev:MediaWiki:SpoilerBlur/code.css|u:dev:MediaWiki:BalancedBloglists.css");

/* ==================================
   Portable Infobox 
   This code applies to ALL infoboxes.
   ================================== */
.portable-infobox { border-radius: 5px;
    padding:.5em;
    width:40%;
    border: 1px solid #404040;
}

.portable-infobox .pi-title {
    font-size: 120%;
    color: white;
    border-radius: 5px 5px 0px 0px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    background-color: darkred;
}

.portable-infobox .pi-horizontal-group-item.pi-data-value {
    text-align: center;
    color: #891100 !important;
    background-color: #333333;
}
 
.portable-infobox > :last-child td.pi-horizontal-group-item.pi-data-value:first-child {
    border-bottom-left-radius: 0px;
}
.portable-infobox > :last-child td.pi-horizontal-group-item.pi-data-value:last-child {
    border-bottom-right-radius: 0px;
}

.pi-europa.pi-title, .pi-europa.pi-header {
    background-image: #333333;
    color: white;
}

.pi-europa.pi-background {
    background-color: #333333;
}

/* Colours for numeric differences
 */
.mw-plusminus-pos { color: limegreen; }
.mw-plusminus-neg { color: red; }

/* Mark redirects in Special:Allpages and Special:Watchlist 
 */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* User profile masthead stuff 
 */
.UserProfileMasthead .masthead-avatar .avatar {
    border: 3px ridge white;
}

.UserProfileMasthead .masthead-info {
    box-shadow: 0 3px 15px 0 #696969;
    border-radius: 6px;
    background-color: white;
}

.avatar {
    border-radius: 2em;
}
.masthead-avatar img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.masthead-avatar:hover img {
    border-radius: 100%;
    box-shadow: 0 0 20px #e0ffff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Page */
.resizable-container {
    border:0;
}

/* Link customization 
 */
a:hover { /* What the link looks like when you're hovering on it */
    text-shadow: 0 0 2.5px #54845E,0 0 2.5px #54845E;
    color: #54845E !important;
    text-decoration: none;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
 
a {
    color: #54845E;
    text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent;
}
 
a:active {
    color: green !important;
    text-shadow: 0 0 2.5px #54845E,0 0 2.5px limegreen;
}

/* Plainlinks */
.plainlinks a.external {
      background: none !important;
      padding: 0 !important;
}

.plainlinks a.external::after {
      display: none;
.}

/* Mbox */
.mbox__content__image.fandom-icons {
		font-size: 2em;
}    

/* Restores "red links" for uncreated categories 
 */
.newcategory {
  color: #CC2200 !important; 
}

/* Force links to appear as redlinks 
 */
.redlink a {
    color: #CC2200;
}

/* Once those modules have landed, you don't want to move them.
 */
.WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER,
.RelatedVideosModule,
.WikiaActivityModule, 
.WikiaImageModule, 
#WikiaSpotlightsModule, 
.HotSpotsModule, 
.CommunityCornerModule, 
.LatestPhotosModule, 
.WikiaChatModule,
.FollowedPagesModule,
.ChatModule,
.insights-module,
.insights-dark.module,
.community-page-card-module,
.rail-module,
.ChatRailModule,
.ChatEntryPoint,
.page-content pre {
  background-attachment: fixed !important;
  border: 1px solid #FFFFFF !important;
  background: transparent !important;
  padding: 10px !important;
}

.WikiaArticleCategories, .article-categories, .CategorySelect.articlePage {
    background: transparent;
    background-size:cover;
    border: 1px solid #FFFFFF !important;
	line-height: normal;
}

/* Caption */
.page-content .article-thumb .caption {
    text-align: center;
}

/* Navbox container style 
 */
.navbox {
    /*border: 1px solid #aaa;*/
    border:none;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}

/* Hide categories on main page 
 */
.mainpage .article-categories {
    display: none;
}

/* Tabber CSS, do not remove 
 */
.tabbertab {
	border-top: 2px solid white !important;
	border-bottom: 0 none !important;
	border-left: 0 none !important;
	border-right: 0 none !important;
}

ul.tabbernav {
	border-bottom: 1px solid var(--light) !important;
}

ul.tabbernav li a {
	background: black !important;
	border: 2px solid var(--light) !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom: 0 none !important;
	font-size: 12px !important;
	color: var(--light) !important;
	font-weight: normal !important;
}

ul.tabbernav li a:hover {
	background: var(--light) !important;
	color: var(--dark) !important;
}

ul.tabbernav li.tabberactive a {
	background: var(--light) !important;
	color: var(--dark) !important;
	font-weight: bold !important;
}

/*  =================
    SPONSORED LINKS
    =================
    It's a violation of
    Terms of Use to
    mark this display:none.
    We can restyle it,
    but we can't remove it
    =================  */

.SponsoredLinksModule {
    background-color:transparent;
    border:1px dashed #000000;
    margin-top:2em;
}

/* Horizontal line styles 
 */
hr {
	height: 1px;
	color: #000000;
	background-color: #000000;
	border: 0;
	margin: .2em 0 .2em 0;
}
 
h1, h2, h3, h4, h5, h6 {
	color: #F5F5F5;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
}
h1 { font-size: 180%; }
h2 { font-size: 150%; }

h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h1 { font-size: 180%; }
h2 { font-size: 150%; }

h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 130%; }
h4 { font-size: 115%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }
 
abbr, acronym, .explain {
	border-bottom: 1px dotted;
	background: none;
	cursor: help; 
}
.article-thumb .caption {
    color: #FFF;
}

/* Scrollbar */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb {
	background: #8b0000 !important;
}
::-webkit-scrollbar-thumb:hover {
	background: #ff6347 !important;
}
::-webkit-scrollbar-thumb:active {
	background: #ff6347 !important;
}
::-webkit-scrollbar-track {
	background-color: transparent;
}

/* Custom usertags 
 */
a.tag {
    color: inherit;
}

/* Compact the TOC since it's somewhat ridiculous on some pages
 */
.page-content .toc {
	font-size: 99%;
}

/* Rounded corners for editor page 
 */
EditPageHeader {
border-radius: 5px 5px 0 0;
}
 
.editpage-sourcewidemode.mode-wysiwyg {
border-radius: 0 0 5px 5px;
}
 
.editpage-sourcewidemode.mode-source {
border-radius: 0 0 5px 5px;
}

/* Rounded corners for galleries 
 */
.wikia-gallery-border-small .thumb .gallery-image-wrapper {
    border-radius: 5px !important;
}

/* TOC */
#toc {
    background: transparent;
    border: 1px solid #8a0303;
}

.toc .toctitle {text-align: center}

/**********************************/
/* Highlighted Users */
/**********************************/

/* Alt Colors */
a[href$=":Battlestation"],
a[href$="/Battlestation"] {
    color: #990000 !important;
}

img.avatar[alt="Battlestation"] { 
border:3px ridge #3C3C3D !important; 
border-radius:10px !important; 
-webkit-border-radius:2px !important;
}

a[href$=":TheGreatLucario"],
a[href$="/TheGreatLucario"] {
    font-weight: bold !important;
    color: #ff0000 !important;
}

a[href$="/wiki/User:TheDivineHost"],
a[href$=":TheDivineHost"],
a[href$="/TheDivineHost"] {
    transform: rotate(180deg) !important;
    color: #0070F7 !important;
    font-weight: bold; !important;
    font-family: "Gochi Hand" !important;
}

a[href="/wiki/User:Cesar Drawz"]  { color:#ff69b4 !important;
    font-weight: bold !important;
}

a[href$=":DSInfinite"], 
a[href$="/DSInfinite"] {
animation: RainbowName 10s infinite;
font-family: "Lobster" !important;
color: #00FF04 !important;
}

a[href$=":Necksnap"], 
a[href$="/Necksnap"] {
animation: RainbowName 10s infinite;
color: #00FF04 !important;
font-weight: bold !important;
}

div .h13{
    animation: RainbowName 3s infinite;
    color: #00FF04 !important;
    font-weight: bold;
    text-shadow: 1px 1px 5px #00FF04 !important;
}

@keyframes RainbowName{
from {
-webkit-filter:hue-rotate(15deg);
        filter:hue-rotate(15deg);
}
to {
-webkit-filter:hue-rotate(360deg);
        filter:hue-rotate(360deg);
}
}

@keyframes RainbowName2{
from {
-webkit-filter: text-shadow hue-rotate(360deg);
        filter: text-shadow hue-rotate(360deg);
}
to {
-webkit-filter: text-shadow hue-rotate(15deg);
        filter: text-shadow hue-rotate(15deg);
}
}

/* Reflist tweaks 
 */
.references {
	font-size: 13px;
}
sup.reference:target,
ol.references li:target {  /* required overqualification, otherwise won't overwrite */
    background-color: transparent; 
}
.reference:target a {
    font-weight: bold; 
    color: #DD0000; 
}
.references li {
    padding: 1px;
}
.references li:target {
    border-left: 1px solid #FF0000;
    background: linear-gradient(to right, #8B1000, 75%, transparent);
    padding-left: 3px;    
}

/** Content area glow
 * Display a certain... luminescent glow about wiki's complexion when border exist. 
 */
.page {
    /*border: 1px solid var(--theme-border-color);*/
      box-shadow: 0 0 20px var(--theme-border-color);
}

/* Inline unordered list seperated by pipe
 */
.mw-content-ltr ul.pipe_delimit {
  margin: 0px;
}
.mw-content-ltr ul.pipe_delimit li {
  display:inline;
}
.mw-content-ltr ul.pipe_delimit li + li::before {
    content: " | ";
}

/* Slightly visible background, exemplified by strong contrast between light and dark. 
 */
.theme-fandomdesktop-light .page__main {
  background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}
/*dark theme */
.theme-fandomdesktop-dark .page__main {
  background-color: rgba(var(--theme-page-background-color--rgb), 0.8);
}