Rename browser-icons to browse everywhere and only load CSS when needed

This commit is contained in:
Tom Hughes 2010-05-16 12:23:12 +01:00
parent 10dca1b6df
commit 7f1ce59f32
97 changed files with 121 additions and 108 deletions

View file

@ -1,3 +1,6 @@
<% content_for :head do %>
<%= stylesheet_link_tag 'browse' %>
<% end %>
<%= render :partial => "navigation" %>
<h2><%= t 'browse.changeset.changeset', :id => @changeset.id %></h2>
<% if @changeset.has_valid_bbox? %>

View file

@ -2,6 +2,9 @@
@name = printable_name @node
@title = t('browse.node.node') + ' | ' + @name
%>
<% content_for :head do %>
<%= stylesheet_link_tag 'browse' %>
<% end %>
<%= render :partial => "navigation" %>
<h2><%= t'browse.node.node_title', :node_name => h(@name) %></h2>
<%= render :partial => "map", :object => @node %>

View file

@ -2,6 +2,9 @@
@name = printable_name @relation
@title = t('browse.relation.relation') + ' | ' + @name
%>
<% content_for :head do %>
<%= stylesheet_link_tag 'browse' %>
<% end %>
<%= render :partial => "navigation" %>
<h2><%= t'browse.relation.relation_title', :relation_name => h(@name) %></h2>
<%= render :partial => "map", :object => @relation %>

View file

@ -2,6 +2,9 @@
@name = printable_name @way
@title = t('browse.way.way') + ' | ' + @name
%>
<% content_for :head do %>
<%= stylesheet_link_tag 'browse' %>
<% end %>
<%= render :partial => "navigation" %>
<h2><%= t'browse.way.way_title', :way_name => h(@name) %></h2>
<%= render :partial => "map", :object => @way %>

View file

@ -7,7 +7,6 @@
<%= javascript_include_tag 'site' %>
<!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
<%= stylesheet_link_tag 'common' %>
<%= stylesheet_link_tag 'browser-icons' %>
<!--[if IE]><%= stylesheet_link_tag 'large', :media => "screen" %><![endif]--> <!-- IE is totally broken with CSS media queries -->
<%= stylesheet_link_tag 'small', :media => "only screen and (max-width: 481px)" %>
<%= stylesheet_link_tag 'large', :media => "screen and (min-width: 482px)" %>

View file

Before

Width:  |  Height:  |  Size: 168 B

After

Width:  |  Height:  |  Size: 168 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 565 B

After

Width:  |  Height:  |  Size: 565 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 437 B

After

Width:  |  Height:  |  Size: 437 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 410 B

After

Width:  |  Height:  |  Size: 410 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 484 B

After

Width:  |  Height:  |  Size: 484 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 149 B

After

Width:  |  Height:  |  Size: 149 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 205 B

After

Width:  |  Height:  |  Size: 205 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 244 B

After

Width:  |  Height:  |  Size: 244 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 552 B

After

Width:  |  Height:  |  Size: 552 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 396 B

After

Width:  |  Height:  |  Size: 396 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 190 B

After

Width:  |  Height:  |  Size: 190 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 361 B

After

Width:  |  Height:  |  Size: 361 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 517 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 489 B

After

Width:  |  Height:  |  Size: 489 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 486 B

After

Width:  |  Height:  |  Size: 486 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 155 B

After

Width:  |  Height:  |  Size: 155 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 556 B

After

Width:  |  Height:  |  Size: 556 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 248 B

After

Width:  |  Height:  |  Size: 248 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 450 B

After

Width:  |  Height:  |  Size: 450 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 479 B

After

Width:  |  Height:  |  Size: 479 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 167 B

After

Width:  |  Height:  |  Size: 167 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 306 B

After

Width:  |  Height:  |  Size: 306 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 187 B

After

Width:  |  Height:  |  Size: 187 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 166 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 557 B

After

Width:  |  Height:  |  Size: 557 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 585 B

After

Width:  |  Height:  |  Size: 585 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 392 B

After

