Handheld.css

/** <syntaxhighlight lang="css">
 * ==============================
 *     MediaWiki:Handheld.css
 * ==============================
 */

/* CSS placed here will affect handheld devices based on the skin configured in $wgHandheldStyle */
/* Note that this does NOT work in Wikia apps such as the "Game Guides" app */

/**
 * -- Information --
 * Taken from the RuneScape Wiki
 * http://runescape.wikia.com/wiki/MediaWiki:Handheld.css
 *
 * This page is used to style the Wikiamobile skin for all users.
 * In default MediaWiki this page is imported, but this is not supported by Wikia at this time.
 * Until it is imported [[MediaWiki:Wikiamobile-menu]] imports this page.
 */
 
/**
 * -- Instructions --
 * [[MediaWiki:Common.css]] is not imported into Wikiamobile. Under no circumstances import it into Wikiamobile.
 * This is to pageload to a minimum as mobile devices usually have less stable connections and less processing power.
 *
 * Inline CSS has no effect on Wikiamobile, therefore any changes to a page need to be made here.
 * Try to keep styling here to a minimum and only if absolutely necessary.
 */
 
/**
 * General hide class to be used as necessary
 * Try to use this where possible.
 */
.mobile-hide {
    display: none !important;
}
#gamenav p { margin:0; } /* Paragraph added to allow links to be placed on separate lines in source editor. */
#gamenav {
    width:100%;
    text-align:center;
    margin-bottom:11px;
    background:#F2F2F2;
    color:black;
}
#gamenavtitle { font-size:120%; background:#DDD; }
#gamenavlinks { display:block; background:#E8E8E8; }
#gamenavbottom { display:block; background:#CCC; }
#gamenavsequel .prequel { float:left; }
#gamenavsequel .sequel { float:right; }

.messagebox {
    border:1px solid #AAA;
    border-left:10px solid #721410;
    padding:2px 5px;
    display:block;
    margin:3px 0;
}

/* "Blank cell" support for mobile */
.wikitable td { overflow: hidden; }
.blankCell {
    cursor:not-allowed;
    background:rgba(150,150,150,0.15);
    text-align:center;
    font-size:65%;
    color:rgba(58, 58, 58, 0.35);
    padding: 100px;
    margin: -100px;
}

/* Template:ManualBox */
.manualBox {
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	width:212px;
	margin:0px 4px 3px;
}
.manualBox-title {
	color:#EEE;
	background:#721410;
	text-align:center;
	font-weight:bold;
	width:100%;
}
.manualBox-title:before {
	content:"\25c0";
	float:left;
	margin-left:5px;
}
.manualBox-title:after {
	content:"\25b6";
	float:right;
	margin-right:5px;
}
.manualBox-content {
	background:#FCFCFC;
	color:black;
	margin:5px;
	padding:0 5px;
	height:158px;
	border-radius:5px;
	overflow-y:auto;
}

/* Adds a color-able square */
.colorBoxCont { white-space:nowrap; }
.colorBox {
	display:inline-block;
	height:16px;
	border-left:16px solid currentColor;
	margin-right:1px;
	box-shadow:0 0 1px gray;
	vertical-align: text-bottom;
}

/* High Sea Saga Colors */
.hssColorNone { color:Snow; }
.hssColorGray { color:SlateGray; }
.hssColorGreen { color:LimeGreen; }
.hssColorBlue { color:RoyalBlue; }
.hssColorYellow { color:Yellow; }
.hssColorRed { color:Red; }
.hssColorPurple { color:Purple; }
.hssColorBlack { color:Black; }

/* Beastie Bay Colors */
.bbColorGray { color:#DBDBDB; } /*Gray*/
.bbColorGreen { color:#3AF864; } /*Green*/
.bbColorOrange { color:#FEC600; } /*Orange*/
/* </syntaxhighlight> */