MediaWiki:Wikia.css

@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles"); @import url(https://fonts.googleapis.com/css?family=Open+Sans); @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ActivityFeedMimic.css&only=styles";

body.mediawiki { background: #63cdff url("https://vignette.wikia.nocookie.net/magium/images/e/e7/Magium-fanart-cover-edit.png/revision/latest/scale-to-width-down/640?cb=20200722202333") 50% 5px/ cover no-repeat fixed; }

.WikiaPage .WikiaPageBackground { background-color: #E0FFFF; }

.mainpage-box { border: 3px groove #6495ed; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 5px; background-color: #ADD8E6; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); font-family: Open Sans;

margin-bottom: 5px; clear: both; overflow: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.main-page-tag-lcs .mainpage-box { width: 98%; }

/*Welcome Box */ .mainpage-welcome-box { border: 3px groove #6495ed; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; padding: 5px; background-color: #ADD8E6; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); font-family: Open Sans;

margin-bottom: 5px; clear: both; overflow: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.main-page-tag-lcs .mainpage-welcome-box { width: 98%; } /*END*/

.mainpage-box h2 { background: #63cdff;

-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;

color: black; text-align: left; font-size: x-large; padding: 1em; font-family: 'MedievalSharp', cursive; letter-spacing: 4px; margin: unset; } .mainpage-box p { padding: 0 0.5em; } .mainpage-box > div { padding: 0.5em; } .mainpage-box .wikia-gallery { margin: 7px 0 12px 0;} .mainpage-box .wikia-gallery-item { padding: 2px; } .mainpage-box .gallery-image-wrapper { height: 85px !important; border-radius: 3px; } .mainpage-box .gallery-image-wrapper { border-radius: 3px; height: 85px !important; } .mainpage-box .thumb { height: 88px !important; } .mainpage-box .wikia-gallery .lightbox-caption { border-radius: 2px 0 0; border-top-left-radius: 8px; font-size: x-small; font-weight: bold; left: initial; padding: 1px 2px 1px 3px; right: 0; width: auto; float: right; } .mainpage-box__footer { text-align: right; clear: right; float: right; }

.mainpage-square { border: 3px groove #6495ed; padding: 5px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); border-radius: 6px 6px 6px 6px; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5); font-family: Open Sans; background-color: #ADD8E6; margin-bottom: 5px; clear: both; overflow: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.main-page-tag-lcs .mainpage-square { width: 98%; }

.mainpage-square h2 { background: #63cdff; color: black;

border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;

text-align: left; font-size: x-large; padding: 1em; font-family: 'MedievalSharp', cursive; letter-spacing: 4px; margin: unset; } .mainpage-square p { padding: 0 0.5em; } .mainpage-square > div { padding: 0.5em; } .mainpage-square .wikia-gallery { margin: 7px 0 12px 0;} .mainpage-square .wikia-gallery-item { padding: 2px; } .mainpage-square .gallery-image-wrapper { height: 120px !important; border-radius: 3px; } .mainpage-square .gallery-image-wrapper { border-radius: 3px; height: 120px !important; } .mainpage-square .thumb { height: 123px !important; } .mainpage-square .wikia-gallery .lightbox-caption { border-radius: 2px 0 0; border-top-left-radius: 8px; font-size: x-small; font-weight: bold; left: initial; padding: 1px 2px 1px 3px; right: 0; width: auto; float: right; } .mainpage-square__footer { text-align: right; clear: right; float: right; }

.i18ndoc { background-color: #ADD8E6; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }


 * -webkit-scrollbar {

width: 12px !important; -webkit-overflow-scrolling: auto !important; }


 * -webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; }


 * -webkit-scrollbar-thumb {

-webkit-border-radius: 10px !important; border-radius: 10px !important; background: #41617D !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; }


 * -webkit-scrollbar-thumb:window-inactive {

background: #41617D !important; }

/* cover images */ .CoverImage img { display: none; }

/*BEGIN - Portable Infoboxes (Thanks to unOrdinary wiki) */

.portable-infobox { border:3px groove #6495ED; border-radius:7px; color:white; padding:0.5px;} .portable-infobox .pi-item-spacing { text-align:center; padding:0.5px; padding-left:2px!important; } .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin:2px; padding:0; color:white; } .pi-background { background-color:#AAD8E6!important; }

.portable-infobox .pi-image img { width:99%; height:auto; border-bottom:2px #6495ED groove; } .pi-border-color { border-color:transparent; } .pi-title, .pi-data-label, .pi-secondary-background { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-moz-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-o-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-ms-linear-gradient(top, #82cffd 25%, #63cdff 75%); } .pi-title { border-radius:0 0 0 0; } .pi-header {border-radius:0 0 0 0; font-size:11px;} .pi-data-label { border-radius:0 5px 5px 0; text-align:left!important; padding-left:2px!important; font-size:11px!important; height:17px; } .pi-data-value { border-bottom:1px #6495ED solid; color:black!important; text-align:right!important; padding:2px; font-size:11px!important; height:12px; }

.pi-theme-Fight .pi-group .pi-item .pi-data-value { height:auto !important; } .pi-theme-Fight .pi-group .pi-item .pi-data-label { height:auto !important; }

.portable-infobox .pi-title, .portable-infobox .pi-secondary-font { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-moz-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-o-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-ms-linear-gradient(top, #82cffd 25%, #63cdff 75%); color:white; } .pi-data { margin:0!important; font-size:11px;} .portable-infobox .pi-horizontal-group { padding:2px!important; font-size:11px; } .pi-horizontal-group .pi-data-label{padding:2px; border-radius:5px;text-align:center!important;padding:2px!important } .pi-horizontal-group .pi-data-value{border-bottom:0px #6495ED solid; color:black!important; font-size:11px; text-align:center!important;} .portable-infobox {width:250.0px;}

/*PI tabber*/

.pi-image-collection-tabs {display: flex; flex-wrap: wrap; justify-content: center; border-radius: 5px;}

.pi-image-collection-tabs .pi-tab-link { flex-grow: 1;}

.portable-infobox .pi-image-collection-tabs li { background: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-moz-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-o-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-ms-linear-gradient(top, #82cffd 25%, #63cdff 75%); color: black;}

.pi-tab-link.pi-item-spacing.current { background: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #82cffd), color-stop(75%, #63cdff)); background-image:-moz-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-o-linear-gradient(top, #82cffd 25%, #63cdff 75%); background-image:-ms-linear-gradient(top, #82cffd 25%, #63cdff 75%); color: white;} /*PI tabber*/

/*END - Portable Infoboxes*/

.welcome-text { font-variant: small-caps; font-family:'MedievalSharp', cursive; font-size:150%; }

.welcome-text-continue { font-variant: small-caps; font-family:Open Sans, cursive; font-size:115%; }

/*glow on hover */ a:hover { text-shadow: 2px 2px 8px #4545ff; filter: dropshadow(color=#4545ff, offx=2, offy=2); } /*end */

/* Wordmark Enlarge when Hover (Credits to BlackPink Wiki) */ .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: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) 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: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) 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: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } /* Wordmark Enlarge when Hover end */

/* Local Navbar Glow when Hover (Thanks to Yakusokunoneverland Wiki) */ .wds-community-header { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; border: 1px solid #4545ff; } .wds-community-header:hover { border: 1px solid #4545ff; -moz-box-shadow:0 0 30px #4545ff; -webkit-box-shadow:0 0 30px #4545ff; box-shadow:0 0 25px #4545ff; } /* Local Navbar Glow end */

/* Slider (Thanks to Yakusokunoneverland Wiki) */ .wikiaPhotoGallery-slider-body { border: #6495ED 6px solid; box-shadow: 0 0 0 #77a1ed; border-radius:13px; } .wikiaPhotoGallery-slider-body h2 { font-family: Baloo Paaji; } .wikiaPhotoGallery-slider-body .wikia-button { color:#fff !important; background: #63cdff !important; border: none !important; padding: 3px 18px; font-family: Baloo Paaji,Helvetica Neue,Helvetica,Arial,sans-serir; font-size: 13px; text-shadow: none !important; } .wikiaPhotoGallery-slider-body .description-background { background:#63cdff !important; opacity:11 !important; } .wikiaPhotoGallery-slider-body .nav img { border-radius: 6px; border: none !important; } .wikiaPhotoGallery-slider-body .nav.selected img { position:relative; top:6px } /* Slider end */

/* all mainpage-box Glow when Hover */ .mainpage-welcome-box:hover { border: 3px groove #6495ed; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -moz-box-shadow: 1px 0px 25px #4545ff; -webkit-box-shadow: 1px 0px 25px #4545ff; box-shadow: 1px 0px 25px #4545ff;

}

.mainpage-box:hover { border: 3px groove #6495ed; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -moz-box-shadow: 1px 0px 25px #4545ff; -webkit-box-shadow: 1px 0px 25px #4545ff; box-shadow: 1px 0px 25px #4545ff;

}

.mainpage-square:hover { border: 3px groove #6495ed; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; -moz-box-shadow: 1px 0px 25px #4545ff; -webkit-box-shadow: 1px 0px 25px #4545ff; box-shadow: 1px 0px 25px #4545ff;

}

.art-credits { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

.art-credits:hover { -moz-box-shadow: 1px 0px 25px #4545ff; -webkit-box-shadow: 1px 0px 25px #4545ff; box-shadow: 1px 0px 25px #4545ff;

} /* all mainpage-box Glow when Hover END */

/* Wiki border */ .WikiaPage { border: 1px solid #6495ed; } /* End */

/*WikiRail*/ .WikiaRail .module {background: none; border-color:#6495ed;} .WikiaRail .module {border-width:3px} .WikiaRail .rail-module { padding: 16px 10px 16px; margin: 0 0 25px 0; border:3px solid #6495ed; vertical-align: text-bottom !important; } /* End */

/* comments highlight end */ .comments li[data-user="6ixty9ine"] blockquote { background: none repeat scroll 0 0 #b76cfd !important; font-family: Open Sans; color:#f5d300; -moz-box-shadow: 1px 0px 25px #712ffa; -webkit-box-shadow: 1px 0px 25px #712ffa; box-shadow: 1px 0px 25px #712ffa; } .comments li[data-user="6ixty9ine"] blockquote: after { border-color: transparent #b76cfd #b76cfd transparent !important; font-family: Open Sans; } .comments li[data-user="6ixty9ine"] blockquote div { background: transparent #04005E !important; font-family: Open Sans; }

a[href*="Message_Wall:6ixty9ine"] { color: #b76cfd; }

/* comments highlight end */

/* Discord Color Change (Thank you to KhangND on Dev Wiki) */ .discord-widget .widget-header { background-color: #63cdff !important; } .discord-widget-container { width: 100% !important; }

.discord-widget .widget-role-container[data-name="Mages"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Mages"] .widget-member-name {   background-color: #63cdff; border-color: #63cdff; } .discord-widget .widget-role-container[data-name="Mages"] .widget-role-name {   color: #63cdff; text-shadow: 0 0 0; }

/* .discord-widget .widget-btn-connect { background-color: #63cdff!important; } */

/* Discord Color Change end */

/* customize download button image */ .download-image { -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: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; }

.download-image:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } /* END customize download button image */

/* Reddit Widget Customization */ .rembeddit { /* Main widget */ background: #add8e6!important; border: none!important; font-family: Open Sans!important; } .reddit-header { /* Widget header */ background: #63cdff!important; }

.reddit-header a { color: #7122fa!important; }

.reddit-link-title { /* Post title */ color: #7122fa!important; } /* END Reddit Widget Customization */

/* Test Magium icon animation */ .animate-magium-icon { width: 256px; height: 256px; background: url('https://i.postimg.cc/SxRCt4b5/spritesheet.png') left center; animation: play-animate-magium-icon 2.5s steps(5) infinite;

-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; }

@keyframes play-animate-magium-icon { from{background-position-x:0px;} to{background-position-x:-1280px;} }

.animate-magium-icon:hover{ -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }