From 44748d7f07564635497f82f0fcea432a4c5e6394 Mon Sep 17 00:00:00 2001 From: FrozenCow Date: Thu, 17 Feb 2011 20:08:50 +0100 Subject: [PATCH] Changed gui by lechd + map per world client-configuration. --- configuration.txt | 49 +++--- web/block_cave.png | Bin 0 -> 339 bytes web/block_nether.png | Bin 0 -> 340 bytes web/block_other.png | Bin 0 -> 330 bytes web/block_surface.png | Bin 0 -> 342 bytes web/chat_bubble.png | Bin 0 -> 395 bytes web/clock_day.png | Bin 481 -> 357 bytes web/clock_night.png | Bin 490 -> 360 bytes web/clock_style.css | 16 ++ web/dynmap_style.css | 305 ++++++++++++++++++++++++++++++++++++++ web/index.html | 5 +- web/kzedmaps.js | 3 + web/map.js | 253 ++++++++++++++++--------------- web/player.png | Bin 620 -> 298 bytes web/player_face.png | Bin 0 -> 201 bytes web/player_follow_off.png | Bin 0 -> 361 bytes web/player_follow_on.gif | Bin 0 -> 332 bytes web/player_follow_on.png | Bin 0 -> 355 bytes web/sidebar_hint.png | Bin 0 -> 271 bytes web/sign_home.png | Bin 0 -> 407 bytes web/sign_warp.png | Bin 0 -> 435 bytes web/style.css | 205 ------------------------- web/window_close.png | Bin 0 -> 374 bytes web/window_open.png | Bin 0 -> 326 bytes web/zoom_in.png | Bin 0 -> 366 bytes web/zoom_out.png | Bin 0 -> 336 bytes 26 files changed, 487 insertions(+), 349 deletions(-) create mode 100644 web/block_cave.png create mode 100644 web/block_nether.png create mode 100644 web/block_other.png create mode 100644 web/block_surface.png create mode 100644 web/chat_bubble.png create mode 100644 web/clock_style.css create mode 100644 web/dynmap_style.css create mode 100644 web/player_face.png create mode 100644 web/player_follow_off.png create mode 100755 web/player_follow_on.gif create mode 100644 web/player_follow_on.png create mode 100644 web/sidebar_hint.png create mode 100644 web/sign_home.png create mode 100644 web/sign_warp.png delete mode 100644 web/style.css create mode 100644 web/window_close.png create mode 100644 web/window_open.png create mode 100644 web/zoom_in.png create mode 100644 web/zoom_out.png diff --git a/configuration.txt b/configuration.txt index abe193ac..f938f201 100644 --- a/configuration.txt +++ b/configuration.txt @@ -42,23 +42,34 @@ web: clock: timeofday #clock: digital - # The name of the map shown when opening Dynmap's page (must be in menu). - defaultmap: defaultmap - - # The maps shown in the menu. - shownmaps: - - type: KzedMapType - name: defaultmap - prefix: t - - type: KzedMapType - name: cavemap - prefix: ct - - # The name of the world shown when opening Dynmap's page. defaultworld: world - - # The worlds shown in the menu. - shownworlds: - - world - - nether - - world_bad + worlds: + - title: World + name: world + maps: + - type: KzedMapType + title: Surface + name: surface + prefix: t + - type: KzedMapType + title: Cave + name: cave + prefix: ct + - title: Corrupted World + name: world_bad + maps: + - type: KzedMapType + title: Surface + name: surface + prefix: t + - type: KzedMapType + title: Cave + name: cave + prefix: ct + - title: Nether + name: nether + maps: + - type: KzedMapType + title: Surface + name: nether + prefix: t \ No newline at end of file diff --git a/web/block_cave.png b/web/block_cave.png new file mode 100644 index 0000000000000000000000000000000000000000..b6a547bad64014b18faab08cfe95d1d6e136e807 GIT binary patch literal 339 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Ea{HEjtmSN`)Ym%P6qN7l0AZa z85pWm85kOx85n;42huMX7)lKo7+xhXFj!4zU=YurzH;UjpxS$$E{-7;bCUl2|8LK% zx8V9tW}V8FcbWyKOEoYg9Z6&GSuC)hVaES=kJ;H`*ce#^x)@(bU1T(CW?TeVXp(PiYcMc;aQ5rv0y77OjSIXF@jRR!dT_NM z8&KzAh8(uU%N)!Mj7M66+0H7&Feo%|NI7sYum~JwgAsQcu3tFf$W!tAq3s-A0S67w zNVRmX8OmMLR@Bv3_AmPQ^N>|V5F3ZWnwgw;7l`}6OU!6tY+yK)#jwlKf7z1FVdQ&MBb@0QX~SbpQYW literal 0 HcmV?d00001 diff --git a/web/block_other.png b/web/block_other.png new file mode 100644 index 0000000000000000000000000000000000000000..6756844578aaf4efe2ef2ab3edc3fa2780342b4f GIT binary patch literal 330 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Ea{HEjtmSN`)Ym%P6qN7l0AZa z85pWm85kOx85n;42huMX7)lKo7+xhXFj!4zU=YurzH;UjpxUdRE{-7;bCUl2|8LK% zCm$~S4#xBIY?+gj4!pg+{b5c6Lz3h47D**l)z)xj9tIYH zHpUw~hn5MlF)(#-F6Wu$xP!rgLC~Z@fPq7yix)=hVAPM_rxJDf>}+$85r<|?IePSH zph?Z&U!ty$JB8IBcuFcXd`MH9;rRUA+`|_*m>C#bt}>J~e@IPlU|?oA&X)Mre#e9~ Qpa&T|UHx3vIVCg!032Iu%>V!Z literal 0 HcmV?d00001 diff --git a/web/block_surface.png b/web/block_surface.png new file mode 100644 index 0000000000000000000000000000000000000000..603c6d5129596873c480174a9343c483964cfee9 GIT binary patch literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Ea{HEjtmSN`)Ym%P6qN7l0AZa z85pWm85kOx85n;42huMX7)lKo7+xhXFj!4zU=YurzH;UjpxTF?E{-7;bCUl2|8LK% zC$RGhtIkfFDt=`>QwGK(9cLM4xH&r78T|kI+n;9#4-TVcsCw;;YQVz#<^*Cu!1Lz}Uc`l)<3LAmAV(4I>Je?P~w{Y+3eQ-tG|4h?YrH z?#}i-C}UR_C&GK*{-4vuiY?!bY&4l!1g@QF$-A(*eZ8T{AqEGAL{o;l3+8TJUYM5N bz`)GlemEu6>xohs(6bDlu6{1-oD!M<vhS^T5T6AOClY>mT@We}BD& zp~t^hS63@I|7-rzXyCwLsCZjJO|9*6SxM!B>{pH^4h#o#kEa`3we4hDv0YA~VMf7C zHys8J1rg@3wNXbOym`|zy_b)HiQ{O)=jZ2*-`w9XuP-gjz#?G5<4~t$&I6Q@>pddX zv_`Upk*Py)nvkTVq~oN7ZOfLawRx|P-_N&f>(;G~VrC6D4zOJ15OCnxz`|(Ckz;j2 zEJgfaj_WqbW$X$K0XzrN1WqvINF_=rG(;HOImO_&yywNeCTmGvpiN=S6L^^06Lcd02gnUshQLO008hwL_t(|oMQa{|33pI03d)^aLQb^J%hs6J#2za z89)FrVz>aL@fm|LkaZSKtuccXPz=o=fB-@@0HPV80TnW|$YS0Du5O#KKNn5CardsNnzu$o>bZ zaX-um;s68?!b1h1L;_0#m*3)xMu=J{00eSad^gZEa<4bO1wgWnpw> zWFU8GbZ8()Nlj2!fese{00BHnL_t(I%Z-yUYQr!Xg`a|#V1G*S1v+=?qA@gCJeZPO z1Og=I;~*WC<1OB-K(ZlQ&5ZeNVrBNdyMD z?jzfAZEF#XihVctHXs|VyEY7ZHxj5gxejnEoxyBm`%{8@m z%MM>*U=g^(P;z#nuusRzP1EWi!6BCC**JL9HhD3>mJOQ2ur+gR~TP`ys dF*-CbGQ4JLVcui!>IDn{22WQ%mvv4FO#o`ncd7sY delta 464 zcmV;>0WbdO0_p>hB!2;OQb$4nuFf3k00006VoOIv0RI600RN!9r;`8x010qNS#tmY z4zK_K4zK}E%l$q8000McNliru+6)mEBnY*<{zL!(02y>eSad^gZEa<4bO1wgWnpw> zWFU8GbZ8()Nlj2!fese{00BiwL_t(I%Z-!2Yr;Sr#b2aQN`EMlUHk_+-X0w?bO@#0 z`WHxt>mmp`6)B~P4ni|X{skeH;+RE>bjs>xApQfv7AZ)>b-HWr@}oY;a4&hEyj;Gg zp+J^ZW$Cr=@3g$Q7u>w5se+kfkex_vawG5%B29K-Y0AVg=S4fvaRlOk2hZgx7i zXtz&G0VnCj`)Y-|=WpqI0pP;+g*WY;310yCrX`Pf1D_tGaPDE^12P)bm0!9A04bacP(fU3kn0zIyPmsltitsG0000u diff --git a/web/clock_style.css b/web/clock_style.css new file mode 100644 index 00000000..d75a00fa --- /dev/null +++ b/web/clock_style.css @@ -0,0 +1,16 @@ +.clock { + padding-left: 16px; + color: #dede90; + background-repeat: no-repeat; +} +.clock.night { background-image: url(clock_night.png); } +.clock.day { background-image: url(clock_day.png); } + +.timeofday { background-repeat: no-repeat; } +.timeofday.sun { background-image: url(sun.png); } +.timeofday.moon { background-image: url(moon.png); } + +.compass { + background-repeat: no-repeat; + background-image: url(compass.png); +} \ No newline at end of file diff --git a/web/dynmap_style.css b/web/dynmap_style.css new file mode 100644 index 00000000..7ada8b37 --- /dev/null +++ b/web/dynmap_style.css @@ -0,0 +1,305 @@ +/******************* + * Page setup + */ + +html { + height: 100% +} + +body { + height: 100%; + + font-family: sans-serif; + font-size: 11px; + + color: #fff; + background: #000; + + margin: 0px; + padding: 0px ; +} + +.dynmap .map .tile img { + image-rendering: -moz-crisp-edges; + -ms-interpolation-mode: nearest-neighbor; +} + + +/******************* + * fieldset and legend styles + */ + +.dynmap fieldset { + border: none; + border-top: 1px solid rgba(196,196,196,0.4); +} + +.dynmap legend { + padding: 8px 4px; + font-weight: bold; +} + + +/******************* + * Map Setup + */ + +#mcmap { + width: 100%; + height: 100% +} + +.dynmap { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; +} + +.dynmap > .map { + width: 100%; + height: 100%; + background-color: #000; +} + +/* Map Controls */ +.gmnoprint{ + margin-top:-75px; + margin-left:-20px +} + +/* Google branding */ + +.dynmap > div.map > DIV > DIV:first-child + DIV, +.dynmap > div.map > DIV > DIV:first-child + DIV + DIV { + visibility: hidden !important; +} + + +/******************* + * Alerts + */ + +.alertbox { + position: fixed; + width: 50%; + + top: 0; + left: 0; + right: 0; + + text-align: center; + color: #a00; + background-color: #fff; + + margin: auto; + padding: 5px; + + border: 1px solid #a00; + box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); + border-radius: 0 0 3px 3px; +} + + +/******************* + * shared rules + */ + +.dynmap .panel ul, .dynmap .panel li { + list-style: none; + + padding: 0; + margin: 0; +} + +.maplist li a, +.playerlist li a { + outline: none; + text-decoration: none; +} + +/******************* + * sidebar panels + */ + +.dynmap .sidebar { + + display: block; + position: absolute; + + top: 0px; + right: 0px; + + width: 250px; + height: 100%; + + background: rgb(0,0,0); /* FU IE */ + background: rgba(0,0,0,0.6); + color: #fff; + + border-left: 1px solid rgba(0,0,0,0.5); + + margin-right: -253px; + /*margin-right: 251px;*/ + + -moz-transition: all 0.6s ease-in-out; + -webkit-transition: all 0.6s ease-in-out; + -o-transition: all 0.6s ease-in-out; + transition: all 0.6s ease-in-out; +} + +.dynmap .hitbar { + + display: block; + position: fixed; + + right: 0px; + top: 0px; + + height: 100%; + width: 16px; + + text-align: center; + + background: url(sidebar_hint.png) rgb(0,0,0); + background: url(sidebar_hint.png) rgba(0,0,0,0.6); + background-repeat: no-repeat; + background-position:center; + + border: 1px solid rgba(0,0,0,0.5); + + -moz-transition: all 0.6s ease-in-out; + -webkit-transition: all 0.6s ease-in-out; + -o-transition: all 0.6s ease-in-out; + transition: all 0.6s ease-in-out; +} + +/* magic and metrics */ + +.dynmap .sidebar:hover, +.dynmap .sidebar.pinned { + margin-right: 0px; +} + +.dynmap .sidebar < .hitbar:hover { + margin-right: 0px; +} + +.dynmap .sidebar:hover .hitbar, +.dynmap .sidebar.pinned .hitbar { + right: -120px; +} + + +/******************* + * map list-specific styling + */ + +.dynmap .panel .world { + display: block; + clear: both; + + width: 100%; + line-height: 18px; + margin: 0 0 30px 0; + + border-bottom: 1px solid rgba(128,128,128,0.3); + +} + +.dynmap .maplist .map { + display: block; + float: left; + + height: 18px; + width: 18px; + + padding: 2px; + margin: 5px 2px; + + border-radius: 3px; + -moz-border-radius: 3px; + + background: rgba(32,32,32,0.6); + border: 1px solid rgba(64,64,64,0.6); +} + +.dynmap .maplist .map:hover { + background: rgba(64,64,64,0.6); + border: 1px solid rgba(128,128,128,0.6); +} + +.dynmap .maplist .map.selected { + background: rgba(128,128,128,0.5); + border: 1px solid rgba(255,255,255,0.5); +} + +.dynmap .maplist .map > a { + display: block; + + text-indent: -99999px; + outline: none; +} + +.dynmap .maplist .map > a { + background-repeat: no-repeat; + background-position:center; +} + +/******************* + * player list-specific styles + */ + +.dynmap .playerlist .player { + + display: inline-block; + float: left; + width: 100%; + + padding: 4px 0; + border: 3px solid transparent; +} + +.dynmap .playerlist .player:hover { + background: rgba(64,64,64,0.6); +} + +.dynmap .playerlist .player a { + color: #fff; +} + +/* may need to tweak this for canvas */ + +.dynmap .playerlist .playerIcon > * { + vertical-align: middle; + border: none; +} + +.dynmap .playerlist .playerIcon { + width: 16px; + height: 16px; + margin: 0px 7px; + display: block; + float: left; +} + +.dynmap .playerlist .player.following { + background: rgba(128,128,128,0.5); + border: 1px solid rgba(255,255,255,0.5); + border-radius: 3px; + padding: 6px 2px; + -moz-border-radius: 3px; +} + +.dynmap .playerlist .player:hover .playericon { + background: url(player_follow_off.png) no-repeat; +} + +.dynmap .playerlist .player.following .playericon { + background: url(player_follow_on.gif) no-repeat; +} + +.dynmap .playerlist .player.following .playericon > *, +.dynmap .playerlist .player:hover .playericon > * { + visibility: hidden; +} \ No newline at end of file diff --git a/web/index.html b/web/index.html index fead257b..b8af9d43 100644 --- a/web/index.html +++ b/web/index.html @@ -10,7 +10,8 @@ - + + @@ -23,7 +24,7 @@