MediaWiki:Common.css

@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:MessageWallPagination|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:FandomizedWikiFeatures.css|u:dev:MediaWiki:FandomizedInputboxes/code.css|u:dev:MediaWiki:FandomizedCategoryExhibition/code.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:ModernPopovers.css|u:dev:MediaWiki:UpgradedToolbar.css|u:dev:MediaWiki:FandomizedFieldsets.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|MediaWiki:Highlights.css|MediaWiki:Infobox.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:FandomizedTabs/tabviews.css|u:dev:MediaWiki:Nord.css|u:dev:MediaWiki:ModernLeaderboard.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:RectangularButtons/code.css.css|u:dev:MediaWiki:FandomizedButtons.css|u:dev:MediaWiki:FandomizedThemeDesigner.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:MediaWiki:EditorVisualMinimal/light.css|u:dev:MediaWiki:DiscussionsFeed/style-light.css|u:dev:MediaWiki:ModernLightbox.css|u:dev:MediaWiki:ModernLightbox/addtoarticlebutton.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:ModernCommentsSection.css|u:amphibiapedia:MediaWiki:LoadingScreens.css|u:amphibiapedia:MediaWiki:ImageSvgs.css|u:maomao:MediaWiki:Wikia.css|u:dev:MediaWiki:NewCat%26LangBars.css|u:dev:MediaWiki:FandomizedAchievementsSystems/code.css|u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:RedesignedAdminDashboard.css|u:dev:MediaWiki:FandomizedTabs/tabbers.css|u:dev:MediaWiki:FandomizedToggles/code.css&only=styles");

/* Font import */
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Farro');

:root {
    --link-theme-normal: #CE4E48;
    --body-color: #000;
    --polar-1: #fff;
    --polar-2: #000;
}

/* Gallery Spin, thanks Archieverse Wiki for this code! */
#imagespin img {
	-webkit-transition: -webkit-transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out;
}
#imagespin img:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
 
/* Blog Lines */
.WikiaBlogListing .WikiaBlogListingPost {
    border-bottom: dotted;
    padding: 20px 0;
}
 
/* Profile Avatar Masthead spin, thanks Future Wiki for this code!*/
.masthead-avatar img {
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
 
.masthead-avatar:hover img {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    border-radius: 100%;
    box-shadow: 0 0 20px black;
    transform: rotate(360deg);
}
 
/* Improve Community Page Right Rail, which includes consistent module designs */
 .community-page-rail {
    background-color: transparent;
}
 
.community-page-rail .community-page-module-box {
    background-color: transparent;
}
 
.community-page-rail .community-page-module-box .community-page-module-section-title {
    padding-right: 31px;
    padding-bottom: 14px;
    border-bottom: 1px solid #cccccc !important;
}
 
.community-page-help-module .community-page-module-section-title svg {
    height: 20px;
    width: 20px;
}
 
.community-page-rail .community-page-module-box {
    padding-top: 20px;
    padding-right: 5px;
}
 
.community-page-help-module.community-page-module-box {
    padding: 0;
}
 
.community-page-admins-module .community-page-admins-view-all {
    padding: 10px 15px 10px;
    border: 1px solid;
}

/*Profile Icons*/
.profile-icons {
     vertical-align:middle;
     margin-right:10px
}
 
.profile-icons {
	padding-right: 10px;
	vertical-align: middle;
}

/* ContribsButtons */
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton,
body.mw-special-Contributions #contentSub:not(.contentSub) a,
body.mw-special-Contributions #contentSub #contentSubSub a {
    background: #CE4E48;
}
 
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active,
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus,
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover,
body.mw-special-Contributions #contentSub:not(.contentSub) a:active,
body.mw-special-Contributions #contentSub:not(.contentSub) a:focus,
body.mw-special-Contributions #contentSub:not(.contentSub) a:hover,
body.mw-special-Contributions #contentSub #contentSubSub a:active,
body.mw-special-Contributions #contentSub #contentSubSub a:focus,
body.mw-special-Contributions #contentSub #contentSubSub a:hover {
    background: #ff7e78;
}

/* Content Area Tweaks */
.WikiaArticle h2 {
   border-bottom:1px solid #CE4E48;
   margin-bottom:0.5em;
   margin-top:20px;
}
 
/* Separator */
.WikiaPage .page-header__separator {
    background-color: #CE4E48;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
    color: #3e8e41;
}
 
.mw-plusminus-neg {
    color: #c1372d;
}

/* diffchange colors */
td.diff-context {
    border-color: #CE4E48 !important;
}
td.diff-addedline .diffchange {
    background-color:#4dff53 !important;
}
td.diff-addedline {
    border-color:#4dff53 !important;
}
td.diff-deletedline .diffchange {
    background-color:#ff564a !important;
}
td.diff-deletedline {
    border-color:#ff564a !important;
}

