MediaWiki:Common.css: Difference between revisions

From Redemption Wiki
Jump to navigation Jump to search
>Vladox
No edit summary
>Vladox
No edit summary
Line 1,830: Line 1,830:
     width: auto;
     width: auto;
     height: auto;
     height: auto;
     min-width: 50px;
     min-width: 100px;
     min-height: 150px;
     min-height: 100px;
     max-width: 130px;  
     max-width: 130px;  
     max-height: 250px;
     max-height: 250px;
}
}

Revision as of 08:59, 20 September 2022

@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: 100px;
    min-height: 100px;
    max-width: 130px; 
    max-height: 250px;
}