MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Import CSS */ @import url("/MediaWiki:ClassInfobox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:PortableInfobox.css?ctype=text/css&action=raw"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles"; @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:CustomSlider.css|MediaWiki:Slider.css"); /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap%27');

body.mediawiki { background-attachment: fixed !important; font-family: 'Josefin Sans', sans-serif; } /* Resizes background based on screen size */ body { background-size: cover !important; }

/* Wikia Rail */ .WikiaRail .rail-module, .WikiaRail .module { border: none !important; border-radius: 7px !important; box-shadow: 1px 1px 3px lightgrey !important; padding: 15px; background: rgb(255,255,255,0.6) !important; margin: 0 0 30px; } /* Gallery - Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; box-shadow: 1px 1px 3px grey; } .wikia-gallery-caption-below .lightbox-caption { font-size: 80% !important; } .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption { padding: 0px !important; }

/**For Portal **/ .portal { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .portal:hover { opacity:0.7; background:#ffffff; }

/* Tabber customized */ ul.tabbernav { font-family:"Josefin Sans" !important; font-size:15px !important; font-weight:bold !important; padding:7px 0px !important; border:none !important; text-transform: uppercase !important; } ul.tabbernav li a { text-transform: uppercase !important; padding:7px 5px !important; margin-left:0px !important; border:0 !important; background:transparent !important; transition-duration:1s !important; transition-timing-function:ease-out !important; } ul.tabbernav li a:link { color:#e50d72 !important; border-bottom: 3px solid #e50d72 !important; margin-right: 2px !important; } ul.tabbernav li a:visited { color: #e50d72 !important; border-bottom: 3px solid #e50d72 !important; margin-right: 2px !important; } ul.tabbernav li a:hover { color:#a098d3 !important; border-bottom: 3px solid #a098d3 !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important; } ul.tabbernav li.tabberactive a { color:#a098d3 !important; border-bottom: 3px solid #a098d3 !important; background-color: transparent !important; margin-right: 2px !important; } ul.tabbernav li.tabberactive a:hover { border-bottom: 3px solid #a098d3 !important; margin-right: 2px !important; } .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important; } /* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; }

.WikiaArticle h2 { color: #ff2bed; padding: 5px; border-bottom: 2px dotted #ff2bed; border-radius: 23px 0 25px 0; margin: 0; border-bottom: solid 2px blue; }

/*-*/   margin-bottom: 1em; overflow: hidden; }   float: right; margin: 0; }   float: left; line-height: 0; list-style-type: none; margin: 0 5px 0 0; } .mi-current a, .mi-other a { border: 3px inset red; border-radius: 0.5em; display: inline-block; height: 45px; opacity: 0.5; overflow: hidden; position: relative; width: 90px; } .mi-current a, .mi-other a:hover { opacity: 1; } .mi-mobile { display: none; }
 * 1) media-icons {
 * 1) media-icons ul {
 * 1) media-icons li {

/* Glitch Effect */ .active .glitch:nth-child(2) { background-color: transparent; background-blend-mode: none; animation-name: glitch-anim-1; } .active .glitch:nth-child(n+2) { animation-duration: 4s; animation-delay: 2.8s; animation-timing-function: linear; animation-iteration-count: infinite; } .active .glitch:nth-child(n+2) { opacity: 0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }   box-sizing: border-box; } user agent stylesheet div { display: block; } .area > .inner .title { text-align: center; margin-bottom: 155px; } .glitch__wrap { --gap-horizontal: 10px; --gap-vertical: 5px; --time-anim: 4s; --time-anim-1: 7s; --time-anim-2: 6.5s; --time-anim-3: 6s; --time-anim-4: 5.5s; --time-anim-5: 5s; --time-anim-6: 4.5s; --time-anim-7: 8s; --delay-anim: 2.8s; --delay-anim-1: 8s; --delay-anim-2: 8.5s; --delay-anim-3: 9s; --delay-anim-4: 9.5s; --delay-anim-5: 10s; --delay-anim-6: 10.5s; --delay-anim-7: 11s; --delay-anim-8: 11.5s; --blend-mode-1: none; --blend-mode-2: none; --blend-mode-3: none; --blend-mode-4: none; --blend-mode-5: overlay; --blend-color-1: transparent; --blend-color-2: transparent; --blend-color-3: transparent; --blend-color-4: transparent; --blend-color-5: #af4949; } user agent stylesheet h2 { font-size: 1.5em; font-weight: bold; } .area { margin: 0 auto; padding: 40px 20px 0; position: relative; background: #a18abc; z-index: 2; color: #000; }