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