MediaWiki:Wikia.css

/* == Global == */ /* Start Font */ @import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Merriweather+Sans:wght@400&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css"); body {font-family: Merriweather Sans, Helvetica, Arial, sans-serif; }               /* this line adds a site-wide Font: Merriweather */ /* End Font */

/**Start Admin Link Color**/ a[href="/wiki/User:Just_Some_Guy_in_a_Nutshell"] { color:#00ffff !important; } a[href*="Message_Wall:Just_Some_Guy_in_a_Nutshell"] { color:#00ffff!important; }

a[href="/wiki/User:Urere"] { color:#5ad23e !important; } a[href*="Message_Wall:Urere"] { color:#5ad23e !important; }

a[href="/wiki/User:ValtSoi"] { color:#cc6600 !important; } a[href*="Message_Wall:ValtSoi"] { color:#cc6600 !important; } /**END Admin Link Color**/

/** Admin comments highlight in blogs **/ .comments li[data-user="Just Some Guy in a Nutshell"] blockquote { background:#00ffff !important; }

.comments li[data-user="Urere"] blockquote { background:#5ad23e !important; }

.comments li[data-user="ValtSoi"] blockquote { background:#cc6600 !important; } /** End Admin Highlights **/

/* Wiki Links - Credits to Studio Ghibli Wiki*/ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #cc0000 0 0 7px, #cc0000 0 0 7px, #cc0000 0 0 7px, #cc0000 0 0 7px, #cc0000 0 0 7px, #cc0000 0 0 7px, #cc0000 0 0 7px, #cc0000 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 Wiki Links - Credits to Studio Ghibli Wiki*/

/* START Slider */ background: transparent; width: 100%; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: #e50d72; text-align: center; color: blue; } /* Button Background */ .nmLeft { height: 100%; left: 0px; background: red; } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, #FFFFFF, blue, transparent); color: currentColor; } .nmRight { height: 100%; right: 0px; top: 10px; background: transparent; text-align: center; } .nmRight li { list-style: none; border-bottom: 3px solid transparent; border-top: 3px solid transparent; padding: 5px 15px 5px 15px; } .nmRight li:hover { cursor: pointer; background: blue; transition-duration: 0.2s; transition-timing-function: ease-out; color: currentColor; } .nmTop { width: 100%; top: 0px; background: #e50d72; text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, red, #FFFFFF, transparent); color: currentColor; } .nmBottom { width: 100%; bottom: 0px; background: blue; text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, red,#FFFFFF, transparent); color: currentColor; } .nbActiveLeft { background: blue; } .nbActiveRight { background: blue; color: red; } .nbActiveTop { background: blue; } .nbActiveBottom { background: blue; } /* Subtitle / Bottom Text */
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns {

.sl_info { position: relative; top: -25px; width: 100%; text-align: left; background: rgba(0, 65, 241, 0.8); color: white; padding: 10px; margin: -25px 0px -25px 0px; }

/* END Slider */ /* Link Preview Design */ .npage-preview { border: solid 1px blue; box-shadow: 0 0 12px brown; background: brown; }