jsrogue.scss

$bg: #0998DE;
$fg: #BBBBDD;
$light: #F0F0FE;
$boxbg: #0579B1;
$deadred: #FC4D65;
$padding: 10px;
$dull: #505050;

html {
	background-color: $bg;
	color: $fg;
	font-family: monospace;
	font-size: small;
}

a {
	color: inherit;
	text-decoration: underline;
	cursor: pointer
}

#log {
	background-color: $boxbg;
	margin-top: $padding;
	margin-bottom: $padding;
}

#dungeon {
	background-color: $boxbg;
	float: left;
	white-space:nowrap;
	margin-right: $padding;
}

#info {
	float: left;
	width: 30%;
	background-color: $boxbg;
	padding-left: $padding;
	padding-right: $padding;
}

#inventory {
	@extend #info;
	padding: $padding;
	margin-top: $padding;
}

#status {
	background-color: $boxbg;
	margin-bottom: $padding;
}

span.player, span.seeker {
	cursor: pointer;
}

span.mostrecentlog, .player, span.seeker, span.stairsup, span.unit, span.inventoryitem {
	color: white;
	font-weight: bold;
}

span.exmostrecentlog {
	color: $light;
}

span.oaken_heart {
	color: $deadred;
	font-weight: bold;
}

span.green_potion {
	color: lightgreen;
	font-weight: bold;
}

span.red_potion {
	color: red;
	font-weight: bold;
}

span.blue_potion {
	color: blue;
	font-weight: bold;
}

span.purple_potion {
	color: purple;
	font-weight: bold;
}

span.yellow_potion {
	color: yellow;
	font-weight: bold;
}

span.orange_potion {
	color: orange;
	font-weight: bold;
}

span.pink_potion {
	color: pink;
	font-weight: bold;
}

span.white_potion {
	color: white;
	font-weight: bold;
}

span.black_potion {
	color: black;
	font-weight: bold;
}

span.brown_potion {
	color: brown;
	font-weight: bold;
}

span.playerdmg {
	color: $deadred;
}

span.remembered {
	color: $dull;
}

span#playerdeath {
	color: $deadred;
	font-weight: bold;
}