MediaWiki:Wikia.css

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

/* ---      Template:Navbox --- */ .navbox { border: none; padding: 0; }

.navbox, .navbox .navbox-subgroup { background-color: #fff; }

/* only applies to oasis as monobook has background-color that looks weird with anything less than 100% width */ .navbox .navbox-collapsible { width: 98%; }

.navbox .navbox-title, .navbox .navbox-footer { background-color: #428bb5; color: #fff; }

.navbox .navbox-collapsible .navbox-title { background-color: #76adcd; }

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

.navbox .navbox-group, .navbox .navbox-subgroup .navbox-title, .navbox .navbox-subgroup .navbox-group { background: #f1f1f1; }

/* ---      Forum:Yew Grove --- */ .forumheader { border-left: 15px solid #ccc; background-color: #f1f1f1; margin-top: 1em; padding: 12px; }

.forumactiveheader, .forumarchiveheader, .forumoldarchives { background-color: #438ab5; color: #fff; }

.forumoldarchives a { color: #fff; }

.forumcolumnheader { background-color: #f1f1f1; }

.forumlist td.forum_title a.forum_new { background: url( "http://images4.wikia.nocookie.net/runescape/images/7/71/Forum_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 { border: 1px solid #ccc !important; background-color: #fff !important; }

.questdetails-header { background-color: #ececec !important; }

.questdetails-header-alternate { background-color: #f5f5f5 !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: #f9f9f9; }

/* * Other stuff */ /* .WikiaUserPagesHeader * Gradient under masthead on userpage */ .WikiaUserPagesHeader { background: #fff; background: -moz-linear-gradient( top, #fff 0px, #f1f1f1 100% ); background: -webkit-linear-gradient( top, #fff 0px, #f1f1f1 100% ); background: -o-linear-gradient( top, #fff 0px, #f1f1f1 100% ); background: -ms-linear-gradient( top, #fff 0px, #f1f1f1 100% ); background: linear-gradient( to bottom, #fff 0px, #f1f1f1 100% ); }

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

/*       MediaWiki:Newarticletext */ .newarticletextbox { float: left; background-color: #f1f1f1; 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; }

color: #438ab5; }
 * 1) EditPageHeader > h1 > a {

background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
 * 1) EditPageHeader {

/* Change border color of "My Tools" popup in bottom navbar */ .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu { border-color: #428bb5; }

/* 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: #5c8026 !important; color: #D5D4D4 !important; }

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

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

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

td.diff-deletedline .diffchange { background: #8f5a09 !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: #e8dcae; }

/* 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: none !important; padding: 13px 20px !important; font-size: 100% !important; background-color: #f7f7f7 !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, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.search-button), input[type="reset"], input[type="button"], .button, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close), .wikia-menu-button > a:hover, .wikia-menu-button > a, .wikia-menu-button > li > a, .wikia-menu-button .drop, .wikia-menu-button > li > a:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button,.WikiaNotifications li div { background-image: none !important; }

a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:not(.search-button):hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:not(.search-button):not(.ace_searchbtn):not(.ace_searchbtn_close):hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .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:hover, .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: #d9d9d9 !important; background-image: none !important; background-color: #f9f9f9 !important; }

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 { 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 { border-color: #443544 !important; background-color: #554257 !important; }

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