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 Effects - 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 Effects */

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

/* Start of Navbox stuff */ /* --- TABLE DESIGNS --- */ .mw-collapsible-toggle,.mw-collapsible-toggle-collapsed > a {color:inherit !important;} .mw-collapsible-toggle,.mw-collapsible-toggle-expanded > a {color:inherit !important;} /* default skin for navigation boxes */ table.navbox {           /* navbox container style */ border:1px solid #aaa; width:100%; margin:auto; clear:both; font-size:88%; text-align:center; padding:1px; } /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ table.navbox + table.navbox { margin-top:-1px; } .navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;     /* title and above/below styles */ padding-left:1em; padding-right:1em; } .navbox-group {          /* group style */ white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; } .navbox, .navbox-subgroup { background:#6066a3; } .navbox-list { border-left:2px solid #6066a3; } .navbox-title, table.navbox th { background:#ccccff; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background:#ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background:#e6e6ff; } .navbox-even { background:#333a89; } .navbox-odd { background:#495096; } @media print { .navbox { display: none; } } table.extrapadding td { padding-left: 4px; padding-right: 4px; } table.td-right td { text-align: right; } .alt { background-color: #e9e9ff; } table.zebra > tbody > tr:nth-child(2n+1) {background-color: #e9e9ff; } table .hover:hover { background-color: orange; } /* for occasions where a table element is class="hover": for legibility in larger tables */ /* Prevents line breaks in links, used for navboxes */ .nowraplinks a { white-space: nowrap; } /* --- NAVFRAME STUFF --- */ /* Standard Navigationsleisten, aka box hiding thingy from .de. */ /* Documentation at wikipedia:Wikipedia:NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/** DropDown **/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; } /* End of Navbox stuff */