Mercurial > hg > batmud > gmap2
changeset 208:ce92bb3e3a02 gmap2
More work on stylesheets.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 12 Mar 2014 16:11:12 +0200 |
parents | 9a4c4c8b98aa |
children | 1288e2f8d769 |
files | css/mapstyle1.css css/mapstyle2.css |
diffstat | 2 files changed, 26 insertions(+), 30 deletions(-) [+] |
line wrap: on
line diff
--- a/css/mapstyle1.css Wed Mar 12 15:12:54 2014 +0200 +++ b/css/mapstyle1.css Wed Mar 12 16:11:12 2014 +0200 @@ -217,6 +217,7 @@ border: 1px solid #888; } + #map { position: absolute; left: 0px; @@ -254,7 +255,6 @@ } - #sidecontent div div { display: inline-block; width: 10%; @@ -263,7 +263,6 @@ box-shadow: 2px 2px 2px rgba(0,0,0,0.7); } - .c_laenor div { background: #955; } .c_rothikgen div { background: #595; } .c_lucentium div { background: #559; }
--- a/css/mapstyle2.css Wed Mar 12 15:12:54 2014 +0200 +++ b/css/mapstyle2.css Wed Mar 12 16:11:12 2014 +0200 @@ -197,16 +197,28 @@ display: inline-block; } -#headcontent .info { +#headcontent div.controls { position: absolute; right: 280px; width: auto; } -#headcontent a { - color: white; +#headcontent div.controls a { + background: rgba(0,0,0,0.5); + padding: 0.5em; + color: #ddd; + border-radius: 0.5em; + border: 1px solid white; + box-shadow: 2px 2px 2px #000; } +#headcontent div.controls a:hover { + background: rgba(0,0,0,0.2); + color: #fff; + border: 1px solid #888; +} + + #map { position: absolute; left: 0px; @@ -244,7 +256,6 @@ } - #sidecontent div div { display: inline-block; width: 10%; @@ -253,27 +264,13 @@ box-shadow: 2px 2px 2px rgba(0,0,0,0.7); } -#sidecontent div.c_laenor div { - color: yellow; - background: yellow; -} - -#sidecontent div.c_rothikgen div { - color: blue; - background: blue; -} - -#sidecontent div.c_furnachia div { - color: red; - background: red; -} - -#sidecontent div.c_lucentium div { - color: green; - background: green; -} - -#sidecontent div.c_desolathya div { - color: purple; - background: purple; -} +.c_laenor div { background: #955; } +.c_rothikgen div { background: #595; } +.c_lucentium div { background: #559; } +.c_desolathya div { background: #599; } +.c_furnachia div { background: #959; } +.c_renardy div { background: #c70; } +.c_tormentas div { background: #7a0; } +.c_hcbat div { background: #444; } +.c_special div { background: #a06; } +.c_all div { background: #0af; }