Compare commits
1 Commits
Author | SHA1 | Date |
---|---|---|
|
a973583003 |
|
@ -1,3 +1,6 @@
|
||||||
|
* {
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
#map {
|
#map {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -7,14 +10,33 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
|
transition-duration: 500ms;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width:10%;
|
width:20%;
|
||||||
height:10%;
|
height:50%;
|
||||||
visibility: collapse;
|
top: 25%;
|
||||||
overflow: hidden;
|
right: -20%;
|
||||||
|
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 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -11,6 +11,9 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="map"></div>
|
<div id="map"></div>
|
||||||
<script src="./map.js"></script>
|
<script src="./map.js"></script>
|
||||||
<div id="sidebar"></div>
|
<div id="sidebar">
|
||||||
|
<p id="sidebarText">Menu</p>
|
||||||
|
<p>Test</p>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue