MediaWiki:Common.css

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

/*Link preview image*/ .npage-preview-noimage {content:url('https://static.wikia.nocookie.net/the-saints-magic-power-is-omnipotent/images/8/89/Wiki-wordmark.png/revision/latest/scale-to-width-down/139?cb=20210406171236');}

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

body.mediawiki { background-attachment: fixed !important; font-family: 'Lato', sans-serif; } /* Header changes */ h1.page-header__title { font-weight: normal !important; font-family: "Lilita One" !important; }/**/

/* Article h2’s */ .WikiaArticle h2 { font-family: "Lilita One"; clear: left; margin-top: 1.5em; }/**/

/* Article h3’s */ .WikiaArticle h3 { font-weight: bold; clear: left; margin-top: 1.5em; }/* */ /* End Header changes */ /* Slider changes */ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #ff99c2 0 0 7px, #ff99c2 0 0 7px, #ff99c2 0 0 7px, #ff99c2 0 0 7px, #ff99c2 0 0 7px, #ff99c2 0 0 7px, #ff99c2 0 0 7px, #ff99c2 0 0 7px; transition: all 0.5s ease-in; }

a.new:hover, a.new:active { color: #FFFFFF !important; text-decoration: none; text-shadow: red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px; transition: all 0.5s ease-in; } a { transition: all 0.5s ease-out; } /* Site glow */ .WikiaPage { border: 3px solid pink; box-shadow: 0px 0px 34px pink; } /* Site glow */ /*End Slider changes */ /*Dowm codes is ony to be used by User:Just Some Guy In Nutshell*/ .Card{ text-align:center; padding:20px; background-color:rgba(255,255,255,.9); cursor:pointer; z-index:1; transition:.5s; color:black } .Card:before, .Card:after{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1; animation:RotateDiv 5s linear infinite; } .Card:before{ border-radius:130% 151% 189% 166%; background-color:rgba(255, 179, 179,.7); animation-delay:0s; transition:.5s; } .Card:after{ border-radius:145% 86% 80% 90%; background-color:rgba(255, 179, 179,.3); animation-delay:.2s; transition:.5s; } .Card:hover{ background-color:rgba(255, 26, 102,.8); color:#fff; } .Card:hover:after{ background-color: rgba(255, 26, 102,.7); } .Card:hover:before{ background-color: rgba(255, 26, 102,.3); } .Card div h2{ font-size:14px; } .Card div p{	margin-top:20px; font-size:14px; } @keyframes RotateDiv{ 0%{		transform:rotate(0deg); }	100%{		transform:rotate(360deg); } }

/*btn*/ .btn-grad {background-image: linear-gradient(25deg,#d64c7f,#ee4758 50%)} .btn-grad { margin: 10px; padding: 15px 45px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px #eee; display: block; }

.btn-grad:hover { background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none; } /*End Just some guy restricted code*/