Mercurial > dive4elements > gnv-client
comparison gnv/src/main/webapp/styles/default.css @ 697:d2582f75b144
Improved design and added new wms layers as background for 'Horizontalschnitte'.
gnv/trunk@928 c6561f87-3c4e-4783-a992-168aeb5c3f6f
| author | Ingo Weinzierl <ingo.weinzierl@intevation.de> |
|---|---|
| date | Wed, 14 Apr 2010 16:05:32 +0000 |
| parents | 883b366e3b15 |
| children | 7448b6f5f1ed |
comparison
equal
deleted
inserted
replaced
| 696:ae1e616ecf94 | 697:d2582f75b144 |
|---|---|
| 154 text-decoration:none; | 154 text-decoration:none; |
| 155 } | 155 } |
| 156 | 156 |
| 157 /* styles used content */ | 157 /* styles used content */ |
| 158 #contentElement { | 158 #contentElement { |
| 159 height: 80%; | |
| 160 position: absolute; | |
| 161 top: 85px; | |
| 162 width: 100%; | |
| 159 margin: 0px 0px 10px 0px; | 163 margin: 0px 0px 10px 0px; |
| 164 overflow: auto; | |
| 160 } | 165 } |
| 161 | 166 |
| 162 .bgblue2 { | 167 .bgblue2 { |
| 163 background-color: #F7F7F9; | 168 background-color: #F7F7F9; |
| 164 } | 169 } |
| 165 | 170 |
| 166 #footerElement { | 171 #footerElement { |
| 172 position: absolute; | |
| 173 bottom: 0px; | |
| 167 margin-top: 10px; | 174 margin-top: 10px; |
| 175 width: 100%; | |
| 176 height: 20px; | |
| 168 } | 177 } |
| 169 | 178 |
| 170 .down { | 179 .down { |
| 171 padding-top: 20px; | 180 padding-top: 15px; |
| 172 width: 315px; | 181 width: 315px; |
| 173 } | 182 } |
| 174 | 183 |
| 175 .historyback { | 184 .historyback { |
| 176 padding-left: 10px; | 185 padding-left: 10px; |
| 177 vertical-align: top; | 186 vertical-align: top; |
| 178 text-align: right; | 187 text-align: right; |
| 179 } | 188 } |
| 180 | 189 |
| 181 #parameterPanel { | 190 #parameterPanel { |
| 182 float: left; | 191 position: absolute; |
| 192 float: left; | |
| 193 left: 0px; | |
| 194 top: 5%; | |
| 183 width: 400px; | 195 width: 400px; |
| 196 height: 95%; | |
| 184 } | 197 } |
| 185 | 198 |
| 186 .parameter { | 199 .parameter { |
| 187 color: #003A66; | 200 color: #003A66; |
| 188 font-size: 0.8em; | 201 font-size: 0.8em; |
| 299 .reload { | 312 .reload { |
| 300 margin-top: 10px; | 313 margin-top: 10px; |
| 301 } | 314 } |
| 302 | 315 |
| 303 #project { | 316 #project { |
| 304 padding-left: 5px; | 317 padding: 0px; |
| 305 padding-top: 5px; | |
| 306 padding-bottom: 5px; | |
| 307 text-align: left; | 318 text-align: left; |
| 308 font-size: 1.2em; | 319 font-size: 1.2em; |
| 309 background-color: #e9e8f0; | 320 background-color: #e9e8f0; |
| 321 position: absolute; | |
| 322 top: 0px; | |
| 323 left: 0px; | |
| 324 width: 100%; | |
| 325 height: 5%; | |
| 310 } | 326 } |
| 311 | 327 |
| 312 #projectload { | 328 #projectload { |
| 313 float: left; | 329 float: left; |
| 314 padding-left: 5px; | 330 padding-left: 5px; |
| 357 margin: 0; | 373 margin: 0; |
| 358 | 374 |
| 359 | 375 |
| 360 } | 376 } |
| 361 | 377 |
| 378 div#headerElement { | |
| 379 height: 85px; | |
| 380 position: absolute; | |
| 381 width: 100%; | |
| 382 } | |
| 383 | |
| 362 div#header { | 384 div#header { |
| 363 background-color: #143B62; | 385 background-color: #143B62; |
| 364 margin: 0; | 386 margin: 0; |
| 365 padding: 0; | 387 padding: 0; |
| 366 height: 50px; | 388 height: 50px; |
| 375 div#page { | 397 div#page { |
| 376 position: absolute; | 398 position: absolute; |
| 377 top: 0; | 399 top: 0; |
| 378 left: 0; | 400 left: 0; |
| 379 width: 100%; | 401 width: 100%; |
| 380 | 402 height: 100%; |
| 381 } | 403 } |
| 382 | 404 |
| 383 .showContent { | 405 .showContent { |
| 384 display: block; | 406 display: block; |
| 385 } | 407 } |
| 395 } | 417 } |
| 396 | 418 |
| 397 div#diagram { | 419 div#diagram { |
| 398 float: left; | 420 float: left; |
| 399 position: absolute; | 421 position: absolute; |
| 400 top: 165px; | 422 top: 10%; |
| 401 left: 330px; | 423 left: 330px; |
| 402 } | 424 } |
| 403 | 425 |
| 404 div.outerMap { | 426 div.outerMap { |
| 405 position: absolute; | 427 position: absolute; |
| 406 top: 175px; | 428 top: 12%; |
| 407 left: 350px; | 429 left: 350px; |
| 408 width: 555px; | 430 width: 555px; |
| 409 height: 436px; | 431 height: 436px; |
| 410 margin: 0 0 0 0; | 432 margin: 0 0 0 0; |
| 411 padding: 0 0 0 0; | 433 padding: 0 0 0 0; |
| 412 } | 434 } |
| 413 | 435 |
| 414 div.wms { | 436 div.wms { |
| 415 position: relative; | 437 position: absolute; |
| 416 top: 0px; | 438 top: 10%; |
| 417 left: 0px; | 439 left: 0px; |
| 418 height: 30px; | 440 height: 30px; |
| 419 border: 1px solid red; | 441 border: 1px solid red; |
| 420 } | 442 } |
| 421 | 443 |
| 429 } | 451 } |
| 430 | 452 |
| 431 div.histogram { | 453 div.histogram { |
| 432 float: left; | 454 float: left; |
| 433 position: absolute; | 455 position: absolute; |
| 434 top: 165px; | 456 top: 10%; |
| 435 left: 330px; | 457 left: 330px; |
| 436 } | 458 } |
| 437 | 459 |
| 438 div#export { | 460 div#export { |
| 439 width: 325px; | 461 width: 325px; |
| 454 div#diagramOptionsContent { | 476 div#diagramOptionsContent { |
| 455 width : 325px; | 477 width : 325px; |
| 456 } | 478 } |
| 457 | 479 |
| 458 div.statistics { | 480 div.statistics { |
| 459 position: absolute; | 481 float: left; |
| 460 top : 33px; | 482 position: absolute; |
| 461 left : 350px; | 483 top: 10%; |
| 484 left: 330px; | |
| 462 width : 325px; | 485 width : 325px; |
| 463 } | 486 } |
| 464 | 487 |
| 465 div#statisticValues { | 488 div#statisticValues { |
| 466 width: 100%; | 489 width: 100%; |