Commit 34923994 authored by Porter Libby's avatar Porter Libby
Browse files

css changes

parent e9c3772e
......@@ -26,7 +26,7 @@ html, body, #viewDiv, #mapView, #graphView, #dataView{
margin-left: 12px;
margin-top: 10px;
display:block;
position: absolute;
position: fixed;
z-index: 10;
top:0;
left:1;
......@@ -34,28 +34,19 @@ html, body, #viewDiv, #mapView, #graphView, #dataView{
bottom:0;
text-align: center;
}
#navbtn{
width: 40px;
height: 40px;
background: white;
#nav-view-button{
padding: 10px;
border-radius: 10px;
border: 1px solid black
}
.btn-select{
transition-duration: 200ms;
text-shadow: black 1px 0 10px;
color: black;
#nav-view-button:hover{
background-color: lightgray;
}
.btn-unselect{
transition-duration: 200ms;
color: #333;
.nav-button-idle{
background-color: white;
}
#togglebtn{
display:block;
position: absolute;
z-index: 10;
top:0;
left:1;
right:0;
bottom:0;
.nav-button-select{
background-color: gray;
}
#data{
margin-top: 100px;
......
......@@ -18,25 +18,29 @@
<div id="viewDiv"></div>
<div id='navcontrols'>
<input
style='background-color: gray; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-select'
type="image"
src="img/map-icon.png"
alt="Submit"
width="32" height="32">
<input
style='background-color: white; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-idle'
onclick='switchToGraph()'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="32" height="32">
<input
style='background-color: white; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-idle'
onclick='switchToData()'
id='data'
type="image"
src="img/data-icon.png"
alt="Submit"
width="32" height="32">
width="48" height="48">
</div>
</div>
......@@ -46,25 +50,29 @@
</div>
<div id='navcontrols'>
<input
style='background-color: white; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-idle'
onclick='switchToMap()'
type="image"
src="img/map-icon.png"
alt="Submit"
width="32" height="32">
<input
style='background-color: gray; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-select'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="32" height="32">
<input
style='background-color: white; padding: 10px; border-radius: 10px;'
onclick='switchToData()'
id='nav-view-button'
class='nav-button-idle'
onclick='switchToData()'
id='data'
type="image"
src="img/data-icon.png"
alt="Submit"
width="32" height="32">
width="48" height="48">
</div>
</div>
......@@ -93,25 +101,29 @@
</div>
<div id='navcontrols'>
<input
style='background-color: white; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-idle'
onclick='switchToMap()'
type="image"
src="img/map-icon.png"
alt="Submit"
width="32" height="32">
<input
style='background-color: white; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-idle'
onclick='switchToGraph()'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="32" height="32">
<input
style='background-color: gray; padding: 10px; border-radius: 10px;'
id='nav-view-button'
class='nav-button-select'
type="image"
id='data'
src="img/data-icon.png"
alt="Submit"
width="32" height="32">
width="48" height="48">
</div>
</div>
<script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment