| 1 | body, html { overflow: hidden; height: 100%; vertical-align: middle; margin: 0px; font-family: Geneva,Arial,Helvetica,sans-serif; font-size: 12pt; } |
|---|
| 2 | a { text-decoration: none !important; } |
|---|
| 3 | |
|---|
| 4 | /* header */ |
|---|
| 5 | #header { overflow: hidden; color: #FFE080; border-bottom: 1px solid; height: 24px; width: 100%; background-color: #03004D; padding: 5px; } |
|---|
| 6 | #header a { color: #FFC200; } |
|---|
| 7 | #main-menu { float: left; margin-left: 5px; height: 100%; vertical-align: middle; } |
|---|
| 8 | #title { float: right; margin-right: 15px; font-size: 18px; } |
|---|
| 9 | |
|---|
| 10 | /* main */ |
|---|
| 11 | #main { overflow: hidden; color: #03004D; height: 80%; width: 100%; background-color: gray; padding: 0px; } |
|---|
| 12 | #map-menu { background-color: #E6E6FF; width: 20%; height: 100%; float: left; display: block; font-size: 12px;} |
|---|
| 13 | #map-menu h3 { color: #03004D; font-size: 12px; } |
|---|
| 14 | #map-menu ul { background-color: #E6E6FF; } |
|---|
| 15 | #loading { color: #ff0000; font-size: 14px; width: 100%; text-align: center; margin-top: 50px; } |
|---|
| 16 | #map { background-color: #03004D; width: 80%; height: 81%; float: right; } |
|---|
| 17 | |
|---|
| 18 | /* timeline */ |
|---|
| 19 | /* #timemap { padding: lem; } */ |
|---|
| 20 | #timelinecontainer { width: 100%; height: 150px } |
|---|
| 21 | #timeline { width: 100%; height: 100%; font-size: 12px; background: #CCCCCC; } |
|---|
| 22 | #mapcontainer { width: 100%; height: 100% } |
|---|
| 23 | |
|---|
| 24 | /* footer */ |
|---|
| 25 | #footer { overflow: hidden; color: #FFE080; border-top: 1px solid; bottom: 0px; height: 24px; width: 100%; background-color: #03004D; padding: 5px; } |
|---|
| 26 | #footer a { color: #FFC200; } |
|---|
| 27 | #copyright { float: left; margin-left: 5px; height: 100%; vertical-align: middle; } |
|---|
| 28 | #logos { float: right; margin-right: 15px; } |
|---|
| 29 | #logos img { border: none; height: 28px; } |
|---|