Width:  |  Height:  |  Size: 392 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 245 B

After

Width:  |  Height:  |  Size: 245 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 674 B

After

Width:  |  Height:  |  Size: 674 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 168 B

After

Width:  |  Height:  |  Size: 168 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 485 B

After

Width:  |  Height:  |  Size: 485 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 396 B

After

Width:  |  Height:  |  Size: 396 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 166 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 311 B

After

Width:  |  Height:  |  Size: 311 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 312 B

After

Width:  |  Height:  |  Size: 312 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 341 B

After

Width:  |  Height:  |  Size: 341 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 209 B

After

Width:  |  Height:  |  Size: 209 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 657 B

After

Width:  |  Height:  |  Size: 657 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 367 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 494 B

After

Width:  |  Height:  |  Size: 494 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 166 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 450 B

After

Width:  |  Height:  |  Size: 450 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 433 B

After

Width:  |  Height:  |  Size: 433 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 155 B

After

Width:  |  Height:  |  Size: 155 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 562 B

After

Width:  |  Height:  |  Size: 562 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 802 B

After

Width:  |  Height:  |  Size: 802 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 502 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 166 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 182 B

After

Width:  |  Height:  |  Size: 182 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 163 B

After

Width:  |  Height:  |  Size: 163 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 571 B

After

Width:  |  Height:  |  Size: 571 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 441 B

After

Width:  |  Height:  |  Size: 441 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 312 B

After

Width:  |  Height:  |  Size: 312 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 373 B

After

Width:  |  Height:  |  Size: 373 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 383 B

After

Width:  |  Height:  |  Size: 383 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 472 B

After

Width:  |  Height:  |  Size: 472 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 425 B

After

Width:  |  Height:  |  Size: 425 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 167 B

After

Width:  |  Height:  |  Size: 167 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 158 B

After

Width:  |  Height:  |  Size: 158 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 163 B

After

Width:  |  Height:  |  Size: 163 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 444 B

After

Width:  |  Height:  |  Size: 444 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 634 B

After

Width:  |  Height:  |  Size: 634 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 683 B

After

Width:  |  Height:  |  Size: 683 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 161 B

After

Width:  |  Height:  |  Size: 161 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 158 B

After

Width:  |  Height:  |  Size: 158 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 176 B

After

Width:  |  Height:  |  Size: 176 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 166 B

After

Width:  |  Height:  |  Size: 166 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 215 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 301 B

After

Width:  |  Height:  |  Size: 301 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 152 B

After

Width:  |  Height:  |  Size: 152 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 636 B

After

Width:  |  Height:  |  Size: 636 B

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 169 B

Before After
Before After

View file

