User:Elembis/Style/Code

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.shartak.com/game.cgi") {
/*

  Elembis style for Shartak, version 1
  http://wiki.shartak.com/index.php/User:Elembis/Style

*/

body {
	font-family: "Bitstream Vera Sans", Verdana, sans-serif !important;
}
table td {
	font-size: .8em !important;
}
.area h3 {
	color: #333 !important;
	font-size: 1em !important;
}
.map .txbutton_submit {
	background-color: #ccc !important;
	border: solid 1px #666 !important;
	font-size: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: lowercase !important;
}
.area .txbutton_submit {
	background-color: #ccc !important;
	border-width: 0 !important;
	font-size: 1em !important;
	color: #000 !important;
	padding: 1px !important;
	text-decoration: none !important;
}
.heading { /* The "Shartak" header. If you know what game you're playing, you shouldn't need to see this. */
	display: none !important;
}
.buttons { /* div.buttons in the bottom-left that contains the "Skills", "Map", etc. links. */
	width: 450px !important;
}
.txlinkplain { /* Use is unknown. */
	font-family: "Bitstream Vera Sans", Verdana, sans-serif !important;
}
.txbutton { /* The "Skills", "Map", etc. links. */
	background-color: transparent !important;
	border-width: 0 !important;
	color: #363 !important;
	display: block !important;
	float: left !important;
	font-family: "Bitstream Vera Sans", Verdana, sans-serif !important;
	font-size: 1em !important;
	letter-spacing: 1px !important;
	margin-bottom: 2px !important;
	margin-top: 2px !important;
	padding: 3px 3px 3px 3px !important;
	text-align: center !important;
	width: 138px !important;
}
.info { /* Used for player information (name/village/HP/etc.) and for notices of new events and news. */
	line-height: 2em !important;
	padding: .5em 0 !important;
}
.txbutton_submit { /* Form buttons, used for every action you take in the game. */
	font-size: 1em !important;
}
.formblock {
	background-color: transparent !important;
	padding: 0 !important;
}
td.map {
	font-size: .7em !important;
}
td.map .outsider {
	color: #fbb !important; /* was #fcc */
}
td.map .native { /* The island is mostly green, so its natives should be, too. */
	color: #bfa !important; /* was #cfc */
}
td.map .pirate { /* Pirates are from the sea, yarr, so they should be bluish. */
	color: #bcf !important; /* was #fcc */
}
td.map .npc { /* NPCs are boring enough that they should be grey. */
	color: #ccc !important; /* was #ccf */
}


/* Map tiles */

.density0 {
	background-color: #9AD29A !important; /* was #a86 */
	border: solid 1px #b97 !important;
}
.density1 {
	background-color: #8CCC8C !important; /* was #33f033 */
	border: solid 1px #9ddd9d !important;
}
.density2 {
	background-color: #7EC67E !important; /* was #33e033  */
	border: solid 1px #8fd78f !important;
}
.density3 {
	background-color: #70C070 !important; /* was #33d733 */
	border: solid 1px #81d181 !important;
}
.density4 {
	background-color: #62BA62 !important; /* was #33d033 */
	border: solid 1px #73cb73 !important;
}
.density5 {
	background-color: #54B454 !important; /* was #33c033 */
	border: solid 1px #65c565 !important;
}
.density6 {
	background-color: #4BA94B !important; /* was #33b033 */
	border: solid 1px #5cba5c !important;
}
.density7 {
	background-color: #459B45 !important; /* was #33a033 */
	border: solid 1px #56ac56 !important;
}
.density8 {
	background-color: #3F8D3F !important; /* was #339033 */
	border: solid 1px #509e50 !important;
}
.density9 {
	background-color: #397F39 !important; /* was #338033 */
	border: solid 1px #4a904a !important;
}
.density10 {
	background-color: #337033 !important; /* was #337033 */
	border: solid 1px #448144 !important;
}
.density11 { /* Non-existent blocks */
	border: solid 1px #777 !important;
}
.water { /* Water */
	border: solid 1px #77f !important;
}
.water2 { /* Deep water */
	border: solid 1px #5555c0 !important;
}
.water3 { /* Ocean (impassable) */
	border: solid 1px #3333a0 !important;
}
.beach {
	border: solid 1px #fffcde !important;
}
.mountain {
	background-color: #333 !important;
	border: solid 1px #444 !important;
	color: #bbb !important;
}
.grassland {
	background-color: #d6e8a1 !important; /* was #e6f5b1 */
	border: solid 1px #e7f9b2 !important;
}
.swamp {
	border: solid 1px #973 !important;
}
.pirate { /* Pirate shipwreck */
	border: solid 1px #966f53 !important;
}


/* New rules: */

table {
	border-collapse: collapse !important;
}
.txbutton:hover, .txbutton_submit:hover {
	background-color: #ddd !important;
}
td.area input, td.area select {
	margin: 4px 0 0 !important;
	background-color: #ccc !important;
	border: inset 1px #bbb !important;
}
td.area form.formblock select:hover {
	background-color: #ddd !important;
}
input, option, select {
	font-family: "Bitstream Vera Sans", Verdana, sans-serif !important;
}
div.info {
	background-color: #ccc !important;
}
div.info b {
	color: #333;
	font-size: .8em;
	margin: 0 2px;
}
p.info {
	background-color: #eee !important;
	padding: .5em 1em !important;
}

}