| 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-attribution {
|
| 14 | bottom: 30px;
|
| 15 | right: 50px;
|
| 16 | }
|
| 17 | .padding-top {
|
| 18 | position: absolute;
|
| 19 | top: 0;
|
| 20 | left: 0px;
|
| 21 | width: 1000px;
|
| 22 | height: 170px;
|
| 23 | background: rgba(255, 255, 255, 0.5);
|
| 24 | }
|
| 25 | .padding-left {
|
| 26 | position: absolute;
|
| 27 | top: 170px;
|
| 28 | left: 0;
|
| 29 | width: 150px;
|
| 30 | height: 400px;
|
| 31 | background: rgba(255, 255, 255, 0.5);
|
| 32 | }
|
| 33 | .padding-right {
|
| 34 | position: absolute;
|
| 35 | top: 170px;
|
| 36 | left: 950px;
|
| 37 | width: 50px;
|
| 38 | height: 400px;
|
| 39 | background: rgba(255, 255, 255, 0.5);
|
| 40 | }
|
| 41 | .padding-bottom {
|
| 42 | position: absolute;
|
| 43 | top: 570px;
|
| 44 | left: 0px;
|
| 45 | width: 1000px;
|
| 46 | height: 30px;
|
| 47 | background: rgba(255, 255, 255, 0.5);
|
| 48 | }
|
| 49 | .center {
|
| 50 | position: absolute;
|
| 51 | border: solid 1px black;
|
| 52 | top: 490px;
|
| 53 | left: 560px;
|
| 54 | width: 20px;
|
| 55 | height: 20px;
|
| 56 | }
|