@ -0,0 +1,109 @@
.node { padding-left: 25px; }
.way { padding-left: 25px; }
/* Nodes */
.aeroway.aerodrome { background: url(/images/browse/aerodrome.p.16.png) no-repeat center left; }
.amenity.atm { background: url(/images/browse/atm2.p.16.png) no-repeat center left; }
.amenity.bank { background: url(/images/browse/bank2.p.16.png) no-repeat center left; }
.amenity.bar { background: url(/images/browse/bar.p.16.png) no-repeat center left; }
.amenity.bicycle_rental { background: url(/images/browse/rental_bicycle.p.20.png) no-repeat center left; }
.amenity.bus_station { background: url(/images/browse/bus_station.n.16.png) no-repeat center left; }
.amenity.cafe { background: url(/images/browse/cafe.p.16.png) no-repeat center left; }
.amenity.car_sharing { background: url(/images/browse/car_share.p.16.png) no-repeat center left; }
.amenity.cinema { background: url(/images/browse/cinema.p.16.png) no-repeat center left; }
.amenity.drinking_water { background: url(/images/browse/drinkingtap.p.16.png) no-repeat center left; }
.amenity.fast_food { background: url(/images/browse/fast_food.p.16.png) no-repeat center left; }
.amenity.fire_station { background: url(/images/browse/firestation.p.16.png) no-repeat center left; }
.amenity.fuel { background: url(/images/browse/fuel.p.16.png) no-repeat center left; }
.amenity.hospital { background: url(/images/browse/hospital.p.16.png) no-repeat center left; }
.amenity.library { background: url(/images/browse/library.p.16.png) no-repeat center left; }
.amenity.parking { background: url(/images/browse/parking.p.16.png) no-repeat center left; }
.amenity.pharmacy { background: url(/images/browse/pharmacy.p.16.png) no-repeat center left; }
.amenity.place_of_worship { background: url(/images/browse/place_of_worship.png) no-repeat center left; }
.amenity.police { background: url(/images/browse/police.p.16.png) no-repeat center left; }
.amenity.post_box { background: url(/images/browse/post_box.p.16.png) no-repeat center left; }
.amenity.post_office { background: url(/images/browse/post_office.p.16.png) no-repeat center left; }
.amenity.prison { background: url(/images/browse/prison.p.16.png) no-repeat center left; }
.amenity.pub { background: url(/images/browse/pub.p.16.png) no-repeat center left; }
.amenity.restaurant { background: url(/images/browse/restaurant.p.16.png) no-repeat center left; }
.amenity.recycling { background: url(/images/browse/recycling.p.16.png) no-repeat center left; }
.amenity.shelter { background: url(/images/browse/shelter2.p.16.png) no-repeat center left; }
.amenity.telephone { background: url(/images/browse/telephone.p.16.png) no-repeat center left; }
.amenity.theatre { background: url(/images/browse/theatre.p.16.png) no-repeat center left; }
.amenity.toilets { background: url(/images/browse/toilets.p.16.png) no-repeat center left; }
.barrier.gate { background: url(/images/browse/gate2.p.16.png) no-repeat center left; }
.highway.bus_stop { background: url(/images/browse/bus_stop.p.16.png) no-repeat center left; }
.highway.mini_roundabout { background: url(/images/browse/mini_round.p.16.png) no-repeat center left; }
.highway.traffic_signals { background: url(/images/browse/traffic_light.png) no-repeat center left; }
.highway.turning_circle { background: url(/images/browse/turning_circle.p.16.png) no-repeat center left; }
.man_made.lighthouse { background: url(/images/browse/lighthouse.p.16.png) no-repeat center left; }
.natural.tree { background: url(/images/browse/tree.p.16.png) no-repeat center left; }
.railway.halt { background: url(/images/browse/halt.p.16.png) no-repeat center left; }
.railway.station { background: url(/images/browse/station.p.16.png) no-repeat center left; }
.railway.level_crossing { background: url(/images/browse/level_crossing.p.16.png) no-repeat center left; }
.shop { background: url(/images/browse/shop_convenience.p.16.png) no-repeat center left; }
.shop.bakery { background: url(/images/browse/shop_bakery.p.16.png) no-repeat center left; }
.shop.clothes { background: url(/images/browse/shop_clothes.p.16.png) no-repeat center left; }
.shop.convenience { background: url(/images/browse/shop_convenience.p.16.png) no-repeat center left; }
.shop.diy { background: url(/images/browse/shop_diy.p.16.png) no-repeat center left; }
.shop.hairdresser { background: url(/images/browse/shop_hairdresser.p.16.png) no-repeat center left; }
.shop.supermarket { background: url(/images/browse/shop_supermarket.p.16.png) no-repeat center left; }
.tourism.alpine_hut { background: url(/images/browse/alpinehut.p.16.png) no-repeat center left; }
.tourism.camp_site { background: url(/images/browse/camping.n.16.png) no-repeat center left; }
.tourism.caravan_site { background: url(/images/browse/caravan_park.n.16.png) no-repeat center left; }
.tourism.hostel { background: url(/images/browse/hostel.p.16.png) no-repeat center left; }
.tourism.hotel { background: url(/images/browse/hotel.p.16.png) no-repeat center left; }
.tourism.museum { background: url(/images/browse/museum.p.16.png) no-repeat center left; }
.tourism.viewpoint { background: url(/images/browse/view_point.p.16.png) no-repeat center left; }
/* Ways */
.aeroway.runway { background: url(/images/browse/runway.20.png) no-repeat center left; }
.aeroway.taxiway { background: url(/images/browse/taxiway.20.png) no-repeat center left; }
.building { background: url(/images/browse/building.png) no-repeat center left; }
.highway.bridleway { background: url(/images/browse/bridleway.20.png) no-repeat center left; }
.highway.byway { background: url(/images/browse/byway.20.png) no-repeat center left; }
.highway.cycleway { background: url(/images/browse/cycleway.20.png) no-repeat center left; }
.highway.footway { background: url(/images/browse/footway.20.png) no-repeat center left; }
.highway.motorway { background: url(/images/browse/motorway.20.png) no-repeat center left; }
.highway.primary { background: url(/images/browse/primary.20.png) no-repeat center left; }
.highway.residential { background: url(/images/browse/unclassified.20.png) no-repeat center left; }
.highway.secondary { background: url(/images/browse/secondary.20.png) no-repeat center left; }
.highway.trunk { background: url(/images/browse/trunk.20.png) no-repeat center left; }
.highway.unclassified { background: url(/images/browse/unclassified.20.png) no-repeat center left; }
.landuse.brownfield { background: url(/images/browse/brownfield.png) no-repeat center left; }
.landuse.cemetery { background: url(/images/browse/cemetery.png) no-repeat center left; }
.landuse.commercial { background: url(/images/browse/commercial.png) no-repeat center left; }
.landuse.farm { background: url(/images/browse/farm.png) no-repeat center left; }
.landuse.forest { background: url(/images/browse/forest.png) no-repeat center left; }
.landuse.industrial { background: url(/images/browse/industrial.png) no-repeat center left; }
.landuse.military { background: url(/images/browse/military.png) no-repeat center left; }
.landuse.residential { background: url(/images/browse/residential.png) no-repeat center left; }
.landuse.retail { background: url(/images/browse/retail.png) no-repeat center left; }
.landuse.tourism { background: url(/images/browse/tourism.png) no-repeat center left; }
.landuse.wood { background: url(/images/browse/wood.png) no-repeat center left; }
.leisure.golf_course { background: url(/images/browse/golf.png) no-repeat center left; }
.leisure.park { background: url(/images/browse/park.png) no-repeat center left; }
.leisure.pitch { background: url(/images/browse/pitch.png) no-repeat center left; }
.leisure.nature_reserve { background: url(/images/browse/reserve.png) no-repeat center left; }
.natural.heath { background: url(/images/browse/heathland.png) no-repeat center left; }
.natural.water { background: url(/images/browse/lake.png) no-repeat center left; }
.railway.light_rail { background: url(/images/browse/light_rail.20.png) no-repeat center left; }
.railway.rail { background: url(/images/browse/rail.20.png) no-repeat center left; }
.railway.subway { background: url(/images/browse/subway.20.png) no-repeat center left; }
.railway.tram { background: url(/images/browse/tram.20.png) no-repeat center left; }

