MediaWiki:Common.css

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

/* End Font */ .pi-europa { border: 4px outset Purple; padding: 4px; }

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

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: #800040 0 0 3px, #800040 0 0 3px, #800040 0 0 3px, #800040 0 0 3px, #800040 0 0 3px, #800040 0 0 3px, #800040 0 0 3px, #800040 0 0 3px; 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; } /*End Slider changes */

/* Site glow */ .WikiaPage { border: 3px solid white; box-shadow: 0px 0px 34px white; } /* Site glow */

/*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:#fff; } .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(179, 0, 89,.7); animation-delay:0s; transition:.5s; } .Card:after{ border-radius:145% 86% 80% 90%; background-color:rgba(179, 0, 89,.3); animation-delay:.2s; transition:.5s; } .Card:hover{ background-color:rgba(0,0,0,.8); color:#fff; } .Card:hover:after{ background-color: rgba(0,0,0,.7); } .Card:hover:before{ background-color: rgba(0,0,0,.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(to right, #ff0084 0%, #33001b 51%, #ff0084  100%)} .btn-grad { margin: 10px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; padding: 10px 10px; 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; } /* Makes the scrollbar 8px wide */
 * -webkit-scrollbar {

width: 8px; }

/* Makes the scrollbar track have a black background */
 * -webkit-scrollbar-track {

background: black; }

/* Makes the scrollbar bar have a green background */
 * -webkit-scrollbar-thumb {

background: #660066; }

/* Makes the background for the scrollbar bar a darker shade of purple when hovered */
 * -webkit-scrollbar-thumb:hover {

background: #9900cc; } /*scrool*/

.page-header { border-bottom: solid 2px purple; border-image: linear-gradient(to right,purple,60%,transparent) 1 stretch; }

/* Discord Widget design*/ .discord-widget .widget-header { background-color: #800040; border-bottom: 3px ridge #800040; } .discord-widget .widget-footer { border-top: 3px ridge #800040; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/reign-of-the-seven-spellblade/images/9/9f/Wiki-background2.png/revision/latest/scale-to-width-down/1000?cb=20211214130807); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #800040; background-color: #800040; } .discord-widget .widget-member .widget-member-name { background-color: #800040; } .discord-widget .widget-btn-connect { color: #800040; background-color: #ebd515; border: 1px solid #800040; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #ebd515; border: 1px solid #800040; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: #9c901f url(https://static.wikia.nocookie.net/reign-of-the-seven-spellblade/images/b/b9/Back.png/revision/latest/scale-to-width-down/1000?cb=20211212055213) no-repeat right; background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: red; border: 3px solid yellow; border-radius: 10px; } /* === Spoiler === */ .spoilerblur { filter: blur(2px); -webkit-filter: blur(2px); opacity: .40; display: inline; -webkit-transition: all 1s 0 linear; -moztransition: all 1s 0 linear; -o-transition: all 1s 0 linear; -ms-transition: all 1s 0 linear; transition: all 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }