MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

@import "/index.php?title=MediaWiki:Common.css/font.css&action=raw&ctype=text/css";

/* Hide image attribution */ div.picture-attribution, aside.picture-attribution {display:none !important}

/* === Template:Ambox designs === */ /* Ambox design */ .ambox { font-size:95%; width:80%; margin:0 auto; border:1px #aaa solid; border-left:10px solid #228b22; border-collapse:collapse; background-color:#eee; } /* Ambox colours */ .ambox-blue {border-left:10px solid #1e90ff} /* Blue (notice) */ .ambox-red {border-left:10px solid #b22222} /* Red (delete/serious) */ .ambox-orange {border-left:10px solid #f28500} /* Orange (content) */ .ambox-yellow {border-left:10px solid #f4c430} /* Yellow (style) */ .ambox-purple {border-left:10px solid #9932cc} /* Purple (merge) */ .ambox-gray {border-left:10px solid #bba} /* Gray (protection) */ .ambox-green {border-left:10px solid #228b22} /* Green */ /* Ambox small text */ .ambox-smalltext { font-size:smaller; margin-top:0.5em; margin-left:0.8em; } /* Ambox image */ .ambox-image {	/* The left image cell */ width:60px; padding:2px 0 2px 0.5em; /* 0.5em left, 0px right */ text-align:center; } @media print { .ambox { display:none; } } /* no ambox when printing */

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect {font-style:italic} .allpagesredirect:after { color:#808080; content:" (redirect)" } .watchlistredir {font-style:italic}

/* Giving headers and TOC a little extra space */ h2 {margin-top:20px} .toc {margin-top:20px} .toc .toctitle {text-align:center}
 * 1) toc > ul {margin-left:0; list-style:none}

/* Infobox template style */ .infobox { width:300px; background-color:#f9f9f9; color:black; font-size:89%; border:1px solid #aaa; margin:0 0 0.5em 1em; padding:0.2em; float:right; clear:right; } .infobox th { background-color:#36c; color:#fff; font-size:1.25em; padding:1em 0.5em; } .infobox td, .infobox th {vertical-align:top} .infobox caption { font-size:larger; margin-left:inherit; } .infobox.bordered {border-collapse:collapse} .infobox.bordered td, .infobox.bordered th {border:1px solid #aaa} .infobox.bordered .borderless td, .infobox.bordered .borderless th {border:0} .infobox ul {margin:0}

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border:1px solid #aaa; margin-top:1em; padding:12px; } .forumlist .forum_edited a { color:black; text-decoration:none; } .forumlist td.forum_title a {padding-left:20px} .forumlist td.forum_title a.forum_new { font-weight:bold; background:url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left:20px; } .forumlist td.forum_title a.forum_new:visited { font-weight:normal; background:none; padding-left:20px; } .forumlist th.forum_title {padding-left:20px}

/* Recent changes byte indicators */ .mw-plusminus-pos {color:#006500} .mw-plusminus-neg {color:#8b0000}

/* Image frame fix */ .tright, .tleft {border:1px solid silver} .thumbinner { background:inherit; border:none; color:inherit; }
 * 1) article .thumb {color:inherit}

/* === Babel === */ .babelbox { float:right; margin-left:1em; margin-bottom:0.5em; width:246px; border:1px solid #99b3ff; padding:2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin:2px 4px; width:238px; border-collapse:collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; } .lang-block0 {border:1px solid #ffb3b3} td.lang-code0 { background-color:#ffb3b3; color:black; } td.lang-description0 { background-color:#ffe0e8; color:black; } .lang-block1,	.lang-block2, .lang-block3 {border:1px solid #99b3ff} td.lang-code1, td.lang-code2, td.lang-code3 { background-color:#99b3ff; color:black; } td.lang-description1,	td.lang-description2, td.lang-description3 { background-color:#e0e8ff; color:black; } .lang-blockN {border:1px solid #6ef7a7} td.lang-codeN { background-color:#6ef7a7; color:black; } td.lang-descriptionN { background-color:#c5fcdc; color:black; }

/* Hide title and tagline on Main Page */ body.page-RuneScape_Wiki .firstHeading, body.page-RuneScape_Wiki #siteSub {display:none}

/* Wikitable/Prettytable class for skinning normal tables. */ table.wikitable, table.prettytable { margin:1em 1em 1em 0; background:#f9f9f9; border:1px #aaa solid; border-collapse:collapse; color:black; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border:1px #aaa solid; padding:0.2em; } table.wikitable th, table.prettytable th { background:#f2f2f2; text-align:center; color:black; } table.wikitable caption, table.prettytable caption { margin-left:inherit; margin-right:inherit; font-weight:bold; }

/* remove talk link from forum namespace (Monobook/Quartz/Monaco) -Splarka */ body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li {display:none}

/* Gives the "Fade to transparent" effect in table cells and DIV */ /* Used in conjunction with "background-color: " */ .gradient-vertical {background-image:url('https://images.wikia.nocookie.net/runescape/images/b/b4/Gradient-1pixel-vertical.png')}
 * 1) gradient, .gradient, .gradient-horizontal {background-image:url('https://images.wikia.nocookie.net/runescape/images/1/14/Gradient-1pixel-horizontal.png')}

/* Hide edit button in article title */ .wikiaSkinMonaco .editsection-upper {display:none}

/* ********************** */ /* *USERNAME HIGHLIGHT LIST* */ /* ********************** */ section.community-page-rail-module a {background-color:transparent !important}

/* Bureaucrat */ a[href$="/wiki/User:Random User123"], a[href$="/wiki/User:Random_User123"] {background-color:paleturquoise !important; font-weight:bold; padding:0.1em}

/* Former Bots, non-Admin+ */ a[href$="/wiki/User:PurpleElephantBot"]:hover, /*User:Pharos_5*/ a[href$="/wiki/User:TLULbot"]:hover /*User:The_last_username_left*/ {text-decoration:underline solid #9400d3}

/* Former Admins/sysop */ a[href$="/wiki/User:5-x"], a[href$="/wiki/User:Heracles85"], a[href$="/wiki/User:Jack Spiral1"], a[href$="/wiki/User:Jack_Spiral1"], a[href$="/wiki/User:Jlun2"], a[href$="/wiki/User:Joeytje50"], a[href$="/wiki/User:Bot50"], a[href$="/wiki/User:RSC Mith"], a[href$="/wiki/User:RSC_Mith"], a[href$="/wiki/User:Shasta Sms"], a[href$="/wiki/User:Shasta_Sms"], a[href$="/wiki/User:Stelercus"], a[href$="/wiki/User:Stormykins"], a[href$="/wiki/User:TehKittyCat"], a[href$="/wiki/User:Tollerach"], a[href$="/wiki/User:Trail2006"] {font-weight:bold} /*color:#2dba25 !important;*/

a[href$="/wiki/User:5-x"]:hover, a[href$="/wiki/User:Heracles85"]:hover, a[href$="/wiki/User:Jack Spiral1"]:hover, a[href$="/wiki/User:Jack_Spiral1"]:hover, a[href$="/wiki/User:Jlun2"]:hover, a[href$="/wiki/User:Joeytje50"]:hover, a[href$="/wiki/User:Bot50"]:hover, a[href$="/wiki/User:RSC Mith"]:hover, a[href$="/wiki/User:RSC_Mith"]:hover, a[href$="/wiki/User:Shasta Sms"]:hover, a[href$="/wiki/User:Shasta_Sms"]:hover, a[href$="/wiki/User:Stelercus"]:hover, a[href$="/wiki/User:Stormykins"]:hover, a[href$="/wiki/User:TehKittyCat"]:hover, a[href$="/wiki/User:Tollerach"]:hover, a[href$="/wiki/User:Trail2006"]:hover {text-decoration:underline solid #2dba25}

/* Former Bureaucrats */ a[href$="/wiki/User:Cook Me Plox"], a[href$="/wiki/User:Cook_Me_Plox"], a[href$="/wiki/User:The Fizzbuzzler"], a[href$="/wiki/User:The_Fizzbuzzler"], a[href$="/wiki/User:Muzzy34"], a[href$="/wiki/User:Rsa23899"], a[href$="/wiki/User:Nex Undique"], a[href$="/wiki/User:Nex_Undique"], a[href$="/wiki/User:NexBot"], a[href$="/wiki/User:Ruudvan10000"], a[href$="/wiki/User:Ruud10K"], a[href$="/wiki/User:Zorak plorak"], a[href$="/wiki/User:Zorak_plorak"] {font-weight:bold} /*color:#d11111 !important;*/

a[href$="/wiki/User:Cook Me Plox"]:hover, a[href$="/wiki/User:Cook_Me_Plox"]:hover, a[href$="/wiki/User:The Fizzbuzzler"]:hover, a[href$="/wiki/User:The_Fizzbuzzler"]:hover, a[href$="/wiki/User:Muzzy34"]:hover, a[href$="/wiki/User:Rsa23899"]:hover, a[href$="/wiki/User:Nex Undique"]:hover, a[href$="/wiki/User:Nex_Undique"]:hover, a[href$="/wiki/User:NexBot"]:hover, a[href$="/wiki/User:Ruudvan10000"]:hover, a[href$="/wiki/User:Ruud10K"]:hover, a[href$="/wiki/User:Zorak plorak"]:hover, a[href$="/wiki/User:Zorak_plorak"]:hover {text-decoration:underline solid #d11111}

/* Helpers */ a[href$="/wiki/User:Bola"], a[href$="/wiki/User:Charitwo"], a[href$="/wiki/User:Cizagna"], a[href$="/wiki/User:DaNASCAT"], a[href$="/wiki/User:Defchris"], a[href$="/wiki/User:Joeyaa"], a[href$="/wiki/User:JParanoid"], a[href$="/wiki/User:Kacieh"], a[href$="/wiki/User:KATANAGOD"], a[href$="/wiki/User:MechQueste"], a[href$="/wiki/User:StarLightNova"], a[href$="/wiki/User:Merrystar"], a[href$="/wiki/User:MtaÄ"], a[href$="/wiki/User:Multimoog"], a[href$="/wiki/User:Peteparker"], a[href$="/wiki/User:RainA"], a[href$="/wiki/User:Richard1990"], a[href$="/wiki/User:Schikado"], a[href$="/wiki/User:Shockstorm"], a[href$="/wiki/User:Tedjuh10"], a[href$="/wiki/User:TheGoldenPatrik1"], a[href$="/wiki/User:Tupka217"], a[href$="/wiki/User:Wagnike2"], a[href$="/wiki/User:Tommy6"], a[href$="/wiki/User:Zeyi"] {font-weight:bold; color:#388bf2 !important}

/* VSTF */ a[href$="/wiki/User:Callofduty4"], a[href$="/wiki/User:Charitwo"], a[href$="/wiki/User:Eulalia459678"], a[href$="/wiki/User:Joeyaa"], a[href$="/wiki/User:Jr_Mime"], a[href$="/wiki/User:Lady_Lostris"], a[href$="/wiki/User:Noreplyz"], a[href$="/wiki/User:Ose"], a[href$="/wiki/User:RansomTime"], a[href$="/wiki/User:TyA"], a[href$="/wiki/User:TyBot"], a[href$="/wiki/User:I_make_userpages"], a[href$="/wiki/User:VegaDark"], a[href$="/wiki/User:Yuusuke_Takazaki"] {font-weight:bold; color:#20c98e !important}

/* Staff */ a[href$="/wiki/User:Adamarket"], a[href$="/wiki/User:Adi3ek"], a[href$="/wiki/User:Angela"], a[href$="/wiki/User:Angies"], a[href$="/wiki/User:Avatar"], a[href$="/wiki/User:BartL"], a[href$="/wiki/User:BillK"], a[href$="/wiki/User:BladeBronson"], a[href$="/wiki/User:Bluerock"], a[href$="/wiki/User:Brandon_Rhea"], a[href$="/wiki/User:CatherineMunro"], a[href$="/wiki/User:CreateWiki_script"], a[href$="/wiki/User:Crucially"], a[href$="/wiki/User:Default"], a[href$="/wiki/User:Dmurphy"], a[href$="/wiki/User:Eloy.wikia"], a[href$="/wiki/User:Emil"], a[href$="/wiki/User:FANDOM"], a[href$="/wiki/User:FANDOMbot"], a[href$="/wiki/User:FandomBot"], a[href$="/wiki/User:Game_widow"], a[href$="/wiki/User:Gil"], a[href$="/wiki/User:Grunny"], a[href$="/wiki/User:Inez"], a[href$="/wiki/User:Jasonc-wikia"], a[href$="/wiki/User:Jeremie"], a[href$="/wiki/User:Jimbo_Wales"], a[href$="/wiki/User:JoePlay"], a[href$="/wiki/User:Karimbaki"], a[href$="/wiki/User:Kirkburn"], a[href$="/wiki/User:KyleH"], a[href$="/wiki/User:Lleowen"], a[href$="/wiki/User:Macbre"], a[href$="/wiki/User:Maintenance_script"], a[href$="/wiki/User:MarkvA"], a[href$="/wiki/User:Marooned"], a[href$="/wiki/User:MediaWiki_default"], a[href$="/wiki/User:Moli.wikia"], a[href$="/wiki/User:Ppiotr"], a[href$="/wiki/User:Przemek_wikia"], a[href$="/wiki/User:PsiSeveredHead"], a[href$="/wiki/User:QATestsBot"], a[href$="/wiki/User:Rappy_4187"], a[href$="/wiki/User:Raylan13"], a[href$="/wiki/User:Ri3mann"], a[href$="/wiki/User:Sannse"], a[href$="/wiki/User:Scarecroe"], a[href$="/wiki/User:Shahid"], a[href$="/wiki/User:TimmyQuivy"], a[href$="/wiki/User:TK-999"], a[href$="/wiki/User:TOR"], a[href$="/wiki/User:Toughpigs"], a[href$="/wiki/User:Uberfuzzy"], a[href$="/wiki/User:URL"], a[href$="/wiki/User:Userpage_Bot"], a[href$="/wiki/User:VickyBC"], a[href$="/wiki/User:Wikia"], a[href$="/wiki/User:WikiaBot"], a[href$="/wiki/User:WikiaStaff"], a[href$="/wiki/User:Zuirdj"] {font-weight:bold; color:#da0 !important} /* ********************* */ /* *END USERNAME HIGHLIGHT LIST* */ /* ********************* */

/* Put a checker background at the image description page only visible if the image has transparent background */
 * 1) file img {background:url("https://images.wikia.nocookie.net/central/images/b/bc/Checker-dark-16x16.png") repeat}

/* Shop table styles */ .shoptable { cursor:default; border-collapse:collapse; border-spacing:0; background-color:#5f5f5f; color:#ff0; font-family:runescape-classic; font-size:16px; text-shadow:#000 1px 1px; width:408px; height:246px; text-align:center; } .shoptable td {padding:0} .shoptable th {background-color:#0000c0;color:#fff;line-height:10px;text-align:left} .shoptable th+th {text-align:right} .shoptable .info { line-height:16px; text-align:left; height:17px; } .shoptable .info .carried {min-width:150px} .shoptable .info td+td+td {text-align:center} .shoptable .stock {color:#0f0} .shoptable .carried {color:#0ff} .shoptable td[colspan] .stock { position:absolute; top:-4px; left:1px; } .shoptable td[colspan] .carried { position:absolute; right:2px; top:-4px; } .shoptable td[colspan="2"] { border:1px solid #000; background-color:#828282; width:50px; height:35px; position:relative; } .shoptable td[rowspan="5"] { width:7px; padding:0; border:0; } .shoptable .buy, .shoptable .sell { margin-right:5px; padding-right:3px; line-height:23px; } .shoptable .buy + tr td[colspan] { margin:0 5px; height:0; border-top:1px solid #000; } .shoptable .money {cursor:text} .shoptable b[data-amount] { display:inline-block; padding:0 3px; } .shoptable th b:hover {color:#f00;font-weight:normal} .shoptable.collapsed {height:auto} .shoptable.collapsed tr+tr {display:none} .shoptable .select[colspan] {background:#b21} .ns-112 .shoptable b[data-amount]:hover {color:red}

/** * Switch Infobox -- Allows multiple infoboxes to be seamlessly switched. * Required template: http://runescape.wikia.com/wiki/Template:Switch_infobox * Required script: http://runescape.wikia.com/wiki/User:Matthew2602/SwitchInfobox.js */

/* Fixes a weird bug with the MW parser that creates lots of blank paragraphs */ .switch-infobox > p, .switch-infobox-triggers > p {display:none}

.switch-infobox > p:first-child, .switch-infobox-triggers > p:first-child {display:block}

/* Only show the item that the user has toggled to */ .switch-infobox > .item {display:none}

.switch-infobox > .item.showing { display:block; overflow:auto; }

/* Only show the loading button if the switch infobox is still loading */ .switch-infobox > .loading-button {display:none} .switch-infobox.loading > .loading-button {display:inline-block}

/* Only show the switch triggers if the switch infobox is finished loading */ .switch-infobox.loading > .switch-infobox-triggers {display:none}

/* Slight style changes to the switch triggers */ .infobox .switch-infobox-triggers { text-align:center; font-weight:normal; margin-bottom:-5px; }

/** * Gives a nice custom style to .button's used in the switch infobox in monobook, * because the current one doesn't fit in with * the appearance of the rest of the page. .skin-monobook .switch-infobox > .loading-button, .skin-monobook .switch-infobox-triggers > .trigger { padding:0 4px; border:1px solid #666; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(50%, #c8c8c8)); background:-webkit-linear-gradient(top, #e6e6e6, #c8c8c8 50%); background:-moz-linear-gradient(top, #e6e6e6, #c8c8c8 50%); background:-ms-linear-gradient(top, #e6e6e6, #c8c8c8 50%); background:linear-gradient(to bottom, #e6e6e6, #c8c8c8 50%); border-radius:5px; color:#000; font-family:inherit; font-weight:inherit; font-size:inherit; } .trigger.button { /* Stops button titles splitting with multiple words */ white-space:pre; margin:0 2px; }

/* * Common classes. .em075 {font-size:0.75rem} .em125 {font-size:1.25rem} .em15 {font-size:1.5rem}

.l, .left {text-align:left !important} .c, .center {text-align:center !important} .r, .right {text-align:right !important} .j, .justify {text-align:justify} .m, .middle {vertical-align:middle} .b, .bold {font-weight:bold} .i, .italic {font-style:italic} .u, .underline {text-decoration:underline} .s, .strikethrough {text-decoration:line-through} .floatL {float:left} .floatR {float:right} .clear, .clearB {clear:both} .clearL {clear:left} .clearR {clear:right}

.hide {display:none}

.col1l td:first-child, .col2l td:nth-child(2), .col3l td:nth-child(3), .col4l td:nth-child(4), .col5l td:nth-child(5), .col6l td:nth-child(6), .col7l td:nth-child(7), .col8l td:nth-child(8), .col9l td:nth-child(9), .col10l td:nth-child(10), .col11l td:nth-child(11), .col12l td:nth-child(12), .col13l td:nth-child(13), .collastl td:last-child {text-align:left} .col1c td:first-child, .col2c td:nth-child(2), .col3c td:nth-child(3), .col4c td:nth-child(4), .col5c td:nth-child(5), .col6c td:nth-child(6), .col7c td:nth-child(7), .col8c td:nth-child(8), .col9c td:nth-child(9), .col10c td:nth-child(10), .col11c td:nth-child(11), .col12c td:nth-child(12), .col13c td:nth-child(13), .collastc td:last-child {text-align:center} .col1r td:first-child, .col2r td:nth-child(2), .col3r td:nth-child(3), .col4r td:nth-child(4), .col5r td:nth-child(5), .col6r td:nth-child(6), .col7r td:nth-child(7), .col8r td:nth-child(8), .col9r td:nth-child(9), .col10r td:nth-child(10), .col11r td:nth-child(11), .col12r td:nth-child(12), .col13r td:nth-child(13), .collastr td:last-child {text-align:right}

/* Wikitables, alternating rows. */ table.wikitable th {background-color:gainsboro !important} table.wikitable:not(.sortable) tr:nth-child(4n+4), table.wikitable:not(.sortable) tr:nth-child(4n+5), table.wikitable.sortable tr:nth-child(4n+3), table.wikitable.sortable tr:nth-child(4n+4) {background-color:#e6e6e6 !important}

/* Template:Sic */ span.sic {color:#15f; font-style:italic; border-bottom:1px dotted black; cursor:help}

/*For, th, and  [sic] in  th.*/ .link-color a, .link-color .selflink, .link-color .sic {color:yellow}

/* Template:Listen */ .musicplayer { max-width:180px; font-size:0.9em; margin:0 0 1em 1em; border:1px solid silver; box-shadow:0.25em 0.25em 0.5em rgba(0,0,0,0.05); padding:5px; } .musicplayer div:first-child {margin:0 0.5em 0 0} .musicplayer #ogg_player_1 {text-align:center}

/* Footer navboxes. */ table.navbox table.navbox {border:none !important} /*For sub-group navboxes.*/ td.navbox-group { background:#ddf; font-weight:bold; text-align:right; padding:0 1em; }

/* Template:External */
 * 1) external-template img {margin-left:0.25em}

/* * Unified Community Platform changes

/* Search results. */ p.mw-search-exists { border:4px double darkgreen; padding:1em 2em; margin-bottom:2em; font-size:1.25em; background-color:rgba(0, 255, 0, 0.25); } p.mw-search-exists a { font-size:1.5em; vertical-align:text-top; }