Compare commits
1 Commits
Author | SHA1 | Date |
---|---|---|
|
eb10635945 |
|
@ -1,6 +1,3 @@
|
||||||
* {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
#map {
|
#map {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -10,31 +7,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
transition-duration: 500ms;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width:20%;
|
width:10%;
|
||||||
height:50%;
|
height:10%;
|
||||||
top: 25%;
|
visibility: collapse;
|
||||||
right: -20%;
|
overflow: hidden;
|
||||||
z-index: 4000;
|
|
||||||
background-color: whitesmoke;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
#sidebarText {
|
|
||||||
|
|
||||||
position:relative;
|
|
||||||
top: 0px;
|
|
||||||
left:-50px;
|
|
||||||
width: 150%;
|
|
||||||
height: 8%;
|
|
||||||
text-align: left;
|
|
||||||
background-color: grey;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar:hover {
|
|
||||||
transition-duration: 500ms;
|
|
||||||
right: 0%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
|
@ -11,9 +11,6 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="map"></div>
|
<div id="map"></div>
|
||||||
<script src="./map.js"></script>
|
<script src="./map.js"></script>
|
||||||
<div id="sidebar">
|
<div id="sidebar"></div>
|
||||||
<p id="sidebarText">Menu</p>
|
|
||||||
<p>Test</p>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue