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:   * Online LESS tester:    * * Available themedesigner values: * - @theme-body   -> body background colour (#90c2dd) * - @theme-buttons -> button colour (#438ab5) * - @theme-header -> collapsible footer bar colour (#90c2dd) * - @theme-links  -> link colour (#438ab5) * - @theme-page   -> article content background (#ffffff) */

/** * Set default colour palette, mainly for monobook usage * * @todo Remove all colour from this file and apply in monobook and oasis separately */ @default-page: #fff;

/*       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}/actionbar.less'; @import '@{dir}/coins.less'; @import '@{dir}/disambig.less'; @import '@{dir}/documentation.less'; @import '@{dir}/equipment.less'; @import '@{dir}/extimage.less'; @import '@{dir}/infobox.less'; @import '@{dir}/infoboxbonuses.less'; @import '@{dir}/inventory.less'; @import '@{dir}/navbox.less'; @import '@{dir}/pohroom.less'; @import '@{dir}/questdetails.less'; @import '@{dir}/questreq.less'; @import '@{dir}/toc.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 =============== */

// Note: These show up as load.php during updating instead of the page title

@rl-url: '/load.php?debug=true&lang=en&mode=articles';

/* hilites, non-js tabber/dropdown, custom fonts, calculators (stewbasic), switchinfobox */ @import url( '@{rl-url}&articles=MediaWiki:Common.css/nonjstabberdropdown.css&only=styles' ); @import url( '@{rl-url}&articles=MediaWiki:Common.css/Webfonts.css&only=styles' ); @import url( '@{rl-url}&articles=User:Stewbasic/calc.css&only=styles' ); @import url( '@{rl-url}&articles=User:-Matt/SwitchInfobox.css&only=styles' ); @import url( '@{rl-url}&articles=MediaWiki:Common.css/GECharts.css&only=styles' );

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

/* ---      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: 65%; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; border-left: 15px solid #90c2dd; background-color: #f1f1f1;

&.obsolete { background-color: #cfcfcf; border-left: 15px solid #464646;

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

&.info { background-color: #ebebeb; border-left: 15px solid #898989;

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

&.action { background-color: #cbdae2; border-left: 15px solid #45697D;

a,       a:visited, a:active { color: #3c5c6e; }   }

&.file { background-color: #cfd8eb; border-left: 15px solid #617ebc;

a,       a:visited, a:active { color: #556d97; }   }

&.warn { background-color: #ecd8d5; border-left: 15px solid #861c10;

a,       a:visited, a:active { color: #861c10; }   }

&.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: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: 197px; height: 280px; cursor: default; font-family: runescape; font-size: 16px; color: #ff8c00; text-shadow: #000 1px 1px 0; background-color: #000; background-image: url( "http://images.wikia.com/runescape/images/9/9a/Statstable_bg.png" ); background-repeat: no-repeat; border-spacing: 0; padding: 7px;

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

img { float: left; margin-bottom: -3px; margin-top: -1px;

// fix for thieving and smithing icons &[height^="1"] { margin-top: 4px; }       }

.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: 7px;

span { float: right; }       }

&:hover .xpbox { display: inline-block; }

&[colspan="3"] { background: none; text-align: left; padding: 20px 0 0 90px; color: #fff; }   } }

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

.recolourEmptyRow { height: 9px; padding: 0; border: none; }

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

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

&[colspan="2"] { font-size: 16px; }   }

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

ul { list-style-type: disc; }

.lvlupmem { background: #f6ab58; color: #582e00; }

.lvlupfree { background: #98e553; color: #245200; } }

/* -     Infobox monster --*/ .infobox-monster { text-align:center; }

.infobox-monster th, .infobox-monster td { vertical-align:middle !important; }

.infobox-monster .offensive-header { background:#990000; color:white; font-variant:small-caps; }

.infobox-monster .offensive-subheader { background-color: rgba(251, 112, 112, 0.3); font-variant:small-caps; }

.infobox-monster .defensive-header { background:#003366; color:white; font-variant:small-caps; }

.infobox-monster .defensive-subheader { background-color: rgba(111, 194, 251, 0.3); font-variant:small-caps; }

.infobox-monster .slayer-header { background:#333; color:white; font-variant:small-caps; }

.infobox .nestedinfo td table { min-width:263px; margin:-1px; width: calc(100% + 2px) !important; }

.infobox .nestedinfo td { width:100%; padding:0; }

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

// @todo move to Wikia.css .skin-oasis .targethilite:target { background-color: #cda172; }

/* -      small - */ // class alternative to deprecated 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: #ecccc6; color: #861c10; }

.sg-yellow { background: #f3f0b0; color: #6e5d45; }

.sg-green { background: #c3ebc5; color: #506553; }

.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;
 * 1) rs-header-icons {

a { margin-left: 2px; } }

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

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

/*       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.messagebox a, table.navbox a, div.forumheader a, image a { color: #002bb8; }

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

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

table.wikitable 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.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; }

/* -      page title parenthesis styling override using 'no-parenthesis-styling' class somewhere on the page - */ .title-parenthesis { color:#898989; font-size:80% }

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

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;

table { border-spacing: 0; margin: 0; padding: 0;

td { height: 1em; width: 1em; }       }    }

&.famtreeleaf { background: #dfdfdf; padding: .2em; } }

/* Get rid of dotted border for selected revisions */ border:none !important; }
 * 1) pagehistory li.selected {

/* Replace default #ffa in Special:NewPages */ .not-patrolled { background: #f1f1f1 !important; border-right: 15px solid #c1c1c1 !important; padding-right: 15px !important; }

/* Reduce font size for "Redirected from ..." */ .WikiaPageHeader h2 { color: #898989; font-size: 15px !important; }

/* active/inactive colors for Module:Rotations */ .status-active { background-color: #98e553; color: #245200;

a { color: inherit !important; } }

.status-inactive { background-color: #ececec; color: #777777;

a { color: inherit !important; } }