Changes between Initial Version and Version 1 of Styles/Potlatch2


Ignore:
Timestamp:
2020-10-18T18:43:57+02:00 (4 years ago)
Author:
Stereo
Comment:

Initial import

Legend:

Unmodified
Added
Removed
Modified

  • Styles/Potlatch2

    v1 v1  
     1= [[Image(pl2_small.svg,36,middle,inline)]] Potlatch 2 =
     2[[PageOutline(2-9)]]
     3
     4== Description ==
     5
     6Potlatch 2 core stylesheet, forked, patched, converted and vectorised.
     7
     8JOSM used to maintain a toolchain to regularly convert the Potlatch 2 stylesheet for JOSM. As development of Potlatch 2 has slowed down, this style is now maintained here in the wiki.
     9
     10== Code ==
     11{{{
     12#!style type="mapcss"
     13
     14
     15/* This file is automagically converted from Potlatch2 */
     16/*
     17
     18        Potlatch 2 core stylesheet
     19       
     20        This stylesheet should contain commonly used features and only the most essential extra attributes
     21        (e.g. oneway). It needs to remain simple (not too many nested styles or dash-type decorations) in
     22        order not to kill performance on slower systems and those with a less effective Flash Player (i.e.
     23        Linux).
     24       
     25        It is expected that experienced mappers will switch between this and other stylesheets as required.
     26
     27*/
     28
     29meta {
     30    title: "Potlatch 2";
     31    icon: "pl2_small.svg";
     32    version: "[[revision]]_[[date]]";
     33    author: "Richard Fairhurst, conversion by Guillaume Rischard";
     34    link: "https://josm.openstreetmap.de/wiki/Styles/Potlatch%202";
     35}
     36
     37canvas {
     38    fill-color: #ffffea;
     39}
     40
     41node, area {
     42    text-color: black;
     43}
     44
     45relation[restriction=no_left_turn] {
     46    icon-image: "presets/vehicle/restriction/turn_restrictions/no_left_turn.svg";
     47}
     48relation[restriction=no_right_turn] {
     49    icon-image: "presets/vehicle/restriction/turn_restrictions/no_right_turn.svg";
     50}
     51relation[restriction=no_straight_on] {
     52    icon-image: "presets/vehicle/restriction/turn_restrictions/no_straight_on.svg";
     53}
     54relation[restriction=no_u_turn] {
     55    icon-image: "presets/vehicle/restriction/turn_restrictions/no_u_turn.svg";
     56}
     57relation[restriction=only_left_turn] {
     58    icon-image: "presets/vehicle/restriction/turn_restrictions/only_left_turn.svg";
     59}
     60relation[restriction=only_right_turn] {
     61    icon-image: "presets/vehicle/restriction/turn_restrictions/only_right_turn.svg";
     62}
     63relation[restriction=only_straight_on] {
     64    icon-image: "presets/vehicle/restriction/turn_restrictions/only_straight_on.svg";
     65}
     66
     67/****************
     68 * core_ways.css
     69 ****************/
     70
     71/* Roads */
     72
     73way[highway=motorway],way[highway=motorway_link],
     74way[highway=trunk],way[highway=trunk_link],
     75way[highway=primary],way[highway=primary_link],
     76way[highway=secondary],way[highway=secondary_link],
     77way[highway=tertiary],way[highway=tertiary_link],
     78way[highway=residential],way[highway=unclassified]  { z-index: 5; text: auto; text-color: black; font-size: 12; text-position: line; text-halo-color: white; text-halo-radius: 2; linecap: round; casing-linecap: round }
     79way[highway=motorway],way[highway=motorway_link]    { z-index: 9; color: #809BC0; width: 7; casing-color: #1e375a; casing-width: 1; }
     80way[highway=trunk],way[highway=trunk_link]          { z-index: 9; color: #7FC97F; width: 7; casing-color: #245424; casing-width: 1; }
     81way[highway=primary],way[highway=primary_link]      { z-index: 8; color: #E46D71; width: 7; casing-color: #651316; casing-width: 1; }
     82way[highway=secondary],way[highway=secondary_link]  { z-index: 7; color: #FDBF6F; width: 7; casing-color: #b16603; casing-width: 1; }
     83way[highway=tertiary],way[highway=tertiary_link]    { z-index: 6; color: #FEFECB; width: 5; casing-color: #626202; casing-width: 1; }
     84way[highway=unclassified]                           { z-index: 6; color: #D0D0D0; width: 5; casing-width: 1; }
     85way[highway=residential]                            { z-index: 5; color: #E8E8E8; width: 5; casing-color: gray; casing-width: 1; }
     86way[highway=service][service!=parking_aisle]        { z-index: 5; color: white; width: 3; casing-color: gray; casing-width: 1; }
     87way[highway=service][service=parking_aisle]         { z-index: 5; color: white; width: 1; casing-color: #aaaaaa; casing-width: 1; }
     88way[highway=service][service=alley]                 { z-index: 5; color: white; width: 2; dashes: 6,2; casing-color: black; casing-width: 1; }
     89way[highway=road]                                   { z-index: 5; color: gray; width: 5; casing-color: white; casing-width: 1; }
     90way[highway=living_street]                          { z-index: 5; color: #ddffee; width: 3; casing-color: #555555; casing-width: 1; }
     91
     92/* Road areas */
     93
     94way[highway=pedestrian]!:closed { z-index: 5; color: #ddddee; width: 5; casing-color: #555555; casing-width: 1; casing-dashes: 2,4;}
     95area[highway=pedestrian]:closed  { color: #555555; width: 1; fill-color: #ddddee; fill-opacity: 0.8; } /* FIXME: dashed outline */
     96
     97/* Paths */
     98
     99way[highway=steps]     { z-index: 5; color: #FF6644; width: 6; dashes: 2, 2; }
     100way[highway=footway]   { z-index: 5; color: #FF6644; width: 2; dashes: 6, 3; prop_path : 1;}
     101way[highway=footway][bicycle=yes]::bike   { z-index: 4; color: blue; width: 1; }
     102way[highway=bridleway] { z-index:9; color: #996644; width: 2; dashes: 4, 2, 2, 2; prop_path : 1;}
     103way[highway=track]     { z-index: 5; color: #996644; width: 2; dashes: 4, 2; prop_path : 1;}
     104way[highway=path]      { z-index: 5; color: brown; width: 2; dashes: 2, 2; prop_path : 1;}
     105way[highway=cycleway]  { z-index: 5; color: blue; width: 2; dashes: 4, 2; prop_path : 1;}
     106way[is_prop_set("prop_path")]  { z-index: 5; text: auto; text-color: black; text-position: line; text-offset: 7; font-size: 12; }
     107
     108/* Under construction */
     109
     110way[highway=proposed] { z-index: 5; color: #88ffff; width: 6; dashes: 8, 4; }
     111way[highway=construction] { z-index: 5; color: #ffffbb; width: 6; dashes: 8, 4; casing-color: #0000aa; casing-width: 1; casing-dashes: 8,4;}
     112
     113/* Railways */
     114
     115way[railway=rail] { z-index: 6; color: black; width: 5; linecap: round; dashes: 0; }
     116way[railway=rail]::dashes { z-index: 7; color: white; width: 3; dashes: 12,12; linecap: round; }
     117
     118way[construction=rail] { z-index: 6; color: black; width: 5; dashes: 6, 6, 4, 8;}
     119way[construction=rail]::inner { z-index: 7; color: white; width: 3; dashes: 6,18; }
     120
     121way[railway=platform] { z-index: 5; color:black; width: 2; }
     122
     123way[railway=subway] { z-index: 6; color: #444444; width: 5; }
     124way[railway=subway]::dashes  { z-index: 7; color: white; width: 3; dashes: 8,8; }
     125
     126way[construction=subway] { z-index: 6; color: #444444; width: 5; dashes: 4, 4; }
     127way[construction=subway]::dashes  { z-index: 7; color: white; width: 3; dashes: 4,12;}
     128
     129way[railway=disused][!highway],way[railway=abandoned][!highway] { z-index: 6; color: #444400; width: 3; dashes: 17, 2, 5, 0; }
     130way[railway=disused][!highway]::dashes,way[railway=abandoned][!highway]::dashes { z-index: 7; color: #999999; width: 2; dashes: 12,12; }
     131
     132way[railway=tram]      { z-index: 11; color: #999999; width: 2; casing-color: black; casing-width: 2; }
     133way[construction=tram] { z-index: 11; color: #999999; width: 2; casing-color: black; casing-width: 2; dashes: 6, 6; casing-dashes: 6, 6; }
     134
     135way[railway=light_rail] { z-index: 6; color: black; width: 4; }
     136way[railway=light_rail]::dashes { z-index: 7; color: #999999; width: 2; dashes: 8,4; }
     137
     138way[construction=light_rail] { z-index: 6; color: black; width: 4; dashes: 8, 4, 4, 4; }
     139way[construction=light_rail]::dashes { z-index: 7; color: #999999; width: 2; dashes: 8,12; }
     140
     141/* Waterways */
     142
     143way[waterway=river],
     144way[waterway=canal],
     145way[waterway=stream]   { z-index: 5; color: #3434ff; width: 2; text:auto; text-color: #3434ff; font-size:9; text-position: line; text-offset: 7;}
     146way[waterway=drain]              {z-index: 5; color: #3434ff; width: 1; text:auto; text-color: #3434ff; text-position: line; text-offset: 3;}
     147way[waterway][tunnel=yes]                {z-index: 5; dashes: 8,4;}
     148
     149/* Aeroways */
     150
     151way[aeroway=aerodrome]:closed
     152    { z-index: 3; color: #bb44bb; width: 3; casing-color: #66066;  casing-width: 1;  }
     153way[aeroway=taxiway]!:closed { z-index: 8; color: #999999; width: 3; casing-color: #aa66aa; casing-width: 2; }
     154area[aeroway=taxiway]:closed { z-index: 8; color: #bb99bb; width: 3; fill-color: #ccaacc; }
     155
     156way[aeroway=runway]!:closed { z-index: 9; color: black; width: 5;  }
     157way[aeroway=runway]!:closed::aa { z-index: 12; color: white; width: 5;  dashes: 0, 20, 4, 76; }
     158way[aeroway=runway]!:closed::bb { z-index: 13; color: black; width: 3; }
     159way[aeroway=runway]!:closed::cc { z-index: 14; color: white; width: 1;  dashes: 4, 16; }
     160
     161area[aeroway=runway]:closed { z-index: 9; color: black; width: 3; fill-color: #775577; }
     162area[aeroway=apron]:closed { z-index: 4; color: #cc66cc; width: 1; fill-color: #ddaadd; fill-opacity: 0.5;}
     163
     164/* Barriers */
     165
     166way[barrier] {z-index: 5; color: #000000; width: 1}
     167way[barrier=fence] {z-index: 5; color: #000000; width: 1; dashes: 8,4,2,4; }
     168
     169/* Power */
     170
     171way[power=line] {z-index: 5; color: darkgray; width: 3; dashes: 12,2; casing-color: black; casing-width: 2; casing-dashes: 4, 38;}
     172way[power=minor_line] {z-index: 5; color: gray; width: 2; dashes: 2,4; casing-width: 3; casing-color: white; casing-dashes: 2,22;}
     173area[power=station]:closed { color: black; width: 2; fill-color: #666666; fill-opacity: 0.6; prop_area_small_name : 1;}
     174area[power=generator]:closed { color: black; width: 2; fill-color: #444444; fill-opacity: 0.6; prop_area_small_name : 1;}
     175
     176/* Leisure */
     177
     178way[golf=hole] {z-index: 5; color: darkgreen; width: 5; casing-color: green; casing-width: 2; }
     179area[leisure=sports_centre]:closed { color: #66ddcc; fill-color: #66ddcc; prop_area_small_name : 1; }
     180
     181
     182/* Physical decoration */
     183
     184way[bridge=yes]::bridge1, way[bridge=viaduct]::bridge1, way[bridge=suspension]::bridge1 { z-index: 4; color: white; width: +3; }
     185way[bridge=yes]::bridge2, way[bridge=viaduct]::bridge2, way[bridge=suspension]::bridge2 { z-index: 3; color: #444444; width: +6; }
     186way[tunnel=yes][!waterway]::bridge1 { z-index: 4; color: white; width: +2; }
     187way[tunnel=yes][!waterway]::bridge2 { z-index: 3; color: black; width: +6; dashes: 4,4; }
     188
     189/* Attribute decoration */
     190
     191/*way[oneway=yes]::arrows, way[junction=roundabout]::arrows { z-index: 15; color: #555555; width: 2; dashes: 10,50; line-style: arrows; }
     192way[oneway=-1]::arrows { z-index: 15; color: #555555; width: 2; dashes: 10,50; line-style: arrows-reversed; }*/
     193
     194/****************
     195 * core_pois.css
     196 ****************/
     197
     198node { text-anchor-horizontal: center; text-anchor-vertical: below; }
     199
     200node[place] { icon-image: icons/place.svg; font-family: DejaVu; text: auto; font-size: 10; font-weight: bold; z-index: 20; }
     201node[amenity=telephone] { icon-image: icons/telephone.svg; z-index: 20; }
     202node[barrier=cattle_grid] { icon-image: icons/cattle_grid.svg; z-index: 20; }
     203node[tourism=guesthouse] { icon-image: icons/accommodation_bed_and_breakfast.n.svg; z-index: 20; }
     204node[tourism=alpine_hut] { icon-image: icons/accommodation_alpinehut.n.svg; z-index: 20; }
     205node[tourism=camp_site] { icon-image: icons/accommodation_camping.n.svg; z-index: 20; }
     206node[tourism=caravan_site] { icon-image: icons/accommodation_caravan_park.n.svg; z-index: 20; }
     207node[tourism=chalet] { icon-image: icons/accommodation_chalet.n.svg; z-index: 20; }
     208node[tourism=guest_house],node[tourism=bed_and_breakfast] { icon-image: icons/accommodation_bed_and_breakfast.n.svg; z-index: 20; }
     209node[tourism=hotel] { icon-image: icons/accommodation_hotel.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     210node[tourism=hostel] { icon-image: icons/accommodation_youth_hostel.n.svg; z-index: 20; }
     211node[tourism=motel] { icon-image: icons/accommodation_motel.n.svg; z-index: 20; }
     212node[amenity=fire_station] { icon-image: icons/amenity_firestation2.n.svg; z-index: 20; }
     213node[amenity=police] { icon-image: icons/amenity_police2.n.svg; z-index: 20; }
     214node[amenity=post_box] { icon-image: icons/amenity_post_box.n.svg; z-index: 20; }
     215node[amenity=recycling] { icon-image: icons/amenity_recycling.n.svg; z-index: 20; }
     216node[barrier=bollard] { icon-image: icons/barrier_bollard.n.svg; z-index: 20; }
     217node[barrier=gate], node[highway=gate] { icon-image: icons/barrier_gate.n.svg; z-index: 20; }
     218node[barrier=stile], node[highway=stile] { icon-image: icons/barrier_stile.n.svg; z-index: 20; }
     219node[barrier=toll_booth] { icon-image: icons/barrier_toll_booth.n.svg; z-index: 20; }
     220node[barrier=lift_gate] { icon-image: icons/barrier_lift_gate.n.svg; z-index: 20; }
     221node[barrier=kissing_gate] { icon-image: icons/barrier_kissing_gate.svg; z-index: 20; }
     222node[barrier=cycle_barrier] { icon-image: icons/barrier_cycle_barrier.svg; z-index: 20; }
     223node[barrier=block] { icon-image: icons/barrier_blocks.svg; z-index: 20; }
     224node[barrier=cattle_grid] { icon-image: icons/barrier_cattle_grid.svg; z-index: 20; }
     225node[amenity=school] { icon-image: icons/education_school.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     226area[amenity=school]:closed { color: yellow; fill-color: yellow; fill-opacity: 0.1; prop_area_small_name : 1; }
     227node[amenity=bar] { icon-image: icons/food_bar.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     228node[amenity=cafe] { icon-image: icons/food_cafe.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     229node[amenity=fast_food] { icon-image: icons/food_fastfood.n.svg; z-index: 20; }
     230node[amenity=nightclub] { icon-image: icons/food_nightclub.n.svg; text-offset: 0; text: auto; font-size: 10; z-index: 20; }
     231node[amenity=pub] { icon-image: icons/food_pub.n.svg; text-offset: 0; text: auto; font-size: 10; z-index: 20; }
     232node[amenity=restaurant] { icon-image: icons/food_restaurant.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     233node[amenity=hospital] { icon-image: icons/health_hospital.n.svg; z-index: 20; }
     234node[amenity=pharmacy] { icon-image: icons/health_pharmacy.n.svg; z-index: 20; }
     235node[emergency=defibrillator] { icon-image: icons/ISO_7010_E010.svg; z-index: 20; }
     236node[amenity=atm] { icon-image: icons/money_atm.n.svg; z-index: 20; }
     237node[amenity=bank] { icon-image: icons/money_bank2.n.svg; z-index: 20; }
     238/* More Amenities */
     239node[amenity=bench] { icon-image: icons/amenity_bench.n.svg; z-index: 20; }
     240node[amenity=drinking_water] { icon-image: icons/food_drinkingtap.n.svg; z-index: 20; }
     241node[amenity=emergency_phone] { icon-image: icons/emergency-telephone.svg; z-index: 20; }
     242node[emergency=phone] { icon-image: icons/emergency-telephone.svg; z-index: 20; }
     243node[amenity=fountain] { icon-image: icons/amenity_fountain2.n.svg; z-index: 20; }
     244node[amenity=hunting_stand] { icon-image: icons/sport_shooting.n.svg; z-index: 20; }
     245node[amenity=kindergarten] { icon-image: icons/education_nursery3.n.svg; z-index: 20; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     246node[amenity=library] { icon-image: icons/amenity_library.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     247node[amenity=place_of_worship]  { icon-image: icons/place_of_worship_unknown.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     248node[amenity=post_office] { icon-image: icons/amenity_post_office.n.svg; z-index: 20; }
     249node[amenity=shelter] { icon-image: icons/accommodation_shelter2.n.svg; z-index: 20; }
     250node[leisure=swimming_pool] { icon-image: icons/sport_swimming_outdoor.n.svg; z-index: 20; }
     251node[amenity=townhall] { icon-image: icons/amenity_town_hall.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     252node[amenity=toilets] { icon-image: icons/amenity_toilets.n.svg; z-index: 20; }
     253node[amenity=vending_machine] { icon-image: icons/shopping_vending_machine.n.svg; z-index: 20; }
     254node[amenity=veterinary] { icon-image: icons/health_veterinary.n.8E7409.16.svg; z-index: 20; }
     255node[amenity=waste_basket] { icon-image: icons/amenity_waste_bin.n.svg; z-index: 20; }
     256node[emergency=fire_hydrant] { icon-image: icons/emergency_hydrant.svg; z-index: 20; }
     257/* Shops */
     258node[shop=alcohol] { icon-image: icons/shopping_alcohol.n.svg; z-index: 20; }
     259node[shop=bakery] { icon-image: icons/shopping_bakery.n.svg; z-index: 20; }
     260node[shop=bicycle] { icon-image: icons/shopping_bicycle.n.svg; z-index: 20; }
     261node[shop=book], node[shop=books] { icon-image: icons/shopping_book.n.svg; z-index: 20; }
     262node[shop=butcher] { icon-image: icons/shopping_butcher.n.svg; z-index: 20; }
     263node[shop=car_repair] { icon-image: icons/shopping_car_repair.n.svg; z-index: 20; }
     264node[shop=car] { icon-image: icons/shopping_car.n.svg; z-index: 20; }
     265node[shop=clothes] { icon-image: icons/shopping_clothes.n.svg; z-index: 20; }
     266node[shop=confectionery] { icon-image: icons/shopping_confectionery.n.svg; z-index: 20; }
     267node[shop=convenience] { icon-image: icons/shopping_convenience.n.svg; z-index: 20; }
     268node[shop=department_store] { icon-image: icons/shopping_department_store.n.svg; z-index: 20; }
     269node[shop=doityourself] { icon-image: icons/shopping_diy.n.svg; z-index: 20; }
     270node[shop=fishmonger] { icon-image: icons/shopping_fish.n.svg; z-index: 20; }
     271node[shop=florist] { icon-image: icons/shopping_florist.n.svg; z-index: 20; }
     272node[shop=garden_centre] { icon-image: icons/shopping_garden_centre.n.svg; z-index: 20; }
     273node[shop=gift] { icon-image: icons/shopping_gift.n.svg; z-index: 20; }
     274node[shop=greengrocer] { icon-image: icons/shopping_greengrocer.n.svg; z-index: 20; }
     275node[shop=hairdresser] { icon-image: icons/shopping_hairdresser.n.svg; z-index: 20; }
     276node[shop=hifi] { icon-image: icons/shopping_hifi.n.svg; z-index: 20; }
     277node[shop=jewelry] { icon-image: icons/shopping_jewelry.n.svg; z-index: 20; }
     278node[shop=kiosk] { icon-image: icons/shopping_kiosk.n.svg; z-index: 20; }
     279node[shop=laundry] { icon-image: icons/shopping_laundrette.n.svg; z-index: 20; }
     280node[amenity=marketplace] { icon-image: icons/shopping_marketplace.n.svg; z-index: 20; }
     281node[shop=motorcycle] { icon-image: icons/shopping_motorcycle.n.svg; z-index: 20; }
     282node[shop=music] { icon-image: icons/shopping_music.n.svg; z-index: 20; }
     283node[shop=supermarket] { icon-image: icons/shopping_supermarket.n.svg; z-index: 20; }
     284node[shop=toys] { icon-image: icons/shopping_toys.n.svg; z-index: 20; }
     285/* More Touristy Items */
     286node[tourism=artwork] { icon-image: icons/tourist_art_gallery2.n.svg; z-index: 20; }
     287node[historic=archaeological_site] { icon-image: icons/tourist_archaeological.n.svg; z-index: 20; }
     288node[historic=battlefield] { icon-image: icons/tourist_battlefield.n.svg; z-index: 20; }
     289node[historic=castle] { icon-image: icons/tourist_castle.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     290node[amenity=cinema] { icon-image: icons/tourist_cinema.n.svg; z-index: 20; }
     291node[historic=memorial] { icon-image: icons/tourist_memorial.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     292node[historic=monument] { icon-image: icons/tourist_monument.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     293node[tourism=museum] { icon-image: icons/tourist_museum.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     294node[tourism=information] { icon-image: icons/tourist_information.svg; z-index: 20; }
     295node[tourism=picnic_site] { icon-image: icons/tourist_picnic.n.svg; z-index: 20; }
     296node[historic=ruins] { icon-image: icons/tourist_ruin.n.svg; z-index: 20; }
     297node[amenity=theatre] { icon-image: icons/tourist_theatre.n.svg; z-index: 20; }
     298node[tourism=theme_park] { icon-image: icons/tourist_theme_park.n.svg; z-index: 20; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     299node[tourism=viewpoint] { icon-image: icons/tourist_view_point.n.svg; z-index: 20; }
     300node[tourism=zoo] { icon-image: icons/tourist_zoo.n.svg; z-index: 20; }
     301/* Transport */
     302node[aeroway=aerodrome] { icon-image: icons/transport_aerodrome.n.svg; z-index: 20; }
     303node[aeroway=gate] { icon-image: icons/transport_airport_gate.n.svg; z-index: 20; }
     304node[aeroway=terminal] { icon-image: icons/transport_airport_terminal.n.svg; z-index: 20; }
     305node[aeroway=helipad] { icon-image: icons/transport_helicopter_pad.n.svg; z-index: 20; }
     306node[amenity=bus_station] { icon-image: icons/transport_bus_station.n.svg; z-index: 20; }
     307node[highway=bus_stop] { icon-image: icons/transport_bus_stop2.n.svg; z-index: 20; }
     308node[amenity=fuel] { icon-image: icons/transport_fuel.n.svg; z-index: 20; }
     309node[amenity=car_wash] { icon-image: icons/transport_car_wash.svg; z-index: 20; }
     310node[amenity=bicycle_parking] { icon-image: icons/transport_parking_bicycle.n.svg; text-offset:0; text: capacity; font-size: 10; z-index: 20; }
     311node[amenity=parking] { icon-image: icons/transport_parking_car.n.svg; z-index: 20; }
     312node[amenity=ferry_terminal] { icon-image: icons/transport_port.n.svg; z-index: 20; }
     313node[amenity=bicycle_rental] { icon-image: icons/transport_rental_bicycle.n.svg; z-index: 20; }
     314node[amenity=car_rental] { icon-image: icons/transport_rental_car.n.svg; z-index: 20; }
     315node[amenity=taxi] { icon-image: icons/transport_taxi_rank.n.svg; z-index: 20; }
     316node[railway=station] { icon-image: icons/transport_train_station.n.svg; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     317node[railway=tram_stop] { icon-image: icons/transport_tram_stop.n.svg; z-index: 20; }
     318node[leisure=marina] { icon-image: icons/transport_marina.n.svg; z-index: 20; }
     319node[highway=mini_roundabout] { icon-image: icons/transport_miniroundabout_anticlockwise.n.svg; z-index: 20; }
     320node[highway=crossing] { icon-image: icons/transport_zebracrossing.svg; z-index: 20; }
     321/* Misc */
     322node[leisure=playground] { icon-image: icons/amenity_playground.n.svg; z-index: 20; }
     323node[leisure=sports_centre] { icon-image: icons/sport_leisure_centre.n.svg; z-index: 20; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     324/* node[landuse=cemetery], node[landuse=grave_yard] { i|||con-image: icons/?.svg; z-index: 20; } */
     325node[man_made=survey_point] { icon-image: icons/manmade_lighthouse.svg; z-index: 20; }
     326node[man_made=tower] { icon-image: icons/manmade_tower.svg; z-index: 20; }
     327/* Yes these power stations seem a little backward - but that's seemingly what the side menu uses ATM */
     328node[power=station] { icon-image: icons/power_substation.n.svg; z-index: 20; }
     329node[power=generator] { icon-image: icons/power_station.svg; z-index: 20; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     330/* P2 previously had these icons instead of "icon-image: cross" which is not standard MapCSS but a P2 keyword we won't implement, so keep the old icons */
     331node[power=tower] { icon-image: icons/power_tower_high2.n.svg; z-index: 20; }
     332node[power=pole] { icon-image: icons/power_tower_low.n.svg; z-index: 20; }
     333node[waterway=weir] { icon-image: icons/transport_weir.svg; z-index: 20; }
     334/* Natural */
     335node[natural=peak] { icon-image: presets/landmark/peak.svg; z-index: 20; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     336node[natural=tree] { icon-image: icons/natural_tree.svg; z-index: 20; text-offset:0; text: auto; font-size: 10; z-index: 20; }
     337
     338/* Addressing */
     339
     340node[addr:housenumber],
     341node[addr:housename] { symbol-shape: circle; symbol-size: 8; symbol-fill-color: #B0E0E6; }
     342node[addr:housenumber]::hn_casing,
     343node[addr:housename]::hn_casing { z-index: -100; symbol-shape: circle; symbol-size: 10; symbol-fill-color: blue; }
     344
     345way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;}
     346/****************
     347 * core_landuse.css
     348 ****************/
     349
     350/* Landuse */
     351
     352area[natural]:closed                          { color: #ADD6A5; width: 1; fill-color: #ADD6A5; fill-opacity: 0.2; }
     353area[natural=beach]:closed                    { color: #ffdd44; width: 1; fill-color: yellow; fill-opacity: 0.2; prop_area_small_name : 1;}
     354way[natural=coastline]                        { z-index: 5; color: black; width: 3; }
     355area[landuse]:closed                          { color: #444444; width: 2; fill-color: #444444; fill-opacity: 0.3; }
     356area[landuse=residential]:closed              { color: #666666; width: 2; fill-color: #666666; fill-opacity: 0.15; }
     357area[landuse=retail]:closed                   { color: #cc2222; width: 2; fill-color: #aa4422; fill-opacity: 0.15; }
     358area[landuse=commercial]:closed               { color: #4444bb; width: 2; fill-color: #444488; fill-opacity: 0.15; }
     359area[landuse=military]:closed                 { color: #ff4444; width: 2; fill-color: #ff4444; fill-opacity: 0.2; prop_area_small_name : 1; }
     360area[amenity]:closed, area[shop]:closed       { color: #ADCEB5; width: 1; fill-color: #ADCEB5; fill-opacity: 0.2; }
     361/* way[sport] should not be rendered by itself, according to wiki. Can we make it an "if all else fails"? */
     362area[leisure]:closed                          { color: #8CD6B5; width: 1; fill-color: #8CD6B5; fill-opacity: 0.2; }
     363area[tourism]:closed                          { color: #F7CECE; width: 1; fill-color: #F7CECE; fill-opacity: 0.2; prop_area_small_name : 1;}
     364area[historic]:closed, area[ruins]:closed     { color: #F7F7DE; width: 1; fill-color: #F7F7DE; fill-opacity: 0.2; prop_area_small_name : 1;}
     365area[military]:closed                         { color: #D6D6D6; width: 1; fill-color: #D6D6D6; fill-opacity: 0.2; prop_area_small_name : 1;}
     366area[building]:closed                         { color: #bca9a9; width: 1; fill-color: #ff6ec7; fill-opacity: 0.2; }
     367area[natural=water]:closed,
     368area[waterway][waterway!=dam]:closed          { color: #3434ff;    width: 2; fill-color: #3434ff;    fill-opacity: 0.2; prop_area_small_name : 1;}
     369way[waterway=dam]!:closed                     { z-index: 5; color: black; width: 3; }
     370area[waterway=dam]:closed                     { z-index: 5; color: black; width: 1; fill-color: #222222; fill-opacity: 0.1; prop_area_small_name : 1;}
     371area[man_made]:closed                         { color: black; width: 2; fill-color: #222222; fill-opacity: 0.1; prop_area_small_name : 1; }
     372area[man_made=reservoir_covered]:closed       { color: #3434ff; width: 2; dashes: 4, 2; fill-color: #222222; fill-opacity: 0.1; prop_area_small_name : 1; }
     373area[landuse=reservoir]:closed                { color: #3434ff;    width: 2; fill-color: #3434ff;    fill-opacity: 0.2; prop_area_small_name : 1;}
     374area[landuse=forest]:closed, area[natural=wood]:closed { color: green;   width: 2; fill-color: green;   fill-opacity: 0.2; prop_area_small_name : 1;}
     375area[leisure=park]:closed                     { color: #22aa22; width: 2; fill-color: #44ff44; fill-opacity: 0.15; prop_area_small_name : 1;}
     376area[leisure=garden]:closed                   { color: #66ff44; width: 1; fill-color: #66ff44; fill-opacity: 0.2; prop_area_small_name : 1;}
     377area[leisure=pitch]:closed                    { z-index: 6; color: #88bb44; width: 2; fill-color: #88ff44; fill-opacity: 0.2; prop_area_small_name : 1;}
     378area[landuse=recreation_ground]:closed        { color: green; fill-color: green; prop_area_small_name : 1;}
     379area[amenity=parking]:closed                  { color: #bbaa66;    width: 1; fill-color: #bbaa66;    fill-opacity: 0.2; }
     380area[public_transport=pay_scale_area]:closed  { color: gray;    width: 1; fill-color: gray;    fill-opacity: 0.1; }
     381way[man_made=pier]                                                      { z-index: 4; color: #777; width: 3; casing-color: black; casing-width: 1;}
     382way[man_made=pier][floating=yes]                        { z-index: 5; dashes: 4,2; casing-color: #444;}
     383area[leisure=marina]:closed                                     { color: pink; fill-color: pink; fill-opacity: 0.4; prop_area_small_name : 1;}
     384way[leisure=slipway]                                            { z-index: 5; color: grey; width: 3; casing-color: #3434ff; casing-width: 2; }
     385area[leisure=golf_course]:closed { color: #44ee22; width: 2; fill-color: #44ee22; fill-opacity: 0.2; prop_area_small_name : 1;}
     386way[boundary]                               { z-index: 5; color: #000066; width: 2; opacity: 0.6; dashes: 24,4, 4, 4; z-index: 4;}
     387/* Perhaps should be filled, on lower zooms. */
     388way[boundary=national_park]                 { z-index: 5; color: #225500; width: 2; opacity: 0.6; dashes: 24,4, 4, 4; z-index: 4;}
     389way[boundary=protected_area]                { z-index: 5; color: #447744; width: 2; opacity: 0.6; dashes: 12,4, 4, 4; z-index: 4;}
     390way[boundary=administrative]                { z-index: 5; color: purple; width: 2; opacity: 0.2; dashes: 24,4; z-index: 4;}
     391way[boundary=administrative][waterway]      { z-index: 5; opacity: 0.8; z-index: 4; dashes: 24,4; width: 6; }
     392area[landuse=cemetery]:closed                                           { color: #664466; width: 2; fill-color: #664466; opacity: 0.2; prop_area_small_name : 1;}
     393/* Addressing. Nodes with addresses *and* match POIs should have a poi icon, so we put addressing first */
     394/* Route relations */
     395
     396relation[type=route] > way::route { z-index: -1; width: 13; color: blue; opacity: 0.3; linecap: none; }
     397relation[type=route][route=bicycle][network=ncn] > way::route { z-index: -1; width: 12; color: red; opacity: 0.3; linecap: none; }
     398relation[type=route][route=bicycle][network=rcn] > way::route { z-index: -1; width: 12; color: cyan; opacity: 0.3; linecap: none; }
     399relation[type=route][route=bicycle][network=lcn] > way::route { z-index: -1; width: 12; color: blue; opacity: 0.3; linecap: none; }
     400relation[type=route][route=mtb] > way::route { z-index: -1; width: 12; color: brown; opacity: 0.3; linecap: none; }
     401relation[type=route][route=foot] > way::route { z-index: -1; width: 10; color: #80ff80; opacity: 0.6; linecap: none; }
     402
     403/*@import("stylesheets/core_ways.css");*/
     404/*@import("stylesheets/core_pois.css");*/
     405/*@import("stylesheets/core_landuse.css");*/
     406/*@import("stylesheets/core_relations.css");*/
     407way[is_prop_set("prop_area_small_name")] {text-color: black; font-size: 10; text: auto; text-halo: #ffffaa; text-halo-radius: 2; text-position: center;}
     408/*@import("stylesheets/core_interactive.css");*/
     409
     410/* Rendering for licence status */
     411
     412/*way[_status=no]::status       { z-index: 0; width: eval('_width+7'); color: #AA0000; }
     413way[_status=partial]::status  { z-index: 0; width: eval('_width+7'); color: #AA0000; opacity: 0.6; }
     414way[_status=unsure]::status   { z-index: 0; width: eval('_width+7'); color: darkorange; opacity: 0.6; }
     415node[_status=no]::status      { z-index: 0; i|||con-image: square; icon-width: eval('_width+7'); color: #AA0000; }
     416node[_status=partial]::status { z-index: 0; i|||con-image: square; icon-width: eval('_width+7'); color: #AA0000; opacity: 0.6; }
     417node[_status=unsure]::status  { z-index: 0; i|||con-image: square; icon-width: eval('_width+7'); color: darkorange; opacity: 0.6; }*/
     418
     419
     420}}}