/* Infobox */
.portable-infobox {
    border-radius: 12px 12px 0 0;
    border: 2px solid #CE4E48;
}
 
.pi-europa .pi-title {
    border-radius: 10px 10px 0 0;
    font-size: 16px !important;
}
 
.pi-europa .pi-header {
    font-size: 13px !important;
}
 
.pi-europa .pi-horizontal-group .pi-horizontal-group-item {
    text-align: center;
}

/* WIKI DESIGN */
#WikiaPageBackground {
    opacity: 2 !important;
}

.background-image-gradient {
    opacity: 0 !important;
}

.UserProfileMasthead .masthead-info hgroup {
    background-color: #CE4E48 !important;
    background-image: none !important;
}

.WikiaUserPagesHeader {
    background-color: RGBA(0,0,0,0) !important;
    background-image: none !important;
}

/* TEXT STYLE */
.wds-tabs__tab {
    color: #FBC799 !important;
}

.UserProfileMasthead .masthead-info h1, .UserProfileMasthead .tally em {
    font-family: SpudAfCrisp !important;
}

a:not(.new) {
    font-weight: bold !important;
}

.new {
    color: #997750 !important;
}

/*Customizing Profile Tabs (From Glitchtale Wiki)*/
.WikiaUserPagesHeader .tabs li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.WikiaUserPagesHeader .tabs li a {
	border: 4px solid #CE4E48 !important;
	border-radius: 0 !important;
}

/* SpudAfCrisp Font Import */
@font-face {
    font-family: 'SpudAfCrisp';
    src: url('https://vignette.wikia.nocookie.net/maxigamertest/images/d/da/Spud_AF_Crisp_W00_Regular.woff') format('woff'),
         url('https://vignette.wikia.nocookie.net/maxigamertest/images/b/b7/Spud_AF_Crisp_W00_Regular.ttf') format('truetype'),
         url('https://vignette.wikia.nocookie.net/maxigamertest/images/0/0e/Spud_AF_Crisp_W00_Regular.svg#SpudAFCrisp') format('svg');
}
    
/* Links */
a:hover {
    text-shadow: 0 0 2.5px rgba(206, 78, 72), 
                 0 0 2.5px rgba(206, 78, 72);
    color: #CE4E48 !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: #CE4E48;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    text-shadow: 0 -15px 2.5px transparent,
                 0 15px 2.5px transparent;
}
 
a:active {
    color: #CE4E48 !important;
    text-shadow: 0 0 2.5px #f00, 0 0 2.5px #f00;
}

a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"]:not(#searchSubmit),
input[type="reset"],
input[type="button"],
.button,
button {
    background: #CE4E48 !important;
    color: #000000 !important;
    border-radius: 0 !important;
}

/* Modules (Inspried by OK K.O.! Wiki)*/
.WikiaRail .rail-module,
.community-page-help-module,
.community-page-card-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .module,
.WikiaArticle .thumbinner,
.WikiaArticle pre,
.WikiaArticleCategories {
    border: 2px solid #CE4E48 !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}

.WikiaRail .rail-module {
    padding: 20px 15px 15px;
    margin: 0 0 30px 0;
}

.WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar, .community-page-rail-module .wds-avatar {
    border-color: #CE4E48!important;
}
 
.WikiaRail .rail-module .wds-button.wds-is-secondary {
    background:#CE4E48;
    color:black!important;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
 
.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
    background:#CE4E48!important;
    border-color:#CE4E48!important;
    color:black!important;
    text-shadow: 0 0 2.5px black, 0 0 2.5px black!important;
}

.WikiNav .nav .subnav-2 li.marked2 .subnav-2a,
.WikiNav .nav .subnav-2 li.marked2 .subnav-2a > a {
    color: #CE4E48;
}
 
#WikiaRail .rail-module a.edit-info-user,
#WikiaRail .rail-module {
    color: #CE4E48;
}
 
.WikiaRail .rail-module h2.has-icon svg {
    fill: #CE4E48;
}
 
.module span,
.module h1,
.module p,
.module h2,
.module li {
    color: #CE4E48;
}
 
.module a, 
.community-page-card-module .community-page-card-module-full-list-link {
    color: #CE4E48;
}
 
.community-page-rail-module {
    border-top: 1px solid #CE4E48!important;
}
 
.community-page-rail-module .wds-avatar {
    border-color: #CE4E48!important;
}
 
.WikiaRail .module h2 {
    border-bottom: 1px solid #CE4E48;
    font-size: 16px;
    font-weight: bold;
    min-height: 30px;
    margin-bottom: 16px;
    padding-left: 2px;   
}
 
.UserProfileMasthead .wikis span,
.UserProfileMasthead .details span {
    color: #CE4E48;
}
 
