]> git.openstreetmap.org Git - rails.git/blobdiff - vendor/assets/iD/iD.css.erb
Update to iD 1.0.1
[rails.git] / vendor / assets / iD / iD.css.erb
index 168f28b42335b8f546bb6d7645268e85d2ec6c83..f6dca171f9d8ca0a34560e990f1bfc6ae3f1b39d 100644 (file)
@@ -361,6 +361,23 @@ path.fill.tag-natural-water {
     fill: #77d3de;
 }
 
+path.stroke.tag-amenity-school {
+    stroke: #ffff94;
+    stroke-width: 1;
+}
+path.fill.tag-amenity-school {
+    fill: #ffff94;
+    fill-opacity: 0.2;
+}
+
+path.stroke.tag-amenity-university {
+    stroke: #ffff94;
+}
+path.fill.tag-amenity-university {
+    fill: #ffff94;
+    fill-opacity: 0.1;
+}
+
 path.stroke.tag-building {
     stroke: #e06e5f;
     stroke-width: 1;
@@ -376,6 +393,7 @@ path.stroke.tag-landuse,
 path.stroke.tag-natural-wood,
 path.stroke.tag-natural-tree,
 path.stroke.tag-natural-grassland,
+path.stroke.tag-leisure-pitch,
 path.stroke.tag-leisure-park {
     stroke: #8cd05f;
     stroke-width: 1;
@@ -426,6 +444,7 @@ path.fill.tag-natural-wood,
 path.fill.tag-natural-tree,
 path.fill.tag-natural-grassland,
 path.fill.tag-natural-grass,
+path.fill.tag-leisure-pitch,
 path.fill.tag-leisure-park {
     fill: #8cd05f;
     fill-opacity: 0.2;
@@ -1195,9 +1214,9 @@ text.point {
 
 /* GPX Paths */
 path.gpx {
-    stroke:#6AFF25;
-    stroke-width:2;
-    fill:transparent;
+    stroke: #6AFF25;
+    stroke-width: 2;
+    fill: none;
     pointer-events: none;
 }
 
@@ -1227,6 +1246,15 @@ path.gpx {
 /* Basics
 ------------------------------------------------------- */
 
+/*
+  Opera misbehaves when the window is resized vertically unless 100% width + height are
+  applied to both html and body. https://gist.github.com/jfirebaugh/bd225bcfdd3a633850c4
+*/
+html, body {
+  width: 100%;
+  height: 100%;
+}
+
 body {
     font:normal 12px/1.6666 'Helvetica Neue', Arial, sans-serif;
     margin:0;
@@ -1905,13 +1933,13 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
 
 .preset-grid  {
     width:100%;
-    padding: 20px 10px 10px 20px;
+    padding: 20px 20px 10px 20px;
     border-bottom: 1px solid #ccc;
 }
 
 .grid-button-wrap {
-    padding: 0 10px 10px 0;
-    height: 120px;
+    padding-bottom: 10px;
+    height: 70px;
 }
 
 .grid-entry {
@@ -1919,7 +1947,6 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
     height: 100%;
     position: relative;
     border: 1px solid #ccc;
-    overflow: hidden;
     float: left;
 }
 
@@ -1933,16 +1960,14 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
 
 .preset-icon {
     position: absolute;
-    top: 30px;
-    left: 0;
-    right: 0;
+    top: 17px;
+    left: 17px;
     margin: auto;
 }
 
 .preset-icon-line {
-    top: 15px;
-    left: -10px;
-    right: -10px;
+    top: 0;
+    left: 0;
 }
 
 .grid-entry .label {
@@ -1950,23 +1975,28 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
     text-align: left;
     position: absolute;
     padding: 5px 10px;
-    height: 30px;
+    height: 100%;
     bottom: 0;
-    left: 0; right: 0;
+    left: 60px;
+    right: 0;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    border-top: 1px solid rgba(0, 0, 0, .1);
+    border-left: 1px solid rgba(0, 0, 0, .1);
+    line-height: 50px;
     }
 
+.grid-entry:hover .label {
+    background: none;
+}
+
 .grid-button-wrap button.tag-reference-button {
     float: right;
     position: static;
-    margin-top: -30px;
-    margin-right: 1px;
-    height: 29px;
-    border-left: 1px solid #CCC;
-    border-radius: 0 0 3px 0;
+    margin-top: -60px;
+    height: 100%;
+    border: 1px solid #CCC;
+    border-radius: 0 3px 3px 0;
 }
 
 .current .grid-entry,
@@ -1978,15 +2008,16 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
 .category .grid-entry:before {
     content: "";
     position: absolute;
-    top: 7px;
-    left: 0; right: 0;
-    border-top: 1px solid #ccc;
-    border-radius: 6px;
+    top: -5px;
+    left: -1px; right: -1px;
+    border: 1px solid #ccc;
+    border-bottom: none;
+    border-radius: 6px 6px 0 0;
     height: 6px;
 }
 
 .category .grid-entry:before {
-    top: 3px;
+    top: -3px;
 }
 
 .preset-grid-search-wrap .icon {
@@ -2012,16 +2043,8 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
     margin: 5px;
 }
 
-.subgrid {
-    width: 100%;
-    width: -webkit-calc(100% + 10px);
-    width: calc(100% + 10px);
-    margin-left: -10px;
-    overflow: hidden;
-}
-
 .subgrid .preset-grid {
-    padding: 10px 0 0 10px;
+    padding: 10px 10px 0 10px;
     border: 1px solid #CCC;
     margin-top: 0;
     border-radius: 8px;
@@ -2033,21 +2056,9 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
     border-bottom-color: #CCC;
     width: 0;
     height: 0;
-    margin-left: 33.3333%;
-    margin-left: -webkit-calc(16.6666% - 10px);
-    margin-left: calc(16.6666% - 10px);
-    margin-top: -10px;
-}
-.subgrid.arrow-1 .arrow {
     margin-left: 50%;
     margin-left: -webkit-calc(50% - 10px);
-    margin-left: calc(50% - 10px);
-}
-
-.subgrid.arrow-2 .arrow {
-    margin-left: 280px;
-    margin-left: -webkit-calc(84.4444% - 10px);
-    margin-left: calc(84.4444% - 10px);
+    margin-top: -10px;
 }
 
 .show-more {
@@ -2073,7 +2084,7 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
     width: 45px;
     margin: auto;
     position: absolute;
-    left: 0; right: 0; top: 19px;
+    left: 7px; top: 7px;
     background:transparent url(<%= asset_path("iD/img/sprite.svg") %>) no-repeat -240px -80px;
 }
 
@@ -2120,10 +2131,8 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
 }
 
 .tag-wrap .preset-icon-wrap > div {
-    height: 90px;
-    width: 33.3333%;
-    width: -webkit-calc(33.3333% - 10px);
-    width: calc(33.3333% - 10px);
+    height: 60px;
+    width: 60px;
     margin: auto;
     border-radius: 4px;
     border: 1px solid #CCC;
@@ -2711,6 +2720,7 @@ img.wiki-image {
     width: -webkit-calc(33.3333% - 10px);
     width: calc(33.3333% - 10px);
     margin-left: 20px;
+    margin-right: 10px;
     border-radius: 4px;
     max-height: 200px;
 }
@@ -2921,6 +2931,7 @@ img.wiki-image {
     display: inline-block;
     border-bottom: 1px solid #CCC;
     padding: 5px 10px;
+    width: 100%;
 }
 .geocode-control div.map-overlay span.not-found {
     line-height: 28px;
@@ -3042,7 +3053,7 @@ img.wiki-image {
     display:block;
     position:absolute;
     overflow:hidden;
-    top:0px;
+    top:0;
     left:0;
     right:0;
     bottom:0;
@@ -3061,8 +3072,12 @@ img.wiki-image {
     user-select: none;
 }
 
-#surface, #layer-g, .layer-layer {
+#supersurface, .layer-layer {
     position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
 }
 
 /* About Section
@@ -3738,75 +3753,80 @@ img.wiki-image {
 .feature-cinema{background-position:-0px -994px;}
 .feature-circle{background-position:-0px -1054px;}
 .feature-circle-stroked{background-position:-0px -1114px;}
-.feature-college{background-position:-0px -1174px;}
-.feature-commercial{background-position:-0px -1234px;}
-.feature-cricket{background-position:-0px -1294px;}
-.feature-cross{background-position:-0px -1354px;}
-.feature-dam{background-position:-0px -1414px;}
-.feature-danger{background-position:-0px -1474px;}
-.feature-disability{background-position:-0px -1534px;}
-.feature-embassy{background-position:-0px -1594px;}
-.feature-emergency-telephone{background-position:-0px -1654px;}
-.feature-fast-food{background-position:-0px -1714px;}
-.feature-ferry{background-position:-0px -1774px;}
-.feature-fire-station{background-position:-0px -1834px;}
-.feature-fuel{background-position:-0px -1894px;}
-.feature-garden{background-position:-0px -1954px;}
-.feature-golf{background-position:-0px -2014px;}
-.feature-grocery{background-position:-0px -2074px;}
-.feature-harbor{background-position:-0px -2134px;}
-.feature-heliport{background-position:-0px -2194px;}
-.feature-hospital{background-position:-0px -2254px;}
-.feature-industrial{background-position:-0px -2314px;}
-.feature-library{background-position:-0px -2374px;}
-.feature-lodging{background-position:-0px -2434px;}
-.feature-logging{background-position:-0px -2494px;}
-.feature-marker{background-position:-0px -2554px;}
-.feature-marker-stroked{background-position:-0px -2614px;}
-.feature-monument{background-position:-0px -2674px;}
-.feature-museum{background-position:-0px -2734px;}
-.feature-music{background-position:-0px -2794px;}
-.feature-oil-well{background-position:-0px -2854px;}
-.feature-park{background-position:-0px -2914px;}
-.feature-park2{background-position:-0px -2974px;}
-.feature-parking{background-position:-0px -3034px;}
-.feature-parking-garage{background-position:-0px -3094px;}
-.feature-pharmacy{background-position:-0px -3154px;}
-.feature-pitch{background-position:-0px -3214px;}
-.feature-place-of-worship{background-position:-0px -3274px;}
-.feature-police{background-position:-0px -3334px;}
-.feature-post{background-position:-0px -3394px;}
-.feature-prison{background-position:-0px -3454px;}
-.feature-rail{background-position:-0px -3514px;}
-.feature-rail-above{background-position:-0px -3574px;}
-.feature-rail-underground{background-position:-0px -3634px;}
-.feature-religious-christian{background-position:-0px -3694px;}
-.feature-religious-jewish{background-position:-0px -3754px;}
-.feature-religious-muslim{background-position:-0px -3814px;}
-.feature-restaurant{background-position:-0px -3874px;}
-.feature-roadblock{background-position:-0px -3934px;}
-.feature-school{background-position:-0px -3994px;}
-.feature-shop{background-position:-0px -4054px;}
-.feature-skiing{background-position:-0px -4114px;}
-.feature-slaughterhouse{background-position:-0px -4174px;}
-.feature-soccer{background-position:-0px -4234px;}
-.feature-square{background-position:-0px -4294px;}
-.feature-square-stroked{background-position:-0px -4354px;}
-.feature-star{background-position:-0px -4414px;}
-.feature-star-stroked{background-position:-0px -4474px;}
-.feature-swimming{background-position:-0px -4534px;}
-.feature-telephone{background-position:-0px -4594px;}
-.feature-tennis{background-position:-0px -4654px;}
-.feature-theatre{background-position:-0px -4714px;}
-.feature-toilets{background-position:-0px -4774px;}
-.feature-town-hall{background-position:-0px -4834px;}
-.feature-triangle{background-position:-0px -4894px;}
-.feature-triangle-stroked{background-position:-0px -4954px;}
-.feature-warehouse{background-position:-0px -5014px;}
-.feature-waste-basket{background-position:-0px -5074px;}
-.feature-water{background-position:-0px -5134px;}
-.feature-wetland{background-position:-0px -5194px;}
-.feature-zoo{background-position:-0px -5254px;}
+.feature-city{background-position:-0px -1174px;}
+.feature-college{background-position:-0px -1234px;}
+.feature-commercial{background-position:-0px -1294px;}
+.feature-cricket{background-position:-0px -1354px;}
+.feature-cross{background-position:-0px -1414px;}
+.feature-dam{background-position:-0px -1474px;}
+.feature-danger{background-position:-0px -1534px;}
+.feature-disability{background-position:-0px -1594px;}
+.feature-embassy{background-position:-0px -1654px;}
+.feature-emergency-telephone{background-position:-0px -1714px;}
+.feature-farm{background-position:-0px -1774px;}
+.feature-fast-food{background-position:-0px -1834px;}
+.feature-ferry{background-position:-0px -1894px;}
+.feature-fire-station{background-position:-0px -1954px;}
+.feature-fuel{background-position:-0px -2014px;}
+.feature-garden{background-position:-0px -2074px;}
+.feature-golf{background-position:-0px -2134px;}
+.feature-grocery{background-position:-0px -2194px;}
+.feature-harbor{background-position:-0px -2254px;}
+.feature-heliport{background-position:-0px -2314px;}
+.feature-hospital{background-position:-0px -2374px;}
+.feature-industrial{background-position:-0px -2434px;}
+.feature-land-use{background-position:-0px -2494px;}
+.feature-library{background-position:-0px -2554px;}
+.feature-lodging{background-position:-0px -2614px;}
+.feature-logging{background-position:-0px -2674px;}
+.feature-marker{background-position:-0px -2734px;}
+.feature-marker-stroked{background-position:-0px -2794px;}
+.feature-monument{background-position:-0px -2854px;}
+.feature-museum{background-position:-0px -2914px;}
+.feature-music{background-position:-0px -2974px;}
+.feature-oil-well{background-position:-0px -3034px;}
+.feature-park{background-position:-0px -3094px;}
+.feature-park2{background-position:-0px -3154px;}
+.feature-parking{background-position:-0px -3214px;}
+.feature-parking-garage{background-position:-0px -3274px;}
+.feature-pharmacy{background-position:-0px -3334px;}
+.feature-pitch{background-position:-0px -3394px;}
+.feature-place-of-worship{background-position:-0px -3454px;}
+.feature-police{background-position:-0px -3514px;}
+.feature-post{background-position:-0px -3574px;}
+.feature-prison{background-position:-0px -3634px;}
+.feature-rail{background-position:-0px -3694px;}
+.feature-rail-above{background-position:-0px -3754px;}
+.feature-rail-underground{background-position:-0px -3814px;}
+.feature-religious-christian{background-position:-0px -3874px;}
+.feature-religious-jewish{background-position:-0px -3934px;}
+.feature-religious-muslim{background-position:-0px -3994px;}
+.feature-restaurant{background-position:-0px -4054px;}
+.feature-roadblock{background-position:-0px -4114px;}
+.feature-school{background-position:-0px -4174px;}
+.feature-shop{background-position:-0px -4234px;}
+.feature-skiing{background-position:-0px -4294px;}
+.feature-slaughterhouse{background-position:-0px -4354px;}
+.feature-soccer{background-position:-0px -4414px;}
+.feature-square{background-position:-0px -4474px;}
+.feature-square-stroked{background-position:-0px -4534px;}
+.feature-star{background-position:-0px -4594px;}
+.feature-star-stroked{background-position:-0px -4654px;}
+.feature-swimming{background-position:-0px -4714px;}
+.feature-telephone{background-position:-0px -4774px;}
+.feature-tennis{background-position:-0px -4834px;}
+.feature-theatre{background-position:-0px -4894px;}
+.feature-toilets{background-position:-0px -4954px;}
+.feature-town{background-position:-0px -5014px;}
+.feature-town-hall{background-position:-0px -5074px;}
+.feature-triangle{background-position:-0px -5134px;}
+.feature-triangle-stroked{background-position:-0px -5194px;}
+.feature-village{background-position:-0px -5254px;}
+.feature-warehouse{background-position:-0px -5314px;}
+.feature-waste-basket{background-position:-0px -5374px;}
+.feature-water{background-position:-0px -5434px;}
+.feature-wetland{background-position:-0px -5494px;}
+.feature-zoo{background-position:-0px -5554px;}
 .preset-icon-line.feature-highway-motorway{background-position:-20px -25px;}
 .preset-icon-line.feature-highway-trunk{background-position:-80px -25px;}
 .preset-icon-line.feature-highway-primary{background-position:-140px -25px;}