| 1 | .mapcontainer {
|
| 2 | position: relative;
|
| 3 | margin-bottom: 20px;
|
| 4 | }
|
| 5 | .map {
|
| 6 | width: 1000px;
|
| 7 | height: 600px;
|
| 8 | }
|
| 9 | div.ol-zoom {
|
| 10 | top: 178px;
|
| 11 | left: 158px;
|
| 12 | }
|
| 13 | div.ol-rotate {
|
| 14 | top: 178px;
|
| 15 | right: 58px;
|
| 16 | }
|
| 17 | .map div.ol-attribution {
|
| 18 | bottom: 30px;
|
| 19 | right: 50px;
|
| 20 | }
|
| 21 | .padding-top {
|
| 22 | position: absolute;
|
| 23 | top: 0;
|
| 24 | left: 0px;
|
| 25 | width: 1000px;
|
| 26 | height: 170px;
|
| 27 | background: rgba(255, 255, 255, 0.5);
|
| 28 | }
|
| 29 | .padding-left {
|
| 30 | position: absolute;
|
| 31 | top: 170px;
|
| 32 | left: 0;
|
| 33 | width: 150px;
|
| 34 | height: 400px;
|
| 35 | background: rgba(255, 255, 255, 0.5);
|
| 36 | }
|
| 37 | .padding-right {
|
| 38 | position: absolute;
|
| 39 | top: 170px;
|
| 40 | left: 950px;
|
| 41 | width: 50px;
|
| 42 | height: 400px;
|
| 43 | background: rgba(255, 255, 255, 0.5);
|
| 44 | }
|
| 45 | .padding-bottom {
|
| 46 | position: absolute;
|
| 47 | top: 570px;
|
| 48 | left: 0px;
|
| 49 | width: 1000px;
|
| 50 | height: 30px;
|
| 51 | background: rgba(255, 255, 255, 0.5);
|
| 52 | }
|
| 53 | .center {
|
| 54 | position: absolute;
|
| 55 | border: solid 1px black;
|
| 56 | top: 490px;
|
| 57 | left: 560px;
|
| 58 | width: 20px;
|
| 59 | height: 20px;
|
| 60 | }
|