Mercurial > hg > batmud > gmap2
annotate css/mapstyle2.css @ 300:e7aa649b0090 gmap2
Move map label styling into common.css
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 30 Nov 2016 11:20:38 +0200 |
parents | eb98c0758955 |
children |
rev | line source |
---|---|
2 | 1 body { |
115 | 2 background-image: url(../img/dark.jpg); |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
3 font-family: "Arial", sans-serif; |
2 | 4 } |
5 | |
6 #footer { | |
7 position: absolute; | |
8 bottom: 0px; | |
194 | 9 height: 2em; |
2 | 10 left: 0px; |
5 | 11 right: 0px; |
2 | 12 margin: 0px; |
13 } | |
14 | |
194 | 15 #footercontent { |
2 | 16 position: absolute; |
194 | 17 |
18 left: 0.2em; | |
195 | 19 right: 300px; |
194 | 20 top: 0.25em; |
21 | |
22 padding: 0.5em; | |
23 | |
24 color: white; | |
25 font-size: 10pt; | |
8 | 26 } |
27 | |
194 | 28 #footercontent span { |
29 color: red; | |
8 | 30 } |
2 | 31 |
48 | 32 #sidebar { |
33 position: absolute; | |
34 right: 0px; | |
195 | 35 top: 0px; |
36 bottom: 0px; | |
194 | 37 width: 270px; |
48 | 38 padding: 0px; |
39 margin: 0px; | |
40 } | |
41 | |
42 #sidebox { | |
43 position: absolute; | |
115 | 44 background: url(../img/gray.jpg) repeat-y 2px 0px; |
48 | 45 |
46 width: 100%; | |
47 height: 100%; | |
194 | 48 z-index: 5; |
48 | 49 } |
50 | |
8 | 51 #sidetop { |
52 position: absolute; | |
115 | 53 background-image: url(../img/graytop.jpg); |
194 | 54 z-index: 10; |
48 | 55 |
194 | 56 width: 100%; |
195 | 57 height: 10px; |
58 top: 0px; | |
8 | 59 } |
60 | |
61 #sidebottom { | |
62 position: absolute; | |
115 | 63 background-image: url(../img/graybottom.jpg); |
194 | 64 z-index: 10; |
65 | |
66 width: 100%; | |
195 | 67 height: 10px; |
68 bottom: 0px; | |
2 | 69 } |
70 | |
71 #sidecontent { | |
48 | 72 position: absolute; |
194 | 73 z-index: 15; |
74 | |
75 top: 140px; | |
195 | 76 bottom: 16px; |
48 | 77 |
195 | 78 right: 8px; |
79 left: 8px; | |
48 | 80 |
194 | 81 color: black; |
5 | 82 overflow: auto; |
48 | 83 |
84 font-size: 10pt; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
85 font-family: Arial; |
195 | 86 |
87 padding: 0.5em; | |
88 background: rgba(0,0,0, 0.3); | |
89 | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
90 border-radius: 0.5em; |
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
91 box-shadow: 0px 0px 6px #000; |
2 | 92 } |
93 | |
48 | 94 #sidecontent a { |
194 | 95 display: inline-block; |
96 width: 85%; | |
48 | 97 text-decoration: none; |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
98 color: white; |
194 | 99 padding: 2px; |
100 margin: 2px; | |
101 border-radius: 4px; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
102 text-shadow: 1px 1px 1px #000; |
48 | 103 } |
104 | |
194 | 105 #sidecontent a:hover { |
106 background: rgba(0,0,0,0.5); | |
107 color: #0f0; | |
48 | 108 } |
109 | |
110 #controls { | |
111 position: absolute; | |
112 | |
195 | 113 top: 16px; |
48 | 114 right: 16px; |
115 left: 16px; | |
116 | |
195 | 117 font-size: 12px; |
48 | 118 text-align: center; |
119 } | |
120 | |
2 | 121 #sidecoll { |
122 width: 8px; | |
115 | 123 background-image: url(../img/graystrip.jpg); |
2 | 124 position : absolute; |
195 | 125 right: 268px; |
194 | 126 top: 0px; |
127 bottom: 0px; | |
2 | 128 min-height: 50px; |
129 padding-left: 1px; | |
130 padding-right: 1px; | |
131 padding-top: 0px; | |
132 padding-bottom: 0px; | |
133 margin: 0px; | |
194 | 134 } |
2 | 135 |
136 #collbuttondiv { | |
137 position: relative; | |
138 width: auto; | |
139 height: 16px; | |
140 top: 50%; | |
141 margin-top: -8px; | |
142 padding: 0px; | |
143 | |
144 } | |
145 | |
146 #collbutton { | |
147 border: 0px; | |
148 } | |
149 | |
150 #header { | |
151 position: absolute; | |
152 left: 0px; | |
153 right: 0px; | |
154 top: 0px; | |
194 | 155 height: 120px; |
156 padding: 8px; | |
157 } | |
158 | |
159 #headcontent { | |
216
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
160 display: inline-block; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
161 vertical-align: top; |
194 | 162 color: white; |
163 height: 100%; | |
164 padding: 0px; | |
216
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
165 margin-left: 2em; |
194 | 166 |
167 text-shadow: 0px 0px 4px #000; | |
168 font-size: 0.7em; | |
169 } | |
170 | |
216
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
171 #headlogo { |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
172 display: inline-block; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
173 vertical-align: top; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
174 width: 150px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
175 height: 90px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
176 padding: 0px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
177 background: url(../img/batmud_logo2.png) no-repeat 0px 0px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
178 } |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
179 |
194 | 180 #headcontent h1 { |
181 font-size: 2em; | |
182 padding: 0px; | |
183 margin: 0px; | |
184 } | |
185 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
186 .subtitle { |
194 | 187 font-size: 1.5em; |
188 padding: 0px; | |
189 margin: 0px; | |
190 color: red; | |
191 } | |
192 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
193 .credits { |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
194 font-size: 0.75em; |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
195 color: white; |
194 | 196 } |
197 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
198 .version { |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
199 } |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
200 |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
201 .timestamp { |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
202 } |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
203 |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
204 .controls { |
194 | 205 position: absolute; |
206 right: 280px; | |
207 width: auto; | |
208 } | |
209 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
210 .controls a { |
208 | 211 background: rgba(0,0,0,0.5); |
212 padding: 0.5em; | |
213 color: #ddd; | |
214 border-radius: 0.5em; | |
215 border: 1px solid white; | |
216 box-shadow: 2px 2px 2px #000; | |
2 | 217 } |
218 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
219 .controls a:hover { |
208 | 220 background: rgba(0,0,0,0.2); |
221 color: #fff; | |
222 border: 1px solid #888; | |
223 } | |
224 | |
225 | |
2 | 226 #map { |
227 position: absolute; | |
228 left: 0px; | |
194 | 229 top: 100px; |
230 right: 280px; | |
231 bottom: 2em; | |
2 | 232 padding: 0px; |
233 margin: 0px; | |
194 | 234 |
235 box-shadow: 10px 10px 5px #000; | |
236 } | |
237 | |
238 #copyrights { | |
239 position: absolute; | |
240 padding: 0.2em; | |
241 left: 80px; | |
242 bottom: 4em; | |
243 height: auto; | |
244 width: auto; | |
245 font-size: 8pt; | |
246 color: rgba(255,255,255, 0.85); | |
247 text-shadow: 1px 1px 1px #000; | |
248 } | |
249 | |
250 | |
251 #sidecontent div div { | |
252 display: inline-block; | |
253 width: 10%; | |
254 height: auto; | |
255 border-radius: 0.5em; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
256 border: 1px solid black; |
194 | 257 } |