View file

@ -1,107 +0,0 @@
.node { padding-left: 25px; }
.way { padding-left: 25px; }
/* Nodes */
.aeroway.aerodrome { background: url(/images/browser-icons/aerodrome.p.16.png) no-repeat center left; }
.amenity.atm { background: url(/images/browser-icons/atm2.p.16.png) no-repeat center left; }
.amenity.bank { background: url(/images/browser-icons/bank2.p.16.png) no-repeat center left; }
.amenity.bar { background: url(/images/browser-icons/bar.p.16.png) no-repeat center left; }
.amenity.bicycle_rental { background: url(/images/browser-icons/rental_bicycle.p.20.png) no-repeat center left; }
.amenity.bus_station { background: url(/images/browser-icons/bus_station.n.16.png) no-repeat center left; }
.amenity.cafe { background: url(/images/browser-icons/cafe.p.16.png) no-repeat center left; }
.amenity.car_sharing { background: url(/images/browser-icons/car_share.p.16.png) no-repeat center left; }
.amenity.cinema { background: url(/images/browser-icons/cinema.p.16.png) no-repeat center left; }
.amenity.drinking_water { background: url(/images/browser-icons/drinkingtap.p.16.png) no-repeat center left; }
.amenity.fast_food { background: url(/images/browser-icons/fast_food.p.16.png) no-repeat center left; }
.amenity.fire_station { background: url(/images/browser-icons/firestation.p.16.png) no-repeat center left; }
.amenity.fuel { background: url(/images/browser-icons/fuel.p.16.png) no-repeat center left; }
.amenity.hospital { background: url(/images/browser-icons/hospital.p.16.png) no-repeat center left; }
.amenity.library { background: url(/images/browser-icons/library.p.16.png) no-repeat center left; }
.amenity.parking { background: url(/images/browser-icons/parking.p.16.png) no-repeat center left; }
.amenity.pharmacy { background: url(/images/browser-icons/pharmacy.p.16.png) no-repeat center left; }
.amenity.place_of_worship { background: url(/images/browser-icons/place_of_worship.png) no-repeat center left; }
.amenity.police { background: url(/images/browser-icons/police.p.16.png) no-repeat center left; }
.amenity.post_box { background: url(/images/browser-icons/post_box.p.16.png) no-repeat center left; }
.amenity.post_office { background: url(/images/browser-icons/post_office.p.16.png) no-repeat center left; }
.amenity.prison { background: url(/images/browser-icons/prison.p.16.png) no-repeat center left; }
.amenity.pub { background: url(/images/browser-icons/pub.p.16.png) no-repeat center left; }
.amenity.restaurant { background: url(/images/browser-icons/restaurant.p.16.png) no-repeat center left; }
.amenity.recycling { background: url(/images/browser-icons/recycling.p.16.png) no-repeat center left; }
.amenity.shelter { background: url(/images/browser-icons/shelter2.p.16.png) no-repeat center left; }
.amenity.telephone { background: url(/images/browser-icons/telephone.p.16.png) no-repeat center left; }
.amenity.theatre { background: url(/images/browser-icons/theatre.p.16.png) no-repeat center left; }
.amenity.toilets { background: url(/images/browser-icons/toilets.p.16.png) no-repeat center left; }
.barrier.gate { background: url(/images/browser-icons/gate2.p.16.png) no-repeat center left; }
.highway.bus_stop { background: url(/images/browser-icons/bus_stop.p.16.png) no-repeat center left; }
.highway.mini_roundabout { background: url(/images/browser-icons/mini_round.p.16.png) no-repeat center left; }
.highway.traffic_signals { background: url(/images/browser-icons/traffic_light.png) no-repeat center left; }
.highway.turning_circle { background: url(/images/browser-icons/turning_circle.p.16.png) no-repeat center left; }
.man_made.lighthouse { background: url(/images/browser-icons/lighthouse.p.16.png) no-repeat center left; }
.natural.tree { background: url(/images/browser-icons/tree.p.16.png) no-repeat center left; }
.railway.halt { background: url(/images/browser-icons/halt.p.16.png) no-repeat center left; }
.railway.station { background: url(/images/browser-icons/station.p.16.png) no-repeat center left; }
.railway.level_crossing { background: url(/images/browser-icons/level_crossing.p.16.png) no-repeat center left; }
.shop { background: url(/images/browser-icons/shop_convenience.p.16.png) no-repeat center left; }
.shop.bakery { background: url(/images/browser-icons/shop_bakery.p.16.png) no-repeat center left; }
.shop.clothes { background: url(/images/browser-icons/shop_clothes.p.16.png) no-repeat center left; }
.shop.convenience { background: url(/images/browser-icons/shop_convenience.p.16.png) no-repeat center left; }
.shop.diy { background: url(/images/browser-icons/shop_diy.p.16.png) no-repeat center left; }
.shop.hairdresser { background: url(/images/browser-icons/shop_hairdresser.p.16.png) no-repeat center left; }
.shop.supermarket { background: url(/images/browser-icons/shop_supermarket.p.16.png) no-repeat center left; }
.tourism.alpine_hut { background: url(/images/browser-icons/alpinehut.p.16.png) no-repeat center left; }
.tourism.camp_site { background: url(/images/browser-icons/camping.n.16.png) no-repeat center left; }
.tourism.caravan_site { background: url(/images/browser-icons/caravan_park.n.16.png) no-repeat center left; }
.tourism.hostel { background: url(/images/browser-icons/hostel.p.16.png) no-repeat center left; }
.tourism.hotel { background: url(/images/browser-icons/hotel.p.16.png) no-repeat center left; }
.tourism.museum { background: url(/images/browser-icons/museum.p.16.png) no-repeat center left; }
.tourism.viewpoint { background: url(/images/browser-icons/view_point.p.16.png) no-repeat center left; }
/* Ways */
.aeroway.runway { background: url(/images/browser-icons/runway.20.png) no-repeat center left; }
.aeroway.taxiway { background: url(/images/browser-icons/taxiway.20.png) no-repeat center left; }
.building { background: url(/images/browser-icons/building.png) no-repeat center left; }
.highway.bridleway { background: url(/images/browser-icons/bridleway.20.png) no-repeat center left; }
.highway.byway { background: url(/images/browser-icons/byway.20.png) no-repeat center left; }
.highway.cycleway { background: url(/images/browser-icons/cycleway.20.png) no-repeat center left; }
.highway.footway { background: url(/images/browser-icons/footway.20.png) no-repeat center left; }
.highway.motorway { background: url(/images/browser-icons/motorway.20.png) no-repeat center left; }
.highway.primary { background: url(/images/browser-icons/primary.20.png) no-repeat center left; }
.highway.residential { background: url(/images/browser-icons/unclassified.20.png) no-repeat center left; }
.highway.secondary { background: url(/images/browser-icons/secondary.20.png) no-repeat center left; }
.highway.trunk { background: url(/images/browser-icons/trunk.20.png) no-repeat center left; }
.highway.unclassified { background: url(/images/browser-icons/unclassified.20.png) no-repeat center left; }
.landuse.brownfield { background: url(/images/browser-icons/brownfield.png) no-repeat center left; }
.landuse.cemetery { background: url(/images/browser-icons/cemetery.png) no-repeat center left; }
.landuse.commercial { background: url(/images/browser-icons/commercial.png) no-repeat center left; }
.landuse.farm { background: url(/images/browser-icons/farm.png) no-repeat center left; }
.landuse.forest { background: url(/images/browser-icons/forest.png) no-repeat center left; }
.landuse.industrial { background: url(/images/browser-icons/industrial.png) no-repeat center left; }
.landuse.military { background: url(/images/browser-icons/military.png) no-repeat center left; }
.landuse.residential { background: url(/images/browser-icons/residential.png) no-repeat center left; }
.landuse.retail { background: url(/images/browser-icons/retail.png) no-repeat center left; }
.landuse.tourism { background: url(/images/browser-icons/tourism.png) no-repeat center left; }
.landuse.wood { background: url(/images/browser-icons/wood.png) no-repeat center left; }
.leisure.golf_course { background: url(/images/browser-icons/golf.png) no-repeat center left; }
.leisure.park { background: url(/images/browser-icons/park.png) no-repeat center left; }
.leisure.pitch { background: url(/images/browser-icons/pitch.png) no-repeat center left; }
.leisure.nature_reserve { background: url(/images/browser-icons/reserve.png) no-repeat center left; }
.natural.heath { background: url(/images/browser-icons/heathland.png) no-repeat center left; }
.natural.water { background: url(/images/browser-icons/lake.png) no-repeat center left; }
.railway.light_rail { background: url(/images/browser-icons/light_rail.20.png) no-repeat center left; }
.railway.rail { background: url(/images/browser-icons/rail.20.png) no-repeat center left; }
.railway.subway { background: url(/images/browser-icons/subway.20.png) no-repeat center left; }
.railway.tram { background: url(/images/browser-icons/tram.20.png) no-repeat center left; }