MediaWiki:Custom-Wikia.less

/** * * CSS placed here will be applied to the 'Wikia'/'Oasis' skin. See also: MediaWiki:Common.css and MediaWiki:Monobook.css * * things todo: * - get rid of as much !important as possible * - organise/review * - make sure all of this is still used * - get ready for conversion to LESS */

@dir: 'MediaWiki:Custom-Wikia.less';

// pages // @import '@{dir}/yewgrove.less';

// templates // @import '@{dir}/infobox.less'; @import '@{dir}/navbox.less'; // @import '@{dir}/questdetails.less';

/* ---      Forum:Yew Grove --- */ .forumheader { border-left: 15px solid #ccc; background-color: darken( @theme-page, 5% ); margin-top: 1em; padding: 12px; }

.forumactiveheader, .forumarchiveheader, .forumoldarchives { background-color: @theme-buttons; color: @theme-contrast; }

.forumoldarchives a { color: @theme-contrast; }

.forumcolumnheader { background-color: darken( @theme-page, 5% ); }

.forumlist td.forum_title a.forum_new { background: url( "http://runescape.wikia.com/wiki/Special:Filepath?fileForum_new.png" ) center left no-repeat !important; padding: 2px 0 1px 25px; }

.forumlist td.forum_title a.forum_new:visited { background: none repeat scroll 0 0 transparent !important; }

/* --      Template:Quest details -- */ .questdetails { color: #D5D4D4 !important; border-color: #443446 !important; background-color: #554257 !important; }

.questdetails-header { background-color: #3d2f3e !important; color: #D5D4D4 !important; }

/* Quotation marks, are these just on ? */ .quotation-mark { color: #ccc; }

/* Table of Contents */ .WikiaArticle .toc { border: 1px solid #ccc; background-color: #fcfcfc; }

/* -      Infoboxes - */ .WikiaArticle .infobox { /* revert back to wikitable background colour */ background: #554257; }

/* * Other stuff */ /* .WikiaUserPagesHeader * Gradient under masthead on userpage */ .WikiaUserPagesHeader { background: #4b3a4d; /* Old browsers */ background: -moz-linear-gradient(top, #4b3a4d 0%, #392b3a 100%); /* FF 3.6-15 */ background: -webkit-linear-gradient(top, #4b3a4d 0%,#392b3a 100%); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #4b3a4d 0%,#392b3a 100%); /* W3C, IE 10+, FF 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

/*       Bold headers */ h3 .mw-headline, h4 .mw-headline, h5 .mw-headline, h6 .mw-headline { font-weight: bold; }

/*       MediaWiki:Newarticletext */ .newarticletextbox { float: left; background-color: darken( @theme-page, 5% ); border: 2px outset #ccc; text-align: center; padding: 0 5px; margin: 3px; }

/* Full width for pages only for parts not interfering with interfaces */ /* @todo find where this is used */ .fullwidth { max-width: 680px; overflow: visible; }

.fullwidth div { min-width: 970px; }

/* Limit width for images */ .fullImageLink img { max-width: 660px; height: auto; }

/* applies in Special:Chat */ .UserStatsMenu { /* styled inline so !important is actually needed here */ right: 33px !important; }

/* Lightbox fix */ .modalContent { margin: 0 12px 14px 12px; }

/* hide things on view source(?) */ .EditPagePermissionError #EditPageHeader > h2 { visibility: hidden; }

.EditPagePermissionError #HelpLink, .EditPagePermissionError #EditPageToolbar, .EditPagePermissionError #EditPageRail > .module.module_page_controls { display: none; }

padding-right: 2px; }
 * 1) EditPageEditor {

.editpage-intro > .editpage-intro-wrapper { max-height: 95px; }

/* MediaWiki:Wikia-editor-modules-license-text */ .module_license div.module_content { max-height: 70px !important; }

/* Remove content features in Special:AdminDashboard */ li[data-tooltip="Add a blog post to your wiki."], li[data-tooltip="Find licensed video to replace existing unlicensed or blocked video"] { display: none !important; }

/* Until this is fixed */ /* @todo find out what this is for (RTE?) */ .wikinav2.oasis-one-column.editor-rail .WikiaPageHeader { margin: 0 10px 10px !important; }

background-color: @theme-page; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
 * 1) EditPageHeader {

> h1 > a { color: @theme-buttons; } }

// Change border color of "My Tools" popup in bottom navbar .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu { border-color: @theme-buttons; }

/* Until fixed, calc 9px overlapping */ .navbackground { width: 100%; }

/* --      References -- */ .reference:target, /* where does this apply?  */ .citation:target { background-color: #e2edf3; }

.reference a { white-space: nowrap; }

/* Lowering padding before section headers */ .WikiaArticle h2 { margin-top: 14px; }

/* This adds more padding to the right of left floating thumbnails, to keep lists from slightly overlapping -- Hofmic */ .WikiaArticle .tleft { margin-right: 22px !important; }

/* --      Diff recolours -- */ table.diff td { padding: 0.4em 0.8em !important; }

td.diff-addedline, td.diff-deletedline, td.diff-context { line-height: 1.9em !important; }

td.diff-addedline { border-color: #57873d !important; color: #D5D4D4 !important; }

td.diff-deletedline { border-color: #af7835 !important; color: #D5D4D4 !important; }

td.diff-context { background: #544057 !important; border-color: #544057 !important; color: #D5D4D4 !important; }

td.diff-addedline .diffchange { background: #3f652a !important; color: #D5D4D4 !important; }

td.diff-deletedline .diffchange { background: #895a22 !important; color: #D5D4D4 !important; }

td.diff-marker { opacity: 0; }

.EditPageEditor #diff { background: white !important; }

/* Default link colours */ table.wikitable a, table.prettytable a, table.messagebox a, table.navbox a, div.forumheader a, image a, table.wikitable a:visited, table.prettytable a:visited, table.messagebox a:visited, table.navbox a:visited, div.forumheader a:visited, image a:visited, table.wikitable a:active, table.prettytable a:active, table.messagebox a:active, table.navbox a:active, div.forumheader a:active, image a:active { color: #ffcb02; }

/* For as of 2012-11-28 */ .infoboxCombatStats { background-color: #f5f5f5; }

.infoboxCombatStats .iCSbox { background-color: #f1f1f1; }

/* Hide sitenotice in MediaWiki:Recentchangestext by default * Unhidden by script in MediaWiki:Wikia.js */ display: none; }
 * 1) rcSitenotice {

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

/* -      Notifications - */ /* new talk message notifications, why do we need this? */   width: 150px; }
 * 1) WikiaNotifications div[data-type="1"] {

color: #fff; }
 * 1) WikiaNotifications div[data-type="1"] a {

/* kill community-corner message */ display: none; }
 * 1) WikiaNotifications div[data-type="2"] {

/* -      MediaWiki:Wikia.js/ratings.js - */ /* based on  */ margin-top: -15px; margin-bottom: 10px; text-align: center; unicode-bidi: bidi-override; direction: rtl; }   display: inline-block; font-size: 40px; color: #aaa; position: relative; cursor: pointer; }   color: transparent; } /* :before is used for ie8 support, the modern version is ::before */ content: '\2605'; position: absolute; color: #ffe100; }   resize: none; width: 97%; height: 60px; }   float:  right; margin-top: 10px; }   display: none; }
 * 1) ar-rating {
 * 1) ar-rating .star {
 * 1) ar-rating .star:hover,
 * 2) ar-rating .star:hover ~ .star,
 * 3) ar-rating .star.selected,
 * 4) ar-rating .star.selected ~ .star {
 * 1) ar-rating .star.selected:before,
 * 2) ar-rating .star.selected ~ .star:before,
 * 3) ar-rating .star:hover:before,
 * 4) ar-rating .star:hover ~ .star:before {
 * 1) ar-comment {
 * 1) ar-submit {
 * 1) ar-extras {

text-align: center; font-size: 120%; margin-bottom: 15px; }
 * 1) ar-submitted {

text-align: right; clear: both; margin-top: 10px; font-size: 95%; }
 * 1) ar-info {

/* History Warning */ .mediawiki_historywarning { margin-top: 0 !important; }

/* kill infobox conversion module */ .templatedraft-module { display: none; }

/** * Reduce font size * * Essentially, uses: *  * instead of: *  * * margin/padding/width not changed as they didn't seem to improve anything when altered */ @media only screen and (min-width: 1596px) { .WikiaPage .WikiaArticle { font-size: 14px; line-height: 22px; }

/* don't load on editing (causes the headers to go freakishly large) don't load on special:search/css causes another bug to show up in special:css with blockquote, but that's wikia's problem not ours */   .mediawiki:not(.editor):not(.ns-special) .WikiaPage h1 { font-size: 28px; line-height: 28px; }

.mediawiki:not(.editor):not(.ns-special) .WikiaPage h2 { font-size: 20px; line-height: 22px; }

/* no idea what this is for * @example */   .mediawiki:not(.editor):not(.ns-special) .WikiaPage .wikia-page-header h2 { font-size: 14px; line-height: 22px; }

.mediawiki:not(.editor):not(.ns-special) h3 { font-size: 17px; line-height: 22px; }

.mediawiki:not(.editor):not(.ns-special) h4 { font-size: 15px; line-height: 22px; } }

/* Change background color for AccountNavigation dropdown */ .AccountNavigation .user-menu > li a { color: #438ab5; }

.AccountNavigation .user-menu > li a:hover { background-color: #438ab5; }

/* Visual changes to thumbnail captions */ .article-thumb, .gifresize { border: 1px solid #443446; background: #554257; box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0,0.05); padding: 0px !important; } .caption { color: #D5D4D4 !important; border-top: 1px solid #443446; padding: 5px !important; } .lightbox-caption { color: #D5D4D4 !important; }

/* .t is given to thumb images without a float, which is any red link */ figure.article-thumb.t { border: none; background: none; box-shadow: none; }

/* Style category bar and languages at the bottom of pages */ .article-categories { border: none !important; margin: none !important; margin-top: 10px !important; background-image: none !important; background-color: #f9f9f9 !important; } .WikiaArticleInterlang { background: #f9f9f9 !important; margin: 10px 0 !important; padding: 15px 20px 10px 20px !important; } .WikiaArticleInterlang h3 { font-size: 100% !important; line-height: 14px !important; } .WikiaArticleInterlang ul li { line-height: 14px !important; padding-right: 3px !important; }

/* Remove image gallery from category pages */ .category-gallery { display: none; }

/* Make SMW at bottom of pages look like category bar */ .WikiaArticleFooter { padding: 0px !important; }

.smwfact { border: none !important; margin-top: 0 !important; padding: 13px 20px !important;1 font-size: 100% !important; }

.smwfact, .smwfact tr, .smwfact td, .smwfact th { background-color: #554257 !important; }

.smwfacttable { border-top: none !important; }

.smwfactboxhead { font-weight: normal !important; }

.smwrdflink { padding-left: 5px; }

/* Dark mode button */ input.color-changer { margin-top: 2px; }

/* remove gradient from buttons */ a.wikia-button, a.wikia-button:hover, .wikia-single-button a, .wikia-single-button a:hover, input[type="submit"]:not(.search-button), input[type="submit"]:not(.search-button):hover, input[type="reset"], input[type="reset"]:hover, input[type="button"], input[type="button"]:hover, .button, .button:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close), button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close):hover, .wikia-menu-button, .wikia-menu-button:hover, .wikia-menu-button > a, .wikia-menu-button > a:hover, .wikia-menu-button > li > a, .wikia-menu-button > li > a:hover, .wikia-menu-button .drop, .wikia-menu-button .drop:hover, .WikiaNotifications li div // from visual editor .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:hover { background-image: none !important; }

a.wikia-button.secondary, .wikia-single-button.secondary a, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary, .wikia-menu-button.secondary > li > a, .WikiHeader .buttons > .contribute, .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button { border-color: #67506a !important; background-image: none !important; background-color: #544156 !important; }

/* Temp commenting out so they're readable */ /* a.wikia-button.secondary:hover, .wikia-single-button.secondary a:hover, .wikia-menu-button.secondary:hover, input.secondary[type="submit"]:hover, input.secondary[type="reset"]:hover, input.secondary[type="button"]:hover, .button.secondary:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close).secondary:hover, .WikiHeader .buttons > .contribute:hover, .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary > li > a:hover, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button:hover { background-image: none !important; background-color: #f3f3f3 !important; }

.mp-color, .mp-color2 { border-color: #3a293a !important; background-color: #554257 !important; }

.mp-endbox, .mp-endbox2, background-color: #4b3b4c !important; }
 * 1) mp-poll-prev-results th {

.article-categories, .WikiaArticleInterlang { background-color: #554257 !important; }
 * 1) mp-footer,

.messagebox, .forumheader { border-color: #3a293a !important; background-color: #554257 !important; }

.messagebox a { color: #e8dcae !important; }

.toc { border-color: #443446 !important; background-color: #554257 !important; }

table.wikitable > * > tr > th { border-color: #382938 !important; }

table.wikitable > * > tr > td:not([class^=rarity-]) { border-color: #443544 !important; background-color: #554257 !important; }

th.header-top { background-color: #4d3b50 !important; }

.infobox-bonuses th { background-color: #3d2f3e !important; border-color: #382938 !important; }

.infobox-bonuses td { background-color: #554257 !important; border-color: #443544 !important; }

.musicplayer { background-color: #554257 !important; border-color: #443544 !important; color: #D5D4D4 !important; }

.coins { color: #82cc55 !important; }

.coins.coins-pos { color: #59a0cc !important; }

.coins.coins-neg { color: #e37b71 !important; }

img.tex { background-color: white; border: 2px solid white; }

.js-tooltip-wrapper, .rsw-tooltip { border-color: #180e17 !important; background-color: #4b3a4d !important; }

table.lighttable > * > tr.highlight-over > td, table#pengLocations > * > tr.highlight-over > td { background-color: #382938 !important; } table.lighttable > * > tr.highlight-on > td, table#pengLocations > * > tr.highlight-on > td { background-color: #324832 !important; }

.mw-plusminus-pos { color: #7fb785 !important; } .mw-plusminus-neg { color: #e37b71 !important; } .mw-plusminus-null { color: #b8b8b8 !important; }

a.new, a.new:visited { color: #e37b71 !important; }

.autocomment, .title-parenthesis { color: #aaa !important; }

.mp-ctitle { color: #D5D4D4 !important; }

.sg-red, table.wikitable>tbody>tr.sg-red>td, .nocell, table.wikitable>tbody>tr>td.nocell { background: #3a1e1e !important; color: #D5D4D4; } .sg-yellow, table.wikitable>tbody>tr.sg-yellow>td, .maybecell, table.wikitable>tbody>tr>td.maybecell { background: #383c26 !important; color: #D5D4D4; } .sg-green, table.wikitable>tbody>tr.sg-green>td, .yescell, table.wikitable>tbody>tr>td.yescell { background: #324832 !important; color: #D5D4D4; }

code, pre { background-color: #554257 !important; border-color: #3a293a !important; }

.famtreeleaf { background-color: #554257 !important; }

.forumactiveheader, .forumarchiveheader, .forumoldarchives { background-color: #3a293a !important; }

.forumcolumnheader { background-color: #554257 !important; color: #d5d4d4 !important; }

.transcript { background: #554257 !important; -webkit-box-shadow: 0 5px 15px -7px #222 !important; -moz-box-shadow: 0 5px 15px -7px #222 !important; box-shadow: 0 5px 15px -7px #222 !important; }

.EditPageEditor #diff { background-color: #4b3a4d !important; }

.noarticletext, .shortcut, .forumsearchbox { border-color: #443446 !important; background-color: #554257 !important; }

/* fix diff colours */ td.diff-addedline, td.diff-deletedline { color: #000 !important; }