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