Mercurial > hg > batmud > gmap2
changeset 8:6b9559bb9a5d gmap2
leiskaa
author | jeskko |
---|---|
date | Mon, 21 Sep 2009 14:13:47 +0000 |
parents | edbd2499295b |
children | 6c05a50c0851 |
files | css/mapstyle.css i/batmud_logo.png i/graybottom.jpg i/graycornerbottom.jpg i/graycornertop.jpg i/graytop.jpg index.html js/nav.js |
diffstat | 8 files changed, 55 insertions(+), 9 deletions(-) [+] |
line wrap: on
line diff
--- a/css/mapstyle.css Mon Sep 21 13:15:32 2009 +0000 +++ b/css/mapstyle.css Mon Sep 21 14:13:47 2009 +0000 @@ -4,7 +4,6 @@ background-image: url(../i/dark.jpg); color: white; font-family: sans-serif; - } #footer { @@ -19,22 +18,62 @@ } #sidebar { + background-image: url(../i/gray.jpg); position: absolute; right: 0px; top: 3em; bottom: 1.5em; width: 290px; padding: 0px; + margin-top: 10px; + margin-bottom: 10px; +} + +#topcorner { + position: absolute; + top: -6px; + left: 0px; + padding: 0px; margin: 0px; +} + +#bottomcorner { + position: absolute; + bottom: -3px; + left: 0px; + margin-top: -10px; + padding: 0px; +} +#sidetop { + position: absolute; + right: 0px; + top: 3em; + background-image: url(../i/graytop.jpg); + height: 10px; + width: 290px; + padding: 0px; + margin: 0px; +} + +#sidebottom { + position: absolute; + background-image: url(../i/graybottom.jpg); + bottom: 1.5em; + right: 0px; + height: 10px; + width: 290px; + padding: 0px; + margin: 0px; } #sidecontent { - background-image: url(../i/gray.jpg); - width: 100%; + top: 10px; + bottom: 10px; + left: 0px; + right: 0px; height: 100%; padding: 0px; - margin: 0px; overflow: auto; }
--- a/index.html Mon Sep 21 13:15:32 2009 +0000 +++ b/index.html Mon Sep 21 14:13:47 2009 +0000 @@ -17,21 +17,24 @@ </head> <body onunload="GUnload()"> <div id="header"> - headeripalikka, menuja jne kakkaa + <img id="batlogo" src="i/batmud_logo.png" alt="BatMUD" /> </div> <div id="map"> </div> <div id="sidebar"> - <div id="sidecontent"> - markkerilista jne + <div id="sidecontent"></div> </div> - </div> + <div id="sidetop"></div> + <div id="sidebottom"></div> <div id="sidecoll"> + <div id="topcorner"><img src="i/graycornertop.jpg"/></div> <div id="collbuttondiv"> <a href="javascript:docoll()"> - <img src="i/right.gif" id="collbutton"> + <img src="i/right.gif" id="collbutton" /> </a> </div> + <div id="bottomcorner"><img src="i/graycornerbottom.jpg"/></div> + </div> <div id="footer"> Cursor location:
--- a/js/nav.js Mon Sep 21 13:15:32 2009 +0000 +++ b/js/nav.js Mon Sep 21 14:13:47 2009 +0000 @@ -10,6 +10,8 @@ document.getElementById("footer").style.right="0px"; document.getElementById("map").style.right="8px"; document.getElementById("collbutton").src="i/left.gif"; + document.getElementById("sidetop").style.display="none"; + document.getElementById("sidebottom").style.display="none"; collapsed=1; } else @@ -19,6 +21,8 @@ document.getElementById("footer").style.right="0px"; document.getElementById("map").style.right="300px"; document.getElementById("collbutton").src="i/right.gif"; + document.getElementById("sidetop").style.display=""; + document.getElementById("sidebottom").style.display=""; collapsed=0; } }