Show object icons in the margin on data browers pages
[rails.git] / app / assets / stylesheets / browse.css.scss
1 /* Make space for icons */
2
3 .node, .way, .relation { 
4   padding-left: 25px;
5
6   &:first-child {
7     margin-left: -25px;
8   }
9 }
10
11 /* Deleted objects */
12
13 .deleted { text-decoration: line-through; }
14
15 /* Nodes (and ways as areas) */
16
17 .aeroway.aerodrome { background: image-url('browse/aerodrome.p.16.png') no-repeat center left; }
18
19 .amenity.atm { background: image-url('browse/atm2.p.16.png') no-repeat center left; }
20 .amenity.bank { background: image-url('browse/bank2.p.16.png') no-repeat center left; }
21 .amenity.bar { background: image-url('browse/bar.p.16.png') no-repeat center left; }
22 .amenity.bicycle_parking { background: image-url('browse/transport_parking_bicycle.p.16.png') no-repeat center left; }
23 .amenity.bicycle_rental { background: image-url('browse/transport_rental_bicycle.p.16.png') no-repeat center left; }
24 .amenity.bus_station { background: image-url('browse/bus_station.n.16.png') no-repeat center left; }
25 .amenity.cafe { background: image-url('browse/cafe.p.16.png') no-repeat center left; }
26 .amenity.car_rental { background: image-url('browse/transport_rental_car.p.16.png') no-repeat center left; }
27 .amenity.car_sharing { background: image-url('browse/car_share.p.16.png') no-repeat center left; }
28 .amenity.cinema { background: image-url('browse/cinema.p.16.png') no-repeat center left; }
29 .amenity.dentist { background: image-url('browse/health_dentist.p.16.png') no-repeat center left; }
30 .amenity.doctors { background: image-url('browse/health_doctors.p.16.png') no-repeat center left; }
31 .amenity.drinking_water { background: image-url('browse/drinkingtap.p.16.png') no-repeat center left; }
32 .amenity.fast_food { background: image-url('browse/fast_food.p.16.png') no-repeat center left; }
33 .amenity.fire_station { background: image-url('browse/firestation.p.16.png') no-repeat center left; }
34 .amenity.fuel { background: image-url('browse/fuel.p.16.png') no-repeat center left; }
35 .amenity.hospital { background: image-url('browse/hospital.p.16.png') no-repeat center left; }
36 .amenity.library { background: image-url('browse/library.p.16.png') no-repeat center left; }
37 .amenity.nursery { background: image-url('browse/education_nursery.p.16.png') no-repeat center left; }
38 .amenity.parking { background: image-url('browse/parking.p.16.png') no-repeat center left; }
39 .amenity.pharmacy { background: image-url('browse/pharmacy.p.16.png') no-repeat center left; }
40 .amenity.place_of_worship { background: image-url('browse/place_of_worship_unknown3.p.16.png') no-repeat center left; }
41 .amenity.police { background: image-url('browse/police.p.16.png') no-repeat center left; }
42 .amenity.post_box { background: image-url('browse/post_box.p.16.png') no-repeat center left; }
43 .amenity.post_office { background: image-url('browse/post_office.p.16.png') no-repeat center left; }
44 .amenity.prison { background: image-url('browse/prison.p.16.png') no-repeat center left; }
45 .amenity.pub { background: image-url('browse/pub.p.16.png') no-repeat center left; }
46 .amenity.restaurant { background: image-url('browse/restaurant.p.16.png') no-repeat center left; }
47 .amenity.recycling { background: image-url('browse/recycling.p.16.png') no-repeat center left; }
48 .amenity.school { background: image-url('browse/education_school.p.16.png') no-repeat center left; }
49 .amenity.shelter { background: image-url('browse/shelter2.p.16.png') no-repeat center left; }
50 .amenity.telephone { background: image-url('browse/telephone.p.16.png') no-repeat center left; }
51 .amenity.theatre { background: image-url('browse/theatre.p.16.png') no-repeat center left; }
52 .amenity.toilets { background: image-url('browse/toilets.p.16.png') no-repeat center left; }
53 .amenity.university { background: image-url('browse/education_university.p.16.png') no-repeat center left; }
54 .amenity.veterinary { background: image-url('browse/health_veterinary.p.16.png') no-repeat center left; }
55
56 .barrier.gate { background: image-url('browse/gate2.p.16.png') no-repeat center left; }
57
58 .highway.bus_stop { background: image-url('browse/bus_stop.p.16.png') no-repeat center left; }
59 .highway.mini_roundabout { background: image-url('browse/mini_round.p.16.png') no-repeat center left; }
60 .highway.traffic_signals { background: image-url('browse/traffic_light.png') no-repeat center left; }
61 .highway.turning_circle { background: image-url('browse/turning_circle.p.16.png') no-repeat center left; }
62
63 .historic.castle { background: image-url('browse/tourist_castle.p.16.png') no-repeat center left; }
64 .historic.memorial { background: image-url('browse/tourist_memorial.p.16.png') no-repeat center left; }
65 .historic.monument { background: image-url('browse/tourist_monument.p.16.png') no-repeat center left; }
66 .historic.ruins { background: image-url('browse/tourist_ruins.p.16.png') no-repeat center left; }
67 .historic.wreck { background: image-url('browse/tourist_wreck.p.16.png') no-repeat center left; }
68
69 .man_made.lighthouse { background: image-url('browse/lighthouse.p.16.png') no-repeat center left; }
70 .man_made.windmill { background: image-url('browse/tourist_windmill.p.16.png') no-repeat center left; }
71
72 .natural.tree { background: image-url('browse/tree.p.16.png') no-repeat center left; }
73
74 .railway.halt { background: image-url('browse/halt.p.16.png') no-repeat center left; }
75 .railway.station { background: image-url('browse/station.p.16.png') no-repeat center left; }
76 .railway.level_crossing { background: image-url('browse/level_crossing.p.16.png') no-repeat center left; }
77
78 .shop { background: image-url('browse/shop_convenience.p.16.png') no-repeat center left; }
79 .shop.bakery { background: image-url('browse/shop_bakery.p.16.png') no-repeat center left; }
80 .shop.bicycle { background: image-url('browse/shop_bicycle.p.16.png') no-repeat center left; }
81 .shop.books { background: image-url('browse/shop_books.p.16.png') no-repeat center left; }
82 .shop.butcher { background: image-url('browse/shop_butcher.p.16.png') no-repeat center left; }
83 .shop.clothes { background: image-url('browse/shop_clothes.p.16.png') no-repeat center left; }
84 .shop.convenience { background: image-url('browse/shop_convenience.p.16.png') no-repeat center left; }
85 .shop.diy { background: image-url('browse/shop_diy.p.16.png') no-repeat center left; }
86 .shop.estate_agent { background: image-url('browse/shop_estateagent2.p.16.png') no-repeat center left; }
87 .shop.fish { background: image-url('browse/shop_fish.p.16.png') no-repeat center left; }
88 .shop.garden_centre { background: image-url('browse/shop_garden_centre.p.16.png') no-repeat center left; }
89 .shop.gift { background: image-url('browse/shop_gift.p.16.png') no-repeat center left; }
90 .shop.greengrocer { background: image-url('browse/shop_greengrocer.p.16.png') no-repeat center left; }
91 .shop.hairdresser { background: image-url('browse/shop_hairdresser.p.16.png') no-repeat center left; }
92 .shop.jewelry { background: image-url('browse/shop_jewelry.p.16.png') no-repeat center left; }
93 .shop.supermarket { background: image-url('browse/shop_supermarket.p.16.png') no-repeat center left; }
94
95 .tourism.alpine_hut { background: image-url('browse/alpinehut.p.16.png') no-repeat center left; }
96 .tourism.camp_site { background: image-url('browse/camping.n.16.png') no-repeat center left; }
97 .tourism.caravan_site { background: image-url('browse/caravan_park.n.16.png') no-repeat center left; }
98 .tourism.hostel { background: image-url('browse/hostel.p.16.png') no-repeat center left; }
99 .tourism.hotel { background: image-url('browse/hotel.p.16.png') no-repeat center left; }
100 .tourism.museum { background: image-url('browse/museum.p.16.png') no-repeat center left; }
101 .tourism.picnic_site { background: image-url('browse/tourist_picnic.p.16.png') no-repeat center left; }
102 .tourism.viewpoint { background: image-url('browse/view_point.p.16.png') no-repeat center left; }
103
104 /* Ways */
105
106 .aeroway.runway { background: image-url('browse/runway.20.png') no-repeat center left; }
107 .aeroway.taxiway { background: image-url('browse/taxiway.20.png') no-repeat center left; }
108
109 .building { background: image-url('browse/building.png') no-repeat center left; }
110
111 .highway.bridleway { background: image-url('browse/bridleway.20.png') no-repeat center left; }
112 .highway.byway { background: image-url('browse/byway.20.png') no-repeat center left; }
113 .highway.cycleway { background: image-url('browse/cycleway.20.png') no-repeat center left; }
114 .highway.footway { background: image-url('browse/footway.20.png') no-repeat center left; }
115 .highway.motorway { background: image-url('browse/motorway.20.png') no-repeat center left; }
116 .highway.motorway_link { background: image-url('browse/motorway.20.png') no-repeat center left; }
117 .highway.pedestrian { background: image-url('browse/service.20.png') no-repeat center left; }
118 .highway.primary { background: image-url('browse/primary.20.png') no-repeat center left; }
119 .highway.primary_link { background: image-url('browse/primary.20.png') no-repeat center left; }
120 .highway.residential { background: image-url('browse/unclassified.20.png') no-repeat center left; }
121 .highway.secondary { background: image-url('browse/secondary.20.png') no-repeat center left; }
122 .highway.secondary_link { background: image-url('browse/secondary.20.png') no-repeat center left; }
123 .highway.service { background: image-url('browse/service.20.png') no-repeat center left; }
124 .highway.trunk { background: image-url('browse/trunk.20.png') no-repeat center left; }
125 .highway.trunk_link { background: image-url('browse/trunk.20.png') no-repeat center left; }
126 .highway.unclassified { background: image-url('browse/unclassified.20.png') no-repeat center left; }
127
128 .landuse.brownfield { background: image-url('browse/brownfield.png') no-repeat center left; }
129 .landuse.cemetery { background: image-url('browse/cemetery.png') no-repeat center left; }
130 .landuse.commercial { background: image-url('browse/commercial.png') no-repeat center left; }
131 .landuse.farm { background: image-url('browse/farm.png') no-repeat center left; }
132 .landuse.forest { background: image-url('browse/forest.png') no-repeat center left; }
133 .landuse.industrial { background: image-url('browse/industrial.png') no-repeat center left; }
134 .landuse.military { background: image-url('browse/military.png') no-repeat center left; }
135 .landuse.residential { background: image-url('browse/residential.png') no-repeat center left; }
136 .landuse.retail { background: image-url('browse/retail.png') no-repeat center left; }
137 .landuse.tourism { background: image-url('browse/tourism.png') no-repeat center left; }
138 .landuse.wood { background: image-url('browse/wood.png') no-repeat center left; }
139
140 .leisure.golf_course { background: image-url('browse/golf.png') no-repeat center left; }
141 .leisure.park { background: image-url('browse/park.png') no-repeat center left; }
142 .leisure.pitch { background: image-url('browse/pitch.png') no-repeat center left; }
143 .leisure.nature_reserve { background: image-url('browse/reserve.png') no-repeat center left; }
144
145 .natural.heath { background: image-url('browse/heathland.png') no-repeat center left; }
146 .natural.water { background: image-url('browse/lake.png') no-repeat center left; }
147
148 .railway.light_rail { background: image-url('browse/light_rail.20.png') no-repeat center left; }
149 .railway.rail { background: image-url('browse/rail.20.png') no-repeat center left; }
150 .railway.subway { background: image-url('browse/subway.20.png') no-repeat center left; }
151 .railway.tram { background: image-url('browse/tram.20.png') no-repeat center left; }