MediaWiki:Common.css

/** * CSS placed here will be applied to all skins. * See also: MediaWiki:Monobook.css and MediaWiki:Wikia.css * @todo organise more and add comments */

/* ============================      Poll auto-formatting ============================ */ .ajax-poll { /* Inline style override for Poll extension */ width: auto !important; /* Replaces dashed with solid grey */ /* @check if this can be replaced with something like border-style */ border: 1px solid #aaa !important;} .pollAnswerVotes span { color: #000 !important;}

/* ========================      Mainpage styling ======================== */

a { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; color: #0800ff;

} a:hover { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; text-shadow: 0px 0px 2px #ffffff;

} /**** * Title Properties ****/   text-align:center;}
 * 1) mp-title {

display: inline; padding: 5px;}
 * 1) mp-title-left, #mp-title-center, #mp-title-right {

.subtitle { font-weight:bold; font-family:Georgia,Serif;}

/**** * Backgrounds ****/ .mp-color, .mp-color2 { background-color: #f8f2db; padding: 4px; margin-top: 10px;}

.mp-color { -moz-border-radius: 10px 0; -webkit-border-radius: 10px 0; border-radius: 10px 0;}

.mp-color2 { -moz-border-radius: 0 10px; -webkit-border-radius: 0 10px; border-radius: 0 10px; margin: 10px 0; float: right;}

/**** * Headers ****/ .mp-header, .mp-header2 { background: #a53f2a; background: -moz-linear-gradient(top, #a53f2a 35%, #7c2f20 65%); background: -webkit-linear-gradient(top, #a53f2a 35%, #7c2f20 65%); background: -o-linear-gradient(top, #a53f2a 35%, #7c2f20 65%); background: -ms-linear-gradient(top, #a53f2a 35%, #7c2f20 65%); background: linear-gradient(to bottom, #a53f2a 35%, #7c2f20 65%); color: #fff; text-align: center; font-weight: bold; font-size: 130%;} .mp-header { padding: 4px; -moz-border-radius: 10px 0; -webkit-border-radius: 10px 0; border-radius: 10px 0;} .mp-header2 { padding: 2px; -moz-border-radius: 0 20px; -webkit-border-radius: 0 20px; border-radius: 0 20px;}

/**** * Content ****/ .mp-content, .mp-content2 { margin: 10px 0;}

/**** * TOC Columns ****/ .mp-column { width: 33%; /* fix against rule in oasis.scss */ float: left;}

/**** * previous poll results ****/   margin-top: 5px; font-size: 85%; background: none; width: 100%;} background-color: #a53f2a; color: #fff; border-bottom-left-radius: 25px; padding-left: 40px;} color: #fff;}
 * 1) mp-poll-prev-results {
 * 1) mp-poll-prev-results th {
 * 1) mp-poll-prev-results .mw-collapsible-toggle a {

/** * Read more... boxes */ .mp-endrow { clear: both; text-align: right;} .mp-endbox { background-color: #edd8ad; padding: 4px 50px; display: inline; -moz-border-radius: 30px 0; -webkit-border-radius: 30px 0; border-radius: 30px 0; font-size: 85%; font-weight: bold;}

/**** * Copyright footer ****/   background-color: #f5eccb; margin-top: 10px; text-align: center; font-size: 85%; }
 * 1) mp-footer {

/**************************************************************************** * Infoboxes                                                               * ****************************************************************************/

.infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: inherit !important; margin: 0 0 0.5em 2em !important; padding: 0.2em; float: right; clear: right;}

.infobox td, .infobox th { vertical-align: top;}

.infobox caption { font-size: larger; padding-bottom: 10px !important; margin-left: 0 !important; color: inherit !important;}

.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 and WikiaTable classes                           * * For skinning normal tables. * * @todo check these aren't already defined in core                        * ****************************************************************************/ table.wikitable, table.WikiaTable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; color: #000;}

/* single pixel border between adjacent wikitables */ table.wikitable + table.wikitable { margin-top: -1px;} table.wikitable th, table.wikitable td, table.WikiaTable th, table.WikiaTable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em;}

