]> git.openstreetmap.org Git - rails.git/blob - app/assets/stylesheets/browse.scss
Rework diary comments to use flex grid rather than floats and margins
[rails.git] / app / assets / stylesheets / browse.scss
1 .browse-section {
2
3   /* Make space for icons */
4
5   .node::before,
6   .way::before,
7   .relation::before {
8     display: inline-block;
9     width: 25px;
10     margin-left: -25px;
11   }
12
13   .node, .way, .relation {
14     margin-left: 25px;
15   }
16
17   /* Deleted objects */
18
19   .deleted { text-decoration: line-through; }
20
21   /* Nodes (and ways as areas) */
22
23   .aeroway.aerodrome::before { content: image-url('browse/aerodrome.p.16.png'); }
24
25   .amenity.atm::before { content: image-url('browse/amenity_atm.16.png'); }
26   .amenity.bank::before { content: image-url('browse/amenity_bank.16.png'); }
27   .amenity.bar::before { content: image-url('browse/amenity_bar.16.png'); }
28   .amenity.bench::before { content: image-url('browse/amenity_bench.16.png'); }
29   .amenity.biergarten::before { content: image-url('browse/amenity_biergarten.16.png'); }
30   .amenity.bicycle_parking::before { content: image-url('browse/amenity_bicycle_parking.16.png'); }
31   .amenity.bicycle_rental::before { content: image-url('browse/transport_rental_bicycle.16.png'); }
32   .amenity.bus_station::before { content: image-url('browse/bus_station.n.16.png'); }
33   .amenity.cafe::before { content: image-url('browse/amenity_cafe.16.png'); }
34   .amenity.car_rental::before { content: image-url('browse/transport_rental_car.16.png'); }
35   .amenity.car_sharing::before { content: image-url('browse/car_share.p.16.png'); }
36   .amenity.cinema::before { content: image-url('browse/amenity_cinema.16.png'); }
37   .amenity.courthouse::before { content: image-url('browse/amenity_courthouse.16.png'); }
38   .amenity.dentist::before { content: image-url('browse/amenity_dentist.16.png'); }
39   .amenity.doctors::before { content: image-url('browse/amenity_doctors.16.png'); }
40   .amenity.drinking_water::before { content: image-url('browse/amenity_drinking_water.16.png'); }
41   .amenity.embassy::before { content: image-url('browse/amenity_embassy.16.png'); }
42   .amenity.fast_food::before { content: image-url('browse/amenity_fast_food.16.png'); }
43   .amenity.fire_station::before { content: image-url('browse/amenity_fire_station.16.png'); }
44   .amenity.fuel::before { content: image-url('browse/amenity_fuel.16.png'); }
45   .amenity.hospital::before { content: image-url('browse/amenity_hospital.16.png'); }
46   .amenity.library::before { content: image-url('browse/library.p.16.png'); }
47   .amenity.nursery::before { content: image-url('browse/education_nursery.p.16.png'); }
48   .amenity.nightclub::before { content: image-url('browse/amenity_nightclub.16.png'); }
49   .amenity.parking::before { content: image-url('browse/parking.p.16.png'); }
50   .amenity.pharmacy::before { content: image-url('browse/amenity_pharmacy.16.png'); }
51   .amenity.place_of_worship::before { content: image-url('browse/amenity_place_of_worship.16.png'); }
52   .amenity.police::before { content: image-url('browse/amenity_police.16.png'); }
53   .amenity.post_box::before { content: image-url('browse/post_box.p.16.png'); }
54   .amenity.post_office::before { content: image-url('browse/post_office.p.16.png'); }
55   .amenity.prison::before { content: image-url('browse/amenity_prison.16.png'); }
56   .amenity.pub::before { content: image-url('browse/amenity_pub.16.png'); }
57   .amenity.restaurant::before { content: image-url('browse/amenity_restaurant.16.png'); }
58   .amenity.recycling::before { content: image-url('browse/amenity_recycling.16.png'); }
59   .amenity.school::before { content: image-url('browse/education_school.p.16.png'); }
60   .amenity.shelter::before { content: image-url('browse/shelter2.p.16.png'); }
61   .amenity.taxi::before { content: image-url('browse/amenity_taxi.16.png'); }
62   .amenity.telephone::before { content: image-url('browse/telephone.p.16.png'); }
63   .amenity.theatre::before { content: image-url('browse/amenity_theatre.16.png'); }
64   .amenity.toilets::before { content: image-url('browse/amenity_toilets.16.png'); }
65   .amenity.townhall::before { content: image-url('browse/amenity_townhall.16.png'); }
66   .amenity.university::before { content: image-url('browse/education_university.p.16.png'); }
67   .amenity.veterinary::before { content: image-url('browse/health_veterinary.p.16.png'); }
68   .amenity.waste_basket::before { content: image-url('browse/amenity_waste_basket.16.png'); }
69
70   .barrier.gate::before { content: image-url('browse/gate2.p.16.png'); }
71
72   .highway.bus_stop::before { content: image-url('browse/highway_bus_stop.16.png'); }
73   .highway.mini_roundabout::before { content: image-url('browse/mini_round.p.16.png'); }
74   .highway.traffic_signals::before { content: image-url('browse/traffic_light.png'); }
75   .highway.turning_circle::before { content: image-url('browse/turning_circle.p.16.png'); }
76
77   .historic.archaeological_site::before { content: image-url('browse/historic_archaeological_site.16.png'); }
78   .historic.castle::before { content: image-url('browse/tourist_castle.p.16.png'); }
79   .historic.memorial::before { content: image-url('browse/historic_memorial.16.png'); }
80   .historic.monument::before { content: image-url('browse/historic_monument.16.png'); }
81   .historic.ruins::before { content: image-url('browse/tourist_ruins.p.16.png'); }
82   .historic.wreck::before { content: image-url('browse/tourist_wreck.p.16.png'); }
83
84   .man_made.lighthouse::before { content: image-url('browse/man_made_lighthouse.16.png'); }
85   .man_made.water_tower::before { content: image-url('browse/man_made_water_tower.16.png'); }
86   .man_made.windmill::before { content: image-url('browse/man_made_windmill.16.png'); }
87
88   .natural.tree::before { content: image-url('browse/tree.p.16.png'); }
89
90   .railway.halt::before { content: image-url('browse/halt.p.16.png'); }
91   .railway.station::before { content: image-url('browse/station.p.16.png'); }
92   .railway.level_crossing::before { content: image-url('browse/level_crossing.p.16.png'); }
93
94   .shop::before { content: image-url('browse/shop_convenience.p.16.png'); }
95   .shop.alcohol::before { content: image-url('browse/shop_alcohol.16.png'); }
96   .shop.bakery::before { content: image-url('browse/shop_bakery.16.png'); }
97   .shop.bicycle::before { content: image-url('browse/shop_bicycle.16.png'); }
98   .shop.books::before { content: image-url('browse/shop_books.16.png'); }
99   .shop.butcher::before { content: image-url('browse/shop_butcher.p.16.png'); }
100   .shop.clothes::before { content: image-url('browse/shop_clothes.16.png'); }
101   .shop.car_parts::before { content: image-url('browse/shop_car_parts.16.png'); }
102   .shop.car_repair::before { content: image-url('browse/shop_car_repair.16.png'); }
103   .shop.convenience::before { content: image-url('browse/shop_convenience.p.16.png'); }
104   .shop.diy::before { content: image-url('browse/shop_doityourself.16.png'); }
105   .shop.electronics::before { content: image-url('browse/shop_electronics.16.png'); }
106   .shop.estate_agent::before { content: image-url('browse/shop_estateagent2.p.16.png'); }
107   .shop.fashion::before { content: image-url('browse/shop_clothes.16.png'); }
108   .shop.fish::before { content: image-url('browse/shop_fish.p.16.png'); }
109   .shop.florist::before { content: image-url('browse/shop_florist.16.png'); }
110   .shop.furniture::before { content: image-url('browse/shop_furniture.16.png'); }
111   .shop.garden_centre::before { content: image-url('browse/shop_florist.16.png'); }
112   .shop.gift::before { content: image-url('browse/shop_gift.16.png'); }
113   .shop.greengrocer::before { content: image-url('browse/shop_greengrocer.p.16.png'); }
114   .shop.hardware::before { content: image-url('browse/shop_doityourself.16.png'); }
115   .shop.hairdresser::before { content: image-url('browse/shop_hairdresser.16.png'); }
116   .shop.jewelry::before { content: image-url('browse/shop_jewellery.16.png'); }
117   .shop.jewellery::before { content: image-url('browse/shop_jewellery.16.png'); }
118   .shop.mobile_phone::before { content: image-url('browse/shop_mobile_phone.16.png'); }
119   .shop.optician::before { content: image-url('browse/shop_optician.16.png'); }
120   .shop.pet::before { content: image-url('browse/shop_pet.16.png'); }
121   .shop.shoes::before { content: image-url('browse/shop_shoes.16.png'); }
122   .shop.supermarket::before { content: image-url('browse/shop_supermarket.p.16.png'); }
123
124   .tourism.alpine_hut::before { content: image-url('browse/tourism_alpine_hut.16.png'); }
125   .tourism.camp_site::before { content: image-url('browse/tourism_camp_site.16.png'); }
126   .tourism.caravan_site::before { content: image-url('browse/tourism_caravan_site.16.png'); }
127   .tourism.hostel::before { content: image-url('browse/tourism_hostel.16.png'); }
128   .tourism.hotel::before { content: image-url('browse/tourism_hotel.16.png'); }
129   .tourism.motel::before { content: image-url('browse/tourism_motel.16.png'); }
130   .tourism.museum::before { content: image-url('browse/tourism_museum.16.png'); }
131   .tourism.picnic_site::before { content: image-url('browse/tourism_picnic_site.16.png'); }
132   .tourism.viewpoint::before { content: image-url('browse/view_point.p.16.png'); }
133   .tourism.wilderness_hut::before { content: image-url('browse/tourism_wilderness_hut.16.png'); }
134
135   /* Ways */
136
137   .aeroway.runway::before { content: image-url('browse/runway.20.png'); }
138   .aeroway.taxiway::before { content: image-url('browse/taxiway.20.png'); }
139
140   .barrier.wall::before { content: image-url('browse/wall.20.png'); }
141
142   .building::before { content: image-url('browse/building.png'); }
143
144   .highway.bridleway::before { content: image-url('browse/bridleway.20.png'); }
145   .highway.byway::before { content: image-url('browse/byway.20.png'); }
146   .highway.cycleway::before { content: image-url('browse/cycleway.20.png'); }
147   .highway.footway::before { content: image-url('browse/footway.20.png'); }
148   .highway.motorway::before { content: image-url('browse/motorway.20.png'); }
149   .highway.motorway_link::before { content: image-url('browse/motorway.20.png'); }
150   .highway.path::before { content: image-url('browse/path.20.png'); }
151   .highway.pedestrian::before { content: image-url('browse/service.20.png'); }
152   .highway.primary::before { content: image-url('browse/primary.20.png'); }
153   .highway.primary_link::before { content: image-url('browse/primary.20.png'); }
154   .highway.residential::before { content: image-url('browse/unclassified.20.png'); }
155   .highway.secondary::before { content: image-url('browse/secondary.20.png'); }
156   .highway.secondary_link::before { content: image-url('browse/secondary.20.png'); }
157   .highway.service::before { content: image-url('browse/service.20.png'); }
158   .highway.tertiary::before { content: image-url('browse/tertiary.20.png'); }
159   .highway.track::before { content: image-url('browse/track.20.png'); }
160   .highway.trunk::before { content: image-url('browse/trunk.20.png'); }
161   .highway.trunk_link::before { content: image-url('browse/trunk.20.png'); }
162   .highway.unclassified::before { content: image-url('browse/unclassified.20.png'); }
163
164   .landuse.brownfield::before { content: image-url('browse/brownfield.png'); }
165   .landuse.cemetery::before { content: image-url('browse/cemetery.png'); }
166   .landuse.commercial::before { content: image-url('browse/commercial.png'); }
167   .landuse.farmland::before { content: image-url('browse/farmland.png'); }
168   .landuse.farmyard::before { content: image-url('browse/farmyard.png'); }
169   .landuse.forest::before { content: image-url('browse/forest.png'); }
170   .landuse.grass::before { content: image-url('browse/grass.png'); }
171   .landuse.industrial::before { content: image-url('browse/industrial.png'); }
172   .landuse.meadow::before { content: image-url('browse/meadow.png'); }
173   .landuse.military::before { content: image-url('browse/military.png'); }
174   .landuse.residential::before { content: image-url('browse/residential.png'); }
175   .landuse.retail::before { content: image-url('browse/retail.png'); }
176   .landuse.tourism::before { content: image-url('browse/tourism.png'); }
177
178   .leisure.golf_course::before { content: image-url('browse/golf.png'); }
179   .leisure.park::before { content: image-url('browse/park.png'); }
180   .leisure.picnic_table::before { content: image-url('browse/tourism_picnic_site.16.png'); }
181   .leisure.playground::before { content: image-url('browse/leisure_playground.16.png'); }
182   .leisure.pitch::before { content: image-url('browse/pitch.png'); }
183   .leisure.nature_reserve::before { content: image-url('browse/reserve.png'); }
184   .leisure.water_park::before { content: image-url('browse/leisure_water_park.16.png'); }
185
186   .natural.grassland::before { content: image-url('browse/grassland.png'); }
187   .natural.heath::before { content: image-url('browse/heathland.png'); }
188   .natural.scrub::before { content: image-url('browse/scrub.png'); }
189   .natural.water::before { content: image-url('browse/lake.png'); }
190   .natural.wood::before { content: image-url('browse/wood.png'); }
191
192   .railway.light_rail::before { content: image-url('browse/light_rail.20.png'); }
193   .railway.rail::before { content: image-url('browse/rail.20.png'); }
194   .railway.subway::before { content: image-url('browse/subway.20.png'); }
195   .railway.tram::before { content: image-url('browse/tram.20.png'); }
196
197 }