From: Tom Hughes Date: Tue, 26 May 2015 16:43:07 +0000 (+0100) Subject: Only apply data browser CSS rules in the data browser X-Git-Tag: live~4092 X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/835eff634651a98602897a1fbdaa4a6426beedb1 Only apply data browser CSS rules in the data browser --- diff --git a/app/assets/stylesheets/browse.scss b/app/assets/stylesheets/browse.scss index aa739d247..b2194f627 100644 --- a/app/assets/stylesheets/browse.scss +++ b/app/assets/stylesheets/browse.scss @@ -1,183 +1,187 @@ -/* Make space for icons */ - -.node::before, -.way::before, -.relation::before { - display: inline-block; - width: 25px; - margin-left: -25px; -} +.browse-section { + + /* Make space for icons */ + + .node::before, + .way::before, + .relation::before { + display: inline-block; + width: 25px; + margin-left: -25px; + } + + .node, .way, .relation { + margin-left: 25px; + } + + /* Deleted objects */ + + .deleted { text-decoration: line-through; } + + /* Nodes (and ways as areas) */ + + .aeroway.aerodrome::before { content: image-url('browse/aerodrome.p.16.png'); } + + .amenity.atm::before { content: image-url('browse/amenity_atm.16.png'); } + .amenity.bank::before { content: image-url('browse/amenity_bank.16.png'); } + .amenity.bar::before { content: image-url('browse/amenity_bar.16.png'); } + .amenity.bench::before { content: image-url('browse/amenity_bench.16.png'); } + .amenity.biergarten::before { content: image-url('browse/amenity_biergarten.16.png'); } + .amenity.bicycle_parking::before { content: image-url('browse/amenity_bicycle_parking.16.png'); } + .amenity.bicycle_rental::before { content: image-url('browse/transport_rental_bicycle.16.png'); } + .amenity.bus_station::before { content: image-url('browse/bus_station.n.16.png'); } + .amenity.cafe::before { content: image-url('browse/amenity_cafe.16.png'); } + .amenity.car_rental::before { content: image-url('browse/transport_rental_car.16.png'); } + .amenity.car_sharing::before { content: image-url('browse/car_share.p.16.png'); } + .amenity.cinema::before { content: image-url('browse/amenity_cinema.16.png'); } + .amenity.courthouse::before { content: image-url('browse/amenity_courthouse.16.png'); } + .amenity.dentist::before { content: image-url('browse/amenity_dentist.16.png'); } + .amenity.doctors::before { content: image-url('browse/amenity_doctors.16.png'); } + .amenity.drinking_water::before { content: image-url('browse/amenity_drinking_water.16.png'); } + .amenity.embassy::before { content: image-url('browse/amenity_embassy.16.png'); } + .amenity.fast_food::before { content: image-url('browse/amenity_fast_food.16.png'); } + .amenity.fire_station::before { content: image-url('browse/amenity_fire_station.16.png'); } + .amenity.fuel::before { content: image-url('browse/amenity_fuel.16.png'); } + .amenity.hospital::before { content: image-url('browse/amenity_hospital.16.png'); } + .amenity.library::before { content: image-url('browse/library.p.16.png'); } + .amenity.nursery::before { content: image-url('browse/education_nursery.p.16.png'); } + .amenity.nightclub::before { content: image-url('browse/amenity_nightclub.16.png'); } + .amenity.parking::before { content: image-url('browse/parking.p.16.png'); } + .amenity.pharmacy::before { content: image-url('browse/amenity_pharmacy.16.png'); } + .amenity.place_of_worship::before { content: image-url('browse/amenity_place_of_worship.16.png'); } + .amenity.police::before { content: image-url('browse/amenity_police.16.png'); } + .amenity.post_box::before { content: image-url('browse/post_box.p.16.png'); } + .amenity.post_office::before { content: image-url('browse/post_office.p.16.png'); } + .amenity.prison::before { content: image-url('browse/amenity_prison.16.png'); } + .amenity.pub::before { content: image-url('browse/amenity_pub.16.png'); } + .amenity.restaurant::before { content: image-url('browse/amenity_restaurant.16.png'); } + .amenity.recycling::before { content: image-url('browse/amenity_recycling.16.png'); } + .amenity.school::before { content: image-url('browse/education_school.p.16.png'); } + .amenity.shelter::before { content: image-url('browse/shelter2.p.16.png'); } + .amenity.telephone::before { content: image-url('browse/telephone.p.16.png'); } + .amenity.theatre::before { content: image-url('browse/amenity_theatre.16.png'); } + .amenity.toilets::before { content: image-url('browse/amenity_toilets.16.png'); } + .amenity.townhall::before { content: image-url('browse/amenity_townhall.16.png'); } + .amenity.university::before { content: image-url('browse/education_university.p.16.png'); } + .amenity.veterinary::before { content: image-url('browse/health_veterinary.p.16.png'); } + .amenity.waste_basket::before { content: image-url('browse/amenity_waste_basket.16.png'); } + + .barrier.gate::before { content: image-url('browse/gate2.p.16.png'); } + + .highway.bus_stop::before { content: image-url('browse/highway_bus_stop.16.png'); } + .highway.mini_roundabout::before { content: image-url('browse/mini_round.p.16.png'); } + .highway.traffic_signals::before { content: image-url('browse/traffic_light.png'); } + .highway.turning_circle::before { content: image-url('browse/turning_circle.p.16.png'); } + + .historic.archaeological_site { content: image-url('browse/historic_archaeological_site.16.png'); } + .historic.castle::before { content: image-url('browse/tourist_castle.p.16.png'); } + .historic.memorial::before { content: image-url('browse/historic_memorial.16.png'); } + .historic.monument::before { content: image-url('browse/historic_monument.16.png'); } + .historic.ruins::before { content: image-url('browse/tourist_ruins.p.16.png'); } + .historic.wreck::before { content: image-url('browse/tourist_wreck.p.16.png'); } + + .man_made.lighthouse::before { content: image-url('browse/man_made_lighthouse.16.png'); } + .man_made.windmill::before { content: image-url('browse/tourist_windmill.p.16.png'); } + + .natural.tree::before { content: image-url('browse/tree.p.16.png'); } + + .railway.halt::before { content: image-url('browse/halt.p.16.png'); } + .railway.station::before { content: image-url('browse/station.p.16.png'); } + .railway.level_crossing::before { content: image-url('browse/level_crossing.p.16.png'); } + + .shop::before { content: image-url('browse/shop_convenience.p.16.png'); } + .shop.alcohol::before { content: image-url('browse/shop_alcohol.16.pn'); } + .shop.bakery::before { content: image-url('browse/shop_bakery.16.png'); } + .shop.bicycle::before { content: image-url('browse/shop_bicycle.16.png'); } + .shop.books::before { content: image-url('browse/shop_books.16.png'); } + .shop.butcher::before { content: image-url('browse/shop_butcher.p.16.png'); } + .shop.clothes::before { content: image-url('browse/shop_clothes.16.png'); } + .shop.car_repair::before { content: image-url('browse/shop_car_repair.16.png'); } + .shop.convenience::before { content: image-url('browse/shop_convenience.p.16.png'); } + .shop.diy::before { content: image-url('browse/shop_doityourself.16.png'); } + .shop.electronics::before { content: image-url('browse/shop_electronics.16.png'); } + .shop.estate_agent::before { content: image-url('browse/shop_estateagent2.p.16.png'); } + .shop.fashion::before { content: image-url('browse/shop_clothes.16.png'); } + .shop.fish::before { content: image-url('browse/shop_fish.p.16.png'); } + .shop.florist::before { content: image-url('browse/shop_florist.16.png'); } + .shop.furniture::before { content: image-url('browse/shop_furniture.16.png'); } + .shop.garden_centre::before { content: image-url('browse/shop_florist.16.png'); } + .shop.gift::before { content: image-url('browse/shop_gift.16.png'); } + .shop.greengrocer::before { content: image-url('browse/shop_greengrocer.p.16.png'); } + .shop.hardware::before { content: image-url('browse/shop_doityourself.16.png'); } + .shop.hairdresser::before { content: image-url('browse/shop_hairdresser.16.png'); } + .shop.jewelry::before { content: image-url('browse/shop_jewellery.16.png'); } + .shop.jewellery::before { content: image-url('browse/shop_jewellery.16.png'); } + .shop.mobile_phone::before { content: image-url('browse/shop_mobile_phone.16.png'); } + .shop.optician::before { content: image-url('browse/shop_optician.16.png'); } + .shop.pet::before { content: image-url('browse/shop_pet.16.png'); } + .shop.shoes::before { content: image-url('browse/shop_shoes.16.png'); } + .shop.supermarket::before { content: image-url('browse/shop_supermarket.p.16.png'); } + + .tourism.alpine_hut::before { content: image-url('browse/alpinehut.p.16.png'); } + .tourism.camp_site::before { content: image-url('browse/tourism_camp_site.16.png'); } + .tourism.caravan_site::before { content: image-url('browse/tourism_caravan_site.16.png'); } + .tourism.hostel::before { content: image-url('browse/hostel.p.16.png'); } + .tourism.hotel::before { content: image-url('browse/hotel.p.16.png'); } + .tourism.motel::before { content: image-url('browse/tourism_motel.16.png'); } + .tourism.museum::before { content: image-url('browse/tourism_museum.16.png'); } + .tourism.picnic_site::before { content: image-url('browse/tourism_picnic_site.16.png'); } + .tourism.viewpoint::before { content: image-url('browse/view_point.p.16.png'); } + + /* Ways */ + + .aeroway.runway::before { content: image-url('browse/runway.20.png'); } + .aeroway.taxiway::before { content: image-url('browse/taxiway.20.png'); } + + .barrier.wall::before { content: image-url('browse/wall.20.png'); } + + .building::before { content: image-url('browse/building.png'); } + + .highway.bridleway::before { content: image-url('browse/bridleway.20.png'); } + .highway.byway::before { content: image-url('browse/byway.20.png'); } + .highway.cycleway::before { content: image-url('browse/cycleway.20.png'); } + .highway.footway::before { content: image-url('browse/footway.20.png'); } + .highway.motorway::before { content: image-url('browse/motorway.20.png'); } + .highway.motorway_link::before { content: image-url('browse/motorway.20.png'); } + .highway.path::before { content: image-url('browse/path.20.png'); } + .highway.pedestrian::before { content: image-url('browse/service.20.png'); } + .highway.primary::before { content: image-url('browse/primary.20.png'); } + .highway.primary_link::before { content: image-url('browse/primary.20.png'); } + .highway.residential::before { content: image-url('browse/unclassified.20.png'); } + .highway.secondary::before { content: image-url('browse/secondary.20.png'); } + .highway.secondary_link::before { content: image-url('browse/secondary.20.png'); } + .highway.service::before { content: image-url('browse/service.20.png'); } + .highway.tertiary::before { content: image-url('browse/tertiary.20.png'); } + .highway.track::before { content: image-url('browse/track.20.png'); } + .highway.trunk::before { content: image-url('browse/trunk.20.png'); } + .highway.trunk_link::before { content: image-url('browse/trunk.20.png'); } + .highway.unclassified::before { content: image-url('browse/unclassified.20.png'); } + + .landuse.brownfield::before { content: image-url('browse/brownfield.png'); } + .landuse.cemetery::before { content: image-url('browse/cemetery.png'); } + .landuse.commercial::before { content: image-url('browse/commercial.png'); } + .landuse.farm::before { content: image-url('browse/farm.png'); } + .landuse.forest::before { content: image-url('browse/forest.png'); } + .landuse.industrial::before { content: image-url('browse/industrial.png'); } + .landuse.military::before { content: image-url('browse/military.png'); } + .landuse.residential::before { content: image-url('browse/residential.png'); } + .landuse.retail::before { content: image-url('browse/retail.png'); } + .landuse.tourism::before { content: image-url('browse/tourism.png'); } + .landuse.wood::before { content: image-url('browse/wood.png'); } + + .leisure.golf_course::before { content: image-url('browse/golf.png'); } + .leisure.park::before { content: image-url('browse/park.png'); } + .leisure.picnic_table::before { content: image-url('browse/tourism_picnic_site.16.png'); } + .leisure.playground::before { content: image-url('browse/leisure_playground.16.png'); } + .leisure.pitch::before { content: image-url('browse/pitch.png'); } + .leisure.nature_reserve::before { content: image-url('browse/reserve.png'); } + + .natural.heath::before { content: image-url('browse/heathland.png'); } + .natural.water::before { content: image-url('browse/lake.png'); } + + .railway.light_rail::before { content: image-url('browse/light_rail.20.png'); } + .railway.rail::before { content: image-url('browse/rail.20.png'); } + .railway.subway::before { content: image-url('browse/subway.20.png'); } + .railway.tram::before { content: image-url('browse/tram.20.png'); } -.node, .way, .relation { - margin-left: 25px; } - -/* Deleted objects */ - -.deleted { text-decoration: line-through; } - -/* Nodes (and ways as areas) */ - -.aeroway.aerodrome::before { content: image-url('browse/aerodrome.p.16.png'); } - -.amenity.atm::before { content: image-url('browse/amenity_atm.16.png'); } -.amenity.bank::before { content: image-url('browse/amenity_bank.16.png'); } -.amenity.bar::before { content: image-url('browse/amenity_bar.16.png'); } -.amenity.bench::before { content: image-url('browse/amenity_bench.16.png'); } -.amenity.biergarten::before { content: image-url('browse/amenity_biergarten.16.png'); } -.amenity.bicycle_parking::before { content: image-url('browse/amenity_bicycle_parking.16.png'); } -.amenity.bicycle_rental::before { content: image-url('browse/transport_rental_bicycle.16.png'); } -.amenity.bus_station::before { content: image-url('browse/bus_station.n.16.png'); } -.amenity.cafe::before { content: image-url('browse/amenity_cafe.16.png'); } -.amenity.car_rental::before { content: image-url('browse/transport_rental_car.16.png'); } -.amenity.car_sharing::before { content: image-url('browse/car_share.p.16.png'); } -.amenity.cinema::before { content: image-url('browse/amenity_cinema.16.png'); } -.amenity.courthouse::before { content: image-url('browse/amenity_courthouse.16.png'); } -.amenity.dentist::before { content: image-url('browse/amenity_dentist.16.png'); } -.amenity.doctors::before { content: image-url('browse/amenity_doctors.16.png'); } -.amenity.drinking_water::before { content: image-url('browse/amenity_drinking_water.16.png'); } -.amenity.embassy::before { content: image-url('browse/amenity_embassy.16.png'); } -.amenity.fast_food::before { content: image-url('browse/amenity_fast_food.16.png'); } -.amenity.fire_station::before { content: image-url('browse/amenity_fire_station.16.png'); } -.amenity.fuel::before { content: image-url('browse/amenity_fuel.16.png'); } -.amenity.hospital::before { content: image-url('browse/amenity_hospital.16.png'); } -.amenity.library::before { content: image-url('browse/library.p.16.png'); } -.amenity.nursery::before { content: image-url('browse/education_nursery.p.16.png'); } -.amenity.nightclub::before { content: image-url('browse/amenity_nightclub.16.png'); } -.amenity.parking::before { content: image-url('browse/parking.p.16.png'); } -.amenity.pharmacy::before { content: image-url('browse/amenity_pharmacy.16.png'); } -.amenity.place_of_worship::before { content: image-url('browse/amenity_place_of_worship.16.png'); } -.amenity.police::before { content: image-url('browse/amenity_police.16.png'); } -.amenity.post_box::before { content: image-url('browse/post_box.p.16.png'); } -.amenity.post_office::before { content: image-url('browse/post_office.p.16.png'); } -.amenity.prison::before { content: image-url('browse/amenity_prison.16.png'); } -.amenity.pub::before { content: image-url('browse/amenity_pub.16.png'); } -.amenity.restaurant::before { content: image-url('browse/amenity_restaurant.16.png'); } -.amenity.recycling::before { content: image-url('browse/amenity_recycling.16.png'); } -.amenity.school::before { content: image-url('browse/education_school.p.16.png'); } -.amenity.shelter::before { content: image-url('browse/shelter2.p.16.png'); } -.amenity.telephone::before { content: image-url('browse/telephone.p.16.png'); } -.amenity.theatre::before { content: image-url('browse/amenity_theatre.16.png'); } -.amenity.toilets::before { content: image-url('browse/amenity_toilets.16.png'); } -.amenity.townhall::before { content: image-url('browse/amenity_townhall.16.png'); } -.amenity.university::before { content: image-url('browse/education_university.p.16.png'); } -.amenity.veterinary::before { content: image-url('browse/health_veterinary.p.16.png'); } -.amenity.waste_basket::before { content: image-url('browse/amenity_waste_basket.16.png'); } - -.barrier.gate::before { content: image-url('browse/gate2.p.16.png'); } - -.highway.bus_stop::before { content: image-url('browse/highway_bus_stop.16.png'); } -.highway.mini_roundabout::before { content: image-url('browse/mini_round.p.16.png'); } -.highway.traffic_signals::before { content: image-url('browse/traffic_light.png'); } -.highway.turning_circle::before { content: image-url('browse/turning_circle.p.16.png'); } - -.historic.archaeological_site { content: image-url('browse/historic_archaeological_site.16.png'); } -.historic.castle::before { content: image-url('browse/tourist_castle.p.16.png'); } -.historic.memorial::before { content: image-url('browse/historic_memorial.16.png'); } -.historic.monument::before { content: image-url('browse/historic_monument.16.png'); } -.historic.ruins::before { content: image-url('browse/tourist_ruins.p.16.png'); } -.historic.wreck::before { content: image-url('browse/tourist_wreck.p.16.png'); } - -.man_made.lighthouse::before { content: image-url('browse/man_made_lighthouse.16.png'); } -.man_made.windmill::before { content: image-url('browse/tourist_windmill.p.16.png'); } - -.natural.tree::before { content: image-url('browse/tree.p.16.png'); } - -.railway.halt::before { content: image-url('browse/halt.p.16.png'); } -.railway.station::before { content: image-url('browse/station.p.16.png'); } -.railway.level_crossing::before { content: image-url('browse/level_crossing.p.16.png'); } - -.shop::before { content: image-url('browse/shop_convenience.p.16.png'); } -.shop.alcohol::before { content: image-url('browse/shop_alcohol.16.pn'); } -.shop.bakery::before { content: image-url('browse/shop_bakery.16.png'); } -.shop.bicycle::before { content: image-url('browse/shop_bicycle.16.png'); } -.shop.books::before { content: image-url('browse/shop_books.16.png'); } -.shop.butcher::before { content: image-url('browse/shop_butcher.p.16.png'); } -.shop.clothes::before { content: image-url('browse/shop_clothes.16.png'); } -.shop.car_repair::before { content: image-url('browse/shop_car_repair.16.png'); } -.shop.convenience::before { content: image-url('browse/shop_convenience.p.16.png'); } -.shop.diy::before { content: image-url('browse/shop_doityourself.16.png'); } -.shop.electronics::before { content: image-url('browse/shop_electronics.16.png'); } -.shop.estate_agent::before { content: image-url('browse/shop_estateagent2.p.16.png'); } -.shop.fashion::before { content: image-url('browse/shop_clothes.16.png'); } -.shop.fish::before { content: image-url('browse/shop_fish.p.16.png'); } -.shop.florist::before { content: image-url('browse/shop_florist.16.png'); } -.shop.furniture::before { content: image-url('browse/shop_furniture.16.png'); } -.shop.garden_centre::before { content: image-url('browse/shop_florist.16.png'); } -.shop.gift::before { content: image-url('browse/shop_gift.16.png'); } -.shop.greengrocer::before { content: image-url('browse/shop_greengrocer.p.16.png'); } -.shop.hardware::before { content: image-url('browse/shop_doityourself.16.png'); } -.shop.hairdresser::before { content: image-url('browse/shop_hairdresser.16.png'); } -.shop.jewelry::before { content: image-url('browse/shop_jewellery.16.png'); } -.shop.jewellery::before { content: image-url('browse/shop_jewellery.16.png'); } -.shop.mobile_phone::before { content: image-url('browse/shop_mobile_phone.16.png'); } -.shop.optician::before { content: image-url('browse/shop_optician.16.png'); } -.shop.pet::before { content: image-url('browse/shop_pet.16.png'); } -.shop.shoes::before { content: image-url('browse/shop_shoes.16.png'); } -.shop.supermarket::before { content: image-url('browse/shop_supermarket.p.16.png'); } - -.tourism.alpine_hut::before { content: image-url('browse/alpinehut.p.16.png'); } -.tourism.camp_site::before { content: image-url('browse/tourism_camp_site.16.png'); } -.tourism.caravan_site::before { content: image-url('browse/tourism_caravan_site.16.png'); } -.tourism.hostel::before { content: image-url('browse/hostel.p.16.png'); } -.tourism.hotel::before { content: image-url('browse/hotel.p.16.png'); } -.tourism.motel::before { content: image-url('browse/tourism_motel.16.png'); } -.tourism.museum::before { content: image-url('browse/tourism_museum.16.png'); } -.tourism.picnic_site::before { content: image-url('browse/tourism_picnic_site.16.png'); } -.tourism.viewpoint::before { content: image-url('browse/view_point.p.16.png'); } - -/* Ways */ - -.aeroway.runway::before { content: image-url('browse/runway.20.png'); } -.aeroway.taxiway::before { content: image-url('browse/taxiway.20.png'); } - -.barrier.wall::before { content: image-url('browse/wall.20.png'); } - -.building::before { content: image-url('browse/building.png'); } - -.highway.bridleway::before { content: image-url('browse/bridleway.20.png'); } -.highway.byway::before { content: image-url('browse/byway.20.png'); } -.highway.cycleway::before { content: image-url('browse/cycleway.20.png'); } -.highway.footway::before { content: image-url('browse/footway.20.png'); } -.highway.motorway::before { content: image-url('browse/motorway.20.png'); } -.highway.motorway_link::before { content: image-url('browse/motorway.20.png'); } -.highway.path::before { content: image-url('browse/path.20.png'); } -.highway.pedestrian::before { content: image-url('browse/service.20.png'); } -.highway.primary::before { content: image-url('browse/primary.20.png'); } -.highway.primary_link::before { content: image-url('browse/primary.20.png'); } -.highway.residential::before { content: image-url('browse/unclassified.20.png'); } -.highway.secondary::before { content: image-url('browse/secondary.20.png'); } -.highway.secondary_link::before { content: image-url('browse/secondary.20.png'); } -.highway.service::before { content: image-url('browse/service.20.png'); } -.highway.tertiary::before { content: image-url('browse/tertiary.20.png'); } -.highway.track::before { content: image-url('browse/track.20.png'); } -.highway.trunk::before { content: image-url('browse/trunk.20.png'); } -.highway.trunk_link::before { content: image-url('browse/trunk.20.png'); } -.highway.unclassified::before { content: image-url('browse/unclassified.20.png'); } - -.landuse.brownfield::before { content: image-url('browse/brownfield.png'); } -.landuse.cemetery::before { content: image-url('browse/cemetery.png'); } -.landuse.commercial::before { content: image-url('browse/commercial.png'); } -.landuse.farm::before { content: image-url('browse/farm.png'); } -.landuse.forest::before { content: image-url('browse/forest.png'); } -.landuse.industrial::before { content: image-url('browse/industrial.png'); } -.landuse.military::before { content: image-url('browse/military.png'); } -.landuse.residential::before { content: image-url('browse/residential.png'); } -.landuse.retail::before { content: image-url('browse/retail.png'); } -.landuse.tourism::before { content: image-url('browse/tourism.png'); } -.landuse.wood::before { content: image-url('browse/wood.png'); } - -.leisure.golf_course::before { content: image-url('browse/golf.png'); } -.leisure.park::before { content: image-url('browse/park.png'); } -.leisure.picnic_table::before { content: image-url('browse/tourism_picnic_site.16.png'); } -.leisure.playground::before { content: image-url('browse/leisure_playground.16.png'); } -.leisure.pitch::before { content: image-url('browse/pitch.png'); } -.leisure.nature_reserve::before { content: image-url('browse/reserve.png'); } - -.natural.heath::before { content: image-url('browse/heathland.png'); } -.natural.water::before { content: image-url('browse/lake.png'); } - -.railway.light_rail::before { content: image-url('browse/light_rail.20.png'); } -.railway.rail::before { content: image-url('browse/rail.20.png'); } -.railway.subway::before { content: image-url('browse/subway.20.png'); } -.railway.tram::before { content: image-url('browse/tram.20.png'); }