map.css (2069B) download
1body {
2 background-color: #BCCFB0;
3 color: #333333;
4 font-family: Roboto, sans-serif;
5 margin: 0;
6 padding: 0;
7}
8
9/*NAVBAR*/
10nav {
11 background-color: #333333;
12 width: 100%;
13 height: 15vw;
14 display: flex;
15 align-items: center;
16}
17
18nav ul {
19 margin: 0;
20 padding: 0;
21 width: 100%;
22 height: 15vw;
23 display: flex;
24 list-style-type: none;
25 align-items: center;
26}
27
28nav li {
29 font-weight: bold;
30 font-size: 4vw;
31 margin-right: 3vw;
32}
33
34nav ul li a {
35 color: #fff;
36 text-decoration: none;
37 padding: 0;
38}
39
40nav ul li a.active {
41 pointer-events: none;
42 color: gray;
43}
44
45nav ul li:first-child {
46 margin-right: auto;
47}
48
49.img-big-logo {
50 display: none;
51}
52
53.img-small-logo,
54.img-big-logo {
55 height: 15vw;
56 width: auto;
57 vertical-align: middle;
58}
59
60.hide {
61 background-color: rgba(33, 33, 33, 0.8);
62 border-radius: 5px;
63 text-align: center;
64 position: absolute;
65 margin: 0 auto;
66 display: none;
67 color: white;
68}
69
70.dutch-harbor-txt {
71 top: 14%;
72 left: 2%;
73}
74
75.etreillers-txt {
76 top: 20%;
77 left: 40%;
78}
79
80.inuvik-txt {
81 top: 9%;
82 left: 10%;
83}
84
85.ko-samui-txt {
86 top: 47%;
87 right: 10%;
88}
89
90.kufstein-txt {
91 top: 20%;
92 left: 40%;
93}
94
95.nurburg-txt {
96 top: 19%;
97 left: 40%;
98}
99
100.oost-vlieland-txt {
101 top: 17%;
102 left: 35%;
103}
104
105.sapporo-txt {
106 top: 23%;
107 right: 2%;
108}
109
110.taipai-txt {
111 top: 37%;
112 right: 3%;
113}
114
115.woolgoolga-txt {
116 top: 75%;
117 right: 1%;
118}
119
120@media (min-width: 400px) {
121 /*NAVBAR*/
122 nav {
123 height: 60px;
124 }
125
126 nav ul {
127 height: 60px;
128 }
129
130 nav li {
131 font-size: 16px;
132 margin-right: 12px;
133 }
134
135 .img-small-logo,
136 .img-big-logo {
137 height: 60px;
138 }
139}
140
141 @media (min-width: 700px) {
142 .img-big-logo {
143 display: block;
144 }
145
146 .img-small-logo {
147 display: none;
148 }
149
150 nav ul li:first-child {
151 margin-right: 0;
152 }
153
154 nav ul li:nth-child(2) {
155 margin-right: auto;
156 }
157 }