Old School RuneScape Wiki
Advertisement

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.
/*<source lang="css">*/

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

/*Item compare css*/
#overlay {
    border-width: 0;
    margin: 0;
    padding: 0;
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 2500px;
    left: 0;
    filter: alpha(opacity=70);
    opacity: 0.70;
    top: 0;
    width: 100%;
    z-index: 50;
    position: fixed;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;    
}
 
#modal {
    position: fixed;
    top: 150px;
    left: 0;
    width: 975px;
    z-index: 52;
    background: #fff;
    color: #000;
    padding: 10px;
    border: 3px solid black;
    font-size: 10pt;
}

/* Highlight tables*/
tr.highlight-over {
    background-color: #ccc !important;
}

tr.highlight-on {
    background-color: #cfc !important;
}

/*Infobox styling*/
.infobox {
	border:1px solid #aaa;
	background-color:#f9f9f9;
	color:inherit !important;
	margin:0 0 0.5em 2em !important;
	padding:0.2em;
	float:right;
	clear:right;
	width:30%;
	max-width:30%;
}
 
.infobox th {
	width:1%;
}

.infobox th, .infobox td {
	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 #aaa;
}
 
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border:0;
}

.skilltraining {
	margin-top:0.5em;
	margin-bottom:0.5em;
	background-color:rgba(255, 255, 255, 0.3);
	box-shadow:0px 0px 5px 0px #cab277;-webkit-box-shadow:0px 2px 5px 0px #cab277;
	border-radius: 3px;
	text-align: center;
	width: 75%
}

/* [[Template:Quest details]] */
.questdetails {
	text-align:left;
	margin-bottom:10px;
	padding:1px; 
	width:100%;
	background-color:#fafafa; 
	background-color:rgba(0, 0, 0, 0.03);
	border:1px #aaa groove;
}

.questdetails-header,
.questdetails-header-alternate {
	padding:0.5em, 0.25em, 0.5em, 0.25em;
	background-color:rgba(0, 0, 0, 0.05);
	color:#283865;
}

.questdetails-header-alternate {
	background-color:rgba(0, 0, 0, 0.1);
}

.questdetails-info {
	padding-left: 1em;
	padding-right: 2em;
	color:#000;
}
 
.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 #aaa;
}

.ajax-poll {
	box-shadow:0px 2px 5px 0px #cab277;-webkit-box-shadow:0px 2px 5px 0px #cab277;
}

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


/* Giving headers and TOC a little extra space */
h2,
.toc {
   margin-top: 20px;
}

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}

.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 #aaaaaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}

.forumlist td.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 */
div.tright,
div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}

#article div.thumb {
   color:inherit;
}

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}

.lang-blockN,
.lang-block0,
.lang-block1,
.lang-block2,
.lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   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;
}

/* 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.stub {
	width:40%;
}
 
.hatnote {
    margin: 0.5em 2em 1em 2em;
    font-style: italic;
}
 
div.hatnote + div.hatnote {
    margin-top: -1em;
}
 
.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;
}

/* [[Template:Navbox]] and wide variant */
 
/* Default skin for navigation boxes. */
/* Navbox style */
table.navbox {
	border:1px solid #aaa;
	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, footer style
 * Level 1 color */
.navbox-title, .navbox-footer {
	background:#ccf;
	text-align:center;	  
	padding-left:1em;
	padding-right:1em;
	border:2px solid #fff;
}
 
.navbox-title {
	font-size:110%;
}
 
.navbox-footer {
        border-top:1px;
	font-size:smaller;
}
 
/* Group style
 * Level 2 color */
.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;
}
 
@media print {
	.navbox {
		display:none;
	}
}

/* image background */
#file img, table.filehistory img {
	background: url("http://images.wikia.com/runescape/images/5/5d/Checker-16x16.png") repeat !important;
}

/* Allowing [[Template:Extimage]] to resize images properly */
.extimage div,
.extimage a,
.extimage img {
    width: inherit;
    height: inherit;
}

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

/* For expand/collapse link on navboxes */
.navbox .mw-collapsible-toggle {
    width: 6em;
    font-size: 90%;
    float: right;
    text-align: right;
}

/* Redlink files in dropstables */
.hidenoimage a[href*="Special:Upload"] {
    display:none;
}

h3 .editsection,
h4 .editsection,
h5 .editsection,
h6 .editsection {
    font-weight:normal !important;
}

/* [[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;
}


pre {
    white-space: pre-wrap;
}
Advertisement