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: 20px; 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: 80px; } |
---|
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; } |
---|