MediaWiki:Custom-Common.less

// /** * This is the root LESS file that is parsed to produce MediaWiki:Common.css * * Eventually, this will be completely converted to native LESS * and will be a series of imports of easy to navigate LESS files * * All CSS found/imported here should ideally be moved to a subpage of this page unless it's a user subpage * Converted subpages can be found at Special:PrefixIndex/MediaWiki:Common.less/ * * To update MediaWiki:Common.css from here, Oasis users can click the "Update CSS" button * found below the edit button. For monobook users, the link is in the toolbox in the sidebar. * * For more information, see  * * LESS standard library:  * Non-standard mixins:   * * Available themedesigner values: * - @theme-body   -> body background colour * - @theme-buttons -> button colour * - @theme-header -> collapsible footer bar colour * - @theme-links  -> link colour * - @theme-page   -> article content background */

/*       LESS */

@dir: 'MediaWiki:Common.less';

// page specific styling @import '@{dir}/activediscussions.less'; @import '@{dir}/mainpage.less'; @import '@{dir}/specials.less'; @import '@{dir}/yewgrove.less';

// templates @import '@{dir}/coins.less'; @import '@{dir}/disambig.less'; @import '@{dir}/infobox.less'; @import '@{dir}/infoboxbonuses.less'; @import '@{dir}/questdetails.less';

// custom classes @import '@{dir}/censored.less';

// script styles // @import '@{dir}/baz.less';

// modifications @import '@{dir}/hilite.less';

/* --      CSS to convert -- */ /** * When adding CSS here, try to add it under the relevant 'section' * If it doesn't seem to fit anywhere, just stick at the bottom * * At some point this will be converted to LESS and * all these sections will becomes separate pages which will be much nicer to navigate :) * * Contents: * - Imports * - Page specific styling * - Templates * - Custom classes * - Script CSS * - Local modifications */

/* ===============      IMPORTS =============== */

/* hilites, non-js tabber/dropdown, custom fonts, calculators (stewbasic), switchinfobox */ @import url( "/load.php?debug=true&lang=en&mode=articles&articles=MediaWiki:Common.css/nonjstabberdropdown.css|MediaWiki:Common.css/Webfonts.css|User:Stewbasic/calc.css|User:-Matt/SwitchInfobox.css|MediaWiki:Common.css/GECharts.css|MediaWiki:Common.css/falsesubpages.css&only=styles" );

/* =================      TEMPLATES ================= */

/* ---      Template:Navbox --- */ 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; border-collapse: initial; }

.navbox-collapsible { border: 0; margin-top: -2px; }

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

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

/* subgroup width */ .navbox-subgroup { width: 100%; }

/* 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 { width: 15%; 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; margin: 0 !important; width: auto; height: auto; }

/* experimental list styling in navboxes */ .navbox-list ul { margin: 0; padding: 0; }

.navbox-list li { display: inline-block; padding: 0; padding-right: 3px; margin: 0; }

.navbox-list li::after { content: '•'; }

.navbox-list li:last-child:after { content: none; }

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

