You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
#road-container {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100px;
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
// margin: 980px 0 0 -100px; // uncomment to move to bottom of screen
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#road-container div {
|
|
|
|
|
height: 100px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
background-position: 0px 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#timeofday-left {
|
|
|
|
|
z-index: 5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#timeofday-right {
|
|
|
|
|
z-index: 4;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#stops {
|
|
|
|
|
z-index: 6;
|
|
|
|
|
background-image: url(stops.png);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#bus {
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
margin-left: 27px;
|
|
|
|
|
z-index: 8;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div id="road-container">
|
|
|
|
|
<div id="bus"></div>
|
|
|
|
|
<div id="timeofday-left"></div>
|
|
|
|
|
<div id="timeofday-right"></div>
|
|
|
|
|
<div id="stops"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="drive.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