.tally {
    color: #CE4E48;
}
 
.UserProfileMasthead .details li,
.UserProfileMasthead .wikis ul li a {
    color: #CE4E48;
    font-weight: 700;
}
 
.UserProfileMasthead .tally a {
    color: #CE4E48;
    font-weight: 700;
}
 
.WikiaUserPagesHeader {
    background: linear-gradient(0deg,#CE4E48,transparent);
}

.UserProfileMasthead .masthead-info {
  background-image:url("https://vignette.wikia.nocookie.net/hildatheseries/images/0/01/Community-Page-Header.jpg/revision/latest?cb=20190914140704");
}

/* FandomizedActivity */
:root {
    --activity-border-color: #CE4E48;
	--activity-dark-morelink-color: #CE4E48;
	--activity-icon-color: #CE4E48;
}
 
/*FandomizedLists*/
.WikiaArticle ul ul ul,
.WikiaArticle ol ul ul,
.WikiaArticle ul ol ul,
.WikiaArticle ol ol ul,
#Wall.Thread .message .msg-body ul ul ul,
#Wall.Thread .message .msg-body ol ul ul,
#Wall.Thread .message .msg-body ul ol ul,
#Wall.Thread .message .msg-body ol ol ul {
    list-style-type: square;
}
 
.WikiaArticle ul ul,
.WikiaArticle ol ul,
#Wall.Thread .message .msg-body ul ul,
#Wall.Thread .message .msg-body ol ul {
    list-style-type: circle;
}
 
.WikiaArticle ul,
#Wall.Thread .message .msg-body ul {
    list-style-type: disc;
}

/* Recent Changes Header */
span.rclinks {
    float: right;
}
 
span.rc-backlink-text > a:hover,
span.rclinks > a:hover {
    text-decoration: none !important;
}
 
span.rc-backlink-text > a,
span.rclinks > a {
    color: #0000ee !important;
}

/*Modernizes the pagination*/
/* Pagination for the rest */
 
a.paginator-page.active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-weight: bold !important;
    background-color: rgb(0,0,0) !important;
    color: white !important;
    top: 0 !important;
}
 
.wikia-paginator ul .paginator-page {
    border: none;
    background: #ffffff;
    font-family: Helvetica !important;
    font-size: 13px !important;
    color: #444444;
    font-weight: 300;
    margin: 0 0 -3px -3px !important;
    padding: 2px 12px !important;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.75);
    cursor: pointer;
    text-decoration: none;
}
 
.wikia-paginator ul {
    text-align: center;
}
 
.wikia-paginator ul .paginator-next {
    padding: 4px 10px 4px 10px;
    margin-left: 15px !important;
    border-radius: 0;
    background-image: none;
    background-color: #ffffff;
    border: none;
    box-shadow: 2px 2px #888888;
}
 
a.paginator-next.button.secondary:hover,
a.paginator-prev.button.secondary:hover {
    background-image: none;
    background-color: #f1f1f1;
}
 
.wikia-paginator ul .paginator-prev {
    padding: 4px 10px 4px 10px;
    margin-right: 15px !important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: none;
    background-color: #ffffff;
    border: none;
    box-shadow: 2px 2px #888888;
}
 
span.paginator-next.disabled,
span.paginator-prev.disabled {
    display: none;
}

