MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /** Modernized **/ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");

/** Fandomized **/ @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedLoadingScreens.css&only=styles");

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RoundAvatars.css&only=styles";

body.mediawiki { background-attachment: fixed !important; font-family: 'Lato', sans-serif; }

/* Infobox */ .pi-europa { border: 2px dotted #FF4500; padding: 4px; }

.pi-europa .pi-title { border-radius: 9px 9px 0px 0px; padding: 4px; }

.pi-europa .pi-header { padding: 2px; }

.pi-europa .pi-group { background: transparent; }

.pi-europa .pi-data-value { text-align: left; } .pi-europa .pi-image-collection-tabs { text-align: center; }   max-width:100%; }
 * 1) wmDiv img {

/* Tabber */ .tabbernav { border: none; border-bottom: 10px solid purple !important; }

.tabbernav a { border: none !important; background: transparent !important; padding: 0.2em !important; font-family: "Lato", sans-serif; font-size: 150%; color: purple !important; } .tabbernav a:hover { color: blue !important; }

.tabberactive a { color: blue!important; }

.mainpage .char-element img { border-radius:50%; border: 2.5px dotted purple; padding: 2px; width: 140px; height:auto; } .mainpage .char-element img:hover { transform: scale(0.9); transition: transform 0.3s; } .tabbertab { border: none !important; }

/* Round Bullet Points */ .WikiaArticle ul, .SpeechBubble .speech-bubble-message ul {list-style:disc outside none} .page-listings ul, .RelatedPagesModule ul, .AdminDashboard ul, ul.watched-list, .WikiaBlogListing ul {list-style:none outside none !important}

/* Masthead */ .UserProfileMasthead .masthead-info hgroup { background-image: url(""); } .UserProfileMasthead .masthead-info .group { -moz-border-radius: 100%; -webkit-border-radius: 100%; background-image: url(""); border-radius: 100%; display: inline-block; position: relative; } .masthead-avatar img { border-radius: 100%; } .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 purple; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .masthead-avatar .sprite.edit-pencil { display: none }   margin-left: -14px }
 * 1) userAvatarEdit {

/* Wordmark Hover */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #008000; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #008000; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #008000; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(0deg) scale(1.090) skew(180deg) translate(0px); }