MediaWiki:Common.css
Revision as of 08:55, 20 September 2022 by >Vladox
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ActivityFeed.css&only=styles";
@import "//dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";
/** <pre>
* CSS placed here will be applied to all skins.
* See also: [[MediaWiki:Monobook.css]] and [[MediaWiki:Wikia.css]]
* @todo organise more and add comments
*/
/**
* Imports:
* Hilites
* Non js tabber dropdown
* RS font
* Calculators
* Switch infobox
*
* @import is supposed to be removed at some point,
* possibly in favour of {{MediaWiki:Foo.css}}
* but this implementation doesn't work with ResourceLoader
* at this time and won't work with interwiki transclusions
* e.g. from dev wiki
* Keep an eye on what happens with it -Cqm
*/
@import url("/load.php?debug=false&lang=en&mode=articles&articles=MediaWiki:Wikia.css/hilite|MediaWiki:Common.css/nonjstabberdropdown|MediaWiki:Common.css/Webfonts.css|User:Stewbasic/calc.css|User:Matthew2602/SwitchInfobox.css|MediaWiki:Common.css/GECharts.css&only=styles");
/* ============================
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
======================== */
/**
* Title with skill icons
*/
#mp-title {
text-align:center;
}
#mp-title-left,
#mp-title-center,
#mp-title-right {
display: inline;
padding: 5px;
}
/**
* Backgrounds
*/
.mp-color,
.mp-color2 {
background-color: #f5eccb;
padding: 4px;
margin-top: 10px;
}
.mp-color {
-moz-border-radius: 30px 0;
-webkit-border-radius: 30px 0;
border-radius: 30px 0;
}
.mp-color2 {
-moz-border-radius: 0 30px;
-webkit-border-radius: 0 30px;
border-radius: 0 30px;
}
.mp-color2 hr {
border-color: #01a4ff;
}
/**
* Headers
*/
.mp-header,
.mp-header2 {
background: #6b5331;
background: -moz-linear-gradient(top, #6b5331 35%, #483821 65%);
background: -webkit-linear-gradient(top, #6b5331 35%, #483821 65%);
background: -o-linear-gradient(top, #6b5331 35%, #483821 65%);
background: -ms-linear-gradient(top, #6b5331 35%, #483821 65%);
background: linear-gradient(to bottom, #6b5331 35%, #483821 65%);
color: #fff;
text-align: center;
font-weight: bold;
font-size: 110%;
}
.mp-header {
padding: 4px;
-moz-border-radius: 30px 0;
-webkit-border-radius: 30px 0;
border-radius: 30px 0;
}
.mp-header2 {
padding: 2px;
-moz-border-radius: 0 20px;
-webkit-border-radius: 0 20px;
border-radius: 0 20px;
}
#mp-rsnews .mp-content .mp-header {
width: 15%;
padding: 2px;
}
#mp-patch-header {
margin-top: 1em;
}
/**
* Content
*/
.mp-content,
.mp-content2 {
margin: 10px 0;
}
/* for contents columns */
.mp-column {
width: 33%;
/* fix against rule in oasis.scss */
float: left;
}
/* gemw */
#mp-gemw .mp-content2 {
text-align: center;
}
#mp-gemw-date {
font-size: 85%;
margin-top: -2px;
}
#mp-gemw-cti {
font-weight: bold;
font-size: 110%;
}
/* previous poll results */
#mp-poll-prev-results {
margin-top: 5px;
font-size: 85%;
background: none;
width: 100%;
}
#mp-poll-prev-results th {
background-color: #6b5331;
color: #fff;
border-bottom-left-radius: 25px;
padding-left: 40px;
}
#mp-poll-prev-results .mw-collapsible-toggle a {
color: #fff;
}
/**
*Table of Contents
*/
.toc {
background-color: #061123 !important;
border-style: solid !important;
border-color: #02060c !important;
border-width: 2px 2px 2px 2px !important;
}
/**
* Read more... boxes
*/
.mp-endrow {
clear: both;
text-align: right;
}
#mp-rsnews-endrow {
margin-top: 0.75em;
}
#mp-patch-endrow {
position: relative;
top: -30px;
margin-bottom: -30px;
}
.mp-endbox {
background-color: #00a4ff;
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;
}
.mp-endbox a {
color: #fff;
}
/**
* Copyright footer
*/
#mp-footer {
background-color: #f5eccb;
margin-top: 10px;
text-align: center;
font-size: 85%;
}
/* =================
Infoboxes
================= */
.infobox {
border: 1px solid #0d7fe6;
background-color: #030911;
color: #dedede !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 #154690;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Fix awkward margins for lists in infoboxes */
.wikitable .infobox ul {
margin:0.3em 0 0 1.6em !important;
}
/* ==============================
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,
table.WikiaTable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #081a38;
border: 1px #154690 solid;
border-collapse: collapse;
color: #e4e4e4;
}
/* 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: 0px #154690 solid;
padding: 0.2em;
}
table.wikitable th,
table.WikiaTable th,
table.prettytable th {
background: #0c2041;
text-align: center;
color: #fff;
}
table.wikitable caption,
table.WikiaTable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
padding-bottom: 5px !important;
}
/* ================
Navboxes
================ */
table.navbox {
border: 1px solid #154690;
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;
}
/* =========================
Disambig template
========================= */
#disambig {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* Background to make transparency show up on image description pages. */
#file img,
table.filehistory img {
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 */
#catlinks {
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;
}
.nowraplinks a {
white-space: nowrap;
}
/* Forum formatting -Algorithm & -Splaka */
.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: #006dff;
}
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;
}
/* 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;
}
#editsimilar_links {
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) */
#profile-sidebar,
#userPageFollowedHead {
display: none !important;
}
#profile-content-inner {
margin-right: 0;
}
/* Hiding "Add a photo to this gallery" on RuneScape:Off-site */
body.page-RuneScape_Off-site .wikia-gallery-add {
display: none !important;
}
/* Yew Grove styling */
.forumstickyheader,
.forumactiveheader,
.forumarchiveheader,
.forumoldarchives {
background-color: #dedede;
color: #000;
}
.forumcolumnheader {
background-color: #eaeaea;
color: #000;
text-align: left;
padding-left: 5px;
}
/* [[Template:Quest details]] */
.questdetails {
text-align: left;
margin-bottom: 10px;
padding: 1px;
width: 100%;
background-color: #fafafa;
border: 1px #154690 groove;
}
.questdetails-header,
.questdetails-header-alternate {
padding-left: 1em;
padding-right: 1em;
background-color: #f2f2f2;
background-color: rgba(0,0,0,0.03);
color: #283865;
font-weight: bold;
}
.questdetails-info {
padding-left: 1em;
color: #000;
}
.thumbcaption {
word-wrap: break-word;
padding: 0;
}
.article-thumb {
padding: 2px;
}
/* Allow limit parameter to work on [[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;
}
/* 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;
}
/* template:questreq */
.questreq ul {
border-left: 1px solid #000;
}
.questreq ul ul {
border-left: 1px solid #222;
}
.questreq ul ul ul {
border-left: 1px solid #444;
}
.questreq ul ul ul ul {
border-left: 1px solid #666;
}
.questreq ul ul ul ul ul {
border-left: 1px solid #888;
}
.questreq ul ul ul ul ul ul {
border-left: 1px solid #154690;
}
/* Letting headers inherit colors */
h2 {
color: inherit;
}
/* In case article comments strike back */
#article-comments,
#article-comments-counter-header,
#article-comments-counter-recent {
display: none !important;
}
/* easier to align things */
.center,
.centre {
display: block;
text-align: center;
}
.center table,
table.center,
.centre table,
table.centre {
margin: 0 auto;
}
.right table {
float: right;
}
.left table {
float: left;
}
/* Fix bullet points on Recommended Pages */
table.recommendedtasks ul {
margin: 0;
padding: 0;
}
table.recommendedtasks li {
list-style-type: none;
margin: 0;
}
/* Allowing easy creation of inventory layouts -- [[Template:Inventory]] */
.inventorytable {
background-image: url(https://images.wikia.nocookie.net/__cb20120409173923/runescape/images/d/db/Inventory_empty.png);
background-repeat: no-repeat;
background-position: top left;
width: 190px; min-width: 190px; max-width: 190px;
height: 331px; min-height: 331px; max-height: 331px;
padding: 37px 3px 42px !important;
border: none;
border-spacing: 0px;
}
.inventorytable tr {
border: none;
border-spacing: 0px;
padding: 0px;
margin: 0px;
}
.inventorytable td {
border: none !important;
border-spacing: 0;
padding: 0 !important;
text-align: center;
position: relative;
width: 46px !important;
height: 36px !important;
}
/* Action bar layout -- [[Template:Actionbar]] */
ul.actionbar {
padding: 37px 0 0 52px;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 576px;
height: 76px;
background: url("https://images.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: 37px 0 0 52px;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 576px;
height: 76px;
background: url("https://images.wikia.nocookie.net/__cb20140502044209/runescape/images/e/e6/Template_action_bar_revolution.png");
}
/* ... */
.UserStatsMenu,
.ChatModule .UserStatsMenu {
width: 200px !important;
}
/* For [[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(https://images.wikia.nocookie.net/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(https://images.wikia.nocookie.net/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;
}
/* Makes Abuse Filter and other tags on the Recent Changes red and bold to stand out */
.mw-tag-markers, .mw-tag-markers a {
color: red;
font-weight: bold;
}
/* Fix for the sponsored links */
#AolAd1 {
clear: both !important;
}
dd {
min-width: 250px;
}
/* Class that highlights when it gets targeted by its ID.
* @example <span class="targethilite" id="caek">example</span>
* highlights when the url contains #caek. */
.targethilite:target {
background-color: #def;
}
.skin-oasis .targethilite:target {
background-color: #cda172;
}
/* 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 1em 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;
}
/**
* Table styling for [[RuneScape:Active discussions]]
* .discussiontable used for headers
* .dpltable used for dpl lists
*/
/* Workaround from having to use table headers */
table.dpltable {
margin-top: -4px;
}
/* Adding small padding so they don't look so strange */
table.dpltable td {
padding-left: 5px;
}
/* Setting table widths */
table.dpltable,
table.discussiontable {
width: 100%;
}
/* Colouring the headers */
table.discussiontable th {
color: #fff;
background-color: #b19e7d;
}
table.discussiontable th.topic,
table.discussiontable th.edited,
table.discussiontable th.edited-by,
table.discussiontable th.yg-archive {
color: #000;
background-color: #f8f0cf;
}
table.discussiontable th a {
color: #fff;
}
table.discussiontable th a:hover {
text-decoration: none;
}
/* Column widths */
/* For tables with 3 columns */
table.dpltable th.topic,
table.discussiontable th.topic {
width: 40%;
}
table.dpltable th.edited,
table.dpltable th.edited-by,
table.discussiontable th.edited,
table.discussiontable th.edited-by {
width: 30%;
}
/* YG Archives */
table.dpltable th.yg-archive,
table.discussiontable th.yg-archive {
width: 20%;
}
/* For {{Infobox Bonuses Beta}} as of 2012-11-28 */
.infoboxCombatStats .iCSbox {
border: 1px solid #154690;
}
/* For Template:Inventory */
.inventoryBack {
margin: 0;
width: 216px; /* @todo move to a percentage */
height: 284px;
padding: 12px 13px 11px 13px;
background-image: url(https://images.wikia.nocookie.net/runescape/images/d/db/Inventory_empty.png);
}
/* Fix for nested collapsible wikitables in infoboxes */
.wikitable.infobox .wikitable.mw-collapsible {
margin: -1px;
width: calc(100% + 2px) !important; /* to correct for the subtracted 2px margin either side */
/* background-color: #f2ebd1; */
}
/* For implementation of [[MediaWiki:Common.js/spreport.js]] on [[Special:Specialpages]] */
#spreport {
border: 1px solid #808080;
padding: 10px;
text-align: center;
}
/* 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;
}
/* Un-bold link like on the old collapsible tables */
.mw-collapsible-toggle {
font-weight: normal;
}
/* 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;
}
/**
* Light tables
* See [[MediaWiki:Common.js/highlightTable.js]] for relevant script
*/
/* mouse over */
tr.highlight-over {
background-color: #ccc !important;
}
/* light on (light off = no class) */
tr.highlight-on {
background-color: #cfc !important;
}
/* [[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(https://images.wikia.nocookie.net/runescape/images/9/9a/Statstable_bg.png) no-repeat;
border-spacing: 0;
}
.statbox td {
position: relative;
background: url(https://images.wikia.nocookie.net/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;
}
/* Small reference list */
ol.references {
font-size: 100%;
}
.references-small {
font-size: 90%;
}
/* fix q tags in content area */
#mw-content-text q:before {
content: open-quote;
}
#mw-content-text q:after {
content: close-quote;
}
/**
* 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 */
#namespace option[value="1200"],
#namespace option[value="1201"],
#namespace option[value="1202"] {
display: none;
}
/* Remove certain styles from Tags */
.mw-tag-marker-visualeditor a,
.mw-tag-marker-visualeditor-needcheck a {
color: #e49f10 !important;
font-weight: normal;
}
/**
* Styling for topIcon function in [[MediaWiki:Common.js]]
*/
.topright-icon {
display: none;
}
#rs-header-icons {
position: absolute;
right: 0;
}
#rs-header-icons a {
margin-left: 2px;
}
/* Hide certain text (namely quote parameters) from the references section to shorten it and make it readable */
.WikiaArticle .hideQuotes .refhide {
display:none;
}
/*GECharts*/
.smallChart .zoomButton,
.smallChart svg > text:first-of-type, /*the 'Zoom' label*/
.smallChart .highcharts-input-group {display:none;}
/* Fixing small images on FileList */
.page-Special_ListFiles a.image img {
width: inherit;
height: inherit;
}
.page-Special_ListFiles .TablePager_col_thumb {
text-align: center;
}
/**
* For 'similar name' templates
*
* @example [[Template:Redirect]]
* @Example [[Template:Other uses]]
*/
.seealso {
margin-left:25px;
margin-right:30px;
font-style:italic;
}
div.seealso + div.seealso { /* reduce margins between adjacent divs */
margin-top: 0.25em;
margin-bottom: 0.25em;
}
/* </pre> */
.imgUnder {
overflow: visible;
display: inline-block;
position: relative;
}
.imgOver {
display: block;
visibility: hidden;
width: inherit;
height: inherit;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.imgUnder:hover .imgOver {
visibility: visible !important;
}
:DiscordIntegrator.js
.external:after {
display: none !important;
}
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
/* @noflip */
float: left;
}
.NavFrame .NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
/* @noflip */
right: 3px;
font-weight: normal;
font-size: 90%;
}
.mp-color .mp-header {
font-size: 125%;
font-weight: bold;
padding: 13px 0 10px 10px;
margin-bottom: 4px;
border-bottom: 1px solid #e1e8ed;
text-align: left;
}
.mp-color .mp-subheader {
font-weight: bold;
padding: 10px 0 2px 10px;
text-align: left;
}
.mp-color .mp-content {
margin: 10px 0;
}
.mp-color .mp-column {
width: 33%;
float: left;
}
.mp-color .mp-endrow {
clear: both;
text-align: right;
}
.mp-color .mp-endrow .mp-endbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f2f2f2;
padding: 4px 25px;
display: inline;
font-size: 85%;
font-weight: bold;
}
.mp-color .mp-header-line {
border-bottom: 1px solid #e1e8ed;
margin-top: 12px;
margin-bottom: 2px;
}
.mp-color2 {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: #101d2c;
padding: 4px 10px;
margin-top: 10px;
margin-bottom: 15px;
-webkit-box-shadow: 0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 );
-moz-box-shadow: 0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 );
box-shadow: 0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 );
border-top: 0px solid #438ab5;
padding-left: 12px;
padding-right: 12px;
}
.mp-color2 .mp-header2 {
font-size: 110%;
font-weight: bold;
padding: 8px 2px;
margin-bottom: 8px;
border-bottom: 1px solid #e1e8ed;
text-align: center;
}
.mp-color2 .mp-content2 {
margin: 5px 0;
}
.mp-color2 .mp-endrow .mp-endbox2 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f2f2f2;
margin-top: 10px;
}
.mp-color2 .mp-header-line {
border-bottom: 1px solid #e1e8ed;
margin-bottom: 12px;
}
.mp-color2 .ajax-poll {
padding-bottom: 0;
padding-top: 5px;
}
.mp-color2 .ajax-poll .header {
font-weight: normal !important;
}
.mp-color2 .ajax-poll input[type="submit"] {
float: right;
clear: both;
margin-top: 1em !important;
}
.mp-color2 .ajax-poll .pollAnswer {
padding-bottom: 3px;
}
.mp-color2 .ajax-poll .pollAnswerVotes {
color: #ffffff;
background-color: #c2dae8;
border: 0;
width: inherit !important;
}
.mp-color2 .ajax-poll .pollAnswerVotes div {
background-color: #438ab5;
}
/* Main page styling */
.mainpagetable {
width:100%;
background-color: #101d2c;
border-color: #0a131e;
border-style: solid;
border-width: 1px;
margin-bottom:14px;
border-radius:0px 0px 0px 0px;
padding:0 15px;
}
.mainpagetable * ul {
list-style:outside disc;
}
.mainpagetable caption {
font-weight:bold;
background:#1c2e44;
color:#EEE;
text-shadow:2px 2px #333;
text-align:left;
padding-left:40px;
border-radius:00px 0px 0px;
}
.mainpagetable {
border-bottom:0px solid #3D372B;
border-right:0px solid #3D372B;
}
.main-page-tag-rcs .ajax-poll .header,
.main-page-tag-rcs .ajax-poll br+div {
font-size:13px;
line-height:15px;
}
.main-page-tag-rcs .ajax-poll .pollAnswer {
font-size:13px;
line-height:16px;
margin-bottom:10px;
}
/* [[Template:Navbox]] */
table.navbox { /* Navbox style */
border: 1px solid #c9ced3;
padding: 1px;
}
.sw_no {
background:url('https://entrana.org/forums/api/bg.png');
}
.navbox, .navbox-subgroup {
background: #E7D8C5; /* Background color */
}
.navbox-title { /* Title style */
background: #A78154; /* Level 1 color */
}
.navbox-group { /* Group style */
background: #C19A6B; /* Level 2 color */
}
.navbox-subgroup .navbox-title {
background: #C19A6B; /* Level 2 color */
}
.navbox-subgroup .navbox-group {
background: #C19A6B; /* Level 3 color */
}
/* Main page styling */
.mainpagetable {
width:100%;
background-color: #101d2c;
border-color: #0a131e;
border-style: solid;
border-width: 1px;
margin-bottom:14px;
border-radius:0px 0px 0px 0px;
padding:0 15px;
}
.mainpagetable * ul {
list-style:outside disc;
}
.mainpagetable caption {
font-weight:bold;
background:#1c2e44;
color:#EEE;
text-shadow:2px 2px #333;
text-align:left;
padding-left:40px;
border-radius:0px 0px 0px;
}
.main-page-tag-rcs {
margin-left: 20px;
}
.main-page-tag-rcs .ajax-poll .header,
.main-page-tag-rcs .ajax-poll br+div {
font-size:13px;
line-height:15px;
}
.main-page-tag-rcs .ajax-poll .pollAnswer {
font-size:13px;
line-height:16px;
margin-bottom:10px;
}
/* Links */
a {text-decoration: none !important;} /* Remove underline effects from links */
a {
transition: all .23s;
-o-transition: all .23s;
-ms-transition: all .23s;
-webkit-transition: all .23s;
-moz-transition: all .23s;
}
a:hover {
color: #00baff;
text-shadow: 0px 2px 15px;
}
.maintitle, .page-content h2 {
padding: 0.8em 1em;
margin: 10px 0 10px 0;
background-color: #101d2c;
background-image: -webkit-gradient(linear,left bottom,left top,from(#0b1724),color-stop(70%,transparent));
background-image: linear-gradient(0deg,#0b1724,transparent 70%);
border-bottom: 1px solid #102133;
color: #00baff;
font-size:100%;
font-weight:bold;
text-align:center;
}
.page-header__title {
text-transform: uppercase;
font-weight: 600;
font-size: 32px;
}
.page__main {
border-style: solid;
border-width: 1px;
border-color: #090f16;
}
/*.portable-infobox.type-item {
width: 150px;
}*/
.portable-infobox.type-item .pi-image-thumbnail {
width: auto;
height: auto;
min-width: 1px;
min-height: 1px;
max-width: 130px;
max-height: 250px;
}