| | |
| | | border: 4px solid #00E676; |
| | | box-shadow: inset 0 0 30px rgba(0, 230, 118, 0.5), 0 0 20px rgba(0, 230, 118, 0.5); |
| | | } |
| | | .station, .bus { |
| | | .station { |
| | | position: absolute; |
| | | width: 40px; |
| | | height: 24px; |
| | | /*border-radius: 50%;*/ |
| | | text-align: center; |
| | | line-height: 24px; |
| | | font-weight: bold; |
| | | transition: transform 0.3s ease; |
| | | } |
| | | .bus { |
| | | position: absolute; |
| | | width: 24px; |
| | | height: 24px; |
| | |
| | | <div class="outer-ring"></div> |
| | | |
| | | <!-- Stations on outer ring --> |
| | | <!-- <div class="station" style="top: 49%; left: 99%;">1000</div>--> |
| | | <!-- <div class="station" style="top: 49%; left: 99%;">1</div>--> |
| | | <!-- <div class="station" style="top: 30%; left: 100%;">2</div>--> |
| | | <!-- <div class="station" style="top: 70%; left: 100%;">3</div>--> |
| | | <!-- <div class="station" style="top: 110%; left: 50%;">4</div>--> |