/** Language dropdown **/
function appendLanguageDropdown() {
	var borderColor 
= $('.WikiaPageHeader .comments').css('border-top-color');
	var server 
= wgServer.replace("http://","");
	var html 
= '<nav style="border: 1px solid '+borderColor+';" class="wikia-menu-button secondary combined chooselanguage"><img style="margin-top: 3px; margin-left: 2px; margin-right: 4px;" class="chevron" src="data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"><ul style="min-width: 42px; margin-top: 1px; border: 1px solid '+borderColor+'; border-top: none; text-align:center;" class="WikiaMenuElement" style="min-width:20px;"></ul></nav>';
	flags 
= {};
	flags['de'] 
= '<img class="de-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/de.svg" alt="Alemán">';
	flags['en'] 
= '<img class="en-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/us.svg" alt="Inglés">';
	flags['es'] 
= '<img class="es-image" style="width:20px; height:15px; border-radius:3px" src="https://vignette.wikia.nocookie.net/central/images/a/a8/Flag_ES-MX.png/revision/latest?cb=20160421140723" alt="Español">';
	flags['fr'] 
= '<img class="fr-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/fr.svg" alt="Francés">';
	flags['ja'] 
= '<img class="ja-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/jp.svg" alt="Japonés">';
    flags['ko'] 
= '<img class="ko-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/kr.svg" alt="Coreano">';
	flags['pl'] 
= '<img class="pl-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/pl.svg" alt="Polaco">';
	flags['pt'] 
= '<img class="pt-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/pt.svg" alt="Portugués">';
	flags['pt-br'] 
= '<img class="pt-br-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/br.svg" alt="Portugués Brasileño">';
    flags['ro'] 
= '<img class="ro-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/ro.svg" alt="Rumano">';
	flags['ru'] 
= '<img class="ru-image" style="width:20px; height:15px; border-radius:3px" src="http://lipis.github.io/flag-icon-css/flags/4x3/ru.svg" alt="Ruso">';
 
	$('.WikiaPageHeader .comments').after(html);
 
	languages 
= {};
	$('.WikiaArticleInterlang ul li a').each(function() {
		var languageFull 
= $(this).text();
		var href 
= $(this).attr('href');
		var pageNameArray 
= href.split('/')
		var pageName 
= pageNameArray[pageNameArray.length - 1];
		switch (languageFull) {
		    case "Deutsch":
			    languages['de'] 
= href;
			    break;
			case "English":
				languages['en'] 
= href;
				break;
			case "Español":
				languages['es'] 
= href;
				break;
			case "Français":
				languages['fr'] 
= href;
				break;
			case "日本語":
				languages['ja'] 
= href;
				break;
			case "한국어":
				languages['ko'] 
= href;
				break;
 
			case "Polski":
				languages['pl'] 
= href;
				break;
			case "Português":
				languages['pt'] 
= href;
				break;
			case "Português do Brasil":
				languages['pt-br'] 
= href;
				break;
			case "Русский":
				languages['ru'] 
= href;
				break;
			case "Română":
				languages['ro'] 
= href;
				break;
		}
	});
 
	var language 
= wgContentLanguage;
	$.each(flags, function (key, value) {
		if (key 
=== language) {
			$('.WikiaPageHeader .chooselanguage').prepend(flags[key]);
		} 
		else {
			if (languages[key]) {
				$('.WikiaPageHeader .chooselanguage ul').append('<a style="display: inline; padding: 0; height: 0; line-height: 0;" class="'+ key +'-link" href="' + languages[key] + '"><li style="border-top: 1px solid '+ borderColor +'; padding-top: 3px; padding-bottom: 3px;" class="' + key + '">' + flags[key] + '</li></a>');
			}
		}
	});
 
	$('.WikiaPageHeader .chooselanguage').on('click', function () {
		if ($(this).hasClass('active') 
=== false) {
			$(this).addClass('active');
		} 
		else {
			$(this).removeClass('active');
		}
	});
 
	$('.WikiaPageHeader .chooselanguage').on('mouseleave', function () {
		var that 
= this;
		var timeOut 
= setTimeout(function () { $(that).removeClass('active'); }, 500);
 
		$('.chooselanguage').on('mouseenter', function () {
			clearTimeout(timeOut);
		});
	});
}
if( $('.WikiaArticleInterlang').length > 0 ) {
	addOnloadHook(appendLanguageDropdown);
}
/**  END Language dropdown **/

/*Modernizes the Toolbar editor*/
.MyToolsConfiguration .reset-defaults .wikia-chiclet-button {
    display: none;
}
 
.MyToolsConfiguration .reset-defaults,
.MyToolsConfiguration .advanced-tools,
.MyToolsConfiguration .popular-tools-group .popular-toggle,
#MyToolsConfiguration > div > div > div > ul > li > a,
#MyToolsConfiguration > div > div > ul > li > span.name {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}
 
#MyToolsConfiguration > div > div > span > a:hover,
#MyToolsConfiguration > div > div > div > ul > li > a {
    text-decoration: none !important;
    filter: brightness(115%);
    transition: .3s;
}
 
.MyToolsConfiguration label {
    font-size: 10px !important;
    text-transform: uppercase;
}
 
.MyToolsConfiguration .search-box input[type="text"] {
    border: none;
    box-shadow: none;
}
 
.MyToolsConfiguration .popular-tools-group,
.MyToolsConfiguration .search-box {
    background-image: none !important;
    background-color: #ebebeb;
    border: none !important;
}
 
#MyToolsConfigurationWrapper > footer > div > button.button.normal.secondary {
    background-image: none !important;
    border-radius: 0 !important;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
    border-color: black;
    color: black;
    padding: 7px 12px;
    margin-top: -5px;
}
 
#MyToolsConfigurationWrapper > footer > div > button.button.button.primary {
    background-image: none !important;
    border-radius: 0 !important;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    padding: 7px 12px;
    margin-top: -6px;
}
 
#MyToolsConfigurationWrapper > footer > div > button.button.normal.secondary:hover {
    color: #3a3a3a;
    border-color: #3a3a3a;
    transition: .3s;
}
 
#MyToolsConfigurationWrapper > footer > div > button.button.button.primary:hover {
    transition: .3s;
}