.navbox-title a, .navbox-footer a { color: #3c7fa8 !important; }

/*       Template:ToC */ .toclimit-2 #toc .toclevel-2, .toclimit-3 #toc .toclevel-3, .toclimit-4 #toc .toclevel-4, .toclimit-5 #toc .toclevel-5, .toclimit-6 #toc .toclevel-6, .toclimit-7 #toc .toclevel-7 { display: none; } table.toc { margin-top: 10px; margin-bottom: 5px; } /* -      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; }

/* -      Template:Extimage - */ .extimage div, .extimage a, .extimage img { width: inherit; height: inherit; }

/* -      Template:Questreq - */ .questreq ul { margin-left: 0; padding-left: 10px; list-style: none; border-left: 1px dotted #222; }

.questreq ul ul { margin-left: 25px; }

/* --      Template:Inventory -- */ .inventorytable { background-image: url( "http://img1.wikia.nocookie.net/__cb20140322204545/runescape/images/e/ee/Inventory_interface.png" ); background-repeat: no-repeat; background-position: top left; width: 212px; min-width: 212px; max-width: 212px; height: 330px; min-height: 330px; max-height: 330px; padding: 37px 0 42px !important; border: none; border-spacing: 0; }

.inventorytable tr { border: none; border-spacing: 0; padding: 0; margin: 0; }

.inventorytable td { border: none !important; border-spacing: 0; padding: 0 !important; text-align: center; position: relative; width: 46px !important; height: 36px !important; }

/* --      Template:Equipment -- */

.equipmenttable { background-image: url(http://img4.wikia.nocookie.net/__cb20141025185932/runescape/images/c/cb/Worn_equipment_interface_blank.png); background-repeat: no-repeat; background-position: top left; width: 225px; height: 320px; text-align: center; vertical-align: middle; border: none; padding: 60px 36px 61px 36px; } .equipmenttable tr { border: none; border-spacing: 0; padding: 0; margin: 0; } .equipmenttable td { border: none !important; border-spacing: 0; padding: 0 !important; text-align: center; } .equipmenttable td[class$="slot"] { width: 34px; height: 34px; min-width: 34px; min-height: 34px; max-width: 34px; max-height: 34px; } .equipmenttable .legsslot { position: relative; top: 1px; } .equipmenttable .glovesslot, .equipmenttable .bootsslot, .equipmenttable mentbox .ringslot { position: relative; top: 2px; }

/* --      Template:Actionbar -- */ ul.actionbar { padding: 39px 0 0 52px; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 576px; height: 76px; background: url( "http://img2.wikia.nocookie.net/__cb20131022135354/runescape/images/c/cc/Template_action_bar.png" ); }

ul.actionbar li, ul.actionbar-revolution li { list-style: none; float: left; margin: 0; padding: 0; width: 32px; height: 32px; line-height: 32px; text-align: center; margin-right: 4px; }

ul.actionbar-revolution { padding: 39px 0 0 52px; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; width: 576px; height: 76px; background: url( "http://img3.wikia.nocookie.net/__cb20140502044209/runescape/images/e/e6/Template_action_bar_revolution.png" ); } /*       Template:Statbox */ .statstable { width: 186px; height: 251px; cursor: default; padding: 15px 13px; display: block; font-family: runescape; font-size: 16px; color: #ff8c00; text-shadow: #000 1px 1px 0; background-image: url( "http://images.wikia.com/runescape/images/9/9a/Statstable_bg.png" ); background-color: #000; box-shadow: 0 0 5px 1px #000; border-spacing: 0; }

.statstable td, .statstable tr { border-spacing: 0; } .statstable td:not([colspan="2"]) { position: relative; background-image: url( "http://images.wikia.com/runescape/images/0/09/Statstable_background.png" ); vertical-align: middle; text-align: right; width: 62px; /* @todo move to a percentage */ height: 25px; padding: 0 10px 0 4px; }

.statstable td[colspan="2"] { text-align: center; font-family: runescape-bold; }

.statstable td img { float: left; margin-bottom: -3px; margin-top: -1px; }

.statstable td div { margin-top: 4px; }

.statstable td img[height="17"], .statstable td img[height="14"] { margin-bottom: 0; margin-top: 3px; } .statstable td .xpbox { display: none; z-index: 3; position: absolute; text-align: left; background-color: #0d0d0d; border: 1px solid #ebece6; color: #f5b241; text-shadow: none; padding: 2px 1px 0 1px; font-family: runescape; min-width: 119px; /* @todo move to a percentage */ line-height: 15px; margin-left: -10px; }

.statstable td+td .xpbox { margin-left: -48px; }

.statstable td+td+td .xpbox { margin-left: -111px; }

.statstable td+td[colspan="2"] .xpbox { margin-left: -129px; }

/* First 7 rows */ .statstable tr:nth-child(-n+7) td .xpbox { top: 51px; }

/* Last 2 rows */ .statstable tr:nth-last-child(-n+2) td .xpbox { margin-top: -39px; }

/* Total lvl box */ .statstable td[colspan="2"] .xpbox { width: 134px; /* @todo move to a percentage */ } .statstable td .xpbox span { float: right; } .statstable td:hover .xpbox { display: inline-block; }

/* ---      Template:Messagebox --- */ .messagebox2 { min-width: 60%; max-width: 75%; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; border-left: 15px solid #90c2dd; background-color: #f1f1f1; }

.messagebox { width: 75%; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; border-left: 15px solid #90c2dd; background-color: #f1f1f1; } .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: #556d97; }

.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%; }

.welcomenotice { padding: 1em; margin: 0.5em 2em; border-left: 15px solid #90c2dd; background-color: #f1f1f1; }

.hasdialogue { margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; border-left: 15px solid #90c2dd; background-color: #f1f1f1; }

/* --      Template:Documentation -- */ .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; }

/*       Template:Infobox Bonuses */ .infoboxCombatStats .iCSbox { border: 1px solid #aaa; }

/* Max width for Infobox Bonuses pictures */ .bonusesboxImg img { max-width: 160px; max-height: 350px; width: auto; height: auto; } /* --      Template:Inventory -- */ .inventoryBack { margin: 0; width: 216px; /* @todo move to a percentage */ height: 284px; padding: 12px 13px 11px 13px; background-image: url( "http://images.wikia.com/runescape/images/d/db/Inventory_empty.png" ); }

/*       Template:Statbox */ .statbox { width: 170px; height: 254px; cursor: default; font-family: runescape; font-size: 16px; color: #ff8c00; text-shadow: #000 1px 1px 0; background: #000 url( "http://images.wikia.com/runescape/images/9/9a/Statstable_bg.png" ) no-repeat; border-spacing: 0; }

.statbox td { position: relative; background: url( "http://images.wikia.com/runescape/images/0/09/Statstable_background.png" ) no-repeat; vertical-align: middle; text-align: right; width: 62px; height: 25px; padding: 0 10px 0 4px; border-spacing: 0; }

.statbox td img { float: left; margin-bottom: -3px; margin-top: -1px; }

.statbox tr:nth-child(-n+7) td .xpbox { top: 51px; }

.statbox td .xpbox { display: none; z-index: 3; position: absolute; text-align: left; background-color: #0d0d0d; border: 1px solid #ebece6; color: #f5b241; text-shadow: none; padding: 2px 1px 0 1px; font-family: runescape; min-width: 119px; line-height: 15px; margin-left: -10px; }

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

/* ---       Template:Redirect Template:Other uses --- */ .seealso { margin: 0.5em 2em 1em 2em; font-style:italic; }

/* reduce margins between adjacent divs */ div.seealso + div.seealso { margin-top: -1em; }

/*       Template:License */ .license { background: #cfd8eb;; border: none; }

.license th { padding-right: 0.4em; background-color: #617ebc; color: #fff; width: 25%;

}

.license th[colspan="2"] { font-size: 16px; }

.license a { color: #556d97; }

/* --      Template:Clear -- */ .clear-both { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }

/* --      Template:Level up table -- */ .level-up-table td li { padding:0 10px 0 10px; } .level-up-table ul { list-style-type:disc; } .level-up-table .lvlupmem { background:#DDDDFF; } .level-up-table .lvlupfree { background:#DDFFDD; }

/* ======================      CUSTOM CLASSES ====================== */

/* ---      nowraplinks --- */ .nowraplinks a { white-space: nowrap; }

/* -      boldlinks - */ .boldlinks a { font-weight: bold; } /* -      alignment - */ .center, .centre { display: block; text-align: center; }

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

.right table, span.right { float: right; }

.left table, span.left { float: left; }

/*       targethilite */ /** * @example example * highlights when the url contains #caek. */ .targethilite:target { background-color: #def; } .skin-oasis .targethilite:target { background-color: #cda172; }

/*       gradient */ /** * Gives the "Fade to transparent" effect in table cells and DIV * Used in conjunction with "background-color: " * * @deprecated, use CSS gradients instead */ .gradient, .gradient-horizontal { background-image: url(http://images1.wikia.nocookie.net/runescape/images/1/14/Gradient-1pixel-horizontal.png); }
 * 1) gradient,

.gradient-vertical { background-image: url( "http://images3.wikia.nocookie.net/runescape/images/b/b4/Gradient-1pixel-vertical.png" ); }

/* -      small - */ /* class alternative to small tag */ .small { font-size: smaller; }

/*       hideRefBacklinks */ /* hiding backlinks for reflists, when there's loads of references to it. Mainly intended for Diango/Reclaimables. */ .hideRefBacklinks .references a { display: none; }

/* ---      non-mobile-hide --- */ /* hides stuff for non-mobile viewers, not to be confused with mobile-hide found in MediaWiki:Handheld.css */ .non-mobile-hide { display: none; }

/* ---      sg-red sg-yellow sg-green --- */ /* for skill calculators and interactive skill guides; modified link colour for accessibility. applies to a variety of templates used by a variety of scripts */ .sg-red { background: #FFD8DD; }

.sg-yellow { background: #F9FD92; }

.sg-green { background: #D5FFD5; }

.sg-red a, .sg-yellow a, .sg-green a { color: #0044FF; }

/* ---      smalllistmargin --- */ ul.smalllistmargin, .smalllistmargin ul, ol.smalllistmargin, .smalllistmargin ol { margin-left: 1.5em; }

/* ==================      SCRIPT CSS ================== */

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

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

/* -      MediaWiki:Common.js/highlightTable.js - */ /* mouse over */ tr.highlight-over { background-color: #ccc !important; }

/* light on (light off = no class) */ tr.highlight-on { background-color: #cfc !important; }

/* -      topIcon (MediaWiki:Common.js) - */ .topright-icon { display: none; }   position: absolute; right: 0; }   margin-left: 2px; }
 * 1) rs-header-icons {
 * 1) rs-header-icons a {

/* ---      MediaWiki:Common.js/calc.js --- */ /* Hides configuration sections for dynamic templates (e.g. calculators). */ .jcConfig { display: none; }

/* ===========================      LOCAL MODIFICATIONS =========================== */

/* --      Standard table styling -- */ /** * .wikitable is defined in core scss as table.wikitable * Which forces us to use table.class in pretty much every table that uses .wikitable * yay.... */ table.wikitable { color: #000; }

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.WikiaTable th, table.WikiaTable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; }

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

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

/*       File background transparency */ table.filehistory img { background: url( "http://images.wikia.com/runescape/images/5/5d/Checker-16x16.png" ) repeat !important; } table.filehistory button img, background: none; }
 * 1) file img,
 * 1) file button img {

/*       Category bar */   background: url( "http://images2.wikia.nocookie.net/runescape/images/6/67/Category_sword.png" ) transparent no-repeat 99.7% 65% !important; } /* --      Mark redirects -- */ /* Special:Watchlist */ .watchlistredir a, /* Special:AllPages */ .allpagesredirect a { color: #888; font-style: italic; }
 * 1) catlinks {

/*       Default link colours */ 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: #ba0000; }

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: #a55858; } /*       fixes for light-coloured backgrounds */ .diff-context, .diff-addedline, color: #000 !important; } /* -      pre text wrapping - */ pre { white-space: pre-wrap; }
 * 1) anontalktext {

/* -      bold line margins - */ /* @example ;foo */ /* @todo move to MediaWiki:Wikia.css */ .WikiaArticle dl { margin: 0; } /* --      Remove buttons from 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; }

/* -      stuff to document - */

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

/* @todo check if these still apply following thumbnail updates */ /*      reapply/remove if so? */ .thumbcaption { word-wrap: break-word; padding: 0; }

.article-thumb { padding: 2px; }

/* Fix bullet points on Recommended Pages */ table.recommendedtasks ul { margin: 0; padding: 0; } table.recommendedtasks li { list-style-type: none; margin: 0; }

/* something for indents used in discussions to mimic threaded replies */ dd { min-width: 250px; }

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

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

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

/* Hide certain text (namely quote parameters) from the references section to shorten it and make it readable */ .WikiaArticle .hideQuotes .refhide { display:none; }

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

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

/** * Remove non-existent namespaces from namespace dropdowns/checkboxes on Special pages * Message Wall, Thread & Message Wall Greeting */ /* Special:Contributions */ .namespaceselector option[value="1200"], .namespaceselector option[value="1201"], .namespaceselector option[value="1202"] { display: none; }

/* Special:Search (Advanced) */ .AdvancedSearch label[for="mw-search-ns1200"], .AdvancedSearch label[for="mw-search-ns1201"], .AdvancedSearch label[for="mw-search-ns1202"] { display: none; }

/* Special:RecentChanges */ .mw-input .dropdown-item:nth-child(31), .mw-input .dropdown-item:nth-child(32), .mw-input .dropdown-item:nth-child(33) { display: none !important; }

/* Special:Allpages */ display: none; }
 * 1) namespace option[value="1200"],
 * 2) namespace option[value="1201"],
 * 3) namespace option[value="1202"] {

/* global notifications */ display: none !important; } /* Overrides default colour for image borders * "File:Example.png|border" */ img.thumbborder { border: 1px solid #000 !important; }
 * 1) WikiaNotifications li div[data-type="5"] {

/* Lightbox Changes */ .LightboxHeader .avatar { display: none !important; }

.image-no-lightbox { line-height: initial !important; }

/* Proper styling for block cells in family trees */ td.famtreesub { margin:0; padding:0; } td.famtreesub table { border-spacing:0; margin:0; padding:0; } td.famtreesub table td { height:1em; width:1em; } td.famtreeleaf { background:#DFDFDF; padding:.2em; }