MediaWiki:Wikia.css

/* CSS placed here will be applied to all skins.

*/

@import "/index.php?title=MediaWiki:Wikia.css/hilite&action=raw&ctype=text/css"; @import "/index.php?title=MediaWiki:Wikia.css/ADVUP&action=raw&ctype=text/css"; @import "/index.php?title=MediaWiki:Wikia.css/Featured_News&action=raw&ctype=text/css";

/* Fix background in place */

td.homepage-multicolumn{ column-width: 45%; column-gap: 1em; } body.mediawiki { background-attachment:fixed !important; }

.WikiaMainContent img { max-width: 100%; overflow: auto; }

/* Front page CSS Style Rules for load improvement */ .headinga { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #C40233; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #C40233); }

.headingb { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #cedff2; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #cedff2); }

.headingc { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #eee8aa; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFF, #eee8aa) }

.headingd { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #ffe4e1; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #ffe4e1); }

.headinge { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #d3d3d3; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #d3d3d3); }

.headingf { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #b0e0e6; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #b0e0e6); }

.headingg { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #d8bfd8; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #d8bfd8); }

.headingh { padding:0.2em 0.4em; margin:0 0 10px 0; border:1px solid #ffd700; color:#000; font-size:120%; font-weight:bold; text-align:center; border-radius:3px; background: radial-gradient(closest-side at 50% 70%, #FFFFFF, #ffd700); }

.headingrainbow { text-align: center; padding-bottom: 0.2em; margin: 0px 0px 10px; padding-left: 0.4em; padding-right: 0.4em; background-image: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet); background-color:black; color: white; font-size: 120%; border-top: Gold 3px solid; border-left: Orange 2px solid; border-right: Gold 3px solid; border-bottom: Orange 2px solid; font-weight: bold; padding-top: 0.2em; border-radius: 3px; } /*RuneScape Wiki Import Patches*/

background-image: url(https://images.wikia.nocookie.net/__cb20110104040754/runescape/images/archive/1/14/20110104061636!Gradient-1pixel-horizontal.png); background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 5%, #FFFFFF 40%) !important; }
 * 1) gradient, .gradient, .gradient-horizontal {

/* Poll autoformatting */ .poll { width: auto !important;/*inline style override for poll extension*/ }

/* Hide title and tagline on Main Page */ body.page-RuneScape_Wiki h1.firstHeading, body.page-RuneScape_Wiki #siteSub { display:none; }

/* default style for main page elements - override as necessary in individual skin CSS */

.maincomplete { width: 100%; border: 1px solid #ccc; text-align: center; }

td.mainpage { border: 1px solid; padding: 5px; }

div.mainpage { border: 1px solid; padding-left: 5px; line-height: 100%; text-align: center; }

td#aotm { width: 70%; border-color: #CEF2E0; }

div#aotm { border-color: #F5FFFA; background-color: #CEF2E0; }

td#cti { width: 70%; text-align: left; vertical-align: top; border-color: #DDCEF2; }

div#cti { border-color: #FAF5FF; background-color: #e49992; margin-bottom:5px; }

div#popular { border-color: #FAF5FF; background-color: #ddcef2; margin-bottom: 5px; }

td#updates { width: 70%; border-color: #C6C9FF; }

div#updates { border-color: #EEEEFF; background-color: #C6C9FF; }

td#uotm { width: 70%; border-color: #FFE4E1; }

div#uotm { border-color: #FFF0F5; background-color:#FFE4E1; }

td#news { width: 50%; border-color: #EEE8AA; }

div#news { border-color: #ffffe0; background-color: #EEE8AA; }

td#categories { width: 50%; border-color: #CCCCCC; }

div#categories { border-color: #EFEFEF; background-color:#CCCCCC; }

/* Small reference list */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} a

.references-2column { font-size: 90%; column-count:2; }

/* Template:Navbox and wide variant */

table.navbox td.title { background: #ccccff; }

/* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #F9F9F9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #C0B8CC; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 4px 2px 4px; } .messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; } .messagebox.small-talk { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; }

/* Infobox template style. */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Wikitable/Prettytable class for skinning normal tables. */

table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #FFFFFF; border: 1px #aaa solid; border-collapse: collapse; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; }

table.wikitable th, table.prettytable th { background: #F2F2F2; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at 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: #ccccff; 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; }

/* Default skin for navigation boxes. */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; }

table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; }

table.navbox tr:not(:first-child) th { background-color: #ddf; }

@media print { .navbox { display: none; } }

/* Disambig. */   border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
 * 1) disambig {

/* Background to make transparency show up on image description pages. */
 * 1) file img {background: url("https://images.wikia.nocookie.net/runescape/images/5/5d/Checker-16x16.png") repeat;}

/* Light gray highlight on focus for search forms */ background:#F9F9F9; }
 * 1) p-search input:focus {

/* Colour the number of characters added/removed in the recent changes/ */ .mw-plusminus-pos { color: #006500; }

.mw-plusminus-neg { color: #8B0000; }

/* Display text below main article header, located at MediaWiki:tagline */ display: inline; font-size: 92%; font-weight: normal; }
 * 1) siteSub {

/* Change background of category bar */ background-image: url(https://images.wikia.nocookie.net/runescape/images/f/fd/Npov.PNG); background-repeat: no-repeat; background-position: bottom right; }
 * 1) catlinks {

/* Bold 'edit this page' link to encourage newcomers */ font-weight: bold !important; }
 * 1) ca-edit a {

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect a { color: #888; font-style: italic; } .watchlistredir a { color: #888; font-style: italic; }

.editsection-upper { display: none !important; }

.WikiaArticle .picture-attribution {display:none;

}

* / /**/ /* Transition Effects */ /**/ /* Use these like any other css class. To request a fade effect contact The Excel please specify Properties involved durations and values for those properties if needed you will be asked to clarify.

/*Fading Effects*/

/*Read More Improvements*/

.readmore { position: relative; transition-property: text-shadow, background-color, color; transition-duration: 1s; text-align: center; background-color: white; color: blue; border-radius: 1em; border: solid 0px black; text-shadow: blue 0px 0px 4px; }

.readmore:hover { position: relative; transition-property: text-shadow, background-color, color; transition-duration: 1s; background-color: blue; color: white; text-shadow: white 2px 3px 4px; } /*Black to Red Black*/

.white-redwhite{ transition-property: background-image,background-color,color; transition-duration: 1s; background-image: linear-gradient(to left, #FFF, #FFF); background-color:white; color:black; }

.white-redwhite:hover { transition-property: background-image,background-color,color; transition-duration: 1s; background-image: linear-gradient(to left, #FF0000, #FFF); background-color:black; color:white; }

/*Other*/

/*Big Red Boom*/

.bigredboom { position: relative; transition-property: background-color, color, width, height; transition-duration: 1s; text-align: center; vertical-align: middle; background-color: white; color: black; border-radius: 1em; border: solid 0px black; overflow: visible; height: 20px; width: 4%; }

.bigredboom:hover { position: relative; transition-property: background-color, color, width, height; transition-duration: 1s; background-color: red; color: white; height: 60px; width: 100%; }

/*Hidden Changing*/

.hide-unhide { position: relative; } .hide-unhide div { transition-property: clip, background; transition-duration: 1s; position: absolute; overflow: hidden; font-weight: normal; font-size: small; clip: rect(0px, 1000px, 0px, 0px); background: transparent; } .hide-unhide:hover div { transition-property: clip, background; transition-duration: 2s; position: absolute; clip: rect(0px, 1000px, 1000px, 0px); }

/*Red Glow*/

.redglow { position: relative; transition-property: text-shadow; transition-duration: 1s; text-shadow: none; }

.redglow:hover { position: relative; transition-property: text-shadow; transition-duration: 1s; text-shadow: red 0px 0px 2px; }

/*Expand*/

.expand { position: relative; transition-property: width, min-width, max-width; transition-duration: 3s; overflow:hidden; }

.expand:hover { position: relative; transition-property: width, min-width, max-width; transition-duration: 3s; }

.ss-master{ transition-delay: 3s; }

.ss-master:hover { width: 1000px !important; transition-delay: 0s; }

transition-property: background-color, border-color, color, width, box-shadow; transition-duration: 1s; background-color: LightSkyBlue; color: DarkSlateGray; border-color: blue; width: 80%; box-shadow: none; }
 * 1) mini-main {

transition-property: background-color, border-color, color, box-shadow, width; transition-duration: 1s; background-color: black !important; color: white !important; border-color: gold !important; width: 100% !important; box-shadow: inset 0 0 1em gold, inset 0 0 2em black, 0 0 2em black; }
 * 1) mini-main:hover {

transition-property: background-color, border-color, color, width, box-shadow; transition-duration: 1s; background-color: LightSkyBlue; color: DarkSlateGray; border-color: blue; box-shadow:none; }
 * 1) mini-background {

transition-property: background-color, border-color, color, box-shadow; transition-duration: 1s; background-color: red !important; color: Gold!important; border-color: gold !important; box-shadow: inset 0 0 1em gold, inset 0 0 2em black, 0 0 2em black; }
 * 1) mini-background:hover {

.transition{ transition-property: background-color, border-color, color, box-shadow, text-shadow, background-image; transition-duration: 1s; }

.transition:hover{ transition-property: background-color, border-color, color, box-shadow, text-shadow, background-image; transition-duration: 1s; }

.got-milk { animation-duration: 7s; animation-name: fadein; }

@keyframes fadein { from { opacity:.0; } to { opacity:1; } }

/* */