summaryrefslogtreecommitdiff
path: root/misc/openlayers/examples/mobile-wmts-vienna.css
diff options
context:
space:
mode:
authorChris Schlaeger <chris@linux.com>2014-08-12 21:56:44 +0200
committerChris Schlaeger <chris@linux.com>2014-08-12 21:56:44 +0200
commitea346a785dc1b3f7c156f6fc33da634e1f1a627b (patch)
treeaf67530553d20b6e82ad60fd79593e9c4abf5565 /misc/openlayers/examples/mobile-wmts-vienna.css
parent59741cd535c47f25971bf8c32b25da25ceadc6d5 (diff)
downloadpostrunner-ea346a785dc1b3f7c156f6fc33da634e1f1a627b.zip
Adding jquery, flot and openlayers to be included with the GEM.v0.0.4
Diffstat (limited to 'misc/openlayers/examples/mobile-wmts-vienna.css')
-rw-r--r--misc/openlayers/examples/mobile-wmts-vienna.css205
1 files changed, 205 insertions, 0 deletions
diff --git a/misc/openlayers/examples/mobile-wmts-vienna.css b/misc/openlayers/examples/mobile-wmts-vienna.css
new file mode 100644
index 0000000..605932a
--- /dev/null
+++ b/misc/openlayers/examples/mobile-wmts-vienna.css
@@ -0,0 +1,205 @@
+html, body, #map {
+ margin: 0;
+ height: 100%;
+ width: 100%;
+}
+#map {
+ cursor: move;
+ background-color: #CCCCCC;
+ /* no highlighting of the map area when tapping the map on touch devices */
+ -webkit-tap-highlight-color: transparent;
+}
+#title, #tags, #shortdesc {
+ display: none;
+}
+div.olMapViewport {
+ -ms-touch-action: none;
+}
+
+/* Turn on GPU support where available */
+.olTileImage {
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-perspective: 1000;
+ -moz-perspective: 1000;
+ -ms-perspective: 1000;
+ perspective: 1000;
+}
+
+/* Tile fade animation */
+.olLayerGrid .olTileImage {
+ -webkit-transition: opacity 0.2s linear;
+ -moz-transition: opacity 0.2s linear;
+ -o-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear;
+}
+
+/* Zoom Box */
+.olHandlerBoxZoomBox {
+ border: 2px solid red;
+ position: absolute;
+ background-color: white;
+ opacity: 0.50;
+ font-size: 1px;
+ filter: alpha(opacity=50);
+}
+.olDrawBox {
+ cursor: crosshair;
+}
+
+div.olControlAttribution {
+ position: absolute;
+ font-size: 10px;
+ text-align: right;
+ color: #BFEFFF;
+ bottom: 0;
+ right: 0;
+ background: rgba(0,0,100,0.2);
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: bold;
+ padding: 2px 4px;
+ border-radius: 5px 0 0 0;
+}
+.olControlAttribution a {
+ font-weight: bold;
+ color: #BFEFFF;
+ text-decoration: none;
+}
+div.olControlZoomPanel {
+ height: 108px;
+ width: 36px;
+ position: absolute;
+ top: 20px;
+ left: inherit;
+ right: 20px;
+}
+div.olControlZoomPanel div {
+ cursor: pointer;
+ width: 36px;
+ height: 36px;
+ left: 0;
+ background-color: #ccc;
+ background-image: none;
+}
+div.olControlZoomPanel .olControlZoomInItemInactive,
+div.olControlZoomPanel .olControlZoomOutItemInactive {
+ top: 0;
+ background: rgba(0,0,100,0.4);
+ position: absolute;
+}
+div.olControlZoomPanel .olControlZoomInItemInactive {
+ border-radius: 5px 5px 0 0;
+}
+div.olControlZoomPanel .olControlZoomOutItemInactive {
+ border-radius: 0 0 5px 5px;
+ top: 37px;
+}
+div.olControlZoomPanel .olControlZoomOutItemInactive:after,
+div.olControlZoomPanel .olControlZoomInItemInactive:after {
+ font-weight: bold;
+ content: '+';
+ font-size: 36px;
+ padding: 7px;
+ z-index: 2000;
+ color: #BFEFFF;
+ line-height: 1em;
+}
+div.olControlZoomPanel .olControlZoomOutItemInactive:after {
+ content: '–';
+ line-height: 0.9em;
+ padding: 0 8px;
+}
+div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
+ display: none;
+}
+div.olControlZoomPanel div.olControlGeolocateItemInactive,
+div.olControlZoomPanel div.olControlGeolocateItemActive {
+ position: absolute;
+ right: 20px;
+ top: 98px;
+ border-radius: 5px 5px 5px 5px;
+ background: #ccc url(img/locate.png) center no-repeat;
+ background-color: rgba(0,0,100,0.4);
+}
+div.olControlZoomPanel div.olControlGeolocateItemActive {
+ background-color: rgba(0,0,100,0.2);
+}
+div.olControlGeolocateItemInactive:after {
+ font-weight: bold;
+ font-size: 36px;
+ padding: 7px;
+ z-index: 2000;
+ color: #BFEFFF;
+ line-height: 1em;
+ background: none;
+}
+.layerPanel {
+ position: absolute;
+ top: 20px;
+ right: 82px;
+}
+div.layerPanel div {
+ display: inline;
+ margin-left: 5px;
+ cursor: pointer;
+}
+div.layerPanel div:after {
+ font-weight: bold;
+ font-size: 18px;
+ font-family: arial;
+ padding: 8px;
+ color: #BFEFFF;
+ line-height: 36px;
+ border-radius: 5px 5px 5px 5px;
+ background-color: #ccc;
+ background: rgba(0,0,100,0.4);
+}
+div.layerPanel div.labelButtonItemInactive:after,
+div.layerPanel div.labelButtonItemActive:after {
+ content: 'Labels';
+}
+:lang(de) div.layerPanel div.labelButtonItemInactive:after,
+:lang(de) div.layerPanel div.labelButtonItemActive:after {
+ content: 'Text';
+}
+div.layerPanel div.labelButtonItemActive:after {
+ text-decoration: underline;
+ background: rgba(0,0,100,0.2);
+}
+div.layerPanel div.aerialButtonItemInactive:after,
+div.layerPanel div.aerialButtonItemActive:after {
+ content: 'Aerial';
+ border-radius: 5px 0 0 5px;
+}
+:lang(de) div.layerPanel div.aerialButtonItemInactive:after,
+:lang(de) div.layerPanel div.aerialButtonItemActive:after {
+ content: 'Luftbild';
+}
+div.layerPanel div.aerialButtonItemActive:after {
+ text-decoration: underline;
+ background: rgba(0,0,100,0.2);
+}
+div.layerPanel div.mapButtonItemInactive:after,
+div.layerPanel div.mapButtonItemActive:after {
+ content: 'Map';
+ border-radius: 0 5px 5px 0;
+}
+:lang(de) div.layerPanel div.mapButtonItemInactive:after,
+:lang(de) div.layerPanel div.mapButtonItemActive:after {
+ content: 'Karte';
+}
+div.layerPanel div.mapButtonItemActive:after {
+ text-decoration: underline;
+ background: rgba(0,0,100,0.2);
+}
+div.layerPanel div.mapButtonItemInactive,
+div.layerPanel div.mapButtonItemActive {
+ margin-left: 1px;
+}