Use a custom OpenLayers theme

[rails.git] / app / assets / openlayers / theme / openstreetmap / style.css.scss

diff --git a/app/assets/openlayers/theme/openstreetmap/style.css.scss b/app/assets/openlayers/theme/openstreetmap/style.css.scss
new file mode 100644 (file)
index 0000000..6c6cf3c
--- /dev/null
+++ b/app/assets/openlayers/theme/openstreetmap/style.css.scss
@@ -0,0 +1,60 @@
+/*
+ *= require theme/default/style
+ *= require theme/openstreetmap/SimpleLayerSwitcher
+ */
+
+.olControlOverviewMapExtentRectangle {
+    background-image: image-url("theme/default/img/blank.gif");
+}
+
+.olControlOverviewMapRectReplacement {
+    background-image: image-url("theme/default/img/overview_replacement.gif");
+}
+
+.olControlNavigationHistory {
+    background-image: image-url("theme/default/img/navigation_history.png");
+}
+
+div.olControlSaveFeaturesItemActive {
+    background-image: image-url("theme/default/img/save_features_on.png");
+}
+
+div.olControlSaveFeaturesItemInactive {
+    background-image: image-url("theme/default/img/save_features_off.png");
+}
+
+.olControlPanPanel div {
+    background-image: image-url("theme/default/img/pan-panel.png");
+}
+
+.olControlZoomPanel div {
+    background-image: image-url("theme/default/img/zoom-panel.png");
+}
+
+.olPopupCloseBox {
+    background: image-url("theme/default/img/close.gif") no-repeat;
+}
+
+.olImageLoadError {
+    // remove opacity?
+    // remove filter?
+    background: image-url("theme/openstreetmap/img/missing-tile.png") no-repeat;
+}
+
+.olControlNavToolbar div,
+.olControlEditingToolbar div {
+    background-image: image-url("theme/default/img/editing_tool_bar.png");
+}
+
+div.olControlZoom a {
+    color: black;
+    background: #ffffff;
+    border: 1px solid #cccccc;
+    // remove filter
+}
+
+div.olControlZoom a:hover {
+    background: #f5f5f5;
+}
+
+// remove max-width hover?