Difference between revisions of "User:Elembis/Style/Code"
From The Shartak Wiki
< User:Elembis | Style
Jump to navigationJump to search (Added the code of my style of Shartak's CSS.) |
m (Removed one irrelevant line and most comments not left by me; this should be all I change for version 1.) |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
body { | body { | ||
font-family: "Bitstream Vera Sans", Verdana, sans-serif !important; | font-family: "Bitstream Vera Sans", Verdana, sans-serif !important; | ||
| − | |||
} | } | ||
table td { | table td { | ||
| Line 35: | Line 34: | ||
text-decoration: none !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; | display: none !important; | ||
} | } | ||
| − | .buttons { /* div.buttons in the bottom-left | + | .buttons { /* div.buttons in the bottom-left that contains the "Skills", "Map", etc. links. */ |
width: 450px !important; | width: 450px !important; | ||
} | } | ||
| − | . | + | .txlinkplain { /* Use is unknown. */ |
| − | |||
| − | |||
font-family: "Bitstream Vera Sans", Verdana, sans-serif !important; | font-family: "Bitstream Vera Sans", Verdana, sans-serif !important; | ||
} | } | ||
| − | .txbutton { | + | .txbutton { /* The "Skills", "Map", etc. links. */ |
background-color: transparent !important; | background-color: transparent !important; | ||
border-width: 0 !important; | border-width: 0 !important; | ||
| Line 63: | Line 58: | ||
width: 138px !important; | width: 138px !important; | ||
} | } | ||
| − | .info { /* Used for player information (name | + | .info { /* Used for player information (name/village/HP/etc.) and for notices of new events and news. */ |
line-height: 2em !important; | line-height: 2em !important; | ||
padding: .5em 0 !important; | padding: .5em 0 !important; | ||
} | } | ||
| − | .txbutton_submit { | + | .txbutton_submit { /* Form buttons, used for every action you take in the game. */ |
font-size: 1em !important; | font-size: 1em !important; | ||
} | } | ||
| Line 78: | Line 73: | ||
} | } | ||
td.map .outsider { | td.map .outsider { | ||
| − | color: #fbb !important; /* #fcc */ | + | color: #fbb !important; /* was #fcc */ |
} | } | ||
td.map .native { /* The island is mostly green, so its natives should be, too. */ | td.map .native { /* The island is mostly green, so its natives should be, too. */ | ||
| − | color: #bfa !important; /* #cfc */ | + | color: #bfa !important; /* was #cfc */ |
} | } | ||
td.map .pirate { /* Pirates are from the sea, yarr, so they should be bluish. */ | td.map .pirate { /* Pirates are from the sea, yarr, so they should be bluish. */ | ||
| − | color: #bcf !important; /* #fcc */ | + | color: #bcf !important; /* was #fcc */ |
} | } | ||
td.map .npc { /* NPCs are boring enough that they should be grey. */ | td.map .npc { /* NPCs are boring enough that they should be grey. */ | ||
| − | color: #ccc !important; /* #ccf */ | + | color: #ccc !important; /* was #ccf */ |
} | } | ||
| − | + | ||
| − | + | ||
| − | + | /* Map tiles */ | |
| − | .density0 { | + | |
| − | background-color: #9AD29A !important; /* #a86 */ | + | .density0 { |
| + | background-color: #9AD29A !important; /* was #a86 */ | ||
border: solid 1px #b97 !important; | border: solid 1px #b97 !important; | ||
} | } | ||
| − | .density1 { | + | .density1 { |
| − | background-color: #8CCC8C !important; /* #33f033 */ | + | background-color: #8CCC8C !important; /* was #33f033 */ |
border: solid 1px #9ddd9d !important; | border: solid 1px #9ddd9d !important; | ||
} | } | ||
| − | .density2 { | + | .density2 { |
| − | background-color: #7EC67E !important; /* #33e033 */ | + | background-color: #7EC67E !important; /* was #33e033 */ |
border: solid 1px #8fd78f !important; | border: solid 1px #8fd78f !important; | ||
} | } | ||
.density3 { | .density3 { | ||
| − | background-color: #70C070 !important; /* #33d733 */ | + | background-color: #70C070 !important; /* was #33d733 */ |
border: solid 1px #81d181 !important; | border: solid 1px #81d181 !important; | ||
} | } | ||
.density4 { | .density4 { | ||
| − | background-color: #62BA62 !important; /* #33d033 */ | + | background-color: #62BA62 !important; /* was #33d033 */ |
border: solid 1px #73cb73 !important; | border: solid 1px #73cb73 !important; | ||
} | } | ||
| − | .density5 { | + | .density5 { |
| − | background-color: #54B454 !important; /* #33c033 */ | + | background-color: #54B454 !important; /* was #33c033 */ |
border: solid 1px #65c565 !important; | border: solid 1px #65c565 !important; | ||
} | } | ||
.density6 { | .density6 { | ||
| − | background-color: #4BA94B !important; /* #33b033 */ | + | background-color: #4BA94B !important; /* was #33b033 */ |
border: solid 1px #5cba5c !important; | border: solid 1px #5cba5c !important; | ||
} | } | ||
.density7 { | .density7 { | ||
| − | background-color: #459B45 !important; /* #33a033 */ | + | background-color: #459B45 !important; /* was #33a033 */ |
border: solid 1px #56ac56 !important; | border: solid 1px #56ac56 !important; | ||
} | } | ||
.density8 { | .density8 { | ||
| − | background-color: #3F8D3F !important; /* #339033 */ | + | background-color: #3F8D3F !important; /* was #339033 */ |
border: solid 1px #509e50 !important; | border: solid 1px #509e50 !important; | ||
} | } | ||
| − | .density9 { | + | .density9 { |
| − | background-color: #397F39 !important; /* #338033 */ | + | background-color: #397F39 !important; /* was #338033 */ |
border: solid 1px #4a904a !important; | border: solid 1px #4a904a !important; | ||
} | } | ||
| − | .density10 { | + | .density10 { |
| − | background-color: #337033 !important; /* #337033 */ | + | background-color: #337033 !important; /* was #337033 */ |
border: solid 1px #448144 !important; | border: solid 1px #448144 !important; | ||
} | } | ||
| Line 157: | Line 153: | ||
} | } | ||
.grassland { | .grassland { | ||
| − | background-color: #d6e8a1 !important; /* #e6f5b1 */ | + | background-color: #d6e8a1 !important; /* was #e6f5b1 */ |
border: solid 1px #e7f9b2 !important; | border: solid 1px #e7f9b2 !important; | ||
} | } | ||
| Line 163: | Line 159: | ||
border: solid 1px #973 !important; | border: solid 1px #973 !important; | ||
} | } | ||
| − | .pirate { /* | + | .pirate { /* Pirate shipwreck */ |
border: solid 1px #966f53 !important; | border: solid 1px #966f53 !important; | ||
} | } | ||
| Line 186: | Line 182: | ||
input, option, select { | input, option, select { | ||
font-family: "Bitstream Vera Sans", Verdana, sans-serif !important; | font-family: "Bitstream Vera Sans", Verdana, sans-serif !important; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
div.info { | div.info { | ||
| Line 200: | Line 190: | ||
font-size: .8em; | font-size: .8em; | ||
margin: 0 2px; | margin: 0 2px; | ||
| + | } | ||
| + | p.info { | ||
| + | background-color: #eee !important; | ||
| + | padding: .5em 1em !important; | ||
} | } | ||
}</nowiki> | }</nowiki> | ||
Latest revision as of 11:43, 23 May 2006
@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;
}
}
