MediaWiki:Common.css

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

/* Site glow */ .WikiaPage { border: 3px solid #C35817; box-shadow: 0px 0px 34px #C35817; } /* Infobox */ .pi-europa { border: 3px dotted GREEN; padding: 4px; } /* Slider changes */ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #C35817 0 0 7px, #C35817 0 0 7px, #C35817 0 0 7px, #C35817 0 0 7px,#C35817 0 0 7px, #C35817 0 0 7px, #C35817 0 0 7px, #C35817 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; } /*End Slider changes */ /**Start Ryuu Link Color**/

a[href="/wiki/User:Just_Some_Guy_in_a_Nutshell"] {border:4px solid black;border-image: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );background:linear-gradient( 65.9deg,  rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );color:white !important;  text-shadow: #00ffff 0 0 7px,#00ffff  0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px !important;} a[href*="Message_Wall:Just_Some_Guy_in_a_Nutshell"] {;border:4px solid black;border-image:linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ) ;background:linear-gradient( 65.9deg,  rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color:white !important;  text-shadow: #00ffff 0 0 7px,#00ffff  0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px ,#00ffff  0 0 7px, #00ffff 0 0 7px !important;}

.comments li[data-user="Just Some Guy in a Nutshell"] blockquote {;border:4px solid black;border-image:linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% );background:linear-gradient( 65.9deg,  rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color:white !important;  text-shadow: #00ffff 0 0 7px,#00ffff  0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px ,#00ffff  0 0 7px, #00ffff 0 0 7px !important;}

/** End Ryuu Highlights **/

/*Snow*/ .theme-fandomdesktop-light .main-container { background-image: url('https://images.wikia.nocookie.net/dev/images/4/4e/Snow.png'); background-attachment: fixed; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; }

@keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-moz-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-webkit-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

.theme-fandomdesktop-dark .main-container { background-image: url('https://images.wikia.nocookie.net/dev/images/4/4e/Snow.png'); background-attachment: fixed; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; }

@keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-moz-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-webkit-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } } /*end snow*/ /*Snow*/ body.background-image { background-image: url('https://images.wikia.nocookie.net/dev/images/4/4e/Snow.png'), url('https://images.wikia.nocookie.net/dev/images/e/ee/Snow2.png'), url('https://images.wikia.nocookie.net/dev/images/d/d8/Snow3.png'), var(--oasis-community-background-image); background-attachment: fixed; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; }

@keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-moz-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-webkit-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } } /*Snow end*/ /*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, 255, 255,.7); animation-delay:0s; transition:.5s; } .Card:after{ border-radius:145% 86% 80% 90%; background-color:rgba(255, 255, 255,.3); animation-delay:.2s; transition:.5s; } .Card:hover{ background-color:rgba(45, 179, 0,.8); color:#fff; } .Card:hover:after{ background-color: rgba(45, 179, 0,.7); } .Card:hover:before{ background-color: rgba(45, 179, 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, #02AAB0 0%, #00CDAC 51%, #02AAB0  100%)} .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 codes*/