MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ .WikiaPage h2, h3, h4, h5, h6 { font-family: 'Lora', sans-serif; } .WikiaArticle { font-family: 'Lora', sans-serif; }

body { font-family: 'Lora', sans-serif; }

.page-header__title { font-family: 'Lora', sans-serif; } .wds-community-header__sitename { font-family: 'Lora', sans-serif; }

/* Resizes background based on screen size */ body { background-size: cover !important; }

/* Affiliates */ max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

/* Tabber designs */ .tabber .tabbertab { border: 0!important; } .tabbernav { border: 0!important; } /* Design of tabs not selected & general tab design */ .tabbernav a { color: #fff!important; border: 2px solid #e61187!important; border-radius: 2px 3px 0px 0px!important; border-bottom: none!important; background: #e61187!important; }

/* Glow */ .WikiaSiteWrapper .WikiaPageContentWrapper { border: 1px solid #000; border-top: 0; box-shadow: 0px 0px 100px #fff; -moz-box-shadow: 0px 0px 100px #fff; -webkit-box-shadow: 0px 0px 100px #fff; }

.portable-infobox { border: 3.5px double pink; float:right; border-radius: 8px 8px 8px 8px; overflow: hidden; } .portable-infobox .pi-header { border-radius: 8px; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0px; font-size: 13px !important; font-style: normal; font-weight: bold; } .portable-infobox .pi-title { padding: 5px 14px; font-size: 17px !important; } .pi-europa .pi-image-collection-tabs { text-align: center; }

/* Assault */ .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; content: none; } .WikiaArticle h2 { border-bottom: dashed 2px pink; }

/* Wikia Notification Customization */ .WikiaNotifications li div { background-color: #ff536f; background-image: none; color: white !important; max-width: 180px; overflow: auto; padding: 11px 22px; position: relative; } .WikiaNotifications li div a { text-decoration: none; color: white; text-shadow: 0px 0px 4px gray; } /* Discord Widget design*/ .discord-widget .widget-header { background-color: #ed009a; border-bottom: 3px ridge #ed009a; } .discord-widget .widget-footer { border-top: 3px ridge #ed009a; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/motokano/images/d/da/Img6.jpg/revision/latest); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #ed009a; background-color: #ed009a; } .discord-widget .widget-member .widget-member-name { background-color: #ed009a; } .discord-widget .widget-btn-connect { color: #fff; background-color: #ed009a; border: 1px solid #ed009a; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #ed009a; border: 1px solid #ed009a; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: pink url(https://static.wikia.nocookie.net/motokano/images/7/79/DiscordWidgetIcon.png/revision/latest) 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: #FF69B4; border: 3px solid pink; border-radius: 10px; }

/* Animations */ .chara_portal:hover { animation: spin 1.5s 1; } @keyframes spin { 100% {       transform: rotate(360deg); } }

/* Rails */ .WikiaRail .rail-module, .WikiaRail .module { background:transparent ; color: #e81a3f; border-bottom: 4px dotted #e81a3f; border-top: 4px dotted #e81a3f; border-right: 4px dotted #e81a3f; border-left: 4px dotted #e81a3f; margin: 0; padding: 15px; } .WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: #e81a3f; border-color: #e81a3f; border-image: #e81a3f; border-style: none none solid; border-width: 0 0 2px; color: #e81a3f; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaRail .module { background:transparent ; border-color:#e81a3f; border-style: dotted; border-width: 4px; } /* End Rails */

/* Slider changes */ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #e81a3f 0 0 3px, #e81a3f 0 0 3px, #e81a3f 0 0 3px, #e81a3f 0 0 3px,#e81a3f 0 0 3px, #e81a3f 0 0 3px, #e81a3f 0 0 3px, #e81a3f 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 */ /**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 **/

/*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, 255, 255,.3); animation-delay:.2s; transition:.5s; } .Card:hover{ background-color:rgba(255, 255, 255,.8); color:#e60000; } .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*/