Mercurial > hg > LGMap
annotate geotemco/css/platin.css @ 24:f669d3db6d1d
remove irrelevent file, .DS_Store
| author | Calvin Yeh <cyeh@mpiwg-berlin.mpg.de> |
|---|---|
| date | Thu, 28 Sep 2017 23:09:59 +0200 |
| parents | 8f5635197895 |
| children |
| rev | line source |
|---|---|
| 0 | 1 div.olMap { |
| 2 z-index: 0; | |
| 3 padding: 0 !important; | |
| 4 margin: 0 !important; | |
| 5 cursor: default; | |
| 6 } | |
| 7 | |
| 8 div.olMapViewport { | |
| 9 text-align: left; | |
|
10
8f5635197895
new filter by columns and new layers
nylin@mpiwg-berlin.mpg.de
parents:
8
diff
changeset
|
10 background-color:#ADD0E7; /*#9898C6;*/ |
| 0 | 11 -ms-touch-action: none; |
| 12 } | |
| 13 | |
| 14 div.olLayerDiv { | |
| 15 -moz-user-select: none; | |
| 16 -khtml-user-select: none; | |
| 17 } | |
| 18 | |
| 19 .olLayerGoogleCopyright { | |
| 20 left: 2px; | |
| 21 bottom: 2px; | |
| 22 } | |
| 23 .olLayerGoogleV3.olLayerGoogleCopyright { | |
| 24 right: auto !important; | |
| 25 } | |
| 26 .olLayerGooglePoweredBy { | |
| 27 left: 2px; | |
| 28 bottom: 15px; | |
| 29 } | |
| 30 .olLayerGoogleV3.olLayerGooglePoweredBy { | |
| 31 bottom: 15px !important; | |
| 32 } | |
| 33 /* GMaps should not set styles on its container */ | |
| 34 .olForeignContainer { | |
| 35 opacity: 1 !important; | |
| 36 } | |
| 37 .olControlAttribution { | |
| 38 font-size: smaller; | |
| 39 left: 3px; | |
| 40 bottom: 1.5em; | |
| 41 position: absolute; | |
| 42 display: block; | |
| 43 } | |
| 44 .olControlScale { | |
| 45 right: 3px; | |
| 46 bottom: 3em; | |
| 47 display: block; | |
| 48 position: absolute; | |
| 49 font-size: smaller; | |
| 50 } | |
| 51 .olControlScaleLine { | |
| 52 display: block; | |
| 53 position: absolute; | |
| 54 left: 10px; | |
| 55 bottom: 15px; | |
| 56 font-size: xx-small; | |
| 57 } | |
| 58 .olControlScaleLineBottom { | |
| 59 border: solid 2px black; | |
| 60 border-bottom: none; | |
| 61 margin-top:-2px; | |
| 62 text-align: center; | |
| 63 } | |
| 64 .olControlScaleLineTop { | |
| 65 border: solid 2px black; | |
| 66 border-top: none; | |
| 67 text-align: center; | |
| 68 } | |
| 69 | |
| 70 .olControlPermalink { | |
| 71 right: 3px; | |
| 72 bottom: 1.5em; | |
| 73 display: block; | |
| 74 position: absolute; | |
| 75 font-size: smaller; | |
| 76 } | |
| 77 | |
| 78 div.olControlMousePosition { | |
| 79 bottom: 0; | |
| 80 right: 3px; | |
| 81 display: block; | |
| 82 position: absolute; | |
| 83 font-family: Arial; | |
| 84 font-size: smaller; | |
| 85 } | |
| 86 | |
| 87 .olControlOverviewMapContainer { | |
| 88 position: absolute; | |
| 89 bottom: 0; | |
| 90 right: 0; | |
| 91 } | |
| 92 | |
| 93 .olControlOverviewMapElement { | |
| 94 padding: 10px 18px 10px 10px; | |
| 95 background-color: #00008B; | |
| 96 -moz-border-radius: 1em 0 0 0; | |
| 97 } | |
| 98 | |
| 99 .olControlOverviewMapMinimizeButton, | |
| 100 .olControlOverviewMapMaximizeButton { | |
| 101 height: 18px; | |
| 102 width: 18px; | |
| 103 right: 0; | |
| 104 bottom: 80px; | |
| 105 cursor: pointer; | |
| 106 } | |
| 107 | |
| 108 .olControlOverviewMapExtentRectangle { | |
| 109 overflow: hidden; | |
| 110 background-image: url("img/blank.gif"); | |
| 111 cursor: move; | |
| 112 border: 2px dotted red; | |
| 113 } | |
| 114 .olControlOverviewMapRectReplacement { | |
| 115 overflow: hidden; | |
| 116 cursor: move; | |
| 117 background-image: url("img/overview_replacement.gif"); | |
| 118 background-repeat: no-repeat; | |
| 119 background-position: center; | |
| 120 } | |
| 121 | |
| 122 .olLayerGeoRSSDescription { | |
| 123 float:left; | |
| 124 width:100%; | |
| 125 overflow:auto; | |
| 126 font-size:1.0em; | |
| 127 } | |
| 128 .olLayerGeoRSSClose { | |
| 129 float:right; | |
| 130 color:gray; | |
| 131 font-size:1.2em; | |
| 132 margin-right:6px; | |
| 133 font-family:sans-serif; | |
| 134 } | |
| 135 .olLayerGeoRSSTitle { | |
| 136 float:left;font-size:1.2em; | |
| 137 } | |
| 138 | |
| 139 .olPopupContent { | |
| 140 padding:5px; | |
| 141 overflow: auto; | |
| 142 } | |
| 143 | |
| 144 .olControlNavigationHistory { | |
| 145 background-image: url("img/navigation_history.png"); | |
| 146 background-repeat: no-repeat; | |
| 147 width: 24px; | |
| 148 height: 24px; | |
| 149 | |
| 150 } | |
| 151 .olControlNavigationHistoryPreviousItemActive { | |
| 152 background-position: 0 0; | |
| 153 } | |
| 154 .olControlNavigationHistoryPreviousItemInactive { | |
| 155 background-position: 0 -24px; | |
| 156 } | |
| 157 .olControlNavigationHistoryNextItemActive { | |
| 158 background-position: -24px 0; | |
| 159 } | |
| 160 .olControlNavigationHistoryNextItemInactive { | |
| 161 background-position: -24px -24px; | |
| 162 } | |
| 163 | |
| 164 div.olControlSaveFeaturesItemActive { | |
| 165 background-image: url(img/save_features_on.png); | |
| 166 background-repeat: no-repeat; | |
| 167 background-position: 0 1px; | |
| 168 } | |
| 169 div.olControlSaveFeaturesItemInactive { | |
| 170 background-image: url(img/save_features_off.png); | |
| 171 background-repeat: no-repeat; | |
| 172 background-position: 0 1px; | |
| 173 } | |
| 174 | |
| 175 .olHandlerBoxZoomBox { | |
| 176 border: 2px solid red; | |
| 177 position: absolute; | |
| 178 background-color: white; | |
| 179 opacity: 0.50; | |
| 180 font-size: 1px; | |
| 181 filter: alpha(opacity=50); | |
| 182 } | |
| 183 .olHandlerBoxSelectFeature { | |
| 184 border: 2px solid blue; | |
| 185 position: absolute; | |
| 186 background-color: white; | |
| 187 opacity: 0.50; | |
| 188 font-size: 1px; | |
| 189 filter: alpha(opacity=50); | |
| 190 } | |
| 191 | |
| 192 .olControlPanPanel { | |
| 193 top: 10px; | |
| 194 left: 5px; | |
| 195 } | |
| 196 | |
| 197 .olControlPanPanel div { | |
| 198 background-image: url(img/pan-panel.png); | |
| 199 height: 18px; | |
| 200 width: 18px; | |
| 201 cursor: pointer; | |
| 202 position: absolute; | |
| 203 } | |
| 204 | |
| 205 .olControlPanPanel .olControlPanNorthItemInactive { | |
| 206 top: 0; | |
| 207 left: 9px; | |
| 208 background-position: 0 0; | |
| 209 } | |
| 210 .olControlPanPanel .olControlPanSouthItemInactive { | |
| 211 top: 36px; | |
| 212 left: 9px; | |
| 213 background-position: 18px 0; | |
| 214 } | |
| 215 .olControlPanPanel .olControlPanWestItemInactive { | |
| 216 position: absolute; | |
| 217 top: 18px; | |
| 218 left: 0; | |
| 219 background-position: 0 18px; | |
| 220 } | |
| 221 .olControlPanPanel .olControlPanEastItemInactive { | |
| 222 top: 18px; | |
| 223 left: 18px; | |
| 224 background-position: 18px 18px; | |
| 225 } | |
| 226 | |
| 227 .olControlZoomPanel { | |
| 228 top: 71px; | |
| 229 left: 14px; | |
| 230 } | |
| 231 | |
| 232 .olControlZoomPanel div { | |
| 233 background-image: url(img/zoom-panel.png); | |
| 234 position: absolute; | |
| 235 height: 18px; | |
| 236 width: 18px; | |
| 237 cursor: pointer; | |
| 238 } | |
| 239 | |
| 240 .olControlZoomPanel .olControlZoomInItemInactive { | |
| 241 top: 0; | |
| 242 left: 0; | |
| 243 background-position: 0 0; | |
| 244 } | |
| 245 | |
| 246 .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { | |
| 247 top: 18px; | |
| 248 left: 0; | |
| 249 background-position: 0 -18px; | |
| 250 } | |
| 251 | |
| 252 .olControlZoomPanel .olControlZoomOutItemInactive { | |
| 253 top: 36px; | |
| 254 left: 0; | |
| 255 background-position: 0 18px; | |
| 256 } | |
| 257 | |
| 258 /* | |
| 259 * When a potential text is bigger than the image it move the image | |
| 260 * with some headers (closes #3154) | |
| 261 */ | |
| 262 .olControlPanZoomBar div { | |
| 263 font-size: 1px; | |
| 264 } | |
| 265 | |
| 266 .olPopupCloseBox { | |
| 267 background: url("img/close.gif") no-repeat; | |
| 268 cursor: pointer; | |
| 269 } | |
| 270 | |
| 271 .olFramedCloudPopupContent { | |
| 272 padding: 5px; | |
| 273 overflow: auto; | |
| 274 } | |
| 275 | |
| 276 .olControlNoSelect { | |
| 277 -moz-user-select: none; | |
| 278 -khtml-user-select: none; | |
| 279 } | |
| 280 | |
| 281 .olImageLoadError { | |
|
8
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
282 /* background-color: pink; |
| 0 | 283 opacity: 0.5; |
|
8
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
284 filter: alpha(opacity=50); */ |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
285 display: none !important; |
| 0 | 286 } |
| 287 | |
| 288 /** | |
| 289 * Cursor styles | |
| 290 */ | |
| 291 | |
| 292 .olCursorWait { | |
| 293 cursor: wait; | |
| 294 } | |
| 295 .olDragDown { | |
| 296 cursor: move; | |
| 297 } | |
| 298 .olDrawBox { | |
| 299 cursor: crosshair; | |
| 300 } | |
| 301 .olControlDragFeatureOver { | |
| 302 cursor: move; | |
| 303 } | |
| 304 .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { | |
| 305 cursor: -moz-grabbing; | |
| 306 } | |
| 307 | |
| 308 /** | |
| 309 * Layer switcher | |
| 310 */ | |
| 311 .olControlLayerSwitcher { | |
| 312 position: absolute; | |
| 313 top: 25px; | |
| 314 right: 0; | |
| 315 width: 20em; | |
| 316 font-family: sans-serif; | |
| 317 font-weight: bold; | |
| 318 margin-top: 3px; | |
| 319 margin-left: 3px; | |
| 320 margin-bottom: 3px; | |
| 321 font-size: smaller; | |
| 322 color: white; | |
| 323 background-color: transparent; | |
| 324 } | |
| 325 | |
| 326 .olControlLayerSwitcher .layersDiv { | |
| 327 padding-top: 5px; | |
| 328 padding-left: 10px; | |
| 329 padding-bottom: 5px; | |
| 330 padding-right: 10px; | |
| 331 background-color: darkblue; | |
| 332 } | |
| 333 | |
| 334 .olControlLayerSwitcher .layersDiv .baseLbl, | |
| 335 .olControlLayerSwitcher .layersDiv .dataLbl { | |
| 336 margin-top: 3px; | |
| 337 margin-left: 3px; | |
| 338 margin-bottom: 3px; | |
| 339 } | |
| 340 | |
| 341 .olControlLayerSwitcher .layersDiv .baseLayersDiv, | |
| 342 .olControlLayerSwitcher .layersDiv .dataLayersDiv { | |
| 343 padding-left: 10px; | |
| 344 } | |
| 345 | |
| 346 .olControlLayerSwitcher .maximizeDiv, | |
| 347 .olControlLayerSwitcher .minimizeDiv { | |
| 348 width: 18px; | |
| 349 height: 18px; | |
| 350 top: 5px; | |
| 351 right: 0; | |
| 352 cursor: pointer; | |
| 353 } | |
| 354 | |
| 355 .olBingAttribution { | |
| 356 color: #DDD; | |
| 357 } | |
| 358 .olBingAttribution.road { | |
| 359 color: #333; | |
| 360 } | |
| 361 | |
| 362 .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite { | |
| 363 color: #EEE; | |
| 364 } | |
| 365 .olGoogleAttribution { | |
| 366 color: #333; | |
| 367 } | |
| 368 span.olGoogleAttribution a { | |
| 369 color: #77C; | |
| 370 } | |
| 371 span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a { | |
| 372 color: #EEE; | |
| 373 } | |
| 374 | |
| 375 /** | |
| 376 * Editing and navigation icons. | |
| 377 * (using the editing_tool_bar.png sprint image) | |
| 378 */ | |
| 379 .olControlNavToolbar , | |
| 380 .olControlEditingToolbar { | |
| 381 margin: 5px 5px 0 0; | |
| 382 } | |
| 383 .olControlNavToolbar div, | |
| 384 .olControlEditingToolbar div { | |
| 385 background-image: url("img/editing_tool_bar.png"); | |
| 386 background-repeat: no-repeat; | |
| 387 margin: 0 0 5px 5px; | |
| 388 width: 24px; | |
| 389 height: 22px; | |
| 390 cursor: pointer | |
| 391 } | |
| 392 /* positions */ | |
| 393 .olControlEditingToolbar { | |
| 394 right: 0; | |
| 395 top: 0; | |
| 396 } | |
| 397 .olControlNavToolbar { | |
| 398 top: 295px; | |
| 399 left: 9px; | |
| 400 } | |
| 401 /* layouts */ | |
| 402 .olControlEditingToolbar div { | |
| 403 float: right; | |
| 404 } | |
| 405 /* individual controls */ | |
| 406 .olControlNavToolbar .olControlNavigationItemInactive, | |
| 407 .olControlEditingToolbar .olControlNavigationItemInactive { | |
| 408 background-position: -103px -1px; | |
| 409 } | |
| 410 .olControlNavToolbar .olControlNavigationItemActive , | |
| 411 .olControlEditingToolbar .olControlNavigationItemActive { | |
| 412 background-position: -103px -24px; | |
| 413 } | |
| 414 .olControlNavToolbar .olControlZoomBoxItemInactive { | |
| 415 background-position: -128px -1px; | |
| 416 } | |
| 417 .olControlNavToolbar .olControlZoomBoxItemActive { | |
| 418 background-position: -128px -24px; | |
| 419 } | |
| 420 .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { | |
| 421 background-position: -77px -1px; | |
| 422 } | |
| 423 .olControlEditingToolbar .olControlDrawFeaturePointItemActive { | |
| 424 background-position: -77px -24px; | |
| 425 } | |
| 426 .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { | |
| 427 background-position: -51px -1px; | |
| 428 } | |
| 429 .olControlEditingToolbar .olControlDrawFeaturePathItemActive { | |
| 430 background-position: -51px -24px; | |
| 431 } | |
| 432 .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{ | |
| 433 background-position: -26px -1px; | |
| 434 } | |
| 435 .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { | |
| 436 background-position: -26px -24px; | |
| 437 } | |
| 438 | |
| 439 div.olControlZoom { | |
| 440 position: absolute; | |
| 441 top: 8px; | |
| 442 left: 8px; | |
| 443 background: rgba(255,255,255,0.4); | |
| 444 border-radius: 4px; | |
| 445 padding: 2px; | |
| 446 } | |
| 447 div.olControlZoom a { | |
| 448 display: block; | |
| 449 margin: 1px; | |
| 450 padding: 0; | |
| 451 color: white; | |
| 452 font-size: 18px; | |
| 453 font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; | |
| 454 font-weight: bold; | |
| 455 text-decoration: none; | |
| 456 text-align: center; | |
| 457 height: 22px; | |
| 458 width:22px; | |
| 459 line-height: 19px; | |
| 460 background: #130085; /* fallback for IE - IE6 requires background shorthand*/ | |
| 461 background: rgba(0, 60, 136, 0.5); | |
| 462 filter: alpha(opacity=80); | |
| 463 } | |
| 464 div.olControlZoom a:hover { | |
| 465 background: #130085; /* fallback for IE */ | |
| 466 background: rgba(0, 60, 136, 0.7); | |
| 467 filter: alpha(opacity=100); | |
| 468 } | |
| 469 @media only screen and (max-width: 600px) { | |
| 470 div.olControlZoom a:hover { | |
| 471 background: rgba(0, 60, 136, 0.5); | |
| 472 } | |
| 473 } | |
| 474 a.olControlZoomIn { | |
| 475 border-radius: 4px 4px 0 0; | |
| 476 } | |
| 477 a.olControlZoomOut { | |
| 478 border-radius: 0 0 4px 4px; | |
| 479 } | |
| 480 | |
| 481 | |
| 482 /** | |
| 483 * Animations | |
| 484 */ | |
| 485 | |
| 486 .olLayerGrid .olTileImage { | |
| 487 -webkit-transition: opacity 0.2s linear; | |
| 488 -moz-transition: opacity 0.2s linear; | |
| 489 -o-transition: opacity 0.2s linear; | |
| 490 transition: opacity 0.2s linear; | |
| 491 } | |
| 492 | |
| 493 /* Turn on GPU support where available */ | |
| 494 .olTileImage { | |
| 495 -webkit-transform: translateZ(0); | |
| 496 -moz-transform: translateZ(0); | |
| 497 -o-transform: translateZ(0); | |
| 498 -ms-transform: translateZ(0); | |
| 499 transform: translateZ(0); | |
| 500 -webkit-backface-visibility: hidden; | |
| 501 -moz-backface-visibility: hidden; | |
| 502 -ms-backface-visibility: hidden; | |
| 503 backface-visibility: hidden; | |
| 504 -webkit-perspective: 1000; | |
| 505 -moz-perspective: 1000; | |
| 506 -ms-perspective: 1000; | |
| 507 perspective: 1000; | |
| 508 } | |
| 509 | |
| 510 /* when replacing tiles, do not show tile and backbuffer at the same time */ | |
| 511 .olTileReplacing { | |
| 512 display: none; | |
| 513 } | |
| 514 | |
| 515 /* override any max-width image settings (e.g. bootstrap.css) */ | |
| 516 img.olTileImage { | |
| 517 max-width: none; | |
| 518 } | |
| 519 /*! jQuery UI - v1.10.3 - 2013-05-29 | |
| 520 * http://jqueryui.com | |
| 521 * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css | |
| 522 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px | |
| 523 * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ | |
| 524 | |
| 525 /* Layout helpers | |
| 526 ----------------------------------*/ | |
| 527 .ui-helper-hidden { | |
| 528 display: none; | |
| 529 } | |
| 530 .ui-helper-hidden-accessible { | |
| 531 border: 0; | |
| 532 clip: rect(0 0 0 0); | |
| 533 height: 1px; | |
| 534 margin: -1px; | |
| 535 overflow: hidden; | |
| 536 padding: 0; | |
| 537 position: absolute; | |
| 538 width: 1px; | |
| 539 } | |
| 540 .ui-helper-reset { | |
| 541 margin: 0; | |
| 542 padding: 0; | |
| 543 border: 0; | |
| 544 outline: 0; | |
| 545 line-height: 1.3; | |
| 546 text-decoration: none; | |
| 547 font-size: 100%; | |
| 548 list-style: none; | |
| 549 } | |
| 550 .ui-helper-clearfix:before, | |
| 551 .ui-helper-clearfix:after { | |
| 552 content: ""; | |
| 553 display: table; | |
| 554 border-collapse: collapse; | |
| 555 } | |
| 556 .ui-helper-clearfix:after { | |
| 557 clear: both; | |
| 558 } | |
| 559 .ui-helper-clearfix { | |
| 560 min-height: 0; /* support: IE7 */ | |
| 561 } | |
| 562 .ui-helper-zfix { | |
| 563 width: 100%; | |
| 564 height: 100%; | |
| 565 top: 0; | |
| 566 left: 0; | |
| 567 position: absolute; | |
| 568 opacity: 0; | |
| 569 filter:Alpha(Opacity=0); | |
| 570 } | |
| 571 | |
| 572 .ui-front { | |
| 573 z-index: 100; | |
| 574 } | |
| 575 | |
| 576 | |
| 577 /* Interaction Cues | |
| 578 ----------------------------------*/ | |
| 579 .ui-state-disabled { | |
| 580 cursor: default !important; | |
| 581 } | |
| 582 | |
| 583 | |
| 584 /* Icons | |
| 585 ----------------------------------*/ | |
| 586 | |
| 587 /* states and images */ | |
| 588 .ui-icon { | |
| 589 display: block; | |
| 590 text-indent: -99999px; | |
| 591 overflow: hidden; | |
| 592 background-repeat: no-repeat; | |
| 593 } | |
| 594 | |
| 595 | |
| 596 /* Misc visuals | |
| 597 ----------------------------------*/ | |
| 598 | |
| 599 /* Overlays */ | |
| 600 .ui-widget-overlay { | |
| 601 position: fixed; | |
| 602 top: 0; | |
| 603 left: 0; | |
| 604 width: 100%; | |
| 605 height: 100%; | |
| 606 } | |
| 607 .ui-resizable { | |
| 608 position: relative; | |
| 609 } | |
| 610 .ui-resizable-handle { | |
| 611 position: absolute; | |
| 612 font-size: 0.1px; | |
| 613 display: block; | |
| 614 } | |
| 615 .ui-resizable-disabled .ui-resizable-handle, | |
| 616 .ui-resizable-autohide .ui-resizable-handle { | |
| 617 display: none; | |
| 618 } | |
| 619 .ui-resizable-n { | |
| 620 cursor: n-resize; | |
| 621 height: 7px; | |
| 622 width: 100%; | |
| 623 top: -5px; | |
| 624 left: 0; | |
| 625 } | |
| 626 .ui-resizable-s { | |
| 627 cursor: s-resize; | |
| 628 height: 7px; | |
| 629 width: 100%; | |
| 630 bottom: -5px; | |
| 631 left: 0; | |
| 632 } | |
| 633 .ui-resizable-e { | |
| 634 cursor: e-resize; | |
| 635 width: 7px; | |
| 636 right: -5px; | |
| 637 top: 0; | |
| 638 height: 100%; | |
| 639 } | |
| 640 .ui-resizable-w { | |
| 641 cursor: w-resize; | |
| 642 width: 7px; | |
| 643 left: -5px; | |
| 644 top: 0; | |
| 645 height: 100%; | |
| 646 } | |
| 647 .ui-resizable-se { | |
| 648 cursor: se-resize; | |
| 649 width: 12px; | |
| 650 height: 12px; | |
| 651 right: 1px; | |
| 652 bottom: 1px; | |
| 653 } | |
| 654 .ui-resizable-sw { | |
| 655 cursor: sw-resize; | |
| 656 width: 9px; | |
| 657 height: 9px; | |
| 658 left: -5px; | |
| 659 bottom: -5px; | |
| 660 } | |
| 661 .ui-resizable-nw { | |
| 662 cursor: nw-resize; | |
| 663 width: 9px; | |
| 664 height: 9px; | |
| 665 left: -5px; | |
| 666 top: -5px; | |
| 667 } | |
| 668 .ui-resizable-ne { | |
| 669 cursor: ne-resize; | |
| 670 width: 9px; | |
| 671 height: 9px; | |
| 672 right: -5px; | |
| 673 top: -5px; | |
| 674 } | |
| 675 .ui-selectable-helper { | |
| 676 position: absolute; | |
| 677 z-index: 100; | |
| 678 border: 1px dotted black; | |
| 679 } | |
| 680 .ui-accordion .ui-accordion-header { | |
| 681 display: block; | |
| 682 cursor: pointer; | |
| 683 position: relative; | |
| 684 margin-top: 2px; | |
| 685 padding: .5em .5em .5em .7em; | |
| 686 min-height: 0; /* support: IE7 */ | |
| 687 } | |
| 688 .ui-accordion .ui-accordion-icons { | |
| 689 padding-left: 2.2em; | |
| 690 } | |
| 691 .ui-accordion .ui-accordion-noicons { | |
| 692 padding-left: .7em; | |
| 693 } | |
| 694 .ui-accordion .ui-accordion-icons .ui-accordion-icons { | |
| 695 padding-left: 2.2em; | |
| 696 } | |
| 697 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { | |
| 698 position: absolute; | |
| 699 left: .5em; | |
| 700 top: 50%; | |
| 701 margin-top: -8px; | |
| 702 } | |
| 703 .ui-accordion .ui-accordion-content { | |
| 704 padding: 1em 2.2em; | |
| 705 border-top: 0; | |
| 706 overflow: auto; | |
| 707 } | |
| 708 .ui-autocomplete { | |
| 709 position: absolute; | |
| 710 top: 0; | |
| 711 left: 0; | |
| 712 cursor: default; | |
| 713 } | |
| 714 .ui-button { | |
| 715 display: inline-block; | |
| 716 position: relative; | |
| 717 padding: 0; | |
| 718 line-height: normal; | |
| 719 margin-right: .1em; | |
| 720 cursor: pointer; | |
| 721 vertical-align: middle; | |
| 722 text-align: center; | |
| 723 overflow: visible; /* removes extra width in IE */ | |
| 724 } | |
| 725 .ui-button, | |
| 726 .ui-button:link, | |
| 727 .ui-button:visited, | |
| 728 .ui-button:hover, | |
| 729 .ui-button:active { | |
| 730 text-decoration: none; | |
| 731 } | |
| 732 /* to make room for the icon, a width needs to be set here */ | |
| 733 .ui-button-icon-only { | |
| 734 width: 2.2em; | |
| 735 } | |
| 736 /* button elements seem to need a little more width */ | |
| 737 button.ui-button-icon-only { | |
| 738 width: 2.4em; | |
| 739 } | |
| 740 .ui-button-icons-only { | |
| 741 width: 3.4em; | |
| 742 } | |
| 743 button.ui-button-icons-only { | |
| 744 width: 3.7em; | |
| 745 } | |
| 746 | |
| 747 /* button text element */ | |
| 748 .ui-button .ui-button-text { | |
| 749 display: block; | |
| 750 line-height: normal; | |
| 751 } | |
| 752 .ui-button-text-only .ui-button-text { | |
| 753 padding: .4em 1em; | |
| 754 } | |
| 755 .ui-button-icon-only .ui-button-text, | |
| 756 .ui-button-icons-only .ui-button-text { | |
| 757 padding: .4em; | |
| 758 text-indent: -9999999px; | |
| 759 } | |
| 760 .ui-button-text-icon-primary .ui-button-text, | |
| 761 .ui-button-text-icons .ui-button-text { | |
| 762 padding: .4em 1em .4em 2.1em; | |
| 763 } | |
| 764 .ui-button-text-icon-secondary .ui-button-text, | |
| 765 .ui-button-text-icons .ui-button-text { | |
| 766 padding: .4em 2.1em .4em 1em; | |
| 767 } | |
| 768 .ui-button-text-icons .ui-button-text { | |
| 769 padding-left: 2.1em; | |
| 770 padding-right: 2.1em; | |
| 771 } | |
| 772 /* no icon support for input elements, provide padding by default */ | |
| 773 input.ui-button { | |
| 774 padding: .4em 1em; | |
| 775 } | |
| 776 | |
| 777 /* button icon element(s) */ | |
| 778 .ui-button-icon-only .ui-icon, | |
| 779 .ui-button-text-icon-primary .ui-icon, | |
| 780 .ui-button-text-icon-secondary .ui-icon, | |
| 781 .ui-button-text-icons .ui-icon, | |
| 782 .ui-button-icons-only .ui-icon { | |
| 783 position: absolute; | |
| 784 top: 50%; | |
| 785 margin-top: -8px; | |
| 786 } | |
| 787 .ui-button-icon-only .ui-icon { | |
| 788 left: 50%; | |
| 789 margin-left: -8px; | |
| 790 } | |
| 791 .ui-button-text-icon-primary .ui-button-icon-primary, | |
| 792 .ui-button-text-icons .ui-button-icon-primary, | |
| 793 .ui-button-icons-only .ui-button-icon-primary { | |
| 794 left: .5em; | |
| 795 } | |
| 796 .ui-button-text-icon-secondary .ui-button-icon-secondary, | |
| 797 .ui-button-text-icons .ui-button-icon-secondary, | |
| 798 .ui-button-icons-only .ui-button-icon-secondary { | |
| 799 right: .5em; | |
| 800 } | |
| 801 | |
| 802 /* button sets */ | |
| 803 .ui-buttonset { | |
| 804 margin-right: 7px; | |
| 805 } | |
| 806 .ui-buttonset .ui-button { | |
| 807 margin-left: 0; | |
| 808 margin-right: -.3em; | |
| 809 } | |
| 810 | |
| 811 /* workarounds */ | |
| 812 /* reset extra padding in Firefox, see h5bp.com/l */ | |
| 813 input.ui-button::-moz-focus-inner, | |
| 814 button.ui-button::-moz-focus-inner { | |
| 815 border: 0; | |
| 816 padding: 0; | |
| 817 } | |
| 818 .ui-datepicker { | |
| 819 width: 17em; | |
| 820 padding: .2em .2em 0; | |
| 821 display: none; | |
| 822 } | |
| 823 .ui-datepicker .ui-datepicker-header { | |
| 824 position: relative; | |
| 825 padding: .2em 0; | |
| 826 } | |
| 827 .ui-datepicker .ui-datepicker-prev, | |
| 828 .ui-datepicker .ui-datepicker-next { | |
| 829 position: absolute; | |
| 830 top: 2px; | |
| 831 width: 1.8em; | |
| 832 height: 1.8em; | |
| 833 } | |
| 834 .ui-datepicker .ui-datepicker-prev-hover, | |
| 835 .ui-datepicker .ui-datepicker-next-hover { | |
| 836 top: 1px; | |
| 837 } | |
| 838 .ui-datepicker .ui-datepicker-prev { | |
| 839 left: 2px; | |
| 840 } | |
| 841 .ui-datepicker .ui-datepicker-next { | |
| 842 right: 2px; | |
| 843 } | |
| 844 .ui-datepicker .ui-datepicker-prev-hover { | |
| 845 left: 1px; | |
| 846 } | |
| 847 .ui-datepicker .ui-datepicker-next-hover { | |
| 848 right: 1px; | |
| 849 } | |
| 850 .ui-datepicker .ui-datepicker-prev span, | |
| 851 .ui-datepicker .ui-datepicker-next span { | |
| 852 display: block; | |
| 853 position: absolute; | |
| 854 left: 50%; | |
| 855 margin-left: -8px; | |
| 856 top: 50%; | |
| 857 margin-top: -8px; | |
| 858 } | |
| 859 .ui-datepicker .ui-datepicker-title { | |
| 860 margin: 0 2.3em; | |
| 861 line-height: 1.8em; | |
| 862 text-align: center; | |
| 863 } | |
| 864 .ui-datepicker .ui-datepicker-title select { | |
| 865 font-size: 1em; | |
| 866 margin: 1px 0; | |
| 867 } | |
| 868 .ui-datepicker select.ui-datepicker-month-year { | |
| 869 width: 100%; | |
| 870 } | |
| 871 .ui-datepicker select.ui-datepicker-month, | |
| 872 .ui-datepicker select.ui-datepicker-year { | |
| 873 width: 49%; | |
| 874 } | |
| 875 .ui-datepicker table { | |
| 876 width: 100%; | |
| 877 font-size: .9em; | |
| 878 border-collapse: collapse; | |
| 879 margin: 0 0 .4em; | |
| 880 } | |
| 881 .ui-datepicker th { | |
| 882 padding: .7em .3em; | |
| 883 text-align: center; | |
| 884 font-weight: bold; | |
| 885 border: 0; | |
| 886 } | |
| 887 .ui-datepicker td { | |
| 888 border: 0; | |
| 889 padding: 1px; | |
| 890 } | |
| 891 .ui-datepicker td span, | |
| 892 .ui-datepicker td a { | |
| 893 display: block; | |
| 894 padding: .2em; | |
| 895 text-align: right; | |
| 896 text-decoration: none; | |
| 897 } | |
| 898 .ui-datepicker .ui-datepicker-buttonpane { | |
| 899 background-image: none; | |
| 900 margin: .7em 0 0 0; | |
| 901 padding: 0 .2em; | |
| 902 border-left: 0; | |
| 903 border-right: 0; | |
| 904 border-bottom: 0; | |
| 905 } | |
| 906 .ui-datepicker .ui-datepicker-buttonpane button { | |
| 907 float: right; | |
| 908 margin: .5em .2em .4em; | |
| 909 cursor: pointer; | |
| 910 padding: .2em .6em .3em .6em; | |
| 911 width: auto; | |
| 912 overflow: visible; | |
| 913 } | |
| 914 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { | |
| 915 float: left; | |
| 916 } | |
| 917 | |
| 918 /* with multiple calendars */ | |
| 919 .ui-datepicker.ui-datepicker-multi { | |
| 920 width: auto; | |
| 921 } | |
| 922 .ui-datepicker-multi .ui-datepicker-group { | |
| 923 float: left; | |
| 924 } | |
| 925 .ui-datepicker-multi .ui-datepicker-group table { | |
| 926 width: 95%; | |
| 927 margin: 0 auto .4em; | |
| 928 } | |
| 929 .ui-datepicker-multi-2 .ui-datepicker-group { | |
| 930 width: 50%; | |
| 931 } | |
| 932 .ui-datepicker-multi-3 .ui-datepicker-group { | |
| 933 width: 33.3%; | |
| 934 } | |
| 935 .ui-datepicker-multi-4 .ui-datepicker-group { | |
| 936 width: 25%; | |
| 937 } | |
| 938 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, | |
| 939 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { | |
| 940 border-left-width: 0; | |
| 941 } | |
| 942 .ui-datepicker-multi .ui-datepicker-buttonpane { | |
| 943 clear: left; | |
| 944 } | |
| 945 .ui-datepicker-row-break { | |
| 946 clear: both; | |
| 947 width: 100%; | |
| 948 font-size: 0; | |
| 949 } | |
| 950 | |
| 951 /* RTL support */ | |
| 952 .ui-datepicker-rtl { | |
| 953 direction: rtl; | |
| 954 } | |
| 955 .ui-datepicker-rtl .ui-datepicker-prev { | |
| 956 right: 2px; | |
| 957 left: auto; | |
| 958 } | |
| 959 .ui-datepicker-rtl .ui-datepicker-next { | |
| 960 left: 2px; | |
| 961 right: auto; | |
| 962 } | |
| 963 .ui-datepicker-rtl .ui-datepicker-prev:hover { | |
| 964 right: 1px; | |
| 965 left: auto; | |
| 966 } | |
| 967 .ui-datepicker-rtl .ui-datepicker-next:hover { | |
| 968 left: 1px; | |
| 969 right: auto; | |
| 970 } | |
| 971 .ui-datepicker-rtl .ui-datepicker-buttonpane { | |
| 972 clear: right; | |
| 973 } | |
| 974 .ui-datepicker-rtl .ui-datepicker-buttonpane button { | |
| 975 float: left; | |
| 976 } | |
| 977 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, | |
| 978 .ui-datepicker-rtl .ui-datepicker-group { | |
| 979 float: right; | |
| 980 } | |
| 981 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, | |
| 982 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { | |
| 983 border-right-width: 0; | |
| 984 border-left-width: 1px; | |
| 985 } | |
| 986 .ui-dialog { | |
| 987 position: absolute; | |
| 988 top: 0; | |
| 989 left: 0; | |
| 990 padding: .2em; | |
| 991 outline: 0; | |
| 992 } | |
| 993 .ui-dialog .ui-dialog-titlebar { | |
| 994 padding: .4em 1em; | |
| 995 position: relative; | |
| 996 } | |
| 997 .ui-dialog .ui-dialog-title { | |
| 998 float: left; | |
| 999 margin: .1em 0; | |
| 1000 white-space: nowrap; | |
| 1001 width: 90%; | |
| 1002 overflow: hidden; | |
| 1003 text-overflow: ellipsis; | |
| 1004 } | |
| 1005 .ui-dialog .ui-dialog-titlebar-close { | |
| 1006 position: absolute; | |
| 1007 right: .3em; | |
| 1008 top: 50%; | |
| 1009 width: 21px; | |
| 1010 margin: -10px 0 0 0; | |
| 1011 padding: 1px; | |
| 1012 height: 20px; | |
| 1013 } | |
| 1014 .ui-dialog .ui-dialog-content { | |
| 1015 position: relative; | |
| 1016 border: 0; | |
| 1017 padding: .5em 1em; | |
| 1018 background: none; | |
| 1019 overflow: auto; | |
| 1020 } | |
| 1021 .ui-dialog .ui-dialog-buttonpane { | |
| 1022 text-align: left; | |
| 1023 border-width: 1px 0 0 0; | |
| 1024 background-image: none; | |
| 1025 margin-top: .5em; | |
| 1026 padding: .3em 1em .5em .4em; | |
| 1027 } | |
| 1028 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { | |
| 1029 float: right; | |
| 1030 } | |
| 1031 .ui-dialog .ui-dialog-buttonpane button { | |
| 1032 margin: .5em .4em .5em 0; | |
| 1033 cursor: pointer; | |
| 1034 } | |
| 1035 .ui-dialog .ui-resizable-se { | |
| 1036 width: 12px; | |
| 1037 height: 12px; | |
| 1038 right: -5px; | |
| 1039 bottom: -5px; | |
| 1040 background-position: 16px 16px; | |
| 1041 } | |
| 1042 .ui-draggable .ui-dialog-titlebar { | |
| 1043 cursor: move; | |
| 1044 } | |
| 1045 .ui-menu { | |
| 1046 list-style: none; | |
| 1047 padding: 2px; | |
| 1048 margin: 0; | |
| 1049 display: block; | |
| 1050 outline: none; | |
| 1051 } | |
| 1052 .ui-menu .ui-menu { | |
| 1053 margin-top: -3px; | |
| 1054 position: absolute; | |
| 1055 } | |
| 1056 .ui-menu .ui-menu-item { | |
| 1057 margin: 0; | |
| 1058 padding: 0; | |
| 1059 width: 100%; | |
| 1060 /* support: IE10, see #8844 */ | |
| 1061 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); | |
| 1062 } | |
| 1063 .ui-menu .ui-menu-divider { | |
| 1064 margin: 5px -2px 5px -2px; | |
| 1065 height: 0; | |
| 1066 font-size: 0; | |
| 1067 line-height: 0; | |
| 1068 border-width: 1px 0 0 0; | |
| 1069 } | |
| 1070 .ui-menu .ui-menu-item a { | |
| 1071 text-decoration: none; | |
| 1072 display: block; | |
| 1073 padding: 2px .4em; | |
| 1074 line-height: 1.5; | |
| 1075 min-height: 0; /* support: IE7 */ | |
| 1076 font-weight: normal; | |
| 1077 } | |
| 1078 .ui-menu .ui-menu-item a.ui-state-focus, | |
| 1079 .ui-menu .ui-menu-item a.ui-state-active { | |
| 1080 font-weight: normal; | |
| 1081 margin: -1px; | |
| 1082 } | |
| 1083 | |
| 1084 .ui-menu .ui-state-disabled { | |
| 1085 font-weight: normal; | |
| 1086 margin: .4em 0 .2em; | |
| 1087 line-height: 1.5; | |
| 1088 } | |
| 1089 .ui-menu .ui-state-disabled a { | |
| 1090 cursor: default; | |
| 1091 } | |
| 1092 | |
| 1093 /* icon support */ | |
| 1094 .ui-menu-icons { | |
| 1095 position: relative; | |
| 1096 } | |
| 1097 .ui-menu-icons .ui-menu-item a { | |
| 1098 position: relative; | |
| 1099 padding-left: 2em; | |
| 1100 } | |
| 1101 | |
| 1102 /* left-aligned */ | |
| 1103 .ui-menu .ui-icon { | |
| 1104 position: absolute; | |
| 1105 top: .2em; | |
| 1106 left: .2em; | |
| 1107 } | |
| 1108 | |
| 1109 /* right-aligned */ | |
| 1110 .ui-menu .ui-menu-icon { | |
| 1111 position: static; | |
| 1112 float: right; | |
| 1113 } | |
| 1114 .ui-progressbar { | |
| 1115 height: 2em; | |
| 1116 text-align: left; | |
| 1117 overflow: hidden; | |
| 1118 } | |
| 1119 .ui-progressbar .ui-progressbar-value { | |
| 1120 margin: -1px; | |
| 1121 height: 100%; | |
| 1122 } | |
| 1123 .ui-progressbar .ui-progressbar-overlay { | |
| 1124 background: url("images/animated-overlay.gif"); | |
| 1125 height: 100%; | |
| 1126 filter: alpha(opacity=25); | |
| 1127 opacity: 0.25; | |
| 1128 } | |
| 1129 .ui-progressbar-indeterminate .ui-progressbar-value { | |
| 1130 background-image: none; | |
| 1131 } | |
| 1132 .ui-slider { | |
| 1133 position: relative; | |
| 1134 text-align: left; | |
| 1135 } | |
| 1136 .ui-slider .ui-slider-handle { | |
| 1137 position: absolute; | |
| 1138 z-index: 2; | |
| 1139 width: 1.2em; | |
| 1140 height: 1.2em; | |
| 1141 cursor: default; | |
| 1142 } | |
| 1143 .ui-slider .ui-slider-range { | |
| 1144 position: absolute; | |
| 1145 z-index: 1; | |
| 1146 font-size: .7em; | |
| 1147 display: block; | |
| 1148 border: 0; | |
| 1149 background-position: 0 0; | |
| 1150 } | |
| 1151 | |
| 1152 /* For IE8 - See #6727 */ | |
| 1153 .ui-slider.ui-state-disabled .ui-slider-handle, | |
| 1154 .ui-slider.ui-state-disabled .ui-slider-range { | |
| 1155 filter: inherit; | |
| 1156 } | |
| 1157 | |
| 1158 .ui-slider-horizontal { | |
| 1159 height: .8em; | |
| 1160 } | |
| 1161 .ui-slider-horizontal .ui-slider-handle { | |
| 1162 top: -.3em; | |
| 1163 margin-left: -.6em; | |
| 1164 } | |
| 1165 .ui-slider-horizontal .ui-slider-range { | |
| 1166 top: 0; | |
| 1167 height: 100%; | |
| 1168 } | |
| 1169 .ui-slider-horizontal .ui-slider-range-min { | |
| 1170 left: 0; | |
| 1171 } | |
| 1172 .ui-slider-horizontal .ui-slider-range-max { | |
| 1173 right: 0; | |
| 1174 } | |
| 1175 | |
| 1176 .ui-slider-vertical { | |
| 1177 width: .8em; | |
| 1178 height: 100px; | |
| 1179 } | |
| 1180 .ui-slider-vertical .ui-slider-handle { | |
| 1181 left: -.3em; | |
| 1182 margin-left: 0; | |
| 1183 margin-bottom: -.6em; | |
| 1184 } | |
| 1185 .ui-slider-vertical .ui-slider-range { | |
| 1186 left: 0; | |
| 1187 width: 100%; | |
| 1188 } | |
| 1189 .ui-slider-vertical .ui-slider-range-min { | |
| 1190 bottom: 0; | |
| 1191 } | |
| 1192 .ui-slider-vertical .ui-slider-range-max { | |
| 1193 top: 0; | |
| 1194 } | |
| 1195 .ui-spinner { | |
| 1196 position: relative; | |
| 1197 display: inline-block; | |
| 1198 overflow: hidden; | |
| 1199 padding: 0; | |
| 1200 vertical-align: middle; | |
| 1201 } | |
| 1202 .ui-spinner-input { | |
| 1203 border: none; | |
| 1204 background: none; | |
| 1205 color: inherit; | |
| 1206 padding: 0; | |
| 1207 margin: .2em 0; | |
| 1208 vertical-align: middle; | |
| 1209 margin-left: .4em; | |
| 1210 margin-right: 22px; | |
| 1211 } | |
| 1212 .ui-spinner-button { | |
| 1213 width: 16px; | |
| 1214 height: 50%; | |
| 1215 font-size: .5em; | |
| 1216 padding: 0; | |
| 1217 margin: 0; | |
| 1218 text-align: center; | |
| 1219 position: absolute; | |
| 1220 cursor: default; | |
| 1221 display: block; | |
| 1222 overflow: hidden; | |
| 1223 right: 0; | |
| 1224 } | |
| 1225 /* more specificity required here to overide default borders */ | |
| 1226 .ui-spinner a.ui-spinner-button { | |
| 1227 border-top: none; | |
| 1228 border-bottom: none; | |
| 1229 border-right: none; | |
| 1230 } | |
| 1231 /* vertical centre icon */ | |
| 1232 .ui-spinner .ui-icon { | |
| 1233 position: absolute; | |
| 1234 margin-top: -8px; | |
| 1235 top: 50%; | |
| 1236 left: 0; | |
| 1237 } | |
| 1238 .ui-spinner-up { | |
| 1239 top: 0; | |
| 1240 } | |
| 1241 .ui-spinner-down { | |
| 1242 bottom: 0; | |
| 1243 } | |
| 1244 | |
| 1245 /* TR overrides */ | |
| 1246 .ui-spinner .ui-icon-triangle-1-s { | |
| 1247 /* need to fix icons sprite */ | |
| 1248 background-position: -65px -16px; | |
| 1249 } | |
| 1250 .ui-tabs { | |
| 1251 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ | |
| 1252 padding: .2em; | |
| 1253 } | |
| 1254 .ui-tabs .ui-tabs-nav { | |
| 1255 margin: 0; | |
| 1256 padding: .2em .2em 0; | |
| 1257 } | |
| 1258 .ui-tabs .ui-tabs-nav li { | |
| 1259 list-style: none; | |
| 1260 float: left; | |
| 1261 position: relative; | |
| 1262 top: 0; | |
| 1263 margin: 1px .2em 0 0; | |
| 1264 border-bottom-width: 0; | |
| 1265 padding: 0; | |
| 1266 white-space: nowrap; | |
| 1267 } | |
| 1268 .ui-tabs .ui-tabs-nav li a { | |
| 1269 float: left; | |
| 1270 padding: .5em 1em; | |
| 1271 text-decoration: none; | |
| 1272 } | |
| 1273 .ui-tabs .ui-tabs-nav li.ui-tabs-active { | |
| 1274 margin-bottom: -1px; | |
| 1275 padding-bottom: 1px; | |
| 1276 } | |
| 1277 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, | |
| 1278 .ui-tabs .ui-tabs-nav li.ui-state-disabled a, | |
| 1279 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { | |
| 1280 cursor: text; | |
| 1281 } | |
| 1282 .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ | |
| 1283 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { | |
| 1284 cursor: pointer; | |
| 1285 } | |
| 1286 .ui-tabs .ui-tabs-panel { | |
| 1287 display: block; | |
| 1288 border-width: 0; | |
| 1289 padding: 1em 1.4em; | |
| 1290 background: none; | |
| 1291 } | |
| 1292 .ui-tooltip { | |
| 1293 padding: 8px; | |
| 1294 position: absolute; | |
|
8
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
1295 z-index: 9999; |
| 0 | 1296 max-width: 300px; |
| 1297 -webkit-box-shadow: 0 0 5px #aaa; | |
| 1298 box-shadow: 0 0 5px #aaa; | |
| 1299 } | |
| 1300 body .ui-tooltip { | |
| 1301 border-width: 2px; | |
| 1302 } | |
| 1303 | |
| 1304 /* Component containers | |
| 1305 ----------------------------------*/ | |
| 1306 .ui-widget { | |
| 1307 font-family: Verdana,Arial,sans-serif; | |
| 1308 font-size: 1.1em; | |
| 1309 } | |
| 1310 .ui-widget .ui-widget { | |
| 1311 font-size: 1em; | |
| 1312 } | |
| 1313 .ui-widget input, | |
| 1314 .ui-widget select, | |
| 1315 .ui-widget textarea, | |
| 1316 .ui-widget button { | |
| 1317 font-family: Verdana,Arial,sans-serif; | |
| 1318 font-size: 1em; | |
| 1319 } | |
| 1320 .ui-widget-content { | |
| 1321 border: 1px solid #aaaaaa; | |
| 1322 background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; | |
| 1323 color: #222222; | |
| 1324 } | |
| 1325 .ui-widget-content a { | |
| 1326 color: #222222; | |
| 1327 } | |
| 1328 .ui-widget-header { | |
| 1329 border: 1px solid #aaaaaa; | |
| 1330 background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; | |
| 1331 color: #222222; | |
| 1332 font-weight: bold; | |
| 1333 } | |
| 1334 .ui-widget-header a { | |
| 1335 color: #222222; | |
| 1336 } | |
| 1337 | |
| 1338 /* Interaction states | |
| 1339 ----------------------------------*/ | |
| 1340 .ui-state-default, | |
| 1341 .ui-widget-content .ui-state-default, | |
| 1342 .ui-widget-header .ui-state-default { | |
| 1343 border: 1px solid #d3d3d3; | |
| 1344 background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; | |
| 1345 font-weight: normal; | |
| 1346 color: #555555; | |
| 1347 } | |
| 1348 .ui-state-default a, | |
| 1349 .ui-state-default a:link, | |
| 1350 .ui-state-default a:visited { | |
| 1351 color: #555555; | |
| 1352 text-decoration: none; | |
| 1353 } | |
| 1354 .ui-state-hover, | |
| 1355 .ui-widget-content .ui-state-hover, | |
| 1356 .ui-widget-header .ui-state-hover, | |
| 1357 .ui-state-focus, | |
| 1358 .ui-widget-content .ui-state-focus, | |
| 1359 .ui-widget-header .ui-state-focus { | |
| 1360 border: 1px solid #999999; | |
| 1361 background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; | |
| 1362 font-weight: normal; | |
| 1363 color: #212121; | |
| 1364 } | |
| 1365 .ui-state-hover a, | |
| 1366 .ui-state-hover a:hover, | |
| 1367 .ui-state-hover a:link, | |
| 1368 .ui-state-hover a:visited { | |
| 1369 color: #212121; | |
| 1370 text-decoration: none; | |
| 1371 } | |
| 1372 .ui-state-active, | |
| 1373 .ui-widget-content .ui-state-active, | |
| 1374 .ui-widget-header .ui-state-active { | |
| 1375 border: 1px solid #aaaaaa; | |
| 1376 background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; | |
| 1377 font-weight: normal; | |
| 1378 color: #212121; | |
| 1379 } | |
| 1380 .ui-state-active a, | |
| 1381 .ui-state-active a:link, | |
| 1382 .ui-state-active a:visited { | |
| 1383 color: #212121; | |
| 1384 text-decoration: none; | |
| 1385 } | |
| 1386 | |
| 1387 /* Interaction Cues | |
| 1388 ----------------------------------*/ | |
| 1389 .ui-state-highlight, | |
| 1390 .ui-widget-content .ui-state-highlight, | |
| 1391 .ui-widget-header .ui-state-highlight { | |
| 1392 border: 1px solid #fcefa1; | |
| 1393 background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; | |
| 1394 color: #363636; | |
| 1395 } | |
| 1396 .ui-state-highlight a, | |
| 1397 .ui-widget-content .ui-state-highlight a, | |
| 1398 .ui-widget-header .ui-state-highlight a { | |
| 1399 color: #363636; | |
| 1400 } | |
| 1401 .ui-state-error, | |
| 1402 .ui-widget-content .ui-state-error, | |
| 1403 .ui-widget-header .ui-state-error { | |
| 1404 border: 1px solid #cd0a0a; | |
| 1405 background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; | |
| 1406 color: #cd0a0a; | |
| 1407 } | |
| 1408 .ui-state-error a, | |
| 1409 .ui-widget-content .ui-state-error a, | |
| 1410 .ui-widget-header .ui-state-error a { | |
| 1411 color: #cd0a0a; | |
| 1412 } | |
| 1413 .ui-state-error-text, | |
| 1414 .ui-widget-content .ui-state-error-text, | |
| 1415 .ui-widget-header .ui-state-error-text { | |
| 1416 color: #cd0a0a; | |
| 1417 } | |
| 1418 .ui-priority-primary, | |
| 1419 .ui-widget-content .ui-priority-primary, | |
| 1420 .ui-widget-header .ui-priority-primary { | |
| 1421 font-weight: bold; | |
| 1422 } | |
| 1423 .ui-priority-secondary, | |
| 1424 .ui-widget-content .ui-priority-secondary, | |
| 1425 .ui-widget-header .ui-priority-secondary { | |
| 1426 opacity: .7; | |
| 1427 filter:Alpha(Opacity=70); | |
| 1428 font-weight: normal; | |
| 1429 } | |
| 1430 .ui-state-disabled, | |
| 1431 .ui-widget-content .ui-state-disabled, | |
| 1432 .ui-widget-header .ui-state-disabled { | |
| 1433 opacity: .35; | |
| 1434 filter:Alpha(Opacity=35); | |
| 1435 background-image: none; | |
| 1436 } | |
| 1437 .ui-state-disabled .ui-icon { | |
| 1438 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ | |
| 1439 } | |
| 1440 | |
| 1441 /* Icons | |
| 1442 ----------------------------------*/ | |
| 1443 | |
| 1444 /* states and images */ | |
| 1445 .ui-icon { | |
| 1446 width: 16px; | |
| 1447 height: 16px; | |
| 1448 } | |
| 1449 .ui-icon, | |
| 1450 .ui-widget-content .ui-icon { | |
| 1451 background-image: url(images/ui-icons_222222_256x240.png); | |
| 1452 } | |
| 1453 .ui-widget-header .ui-icon { | |
| 1454 background-image: url(images/ui-icons_222222_256x240.png); | |
| 1455 } | |
| 1456 .ui-state-default .ui-icon { | |
| 1457 background-image: url(images/ui-icons_888888_256x240.png); | |
| 1458 } | |
| 1459 .ui-state-hover .ui-icon, | |
| 1460 .ui-state-focus .ui-icon { | |
| 1461 background-image: url(images/ui-icons_454545_256x240.png); | |
| 1462 } | |
| 1463 .ui-state-active .ui-icon { | |
| 1464 background-image: url(images/ui-icons_454545_256x240.png); | |
| 1465 } | |
| 1466 .ui-state-highlight .ui-icon { | |
| 1467 background-image: url(images/ui-icons_2e83ff_256x240.png); | |
| 1468 } | |
| 1469 .ui-state-error .ui-icon, | |
| 1470 .ui-state-error-text .ui-icon { | |
| 1471 background-image: url(images/ui-icons_cd0a0a_256x240.png); | |
| 1472 } | |
| 1473 | |
| 1474 /* positioning */ | |
| 1475 .ui-icon-blank { background-position: 16px 16px; } | |
| 1476 .ui-icon-carat-1-n { background-position: 0 0; } | |
| 1477 .ui-icon-carat-1-ne { background-position: -16px 0; } | |
| 1478 .ui-icon-carat-1-e { background-position: -32px 0; } | |
| 1479 .ui-icon-carat-1-se { background-position: -48px 0; } | |
| 1480 .ui-icon-carat-1-s { background-position: -64px 0; } | |
| 1481 .ui-icon-carat-1-sw { background-position: -80px 0; } | |
| 1482 .ui-icon-carat-1-w { background-position: -96px 0; } | |
| 1483 .ui-icon-carat-1-nw { background-position: -112px 0; } | |
| 1484 .ui-icon-carat-2-n-s { background-position: -128px 0; } | |
| 1485 .ui-icon-carat-2-e-w { background-position: -144px 0; } | |
| 1486 .ui-icon-triangle-1-n { background-position: 0 -16px; } | |
| 1487 .ui-icon-triangle-1-ne { background-position: -16px -16px; } | |
| 1488 .ui-icon-triangle-1-e { background-position: -32px -16px; } | |
| 1489 .ui-icon-triangle-1-se { background-position: -48px -16px; } | |
| 1490 .ui-icon-triangle-1-s { background-position: -64px -16px; } | |
| 1491 .ui-icon-triangle-1-sw { background-position: -80px -16px; } | |
| 1492 .ui-icon-triangle-1-w { background-position: -96px -16px; } | |
| 1493 .ui-icon-triangle-1-nw { background-position: -112px -16px; } | |
| 1494 .ui-icon-triangle-2-n-s { background-position: -128px -16px; } | |
| 1495 .ui-icon-triangle-2-e-w { background-position: -144px -16px; } | |
| 1496 .ui-icon-arrow-1-n { background-position: 0 -32px; } | |
| 1497 .ui-icon-arrow-1-ne { background-position: -16px -32px; } | |
| 1498 .ui-icon-arrow-1-e { background-position: -32px -32px; } | |
| 1499 .ui-icon-arrow-1-se { background-position: -48px -32px; } | |
| 1500 .ui-icon-arrow-1-s { background-position: -64px -32px; } | |
| 1501 .ui-icon-arrow-1-sw { background-position: -80px -32px; } | |
| 1502 .ui-icon-arrow-1-w { background-position: -96px -32px; } | |
| 1503 .ui-icon-arrow-1-nw { background-position: -112px -32px; } | |
| 1504 .ui-icon-arrow-2-n-s { background-position: -128px -32px; } | |
| 1505 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } | |
| 1506 .ui-icon-arrow-2-e-w { background-position: -160px -32px; } | |
| 1507 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } | |
| 1508 .ui-icon-arrowstop-1-n { background-position: -192px -32px; } | |
| 1509 .ui-icon-arrowstop-1-e { background-position: -208px -32px; } | |
| 1510 .ui-icon-arrowstop-1-s { background-position: -224px -32px; } | |
| 1511 .ui-icon-arrowstop-1-w { background-position: -240px -32px; } | |
| 1512 .ui-icon-arrowthick-1-n { background-position: 0 -48px; } | |
| 1513 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } | |
| 1514 .ui-icon-arrowthick-1-e { background-position: -32px -48px; } | |
| 1515 .ui-icon-arrowthick-1-se { background-position: -48px -48px; } | |
| 1516 .ui-icon-arrowthick-1-s { background-position: -64px -48px; } | |
| 1517 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } | |
| 1518 .ui-icon-arrowthick-1-w { background-position: -96px -48px; } | |
| 1519 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } | |
| 1520 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } | |
| 1521 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } | |
| 1522 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } | |
| 1523 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } | |
| 1524 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } | |
| 1525 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } | |
| 1526 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } | |
| 1527 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } | |
| 1528 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } | |
| 1529 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } | |
| 1530 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } | |
| 1531 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } | |
| 1532 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } | |
| 1533 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } | |
| 1534 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } | |
| 1535 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } | |
| 1536 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } | |
| 1537 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } | |
| 1538 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } | |
| 1539 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } | |
| 1540 .ui-icon-arrow-4 { background-position: 0 -80px; } | |
| 1541 .ui-icon-arrow-4-diag { background-position: -16px -80px; } | |
| 1542 .ui-icon-extlink { background-position: -32px -80px; } | |
| 1543 .ui-icon-newwin { background-position: -48px -80px; } | |
| 1544 .ui-icon-refresh { background-position: -64px -80px; } | |
| 1545 .ui-icon-shuffle { background-position: -80px -80px; } | |
| 1546 .ui-icon-transfer-e-w { background-position: -96px -80px; } | |
| 1547 .ui-icon-transferthick-e-w { background-position: -112px -80px; } | |
| 1548 .ui-icon-folder-collapsed { background-position: 0 -96px; } | |
| 1549 .ui-icon-folder-open { background-position: -16px -96px; } | |
| 1550 .ui-icon-document { background-position: -32px -96px; } | |
| 1551 .ui-icon-document-b { background-position: -48px -96px; } | |
| 1552 .ui-icon-note { background-position: -64px -96px; } | |
| 1553 .ui-icon-mail-closed { background-position: -80px -96px; } | |
| 1554 .ui-icon-mail-open { background-position: -96px -96px; } | |
| 1555 .ui-icon-suitcase { background-position: -112px -96px; } | |
| 1556 .ui-icon-comment { background-position: -128px -96px; } | |
| 1557 .ui-icon-person { background-position: -144px -96px; } | |
| 1558 .ui-icon-print { background-position: -160px -96px; } | |
| 1559 .ui-icon-trash { background-position: -176px -96px; } | |
| 1560 .ui-icon-locked { background-position: -192px -96px; } | |
| 1561 .ui-icon-unlocked { background-position: -208px -96px; } | |
| 1562 .ui-icon-bookmark { background-position: -224px -96px; } | |
| 1563 .ui-icon-tag { background-position: -240px -96px; } | |
| 1564 .ui-icon-home { background-position: 0 -112px; } | |
| 1565 .ui-icon-flag { background-position: -16px -112px; } | |
| 1566 .ui-icon-calendar { background-position: -32px -112px; } | |
| 1567 .ui-icon-cart { background-position: -48px -112px; } | |
| 1568 .ui-icon-pencil { background-position: -64px -112px; } | |
| 1569 .ui-icon-clock { background-position: -80px -112px; } | |
| 1570 .ui-icon-disk { background-position: -96px -112px; } | |
| 1571 .ui-icon-calculator { background-position: -112px -112px; } | |
| 1572 .ui-icon-zoomin { background-position: -128px -112px; } | |
| 1573 .ui-icon-zoomout { background-position: -144px -112px; } | |
| 1574 .ui-icon-search { background-position: -160px -112px; } | |
| 1575 .ui-icon-wrench { background-position: -176px -112px; } | |
| 1576 .ui-icon-gear { background-position: -192px -112px; } | |
| 1577 .ui-icon-heart { background-position: -208px -112px; } | |
| 1578 .ui-icon-star { background-position: -224px -112px; } | |
| 1579 .ui-icon-link { background-position: -240px -112px; } | |
| 1580 .ui-icon-cancel { background-position: 0 -128px; } | |
| 1581 .ui-icon-plus { background-position: -16px -128px; } | |
| 1582 .ui-icon-plusthick { background-position: -32px -128px; } | |
| 1583 .ui-icon-minus { background-position: -48px -128px; } | |
| 1584 .ui-icon-minusthick { background-position: -64px -128px; } | |
| 1585 .ui-icon-close { background-position: -80px -128px; } | |
| 1586 .ui-icon-closethick { background-position: -96px -128px; } | |
| 1587 .ui-icon-key { background-position: -112px -128px; } | |
| 1588 .ui-icon-lightbulb { background-position: -128px -128px; } | |
| 1589 .ui-icon-scissors { background-position: -144px -128px; } | |
| 1590 .ui-icon-clipboard { background-position: -160px -128px; } | |
| 1591 .ui-icon-copy { background-position: -176px -128px; } | |
| 1592 .ui-icon-contact { background-position: -192px -128px; } | |
| 1593 .ui-icon-image { background-position: -208px -128px; } | |
| 1594 .ui-icon-video { background-position: -224px -128px; } | |
| 1595 .ui-icon-script { background-position: -240px -128px; } | |
| 1596 .ui-icon-alert { background-position: 0 -144px; } | |
| 1597 .ui-icon-info { background-position: -16px -144px; } | |
| 1598 .ui-icon-notice { background-position: -32px -144px; } | |
| 1599 .ui-icon-help { background-position: -48px -144px; } | |
| 1600 .ui-icon-check { background-position: -64px -144px; } | |
| 1601 .ui-icon-bullet { background-position: -80px -144px; } | |
| 1602 .ui-icon-radio-on { background-position: -96px -144px; } | |
| 1603 .ui-icon-radio-off { background-position: -112px -144px; } | |
| 1604 .ui-icon-pin-w { background-position: -128px -144px; } | |
| 1605 .ui-icon-pin-s { background-position: -144px -144px; } | |
| 1606 .ui-icon-play { background-position: 0 -160px; } | |
| 1607 .ui-icon-pause { background-position: -16px -160px; } | |
| 1608 .ui-icon-seek-next { background-position: -32px -160px; } | |
| 1609 .ui-icon-seek-prev { background-position: -48px -160px; } | |
| 1610 .ui-icon-seek-end { background-position: -64px -160px; } | |
| 1611 .ui-icon-seek-start { background-position: -80px -160px; } | |
| 1612 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ | |
| 1613 .ui-icon-seek-first { background-position: -80px -160px; } | |
| 1614 .ui-icon-stop { background-position: -96px -160px; } | |
| 1615 .ui-icon-eject { background-position: -112px -160px; } | |
| 1616 .ui-icon-volume-off { background-position: -128px -160px; } | |
| 1617 .ui-icon-volume-on { background-position: -144px -160px; } | |
| 1618 .ui-icon-power { background-position: 0 -176px; } | |
| 1619 .ui-icon-signal-diag { background-position: -16px -176px; } | |
| 1620 .ui-icon-signal { background-position: -32px -176px; } | |
| 1621 .ui-icon-battery-0 { background-position: -48px -176px; } | |
| 1622 .ui-icon-battery-1 { background-position: -64px -176px; } | |
| 1623 .ui-icon-battery-2 { background-position: -80px -176px; } | |
| 1624 .ui-icon-battery-3 { background-position: -96px -176px; } | |
| 1625 .ui-icon-circle-plus { background-position: 0 -192px; } | |
| 1626 .ui-icon-circle-minus { background-position: -16px -192px; } | |
| 1627 .ui-icon-circle-close { background-position: -32px -192px; } | |
| 1628 .ui-icon-circle-triangle-e { background-position: -48px -192px; } | |
| 1629 .ui-icon-circle-triangle-s { background-position: -64px -192px; } | |
| 1630 .ui-icon-circle-triangle-w { background-position: -80px -192px; } | |
| 1631 .ui-icon-circle-triangle-n { background-position: -96px -192px; } | |
| 1632 .ui-icon-circle-arrow-e { background-position: -112px -192px; } | |
| 1633 .ui-icon-circle-arrow-s { background-position: -128px -192px; } | |
| 1634 .ui-icon-circle-arrow-w { background-position: -144px -192px; } | |
| 1635 .ui-icon-circle-arrow-n { background-position: -160px -192px; } | |
| 1636 .ui-icon-circle-zoomin { background-position: -176px -192px; } | |
| 1637 .ui-icon-circle-zoomout { background-position: -192px -192px; } | |
| 1638 .ui-icon-circle-check { background-position: -208px -192px; } | |
| 1639 .ui-icon-circlesmall-plus { background-position: 0 -208px; } | |
| 1640 .ui-icon-circlesmall-minus { background-position: -16px -208px; } | |
| 1641 .ui-icon-circlesmall-close { background-position: -32px -208px; } | |
| 1642 .ui-icon-squaresmall-plus { background-position: -48px -208px; } | |
| 1643 .ui-icon-squaresmall-minus { background-position: -64px -208px; } | |
| 1644 .ui-icon-squaresmall-close { background-position: -80px -208px; } | |
| 1645 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } | |
| 1646 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } | |
| 1647 .ui-icon-grip-solid-vertical { background-position: -32px -224px; } | |
| 1648 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } | |
| 1649 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } | |
| 1650 .ui-icon-grip-diagonal-se { background-position: -80px -224px; } | |
| 1651 | |
| 1652 | |
| 1653 /* Misc visuals | |
| 1654 ----------------------------------*/ | |
| 1655 | |
| 1656 /* Corner radius */ | |
| 1657 .ui-corner-all, | |
| 1658 .ui-corner-top, | |
| 1659 .ui-corner-left, | |
| 1660 .ui-corner-tl { | |
| 1661 border-top-left-radius: 4px; | |
| 1662 } | |
| 1663 .ui-corner-all, | |
| 1664 .ui-corner-top, | |
| 1665 .ui-corner-right, | |
| 1666 .ui-corner-tr { | |
| 1667 border-top-right-radius: 4px; | |
| 1668 } | |
| 1669 .ui-corner-all, | |
| 1670 .ui-corner-bottom, | |
| 1671 .ui-corner-left, | |
| 1672 .ui-corner-bl { | |
| 1673 border-bottom-left-radius: 4px; | |
| 1674 } | |
| 1675 .ui-corner-all, | |
| 1676 .ui-corner-bottom, | |
| 1677 .ui-corner-right, | |
| 1678 .ui-corner-br { | |
| 1679 border-bottom-right-radius: 4px; | |
| 1680 } | |
| 1681 | |
| 1682 /* Overlays */ | |
| 1683 .ui-widget-overlay { | |
| 1684 background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | |
| 1685 opacity: .3; | |
| 1686 filter: Alpha(Opacity=30); | |
| 1687 } | |
| 1688 .ui-widget-shadow { | |
| 1689 margin: -8px 0 0 -8px; | |
| 1690 padding: 8px; | |
| 1691 background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | |
| 1692 opacity: .3; | |
| 1693 filter: Alpha(Opacity=30); | |
| 1694 border-radius: 8px; | |
| 1695 } | |
| 1696 @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold&subset=latin); | |
| 1697 | |
| 1698 body { | |
| 1699 font-family: "Droid Sans", verdana, arial, serif; | |
| 1700 } | |
| 1701 | |
| 1702 /* | |
| 1703 settings for slider object | |
| 1704 */ | |
| 1705 .dynamic-slider-control { | |
| 1706 width: 20px; | |
| 1707 position: relative; | |
| 1708 margin: auto; | |
| 1709 } | |
| 1710 | |
| 1711 .vertical { | |
| 1712 height: 80px; | |
| 1713 } | |
| 1714 | |
| 1715 .horizontal { | |
| 1716 width: 60px; | |
| 1717 } | |
| 1718 | |
| 1719 .dynamic-slider-control input { | |
| 1720 display: none; | |
| 1721 } | |
| 1722 | |
| 1723 .dynamic-slider-control .handle { | |
| 1724 position: absolute; | |
| 1725 font-size: 1px; | |
| 1726 overflow: hidden; | |
| 1727 } | |
| 1728 | |
| 1729 .dynamic-slider-control.vertical .handle { | |
| 1730 width: 20px; | |
| 1731 height: 30px; | |
| 1732 background-image: url("../images/sliderDot.png"); | |
| 1733 } | |
| 1734 | |
| 1735 .dynamic-slider-control.horizontal .handle { | |
| 1736 width: 30px; | |
| 1737 height: 20px; | |
| 1738 background-image: url("../images/sliderDot-horizontal.png"); | |
| 1739 } | |
| 1740 | |
| 1741 .dynamic-slider-control .line { | |
| 1742 position: absolute; | |
| 1743 font-size: 0.01mm; | |
| 1744 overflow: hidden; | |
| 1745 border: 1px solid rgb(90,97,90); | |
| 1746 background: rgb(189,190,189); | |
| 1747 } | |
| 1748 | |
| 1749 .dynamic-slider-control.vertical .line { | |
| 1750 width: 3px; | |
| 1751 } | |
| 1752 | |
| 1753 .dynamic-slider-control .line div { | |
| 1754 width: 1px; | |
| 1755 height: 1px; | |
| 1756 | |
| 1757 border: 1px solid; | |
| 1758 border-color: rgb(230,230,230) rgb(189,190,189) | |
| 1759 rgb(189,190,189) rgb(230,230,230); | |
| 1760 } | |
| 1761 | |
| 1762 /* | |
| 1763 settings for timeplot widget (some are overwritten timeplot css classes) | |
| 1764 */ | |
| 1765 .plotWindow { | |
| 1766 position: relative; | |
| 1767 border-bottom: 1px solid #ADADAD; | |
| 1768 z-index: 1; | |
| 1769 width: 100%; | |
| 1770 } | |
| 1771 | |
| 1772 .plotContainer { | |
| 1773 position: absolute; | |
| 1774 padding: 0px; | |
| 1775 border: none; | |
| 1776 top: 12px; | |
| 1777 left: 0px; | |
| 1778 z-index: 1; | |
| 1779 overflow: hidden; | |
| 1780 width: 100%; | |
| 1781 } | |
| 1782 | |
| 1783 .plotCanvas { | |
| 1784 position: absolute; | |
| 1785 top: 0px; | |
| 1786 left: 0px; | |
| 1787 z-index: -2; | |
| 1788 } | |
| 1789 | |
| 1790 .timeplot-background { | |
| 1791 display: none; | |
| 1792 z-index: -2; | |
| 1793 } | |
| 1794 | |
| 1795 .timeplot-container { | |
| 1796 position: absolute; | |
| 1797 left: 16px; | |
| 1798 padding: 0px; | |
| 1799 border: none; | |
| 1800 z-index: 1; | |
| 1801 top: 0px; | |
| 1802 overflow: visible; | |
| 1803 } | |
| 1804 | |
| 1805 .timeplot-copyright { | |
| 1806 visibility: hidden; | |
| 1807 } | |
| 1808 | |
| 1809 .timeplot-timeflag { | |
| 1810 font-size: 0.8em; | |
| 1811 font-weight: normal; | |
| 1812 } | |
| 1813 | |
| 1814 .timeplot-valueflag { | |
| 1815 font-size: 0.8em; | |
| 1816 } | |
| 1817 | |
| 1818 .timeplot-dayflag-pole { | |
| 1819 display: none; | |
| 1820 z-index: 999; | |
| 1821 } | |
| 1822 | |
| 1823 .timeplot-dayflag { | |
| 1824 display: none; | |
| 1825 border: 1px solid #FF0000; | |
| 1826 padding: 1px; | |
| 1827 text-align: center; | |
| 1828 background-color: #FFCCCC; | |
| 1829 z-index: 1000; | |
| 1830 } | |
| 1831 | |
| 1832 .range-box { | |
| 1833 display: none; | |
| 1834 background-repeat: repeat; | |
| 1835 opacity: 0.6; | |
| 1836 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; | |
| 1837 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; | |
| 1838 z-index: -1; | |
| 1839 } | |
| 1840 | |
| 1841 .popup-click-div { | |
| 1842 display: none; | |
| 1843 z-index: 1010; | |
| 1844 cursor: pointer; | |
| 1845 } | |
| 1846 | |
| 1847 .left-feather { | |
| 1848 display: none; | |
| 1849 z-index: -1; | |
| 1850 } | |
| 1851 | |
| 1852 .right-feather { | |
| 1853 display: none; | |
| 1854 z-index: -1; | |
| 1855 } | |
| 1856 | |
| 1857 .plotHandle { | |
| 1858 position: absolute; | |
| 1859 visibility: hidden; | |
| 1860 cursor: pointer; | |
| 1861 z-index: 1002; | |
| 1862 } | |
| 1863 | |
| 1864 .plotHandleLabel { | |
| 1865 padding: 2px 5px; | |
| 1866 font-size: 0.8em; | |
| 1867 } | |
| 1868 | |
| 1869 .plotHandleIcon { | |
| 1870 height: 43px; | |
| 1871 width: 14px; | |
| 1872 margin: 0; | |
| 1873 padding: 0; | |
| 1874 } | |
| 1875 | |
| 1876 .plotHandleBox { | |
| 1877 position: absolute; | |
| 1878 border: solid 1px #d0ba9a; | |
| 1879 background-color: #e8cfac; | |
| 1880 filter: alpha(opacity=40); | |
| 1881 opacity: 0.4; | |
| 1882 margin: 0; | |
| 1883 padding: 0; | |
| 1884 } | |
| 1885 | |
| 1886 .plotToolbar { | |
| 1887 position: absolute; | |
| 1888 visibility: hidden; | |
| 1889 z-index: 1; | |
| 1890 } | |
| 1891 | |
| 1892 .featherSlider { | |
| 1893 position: absolute; | |
| 1894 top: 9px; | |
| 1895 right: 64px; | |
| 1896 } | |
| 1897 | |
| 1898 .timeOverview { | |
| 1899 position: absolute; | |
| 1900 top: 0px; | |
| 1901 height: 12px; | |
| 1902 z-index: 0; | |
| 1903 visibility: hidden; | |
| 1904 opacity: 0.5; | |
| 1905 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
| 1906 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |
| 1907 overflow: hidden; | |
| 1908 border-bottom: 1px solid rgb(100,100,100); | |
| 1909 } | |
| 1910 | |
| 1911 .plotLabels { | |
| 1912 position: absolute; | |
| 1913 overflow: hidden; | |
| 1914 top: 0px; | |
| 1915 left: 0px; | |
| 1916 height: 12px; | |
| 1917 z-index: 0; | |
| 1918 } | |
| 1919 | |
| 1920 .plotLabel { | |
| 1921 position: absolute; | |
| 1922 font-size: 9px; | |
| 1923 height: 10px; | |
| 1924 padding: 1px 2px; | |
| 1925 border-left: solid 1px rgb(214,214,214); | |
| 1926 } | |
| 1927 | |
| 1928 .overviewRange { | |
| 1929 position: absolute; | |
| 1930 top: 0px; | |
| 1931 height: 12px; | |
| 1932 background: white; | |
| 1933 } | |
| 1934 | |
| 1935 .overviewLabel { | |
| 1936 position: absolute; | |
| 1937 font-size: 9px; | |
| 1938 height: 10px; | |
| 1939 padding: 1px 2px; | |
| 1940 border-left: solid 1px black; | |
| 1941 } | |
| 1942 | |
| 1943 .shiftLeft { | |
| 1944 position: absolute; | |
| 1945 left: 4px; | |
| 1946 top: 0px; | |
| 1947 height: 12px; | |
| 1948 width: 12px; | |
| 1949 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| 1950 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| 1951 opacity: 0.8; | |
| 1952 background-image: url(../images/shiftLeft.png); | |
| 1953 visibility: hidden; | |
| 1954 } | |
| 1955 | |
| 1956 .shiftLeft:hover { | |
| 1957 cursor: pointer; | |
| 1958 background-image: url(../images/shiftLeftOver.png); | |
| 1959 } | |
| 1960 | |
| 1961 .shiftRight { | |
| 1962 position: absolute; | |
| 1963 right: 4px; | |
| 1964 top: 0px; | |
| 1965 height: 12px; | |
| 1966 width: 12px; | |
| 1967 opacity: 0.8; | |
| 1968 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| 1969 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| 1970 background-image: url(../images/shiftRight.png); | |
| 1971 visibility: hidden; | |
| 1972 } | |
| 1973 | |
| 1974 .shiftRight:hover { | |
| 1975 cursor: pointer; | |
| 1976 background-image: url(../images/shiftRightOver.png); | |
| 1977 } | |
| 1978 | |
| 1979 /* | |
| 1980 settings for map widget | |
| 1981 */ | |
| 1982 .mapWindow { | |
| 1983 position: absolute; | |
| 1984 overflow: hidden; | |
| 1985 z-index: 2; | |
| 1986 width: 100%; | |
| 1987 } | |
| 1988 | |
| 1989 .mapContainer { | |
| 1990 width: 100%; | |
| 1991 } | |
| 1992 | |
| 1993 .mapCanvas { | |
| 1994 position: absolute; | |
| 1995 top: 0px; | |
| 1996 left: 0px; | |
| 1997 z-index: -2; | |
| 1998 } | |
| 1999 | |
| 2000 .mapsMenu { | |
| 2001 position: absolute; | |
| 2002 z-index: 1000; | |
| 2003 } | |
| 2004 | |
| 2005 .mapsMenu dl { | |
| 2006 margin: 0px; | |
| 2007 display: block; | |
| 2008 } | |
| 2009 | |
| 2010 .mapsMenu dt { | |
| 2011 padding: 2px; | |
| 2012 display: block; | |
| 2013 cursor: pointer; | |
| 2014 } | |
| 2015 | |
| 2016 .mapsMenu dt:hover { | |
| 2017 background: #C9C9CB; | |
| 2018 } | |
| 2019 | |
| 2020 .selectedMapEntry { | |
| 2021 color: white; | |
| 2022 background: #C9C9CB; | |
| 2023 } | |
| 2024 | |
| 2025 .pointClickDiv { | |
| 2026 position: absolute; | |
| 2027 visibility: hidden; | |
| 2028 z-index: 4; | |
| 2029 } | |
| 2030 | |
| 2031 .pointClickDivBackground { | |
| 2032 width: 100%; | |
| 2033 height: 100%; | |
| 2034 z-index: 4; | |
| 2035 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| 2036 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |
| 2037 } | |
| 2038 | |
| 2039 .mapInfo { | |
| 2040 position: absolute; | |
| 2041 bottom: 5px; | |
| 2042 right: 5px; | |
| 2043 padding: 3px; | |
| 2044 } | |
| 2045 | |
| 2046 .tagCloudDiv { | |
| 2047 position: absolute; | |
| 2048 } | |
| 2049 | |
| 2050 .mapToolbar { | |
| 2051 position: absolute; | |
| 2052 visibility: hidden; | |
| 2053 z-index: 1009; | |
| 2054 opacity: 0.8; | |
| 2055 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| 2056 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; | |
| 2057 } | |
| 2058 | |
| 2059 .tagCloudItem { | |
| 2060 z-index: 1009; | |
| 2061 cursor: pointer; | |
| 2062 } | |
| 2063 | |
| 2064 .controlLock { | |
| 2065 position: absolute; | |
| 2066 width: 100%; | |
| 2067 height: 100%; | |
| 2068 z-index: 1008; | |
| 2069 visibility: hidden; | |
| 2070 } | |
| 2071 | |
| 2072 /* | |
| 2073 sti toolbar settings | |
| 2074 */ | |
| 2075 .toolbarTop { | |
| 2076 top: 0px; | |
| 2077 } | |
| 2078 | |
| 2079 .toolbarBottom { | |
| 2080 bottom: 0px; | |
| 2081 } | |
| 2082 | |
| 2083 .toolbarLeft { | |
| 2084 left: 0px; | |
| 2085 } | |
| 2086 | |
| 2087 .toolbarRight { | |
| 2088 right: 0px; | |
| 2089 } | |
| 2090 | |
| 2091 .toolbarLeftLight { | |
| 2092 background-image: url(../images/bg-left.png); | |
| 2093 background-repeat: repeat-y; | |
| 2094 border-right: 1px solid white; | |
| 2095 } | |
| 2096 | |
| 2097 .toolbarRightLight { | |
| 2098 background-image: url(../images/bg-right.png); | |
| 2099 background-repeat: repeat-y; | |
| 2100 border-left: 1px solid white; | |
| 2101 } | |
| 2102 | |
| 2103 /* | |
| 2104 settings for zoom slider | |
| 2105 */ | |
| 2106 .sliderStyle { | |
| 2107 position: relative; | |
| 2108 width: 20px; | |
| 2109 height: 100px; | |
| 2110 border: 1px solid rgb(68,68,68); | |
| 2111 margin: 3px; | |
| 2112 } | |
| 2113 | |
| 2114 .zoomSliderContainer { | |
| 2115 position: absolute; | |
| 2116 top: 10px; | |
| 2117 left: 0px; | |
| 2118 } | |
| 2119 | |
| 2120 .zoomSliderIn { | |
| 2121 position: absolute; | |
| 2122 top: 0px; | |
| 2123 left: 2px; | |
| 2124 } | |
| 2125 | |
| 2126 .zoomSliderOut { | |
| 2127 position: absolute; | |
| 2128 top: 84px; | |
| 2129 left: 2px; | |
| 2130 } | |
| 2131 | |
| 2132 /* | |
| 2133 settings for widgets integrated toolbars | |
| 2134 */ | |
| 2135 .dragTimeRangeAlt { | |
| 2136 position: relative; | |
| 2137 height: 12px; | |
| 2138 width: 43px; | |
| 2139 cursor: pointer; | |
| 2140 } | |
| 2141 | |
| 2142 .cancelRangeAlt { | |
| 2143 position: absolute; | |
| 2144 height: 16px; | |
| 2145 width: 16px; | |
| 2146 background-image: url(../images/cancel.png); | |
| 2147 cursor: pointer; | |
| 2148 visibility: hidden; | |
| 2149 } | |
| 2150 | |
| 2151 .widgetHeadline { | |
| 2152 position: absolute; | |
| 2153 top: 3px; | |
| 2154 font-size: 18px; | |
| 2155 padding: 3px; | |
| 2156 } | |
| 2157 | |
| 2158 /* | |
| 2159 settings for widgets popup window | |
| 2160 */ | |
| 2161 .popupDiv { | |
| 2162 position: absolute; | |
| 2163 background-color: white; | |
| 2164 border: 2px solid #666666; | |
| 2165 padding: 25px; | |
| 2166 visibility: hidden; | |
| 2167 } | |
| 2168 | |
| 2169 .back { | |
| 2170 position: absolute; | |
| 2171 height: 16px; | |
| 2172 width: 16px; | |
| 2173 top: 2px; | |
| 2174 left: 5px; | |
| 2175 background-image: url(../images/back.png); | |
| 2176 background-repeat: no-repeat; | |
| 2177 cursor: pointer; | |
| 2178 display: none; | |
| 2179 } | |
| 2180 | |
| 2181 .next { | |
| 2182 position: absolute; | |
| 2183 height: 16px; | |
| 2184 width: 16px; | |
| 2185 bottom: 5px; | |
| 2186 right: 5px; | |
| 2187 background-image: url(../images/next.png); | |
| 2188 background-repeat: no-repeat; | |
| 2189 cursor: pointer; | |
| 2190 } | |
| 2191 | |
| 2192 .previous { | |
| 2193 position: absolute; | |
| 2194 height: 16px; | |
| 2195 width: 16px; | |
| 2196 bottom: 5px; | |
| 2197 left: 5px; | |
| 2198 background-image: url(../images/prev.png); | |
| 2199 background-repeat: no-repeat; | |
| 2200 cursor: pointer; | |
| 2201 } | |
| 2202 | |
| 2203 .popupTriangleDown { | |
| 2204 position: absolute; | |
| 2205 height: 18px; | |
| 2206 width: 31px; | |
| 2207 background-image: url(../images/popupTriangleDown.png); | |
| 2208 background-repeat: no-repeat; | |
| 2209 z-index: 1000; | |
| 2210 } | |
| 2211 | |
| 2212 .popupTriangleUp { | |
| 2213 position: absolute; | |
| 2214 height: 18px; | |
| 2215 width: 31px; | |
| 2216 background-image: url(../images/popupTriangleUp.png); | |
| 2217 background-repeat: no-repeat; | |
| 2218 z-index: 1000; | |
| 2219 } | |
| 2220 | |
| 2221 .popupTriangleLeft { | |
| 2222 position: absolute; | |
| 2223 height: 31px; | |
| 2224 width: 18px; | |
| 2225 background-image: url(../images/popupTriangleLeft.png); | |
| 2226 background-repeat: no-repeat; | |
| 2227 z-index: 1000; | |
| 2228 } | |
| 2229 | |
| 2230 .popupTriangleRight { | |
| 2231 position: absolute; | |
| 2232 height: 31px; | |
| 2233 width: 18px; | |
| 2234 background-image: url(../images/popupTriangleRight.png); | |
| 2235 background-repeat: no-repeat; | |
| 2236 z-index: 1000; | |
| 2237 } | |
| 2238 | |
| 2239 .popupResultsLabel { | |
| 2240 position: absolute; | |
| 2241 bottom: 5px; | |
| 2242 font-size: 60%; | |
| 2243 color:#999999; | |
| 2244 } | |
| 2245 | |
| 2246 .popupDescription { | |
| 2247 font-size: 60%; | |
| 2248 } | |
| 2249 | |
| 2250 .popupDiv ul { | |
| 2251 list-style-type: none; | |
| 2252 margin:0; | |
| 2253 padding:0; | |
| 2254 } | |
| 2255 | |
| 2256 .popupDiv ol li:hover { | |
| 2257 text-decoration:underline; | |
| 2258 } | |
| 2259 | |
| 2260 .popupDiv li { | |
| 2261 padding: 5px; | |
| 2262 cursor: pointer; | |
| 2263 } | |
| 2264 | |
| 2265 .popupContent { | |
| 2266 font-size: 60%; | |
| 2267 font-weight: bold; | |
| 2268 } | |
| 2269 | |
| 2270 .animation { | |
| 2271 position: absolute; | |
| 2272 width: 18px; | |
| 2273 height: 18px; | |
| 2274 cursor: pointer; | |
| 2275 visibility: hidden; | |
| 2276 } | |
| 2277 | |
| 2278 .osmLink { | |
| 2279 position: absolute; | |
| 2280 left: 5px; | |
| 2281 bottom: 5px; | |
| 2282 font-size: 11px; | |
| 2283 color: blue; | |
| 2284 visibility: hidden; | |
| 2285 z-index: 1100; | |
| 2286 } | |
| 2287 | |
| 2288 .osmLink a { | |
| 2289 color: blue; | |
| 2290 } | |
| 2291 | |
| 2292 .osmLink a:visited { | |
| 2293 color: blue; | |
| 2294 } | |
| 2295 | |
| 2296 .absoluteToolbar { | |
| 2297 position: absolute; | |
| 2298 top: 0px; | |
| 2299 left: 0px; | |
| 2300 z-index: 1002; | |
| 2301 } | |
| 2302 | |
| 2303 .ddbToolbar { | |
| 2304 width: 100%; | |
| 2305 background-color: #878380; | |
| 2306 position: relative; | |
| 2307 opacity: 0.85; | |
| 2308 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 2309 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 2310 border-spacing: 0px; | |
| 2311 z-index: 10000; | |
| 2312 } | |
| 2313 | |
| 2314 .ddbToolbar table { | |
| 2315 border-spacing: 0px; | |
| 2316 } | |
| 2317 | |
| 2318 .ddbToolbar td { | |
| 2319 color: white; | |
| 2320 font-size: 13px; | |
| 2321 font-weight: bold; | |
| 2322 border: none; | |
| 2323 text-align: center; | |
| 2324 } | |
| 2325 | |
| 2326 .ddbTooltip { | |
| 2327 position: absolute; | |
| 2328 width: 20px; | |
| 2329 height: 20px; | |
| 2330 background-image: url(../images/tooltip.png); | |
| 2331 top: 5px; | |
| 2332 right: 5px; | |
| 2333 cursor: help; | |
| 2334 } | |
| 2335 | |
| 2336 .dropdown { | |
| 2337 display: inline-block; | |
| 2338 height: 25px; | |
| 2339 max-height: 25px; | |
| 2340 white-space: nowrap; | |
| 2341 } | |
| 2342 | |
| 2343 .dropdownLeft { | |
| 2344 display: table-cell; | |
| 2345 width: 5px; | |
| 2346 height: 25px; | |
| 2347 background-image: url(../images/dropdownLeft.png); | |
| 2348 } | |
| 2349 | |
| 2350 .dropdownSelection { | |
| 2351 text-align: center; | |
| 2352 height: 25px; | |
| 2353 color: #6f6b68; | |
| 2354 font-style: italic; | |
| 2355 font-weight: normal; | |
| 2356 font-size: 13px; | |
| 2357 display: table-cell; | |
| 2358 vertical-align: middle; | |
| 2359 background-image: url(../images/dropdownMiddle.png); | |
| 2360 white-space: nowrap; | |
| 2361 } | |
| 2362 | |
| 2363 .dropdownButtonEnabled { | |
| 2364 display: table-cell; | |
| 2365 width: 25px; | |
| 2366 height: 25px; | |
| 2367 background-image: url(../images/dropdownEnabled1.png); | |
| 2368 cursor: pointer; | |
| 2369 } | |
| 2370 | |
| 2371 .dropdownButtonDisabled { | |
| 2372 display: table-cell; | |
| 2373 width: 25px; | |
| 2374 height: 25px; | |
| 2375 background-image: url(../images/dropdownDisabled1.png); | |
| 2376 cursor: pointer; | |
| 2377 } | |
| 2378 | |
| 2379 .dropdownMenu { | |
| 2380 display: inline-block; | |
| 2381 font-size: 13px; | |
| 2382 background-color: white; | |
| 2383 opacity: 0.85; | |
| 2384 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 2385 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 2386 max-height: 200px; | |
| 2387 overflow: auto; | |
| 2388 position: absolute; | |
| 2389 z-index: 3; | |
| 2390 } | |
| 2391 | |
| 2392 .dropdownMenu dl { | |
| 2393 margin: 0px; | |
| 2394 display: block; | |
| 2395 white-space: nowrap; | |
| 2396 } | |
| 2397 | |
| 2398 .dropdownMenu dt { | |
| 2399 padding: 2px 10px; | |
| 2400 display: block; | |
| 2401 cursor: pointer; | |
| 2402 text-align: center; | |
| 2403 color: #6f6b68; | |
| 2404 font-weight: normal; | |
| 2405 white-space: nowrap; | |
| 2406 } | |
| 2407 | |
| 2408 .dropdownMenu dt:hover { | |
| 2409 background: #DFDFDD; | |
| 2410 white-space: nowrap; | |
| 2411 } | |
| 2412 | |
| 2413 .dropdownSelectedEntry { | |
| 2414 color: #6f6b68; | |
| 2415 font-style: italic; | |
| 2416 font-weight: normal; | |
| 2417 display: table-cell; | |
| 2418 vertical-align: middle; | |
| 2419 white-space: nowrap; | |
| 2420 } | |
| 2421 | |
| 2422 .dropdownUnselectedEntry { | |
| 2423 color: #6f6b68; | |
| 2424 font-style: normal; | |
| 2425 font-weight: normal; | |
| 2426 display: table-cell; | |
| 2427 vertical-align: middle; | |
| 2428 white-space: nowrap; | |
| 2429 } | |
| 2430 | |
| 2431 .ddbElementsCount { | |
| 2432 font-family: Calibri,Arial,sans-serif; | |
| 2433 color: white; | |
| 2434 font-style: italic; | |
| 2435 font-weight: normal; | |
| 2436 font-size: 13px; | |
| 2437 } | |
| 2438 | |
| 2439 /* | |
| 2440 settings for slider object | |
| 2441 */ | |
| 2442 .dynamic-slider-control { | |
| 2443 width: 20px; | |
| 2444 height: 18px; | |
| 2445 position: relative; | |
| 2446 } | |
| 2447 | |
| 2448 .vertical { | |
| 2449 height: 123px; | |
| 2450 } | |
| 2451 | |
| 2452 .horizontal { | |
| 2453 width: 123px; | |
| 2454 } | |
| 2455 | |
| 2456 .dynamic-slider-control input { | |
| 2457 display: none; | |
| 2458 } | |
| 2459 | |
| 2460 .dynamic-slider-control .handle { | |
| 2461 position: absolute; | |
| 2462 font-size: 1px; | |
| 2463 overflow: hidden; | |
| 2464 } | |
| 2465 | |
| 2466 .dynamic-slider-control.vertical .handle { | |
| 2467 width: 20px; | |
| 2468 height: 12px; | |
| 2469 cursor: pointer; | |
| 2470 background-image: url("../images/zoom_slider-vertical.png"); | |
| 2471 } | |
| 2472 | |
| 2473 .dynamic-slider-control.horizontal .handle { | |
| 2474 width: 12px; | |
| 2475 height: 20px; | |
| 2476 cursor: pointer; | |
| 2477 background-image: url("../images/zoom_slider-horizontal.png"); | |
| 2478 } | |
| 2479 | |
| 2480 .dynamic-slider-control .line { | |
| 2481 position: absolute; | |
| 2482 font-size: 0.01mm; | |
| 2483 overflow: hidden; | |
| 2484 border: none; | |
| 2485 background: rgb(189,190,189); | |
| 2486 } | |
| 2487 | |
| 2488 .dynamic-slider-control.vertical .line { | |
| 2489 width: 0px; | |
| 2490 } | |
| 2491 | |
| 2492 .dynamic-slider-control .line div { | |
| 2493 width: 0px; | |
| 2494 height: 0px; | |
| 2495 border: none; | |
| 2496 } | |
| 2497 | |
| 2498 /* | |
| 2499 settings for zoom slider | |
| 2500 */ | |
| 2501 .sliderStyle-horizontal { | |
| 2502 position: relative; | |
| 2503 width: 167px; | |
| 2504 height: 21px; | |
| 2505 border: 1px solid #bebdbc; | |
| 2506 margin: 3px; | |
| 2507 background: white; | |
| 2508 } | |
| 2509 | |
| 2510 .sliderStyle-vertical { | |
| 2511 position: absolute; | |
| 2512 width: 27px; | |
| 2513 height: 173px; | |
| 2514 /* border: 1px solid #bebdbc;*/ | |
| 2515 /* margin: 3px;*/ | |
| 2516 /* background: white;*/ | |
| 2517 background-image: url("../images/ZoomBgWithIncrements.png"); | |
| 2518 z-index: 1001; | |
| 2519 } | |
| 2520 | |
| 2521 .zoomSliderContainer-horizontal { | |
| 2522 position: absolute; | |
| 2523 top: 2px; | |
| 2524 left: 22px; | |
| 2525 height: 16px; | |
| 2526 background-image: url("../images/zoom_grid-horizontal.png"); | |
| 2527 } | |
| 2528 | |
| 2529 .zoomSliderContainer-vertical { | |
| 2530 position: absolute; | |
| 2531 top: 24px; | |
| 2532 width: 27px; | |
| 2533 /* background-image: url("../images/zoom_grid-vertical.png");*/ | |
| 2534 } | |
| 2535 | |
| 2536 .zoomSliderIn-horizontal { | |
| 2537 position: absolute; | |
| 2538 top: 1px; | |
| 2539 left: 149px; | |
| 2540 cursor: pointer; | |
| 2541 } | |
| 2542 | |
| 2543 .zoomSliderOut-horizontal { | |
| 2544 position: absolute; | |
| 2545 top: 1px; | |
| 2546 left: 2px; | |
| 2547 cursor: pointer; | |
| 2548 } | |
| 2549 | |
| 2550 .zoomSliderIn-vertical { | |
| 2551 position: absolute; | |
| 2552 top: 4px; | |
| 2553 left: 4px; | |
| 2554 cursor: pointer; | |
| 2555 } | |
| 2556 | |
| 2557 .zoomSliderOut-vertical { | |
| 2558 position: absolute; | |
| 2559 bottom: 5px; | |
| 2560 left: 4px; | |
| 2561 cursor: pointer; | |
| 2562 } | |
| 2563 | |
| 2564 .ddbPopupDiv { | |
| 2565 position: absolute; | |
| 2566 background-color: white; | |
| 2567 padding: 15px; | |
| 2568 visibility: visible; | |
| 2569 z-index: 1000; | |
| 2570 cursor: default; | |
| 2571 } | |
| 2572 | |
| 2573 .ddbPopupInput { | |
| 2574 overflow-x: auto; | |
| 2575 overflow-y: auto; | |
| 2576 } | |
| 2577 | |
| 2578 .ddbPopupInput tr { | |
| 2579 font-size: 13px; | |
| 2580 } | |
| 2581 | |
| 2582 .ddbPopupInput th { | |
| 2583 font-size: 13px; | |
| 2584 } | |
| 2585 | |
| 2586 .ddbPopupInput td { | |
| 2587 font-size: 13px; | |
| 2588 } | |
| 2589 | |
| 2590 .viewResults { | |
| 2591 width: 121px; | |
| 2592 height: 18px; | |
| 2593 background-image: url("../images/Viewresultsbutton.png"); | |
| 2594 cursor: pointer; | |
| 2595 margin-top: 10px; | |
| 2596 } | |
| 2597 | |
| 2598 .popupRight { | |
| 2599 position: absolute; | |
| 2600 width: 10px; | |
| 2601 right: -4px; | |
| 2602 top: 8px; | |
| 2603 background-image: url("../images/right.png"); | |
| 2604 background-repeat: repeat-y; | |
| 2605 z-index: 3; | |
| 2606 } | |
| 2607 | |
| 2608 .popupBottom { | |
| 2609 position: absolute; | |
| 2610 height: 10px; | |
| 2611 bottom: -4px; | |
| 2612 left: 16px; | |
| 2613 background-image: url("../images/bottom.png"); | |
| 2614 background-repeat: repeat-x; | |
| 2615 z-index: 3; | |
| 2616 } | |
| 2617 | |
| 2618 .popupBottomRight { | |
| 2619 position: absolute; | |
| 2620 width: 10px; | |
| 2621 height: 10px; | |
| 2622 bottom: -4px; | |
| 2623 right: -4px; | |
| 2624 background-image: url("../images/bottom_right.png"); | |
| 2625 z-index: 4; | |
| 2626 } | |
| 2627 | |
| 2628 .popupTopRight { | |
| 2629 position: absolute; | |
| 2630 width: 10px; | |
| 2631 height: 8px; | |
| 2632 top: 0px; | |
| 2633 right: -4px; | |
| 2634 background-image: url("../images/top_right.png"); | |
| 2635 z-index: 4; | |
| 2636 } | |
| 2637 | |
| 2638 .popupPeak { | |
| 2639 position: absolute; | |
| 2640 width: 26px; | |
| 2641 height: 29px; | |
| 2642 bottom: -14px; | |
| 2643 left: -10px; | |
| 2644 background-image: url("../images/peak.png"); | |
| 2645 z-index: 4; | |
| 2646 } | |
| 2647 | |
| 2648 .popupDDBResults { | |
| 2649 font-weight: bold; | |
| 2650 font-size: 12px; | |
| 2651 color: #3e3a37; | |
| 2652 cursor: default; | |
| 2653 padding-bottom: 10px; | |
| 2654 } | |
| 2655 | |
| 2656 .ddbPopupCancel { | |
| 2657 position: absolute; | |
| 2658 height: 16px; | |
| 2659 width: 16px; | |
| 2660 top: 2px; | |
| 2661 right: 2px; | |
| 2662 background-image: url(../images/cancel.png); | |
| 2663 cursor: pointer; | |
| 2664 z-index: 5; | |
| 2665 } | |
| 2666 | |
| 2667 .ddbPopupLabel { | |
| 2668 display: inline-block; | |
| 2669 font-size: 12px; | |
| 2670 color: #56524f; | |
| 2671 cursor: pointer; | |
| 2672 } | |
| 2673 | |
| 2674 .zoomPopup { | |
| 2675 height: 20px; | |
| 2676 width: 20px; | |
| 2677 margin-left: 5px; | |
| 2678 background-image: url(../images/zoom.png); | |
| 2679 display: inline-block; | |
| 2680 cursor: pointer; | |
| 2681 } | |
| 2682 | |
| 2683 | |
| 2684 .descriptions { | |
| 2685 display: inline-block; | |
| 2686 height: 20px; | |
| 2687 width: 20px; | |
| 2688 background-image: url(../images/descriptions.png); | |
| 2689 background-repeat: no-repeat; | |
| 2690 cursor: pointer; | |
| 2691 } | |
| 2692 | |
| 2693 .mapLegend { | |
| 2694 position: absolute; | |
| 2695 right: 0px; | |
| 2696 bottom: 0px; | |
| 2697 opacity: 0.7; | |
| 2698 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |
| 2699 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |
| 2700 background-color: #EEE; | |
| 2701 font-size: 12px; | |
| 2702 } | |
| 2703 | |
| 2704 .mapHome { | |
| 2705 position: absolute; | |
| 2706 cursor: pointer; | |
| 2707 z-index: 1001; | |
| 2708 background-image: url("../images/ResetMap.png"); | |
| 2709 height: 27px; | |
| 2710 width: 27px; | |
| 2711 } | |
| 2712 | |
| 2713 .geoLocationOn { | |
| 2714 position: absolute; | |
| 2715 cursor: pointer; | |
| 2716 z-index: 1001; | |
| 2717 background-image: url("../images/GeoLocation.png"); | |
| 2718 height: 27px; | |
| 2719 width: 27px; | |
| 2720 } | |
| 2721 | |
| 2722 .geoLocationOff { | |
| 2723 position: absolute; | |
| 2724 cursor: pointer; | |
| 2725 z-index: 1001; | |
| 2726 background-image: url("../images/GeoLocation2.png"); | |
| 2727 height: 27px; | |
| 2728 width: 27px; | |
| 2729 } | |
| 2730 | |
| 2731 .aggregation { | |
| 2732 display: inline-block; | |
| 2733 cursor: pointer; | |
| 2734 background-image: url("../images/aggregation.png"); | |
| 2735 height: 30px; | |
| 2736 width: 31px; | |
| 2737 } | |
| 2738 | |
| 2739 .noAggregation { | |
| 2740 display: inline-block; | |
| 2741 cursor: pointer; | |
| 2742 background-image: url("../images/no_aggregation.png"); | |
| 2743 height: 30px; | |
| 2744 width: 31px; | |
| 2745 } | |
| 2746 | |
| 2747 .showBbox { | |
| 2748 display: inline-block; | |
| 2749 cursor: pointer; | |
| 2750 background-image: url("../images/bbox_icon.png"); | |
| 2751 height: 30px; | |
| 2752 width: 31px; | |
| 2753 } | |
| 2754 | |
| 2755 .hideBbox { | |
| 2756 display: inline-block; | |
| 2757 cursor: pointer; | |
| 2758 background-image: url("../images/hidebbox_icon.png"); | |
| 2759 height: 30px; | |
| 2760 width: 31px; | |
| 2761 } | |
| 2762 | |
| 2763 .nextItem { | |
| 2764 display: none; | |
| 2765 cursor: pointer; | |
| 2766 background-image: url("../images/next.png"); | |
| 2767 height: 7px; | |
| 2768 width: 9px; | |
| 2769 margin-left: 3px; | |
| 2770 } | |
| 2771 | |
| 2772 .prevItem { | |
| 2773 display: none; | |
| 2774 cursor: pointer; | |
| 2775 background-image: url("../images/prev.png"); | |
| 2776 height: 7px; | |
| 2777 width: 9px; | |
| 2778 margin-right: 3px; | |
| 2779 } | |
| 2780 | |
| 2781 .singleTable { | |
| 2782 width: 100%; | |
| 2783 } | |
| 2784 | |
| 2785 .smallButton { | |
| 2786 display: inline-block; | |
| 2787 cursor: pointer; | |
| 2788 height: 27px; | |
| 2789 width: 27px; | |
| 2790 } | |
| 2791 | |
| 2792 .paginationButton { | |
| 2793 display: table-cell; | |
| 2794 cursor: pointer; | |
| 2795 height: 26px; | |
| 2796 width: 27px; | |
| 2797 } | |
| 2798 | |
| 2799 .firstPageEnabled { | |
| 2800 background-image: url("../images/firstPageEnabled.png"); | |
| 2801 } | |
| 2802 | |
| 2803 .firstPageDisabled { | |
| 2804 background-image: url("../images/firstPageDisabled.png"); | |
| 2805 } | |
| 2806 | |
| 2807 .nextPageEnabled { | |
| 2808 background-image: url("../images/nextPageEnabled.png"); | |
| 2809 } | |
| 2810 | |
| 2811 .nextPageDisabled { | |
| 2812 background-image: url("../images/nextPageDisabled.png"); | |
| 2813 } | |
| 2814 | |
| 2815 .previousPageEnabled { | |
| 2816 background-image: url("../images/previousPageEnabled.png"); | |
| 2817 } | |
| 2818 | |
| 2819 .previousPageDisabled { | |
| 2820 background-image: url("../images/previousPageDisabled.png"); | |
| 2821 } | |
| 2822 | |
| 2823 .lastPageEnabled { | |
| 2824 background-image: url("../images/lastPageEnabled.png"); | |
| 2825 } | |
| 2826 | |
| 2827 .lastPageDisabled { | |
| 2828 background-image: url("../images/lastPageDisabled.png"); | |
| 2829 } | |
| 2830 | |
| 2831 .pageInfo { | |
| 2832 display: table-cell; | |
| 2833 vertical-align: middle; | |
| 2834 padding: 0px 10px; | |
| 2835 font-style: italic; | |
| 2836 font-weight: normal; | |
| 2837 font-size: 13px; | |
| 2838 } | |
| 2839 | |
| 2840 .resultsInfo { | |
| 2841 display: table-cell; | |
| 2842 vertical-align: middle; | |
| 2843 font-style: italic; | |
| 2844 font-weight: normal; | |
| 2845 font-size: 13px; | |
| 2846 } | |
| 2847 | |
| 2848 .resultsDropdown { | |
| 2849 display: table-cell; | |
| 2850 padding-left: 10px; | |
| 2851 } | |
| 2852 | |
| 2853 .tableEntry { | |
| 2854 padding-top: 10px; | |
| 2855 padding-bottom: 10px; | |
| 2856 padding-right: 10px; | |
| 2857 padding-left: 100px; | |
| 2858 border-bottom: 1px solid #878380; | |
| 2859 text-align: left; | |
| 2860 } | |
| 2861 | |
| 2862 .tableTabs { | |
| 2863 text-align: left; | |
| 2864 opacity: 0.85; | |
| 2865 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 2866 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 2867 border-spacing: 0px; | |
|
8
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2868 height:47px; |
| 0 | 2869 overflow:auto; |
| 2870 } | |
| 2871 | |
| 2872 .tableTab { | |
| 2873 display: inline-block; | |
| 2874 padding: 5px 20px; | |
| 2875 cursor: pointer; | |
| 2876 font-weight: bold; | |
| 2877 font-size: 13px; | |
| 2878 margin-right: 10px; | |
| 2879 border-top: 1px solid #878380; | |
| 2880 border-left: 1px solid #878380; | |
| 2881 border-right: 1px solid #878380; | |
| 2882 } | |
| 2883 | |
| 2884 .mapControl { | |
| 2885 display: inline-block; | |
| 2886 width: 31px; | |
| 2887 height: 30px; | |
| 2888 cursor: pointer; | |
| 2889 } | |
| 2890 | |
| 2891 .squareDisabled { | |
| 2892 background-image: url("../images/square-disabled.png"); | |
| 2893 } | |
| 2894 | |
| 2895 .squareActivated { | |
| 2896 background-image: url("../images/square-activated.png"); | |
| 2897 } | |
| 2898 | |
| 2899 .squareDeactivated { | |
| 2900 background-image: url("../images/square-deactivated.png"); | |
| 2901 } | |
| 2902 | |
| 2903 .circleDisabled { | |
| 2904 background-image: url("../images/circle-disabled.png"); | |
| 2905 } | |
| 2906 | |
| 2907 .circleActivated { | |
| 2908 background-image: url("../images/circle-activated.png"); | |
| 2909 } | |
| 2910 | |
| 2911 .circleDeactivated { | |
| 2912 background-image: url("../images/circle-deactivated.png"); | |
| 2913 } | |
| 2914 | |
| 2915 .polygonDisabled { | |
| 2916 background-image: url("../images/polygon-disabled.png"); | |
| 2917 } | |
| 2918 | |
| 2919 .polygonActivated { | |
| 2920 background-image: url("../images/polygon-activated.png"); | |
| 2921 } | |
| 2922 | |
| 2923 .polygonDeactivated { | |
| 2924 background-image: url("../images/polygon-deactivated.png"); | |
| 2925 } | |
| 2926 | |
| 2927 .countryDisabled { | |
| 2928 background-image: url("../images/country-disabled.png"); | |
| 2929 } | |
| 2930 | |
| 2931 .countryActivated { | |
| 2932 background-image: url("../images/country-activated.png"); | |
| 2933 } | |
| 2934 | |
| 2935 .countryDeactivated { | |
| 2936 background-image: url("../images/country-deactivated.png"); | |
| 2937 } | |
| 2938 | |
| 2939 .linearPlotActivated { | |
| 2940 background-image: url("../images/lin-activated.png"); | |
| 2941 } | |
| 2942 | |
| 2943 .linearPlotDeactivated { | |
| 2944 background-image: url("../images/lin-deactivated.png"); | |
| 2945 } | |
| 2946 | |
| 2947 .logarithmicPlotActivated { | |
| 2948 background-image: url("../images/log-activated.png"); | |
| 2949 } | |
| 2950 | |
| 2951 .logarithmicPlotDeactivated { | |
| 2952 background-image: url("../images/log-deactivated.png"); | |
| 2953 } | |
| 2954 | |
| 2955 .playEnabled { | |
| 2956 background-image: url("../images/play-enabled.png"); | |
| 2957 } | |
| 2958 | |
| 2959 .playDisabled { | |
| 2960 background-image: url("../images/play-disabled.png"); | |
| 2961 } | |
| 2962 | |
| 2963 .pauseEnabled { | |
| 2964 background-image: url("../images/pause-enabled.png"); | |
| 2965 } | |
| 2966 | |
| 2967 .pauseDisabled { | |
| 2968 background-image: url("../images/pause-disabled.png"); | |
| 2969 } | |
| 2970 | |
| 2971 .lockDeactivated { | |
| 2972 background-image: url("../images/lock-deactivated.png"); | |
| 2973 } | |
| 2974 | |
| 2975 .lockActivated { | |
| 2976 background-image: url("../images/lock-activated.png"); | |
| 2977 } | |
| 2978 | |
|
8
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2979 .fullscreenDeactivated { |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2980 background-image: url("../images/fullscreen-deactivated.png"); |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2981 } |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2982 |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2983 .fullscreenActivated { |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2984 background-image: url("../images/fullscreen-activated.png"); |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2985 } |
|
8f05c2a84bba
Apply new platin and Add tree layers
nylin@mpiwg-berlin.mpg.de
parents:
0
diff
changeset
|
2986 |
| 0 | 2987 .dragControl { |
| 2988 display: inline-block; | |
| 2989 height: 19px; | |
| 2990 width: 19px; | |
| 2991 cursor: pointer; | |
| 2992 } | |
| 2993 | |
| 2994 .dragDisabled { | |
| 2995 background-image: url("../images/drag-disabled.png"); | |
| 2996 } | |
| 2997 | |
| 2998 .dragActivated { | |
| 2999 background-image: url("../images/drag-activated.png"); | |
| 3000 } | |
| 3001 | |
| 3002 .dragDeactivated { | |
| 3003 background-image: url("../images/drag-deactivated.png"); | |
| 3004 } | |
| 3005 | |
| 3006 .selectAll { | |
| 3007 background-image: url("../images/selectAll.png"); | |
| 3008 } | |
| 3009 | |
| 3010 .invertSelection { | |
| 3011 background-image: url("../images/invertSelection.png"); | |
| 3012 } | |
| 3013 | |
| 3014 .deselectAll { | |
| 3015 background-image: url("../images/deselectAll.png"); | |
| 3016 } | |
| 3017 | |
| 3018 .showAll { | |
| 3019 background-image: url("../images/showAll.png"); | |
| 3020 } | |
| 3021 | |
| 3022 .showSelected { | |
| 3023 background-image: url("../images/showSelected.png"); | |
| 3024 } | |
| 3025 | |
| 3026 .createNewRefined { | |
| 3027 background-image: url("../images/createNewRefined.png"); | |
| 3028 } | |
| 3029 | |
| 3030 .selectPage { | |
| 3031 background-image: url("../images/selectPage.png"); | |
| 3032 } | |
| 3033 | |
| 3034 .deselectPage { | |
| 3035 background-image: url("../images/deselectPage.png"); | |
| 3036 } | |
| 3037 | |
| 3038 .resultList { | |
| 3039 z-index: 2; | |
| 3040 width: 100%; | |
| 3041 background-color: #878380; | |
| 3042 opacity: 0.85; | |
| 3043 filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 3044 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; | |
| 3045 border-spacing: 0px; | |
| 3046 } | |
| 3047 | |
| 3048 .resultList table { | |
| 3049 border-spacing: 0px; | |
| 3050 } | |
| 3051 | |
| 3052 .resultList th { | |
| 3053 font-family: Calibri,Arial,sans-serif; | |
| 3054 color: white; | |
| 3055 font-size: 13px; | |
| 3056 font-weight: bold; | |
| 3057 border: none; | |
| 3058 } | |
| 3059 | |
| 3060 .resultList td { | |
| 3061 font-family: Calibri,Arial,sans-serif; | |
| 3062 font-size: 13px; | |
| 3063 padding: 10px; | |
| 3064 border-bottom: 1px solid #878380; | |
| 3065 text-align: left; | |
| 3066 } | |
| 3067 | |
| 3068 .sortDescActive { | |
| 3069 background-image: url("../images/descActive.png"); | |
| 3070 } | |
| 3071 | |
| 3072 .sortDescDeactive { | |
| 3073 background-image: url("../images/descDeactive.png"); | |
| 3074 } | |
| 3075 | |
| 3076 .sortAscActive { | |
| 3077 background-image: url("../images/ascActive.png"); | |
| 3078 } | |
| 3079 | |
| 3080 .sortAscDeactive { | |
| 3081 background-image: url("../images/ascDeactive.png"); | |
| 3082 } | |
| 3083 | |
| 3084 .sort { | |
| 3085 height: 11px; | |
| 3086 background-position: center center; | |
| 3087 background-repeat: no-repeat; | |
| 3088 cursor: pointer; | |
| 3089 } | |
| 3090 | |
| 3091 .headerLabel { | |
| 3092 vertical-align: middle; | |
| 3093 padding: 0px 10px; | |
| 3094 } | |
| 3095 | |
| 3096 .smallButton { | |
| 3097 display: inline-block; | |
| 3098 height: 27px; | |
| 3099 width: 27px; | |
| 3100 cursor: pointer; | |
| 3101 } | |
| 3102 | |
| 3103 .filter { | |
| 3104 background-image: url("../images/filter.png"); | |
| 3105 } | |
| 3106 | |
| 3107 .filterDisabled { | |
| 3108 background-image: url("../images/filterDisabled.png"); | |
| 3109 } | |
| 3110 | |
| 3111 .filterInverse { | |
| 3112 background-image: url("../images/filterInverse.png"); | |
| 3113 } | |
| 3114 | |
| 3115 .filterInverseDisabled { | |
| 3116 background-image: url("../images/filterInverseDisabled.png"); | |
| 3117 } | |
| 3118 | |
| 3119 .filterCancel { | |
| 3120 background-image: url("../images/filterCancel.png"); | |
| 3121 } | |
| 3122 | |
| 3123 .filterCancelDisabled { | |
| 3124 background-image: url("../images/filterCancelDisabled.png"); | |
| 3125 } | |
| 3126 | |
| 3127 .removeDataset { | |
| 3128 background-image: url("../images/filterCancel.png"); | |
| 3129 } | |
| 3130 | |
| 3131 .exportDataset { | |
| 3132 background-image: url("../images/exportDataset.png"); | |
| 3133 } | |
| 3134 | |
| 3135 .externalLink { | |
| 3136 display: inline-block; | |
| 3137 height: 10px; | |
| 3138 width: 10px; | |
| 3139 cursor: pointer; | |
| 3140 padding-left: 5px; | |
| 3141 padding-right: 5px; | |
| 3142 background: url("../images/externalLink.png") top no-repeat; | |
| 3143 } |