table.wikitable th, table.WikiaTable th, table.prettytable th { background: #f2f2f2; text-align: center; color: #000;}

table.wikitable caption, table.WikiaTable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; padding-bottom: 5px;}

/**************************************************************************** * Template:Navbox and wide variant                                    * ****************************************************************************/

table.navbox { border: 1px solid #aaa; color: #000; width: 100%; margin: auto; margin-top: 5px; clear: both; font-size: 90%; text-align: left; padding: 1px;}

/* single pixel border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px;}

/* background color */ .navbox, .navbox-subgroup { background: #f9f9f9;}

/* Title style and footer style */ .navbox-title, .navbox-footer { background: #ccf; text-align: center; padding-left: 5px; border: 2px solid #fff;}

.navbox-title { font-size: 110%;}

.navbox-footer { border-top: 1px; font-size: smaller;}

/* Group style */ .navbox-group { background: #ddf; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}

.navbox .navbox-group a { white-space: normal;}

.navbox-list { padding-left: 7px; padding-right: 7px; padding-bottom: 5px; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/* Level 2 color */ .navbox-subgroup .navbox-title { background: #ddf;}

/* Level 3 color */ .navbox-subgroup .navbox-group { background: #e6e6ff; padding-bottom: 5px; border-left: 0;}

.navbox-subgroup .navbox-group a { white-space: normal;}

.navbox-subgroup .navbox-list { background: transparent !important; border-right: 0;} .navbox img { padding-left: 1px; padding-right: 3px;}

/* Don't Print Navbox Contents */ @media print {.navbox {display: none;}} /* Disambig. */   border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} /* Background to make transparency show up on image description pages. */   background: url("https://images.wikia.nocookie.net/runescape/images/5/5d/Checker-16x16.png") repeat !important;} table.filehistory button img, #file button img { background: none;} /* Colour the number of characters added/removed in the recent changes/ */ .mw-plusminus-pos { color: #006500;} .mw-plusminus-neg { color: #8b0000;} /* Change background of category bar */ background: url(https://images.wikia.nocookie.net/runescape/images/6/67/Category_sword.png) transparent no-repeat 99.7% 65% !important;} /* Mark redirects in Special:AllPages and Special:Watchlist */ .watchlistredir a, .allpagesredirect a { color: #888; font-style: italic;}
 * 1) disambig {
 * 1) file img, table.filehistory img {
 * 1) catlinks {

.nowraplinks a { white-space: nowrap;} /**** * Forum formatting ****/ .forumlist td span { display: block; padding-left: 15px; font-size: smaller;}

.forumlist td span a { text-decoration: none; }

.forumlist td span.forum_author { padding-left: 30px; }

.forumlist td.forum_edited a { text-decoration: none;}

.forumlist td.forum_title a { padding-left: 25px; }

.forumlist td.forum_title span a { padding-left: 5px;}

.forumlist td { padding: 0;}

.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://images.wikia.nocookie.net/runescape/images/7/71/Forum_new.png) no-repeat; padding: 2px 0 1px 25px; }

.sticky td.forum_title a.forum_new { background-image: url(https://images.wikia.nocookie.net/runescape/images/0/0b/Forum_sticky.png); }

.forumlist td.forum_title a.forum_new:visited { font-weight: normal !important; background: none !important; }

.forumlist th.forum_title { padding-left: 25px;}

.archive td.forum_title a.forum_new { font-weight: normal !important; background: none !important; } /* Default link colours in light-coloured backgrounds */ table.wikitable a, table.prettytable a, table.messagebox a, table.navbox a, div.forumheader a, image a { color: #002bb8;}

table.wikitable a:visited, table.prettytable a:visited, table.messagebox a:visited, table.navbox a:visited, div.forumheader a:visited, image a:visited { color: #5a3696;}

table.wikitable a:active, table.prettytable a:active, table.messagebox a:active, table.navbox a:active, div.forumheader a:active, image a:active { color: #faa700;}

table.wikitable a.new, table.prettytable a.new, table.messagebox a.new, table.navbox a.new, div.forumheader a.new, image a.new { color: #002bb8;}

table.wikitable a.new:visited, table.prettytable a.new:visited, table.messagebox a.new:visited, table.navbox a.new:visited, div.forumheader a.new:visited, image a.new:visited { color: #0087b8;} /* Other fixes for light-coloured backgrounds */ .diff-context, .diff-addedline, #anontalktext { color: #000 !important;} /* Force text wrapping in pre tags */ pre { white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */ white-space: -pre-wrap;    /* Opera 4 - 6 */ white-space: -o-pre-wrap;  /* Opera 7 */ white-space: pre-wrap;     /* W3C standard */ } /* Make the "Edit Similar" box all on single line and middle aligned */ .editsimilar_dismiss { margin-top: -1.7em;}

height: 1.4em;} .gradient-vertical { background-image: url(https://images.wikia.nocookie.net/runescape/images/b/b4/Gradient-1pixel-vertical.png);} /* Overrides default colour for image borders * "File:Example.png|border" */ img.thumbborder { border: 1px solid #000 !important;} /* Hide the "Category" header in the File namespace. */ .ns-6 a#Category + h2, .ns-6 a#Category: + h2 { display: none;} /* Hides configuration sections for dynamic templates (e.g. calculators). */ .jcConfig { display: none;} /* Censored text style, and clear text on rollover. */ .censored { color: #000; background-color: #000; padding: 1px;} .censored a { color: #000; text-decoration: underline; padding: 1px;} .censored:hover { color: inherit; background-color: inherit !important;} /* Don't show the failzor "Pages I'm Following" sidebar on userpages (Lil diriz 77's idea) */ display: none !important;} margin-right: 0;} /* Yew Grove styling */ .forumstickyheader, .forumactiveheader, .forumarchiveheader, .forumoldarchives { background-color: #dedede; color: #000;}
 * 1) editsimilar_links {
 * 1) profile-sidebar, #userPageFollowedHead {
 * 1) profile-content-inner {

.forumcolumnheader { background-color: #eaeaea; color: #000; text-align: left; padding-left: 5px; } .thumbcaption { word-wrap: break-word; padding: 0;} /* Allow limit parameter to work on Template:ToC */ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none;} table.toc { margin-top: 10px; margin-bottom: 5px;} /* fix for Template:POH room */ .poh-image-upper img { vertical-align: top !important;}

.poh-image-lower img { vertical-align: bottom !important;}

.normal-POH { line-height: normal !important;} .boldlinks a { font-weight: bold;} /* Remove large gaps around bolded lines */ .WikiaArticle dl { margin: 0;} /* Allowing Template:Extimage to resize images properly */ .extimage div, .extimage a, .extimage img { width: inherit; height: inherit;} /* Remove these actions in the editor */ /* Main */ .ns-0 .cke_button_signature, .ns-0 #edittools_name, .ns-0 #mw-editbutton-signature,

/* User */ .ns-2 #ImageUploadUpload,

/* User talk */ .ns-3 #ImageUploadUpload,

/* MediaWiki */ .ns-8 #edittools_name, .ns-8 #mw-editbutton-signature,

/* Category */ .ns-14 .cke_button_signature, .ns-14 #edittools_name, .ns-14 #mw-editbutton-signature,

/* Update */ .ns-100 .cke_button_signature, .ns-100 #edittools_name, .ns-100 #mw-editbutton-signature,

/* Forum */ .ns-110 #ImageUploadUpload,

/* Exchange */ .ns-112 .cke_button_signature, .ns-112 #edittools_name, .ns-112 #mw-editbutton-signature,

/* Charm */ .ns-114 .cke_button_signature, .ns-114 #edittools_name, .ns-114 #mw-editbutton-signature,

/* Beta */ .ns-120 .cke_button_signature, .ns-120 #edittools_name, .ns-120 #mw-editbutton-signature { display: none !important; }

/* Remove section title bar when editing charm logs */ .ns-0 #charmguide + div + form .mw-summary, .ns-0 #charmguide + div + form .module_content { display: none; }

/* Letting headers inherit colors */ h2 { color: inherit;} /* In case article comments strike back */ display: none !important;} /* easier to align things */ .center, .centre { display: block; text-align: center;}
 * 1) article-comments, #article-comments-counter-header, #article-comments-counter-recent {

.center table, table.center, .centre table, table.centre { margin: 0 auto;} .right table { float: right;}

.left table { float: left;} .UserStatsMenu, .ChatModule .UserStatsMenu { width: 200px !important;}

/* Fix for the sponsored links */ clear: both !important;} dd { min-width: 250px;}
 * 1) AolAd1 {

/* Messageboxes */ .messagebox { width: 75%; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; border-left: 15px solid #b19e7d; background-color: #f8f0cf;} .messagebox.obsolete { background-color: #cfcfcf; border-left: 15px solid #464646;}

.messagebox.info { background-color: #ebebeb; border-left: 15px solid #898989;} .messagebox.obsolete a, .messagebox.obsolete a:visited, .messagebox.obsolete a:active, .messagebox.info a, .messagebox.info a:visited, .messagebox.info a:active { color: #6c6c6c;} .messagebox.action { background-color: #cbdae2; border-left: 15px solid #45697D;} .messagebox.action a, .messagebox.action a:visited, .messagebox.action a:active { color: #3c5c6e;} .messagebox.file { background-color: #cfd8eb; border-left: 15px solid #617ebc;} .messagebox.file a, .messagebox.file a:visited, .messagebox.file a:active { color: #617ebc;}

.messagebox.warn { background-color: #e1bbb4; border-left: 15px solid #861c10;} .messagebox.warn a, .messagebox.warn a:visited, .messagebox.warn a:active { color: #861c10;} .messagebox.stub { width: 40%;}

.otheruses, .redirect { min-width: 360px; /* @todo move to a percentage */ padding: 0 10px; margin: 0.5em auto; background-color: #f8f0cf;} .welcomenotice { padding: 1em; margin: 0.5em 2em; border-left: 15px solid #b19e7d; background-color: #f8f0cf;} .documentation { padding: 5px 15px; margin: 1em 0 0 0; border-left: 15px solid #898989; background-color: #ebebeb;}

.documentation a, .documentation a:visited, .documentation a:active { color: #6c6c6c;}

/* Fix for nested collapsible wikitables in infoboxes */ .wikitable.infobox .wikitable.mw-collapsible { margin: -1px; background-color: #f2ebd1;}

/* For implementation of MediaWiki:Common.js/spreport.js on Special:Specialpages */ border: 1px solid #808080; padding: 10px; text-align: center;}
 * 1) spreport {

/* Max width for Infobox Bonuses pictures */ .bonusesboxImg img { max-width: 160px; max-height: 350px; width: auto; height: auto;}

/* Allow modification and removal of special:promote images */ .WikiaArticle .UploadTool .modify-remove { display: block !important;}

/* For expand/collapse link on navboxes */ .navbox .mw-collapsible-toggle { width: 6em; font-size: 90%; float: right; text-align: right;}

/* CSS fix for deprecated cellspacing */ .navbox, .navbox-subgroup { border-spacing: 0;}

/* un-bold collapsible toggle */ .mw-collapsible-toggle { font-weight: normal;}

/* dismiss link on sitenotice */ .rcsitenotice-dismiss { float: right; font-weight: normal;}

/** * Template:Recolours * If changing width/height of the *Empty* classes, please make the numbers the same */

/* only when within an infobox */ .infobox .recolourTable { margin: auto;}

/* Border conflicts for cells when this is used inside the infobox */ table.recolourTable .recolourEmptyCell { width: 9px; padding: 0; border: none;} table.recolourTable .recolourEmptyRow { height: 9px; padding: 0; border: none;} table.recolourTable .recolourCell { border: 2px ridge #8c8264; padding: 0; height: 15px; width: 15px;}

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

/* fix q tags in content area */ content: open-quote;}
 * 1) mw-content-text q:before {

content: close-quote;}
 * 1) mw-content-text q:after {

/* */