wiki:Styles/Coloured_Streets

Context Navigation

Version 103 (modified by Klumbumbus, 9 years ago) ( diff )
update to version 3.44 - code and wikitext

Languages:

Deutsch
English

Coloured Streets

Description
Changelog
Code

Description

Introduction

The mappaint style "Coloured Streets" makes working with addresses easier.

Streets, buildings and address nodes with the same street name are highlighted in the same colour. Thereby you can quickly recognize, which house belongs to which street. It analyzes for streets the key "name" and for addresses the key "addr:street" resp. for associatedStreet relations for the housenumber the key "name" of the relation. Furthermore it indicates missing or incorrect data. If addr:street is missing then it shows "street?". If addr:housenumber is missing it shows "number?". If there are streets (ways with highway=*) with an addr:*=* tag, then it shows "no addr!".

Coloured Streets uses 33 specially selected colours, which are used on average equally often. In individual cases the same colour of adjacent streets may still occur. This is because of the limited number of clearly distinguishable colours and can not be completely eliminated.

Style setting

There are 5 style settings for customizing the mappaint style. You can change the options in the Map Paint Styles dialog in the sidebar on the right side. If the dialog is not displayed you can activate it in the menu Windows. In the Map Paint Styles dialog right click on Coloured Streets and then point on Style Settings (see also animation down). After you changed a setting the mappaint style updates automatically. The 5 style settings are:

Allow addr:postcode on streets: You can choose if you want to allow "addr:postcode=*" on streets and don't want to see a warning message for these cases. The default setting is: unchecked = not allowed = warning is displayed.
Support prefix and suffix on street names: You can choose if name:prefix and name:suffix for names of streets and associatedStreet relations are taken into account. The default setting is: unchecked = prefix and suffix are ignored = only the key "name" is analyzed. At least in parts of the USA and of Greece names of streets are divided into these components. By activating this option you get better results with Coloured Streets in these areas.
Display cycleway dashes: You can choose if you want to see the coloured dashes of streets with cycleway=* and named cycle-/footways, which are part of the default internal mappaint style The default setting is: unchecked = the dashes are hidden because they can confuse you in Coloured Streets.
Display missing number message: You can choose if you want to deactivate the error message for addresses with addr:street or addr:place but without addr:housenumber ("number?). The default setting is: checked = the error message is displayed. If you unchek this, the address is diplayed as if it has a housenumber but with a "?" instead of the number. This can be helpful in areas with a lot such cases and you are instead searching for missing addr:street.
Support associatedStreet relations: You can choose if associatedStreet relations are supported. The default setting is: checked = they are supported.
Display a message if your JOSM version is too old for this style

Further information

You need to use Coloured Streets together with the default JOSM internal mappaint style. In the List of mappaint styles in the preferences Coloured Streets need to be below the internal style (which means higher priority). The default mappaint style has also style settings. It is recommended to check Hide icons at low zoom there for a good display (this also hides the text of nodes).

Other useful tools for address mapping: Coloured_Postcode, Coloured_Suburb, HousenumberValidator, OSM Inspector, ITO maps.

For the Coloured Streets mappaint style JOSM version 7480 or newer is required. For ideas/questions/bugs/suggestions or similar please write a message to the current editor Klumbumbus and/or the former editor geozeisig.

Feel free to translate this wiki page into more languages. Already translated languages see top right.

Example images

Example of Coloured Streets:

^{(data used for image ©OpenStreetMap contributors ODbL)}

Coloured Streets at low zoom level:

^{(data used for image ©OpenStreetMap contributors ODbL)}

For comparison, here is a part of my test center :

JOSM default internal style compared to Coloured Streets 3.37:

^{(This picture was created with a modified version of Coloured Streets to ensure that all colours show up top.)}

Set Style settings:

Changelog

^{(Latest change first)}

Version 3.43.xx to 3.44.xxx

remove warning that JOSM is to old for this style (code no longer supportes by JOSM)

Version 3.42.xx to 3.43.xx

remove address warning for highway=services and highway=rest_area.

Version 3.41.xx to 3.42.xx

Fix a graphical glitch with the plus signs which allow to add nodes to ways.

Version 3.40.xx to 3.41.xx

Fix size of tagged waynodes at zoomlevel 17
Add a style setting to hide the warning message if JOSM is too old for Coloured Streets

Version 3.39.xx to 3.40.xx

Do not colour highway=emergency_access_point.

Version 3.38.xx to 3.39.xx

Do not ask for "name?" on streets with junction=roundabout. (Thanks to user feedback.)

Version 3.37.xx to 3.38.xx

Replace .png icon by .svg version.

Version 3.36.xx to 3.37.xx

Fix size of single nodes on high zoom levels.

Version 3.35.xx to 3.36.xx

Fix if the style setting Less obtrusive node symbols at low zoom is disabled in the default style.

Version 3.33.xx to 3.35.xx

Adjustments due to changes in default style(#10363, ticket:10043#comment:31).
There is a new setting which allows to deactivate the support of associatedStreet relations.
Coloured Streets uses now the new way to handle user settings (#10421) which is much more user friedly than before (including faster to change, the map updates automatically and a proper label).
Display a warning message if the used JOSM version is to old for Coloured Streets.
Areas with housenumber or a warning message now have a higher display priority.
Zoom dependence of font size of area texts.
"no addr!" changed to "no address!".
Improvements and unifications for the display of error messages on ways ("no address!", "name?" and "addr:interpolation shouldn't have other addr:*=* tags!"). Now you can also recognize more easily if such a way is selected or not.
Replaced some hex color codes to css color names for better readability of the code (e.g. #FFFF00 to yellow).
Changed white color to #8B864E also for name:left and name:right on streets.
Preparations for future translations of the error messages and the mappaint user settings (this is not yet supported by JOSM).

Version 3.32.xx to 3.33.xx

Fixed handling of piste:difficulty paint style of default style.
Support also validate:no_name=yes
Display again the dashes of living_street which do not have a name tag but one of the noname-tags (noname, unnamed, name:absent or validate:no_name).

Version 3.31.xx to 3.32.xx

Changed order of housenumber and "street?". Now the number is before "street?". The number is therefore now less often hidden by the outline of the building.

Version 3.30.xx to 3.31.xx

The dashes of highway=living_street are now hidden, since they were distracting.

Version 3.29.xx to 3.30.xx

There is a new setting which allows to deactivate the error message for missing addr:housenumber. If deactivated, the address is diplayed as if it has an house number but with a "?" instead of the number.

Version 3.27.xx to 3.29.xx

All ways with barrier=* are now diyplayed thinner, not just for selected values like before.
The white color was changed to #8B864E, so Coloured Streets works now also on white background (e.g. on a cadastral plan with white background).

Version 3.25.xx to 3.27.xx

name:left and name:right on streets are now supported by a coloured casing. Example 1, Example 2

Version 3.24.xx to 3.25.xx

The yellow ways with barrier=* are now displayed thiner to avoid confusion with coloured streets/ways.

Version 3.23.xx to 3.24.xx

More fixes due to changes in JOSM version [7200].
Using the new mapcss function JOSM_pref() instead of the previous used color hack to provide the settings.
A new setting to hide the colured dashes of streets with cycleway=* and named cycle-/footways was added. (Display of cycleway lanes and tracks was extended in [7172] and [7201].) By default they are hided because they can be very confusing in Coloured Streets.
building=farm was removed from the list of buildings, which are displayed toned down.

Version 3.22.xx to 3.23.xx

Fix due to changes in JOSM version [7200].

Version 3.20.xx to 3.22.xx

Deactivate the paint style of piste:difficulty=* from the default internal JOSM mappaint style elemstyle.mapcss, because it is confusing together with Coloured Streets.

Version 3.11.xx to 3.20.xx

The width of streets depends now on the value of highway=* for better orientation.
- Little bit thiner are: path, footway, steps, pedestrian, cycleway, bridleway, track, escape, bus_guideway, service
- Normal width: residential, unclassified, living_street, raceway, road, propopsed, construction
- Little bit wider are: tertiary, secondary, primary, trunk, motorway (all of these also with ..._link)
"name?" is now displayed also for highway=living_street if there is no name tagged
The following values were added to the list of buildings, which are displayed toned down (because they usually do not contain address data): barn, cowshed, farm, greenhouse, stable, static_caravan, sty.
The following (yellow) colours slightly changed for better distinction with the also yellow nodes and plus signs on ways.
- #ffe400 changed to #ffcc00
- #fcff5c changed to #f4ff6b

Version 3.10.xx to 3.11.xx

"name?" on streets is no longer displayed if the street has one of the tags: noname=yes, unnamed=yes or name:absent=yes

Version 3.01.xx to 3.10.xx

When you zoom out the nodes get smaller until they finally disappear
Text and icons are hidden on low zoom levels
The text gets a bit bigger at high zoom levels

This all results in better readability on higher zoom levels and a better overview on lower zoom levels. This was inspired by the style Less Obtrusive Nodes. So you no longer need to activate both, but just Colured Streets and you get a nice view on all zoom levels.

Version 3.00.xx to 3.01.xx

The warning massage on streets "no name!" changed to "name?". All messages do now follow the same schema (all messages where something is missing with "?" and all messages where something is wrong with "!").
The following colours slightly changed for better distinction with other colors:
- #228b22 changed to #008f00
- #32cd32 changed to #54d954
- #81621a changed to #7d5a07

Version 2.00.xx to 3.00.xx

Instead of analyzing the first letter of the street name for colour choice, now a crc32-hashcode is generated and based on this the colours are choosen. This results in the following listed advantages. Special thanks at this point to the development team of JOSM, which special for this mappaint style implemented a new function. Without this new function the following improvements wouldn't be possible.
- Different streets with the same first letter, which are near to each other are now displayed in different colours.
- Typos somewhere in the street name are displayed with a different colour.
- It works now worldwide, also in countries, where a lot of streets start and end with the same letter.
- It works now for all unicode characters automatically and not every single unicode character needs to added manually to the mappaint style code.
- The former alternative version of Coloured Streets (which analyzed the last letter) is now superfluous.
An option is implemented, which sets wether the warning message "no addr!" on streets with addr:postcode=* is displayed (default is: warning message is displayed).
An option is implemented, which sets wether name:prefix and name:suffix for the colour choice of names of streets an associatedStreet relations are taken into account (default is: name:prefix and name:suffix are not taken into account).
highway=pedestrian which are tagged as area (closed way with area=yes, or multipolygon) are now displayed with the correct color and fill-color and with the name in the center (instead of on the outline). name:prefix and name:suffix are also supported if it is enabled in the options.
addr:place is now also supported. It is handled equal to addr:street. That means addresses with addr:housenumber and addr:place are displayed like those with addr:housenumber and addr:street. The missing street warning message (street?) is not displayed, if there is addr:place.
A warning is now displayed if a line with addr:interpolation=* has other addr:*=* tags ("addr:interpolation shouldn't have other addr:*=* tags!")
highway=platform is no longer coloured like streets, because it doesn't belong to addresses
The colour #7cfc00 (former for X) was deleted, because it was to similar to #adff2f (former for M)
There are 4 new colours:
- #b88142
- #a3fe8f
- #b8674c
- #fcff5c
The following colours slightly changed for better distinction with other colors:
- #ffd700 (former for K) changed to #ffe400
- #824b00 (former for P) changed to #824600
- #808000 (former for W) changed to #707000
Transparencies of the fill colours of landuses are increased to improve the display of all the different address colours.
The fill colour of place=* is now disabled to improve the display of all the different address colours.
The display of the warning message "street?" for areas is minimal improved
Some code optimizations

Version 1.011 to 2.00.xx

The housenumbers are bigger, have a coloured background and are thereby more visible.
Support of associatedStreet relations
Support of special characters and unknown characters
Simultaneous display of number and name (and number? respectively street?, if necessary)

There are 4 new colours:
- #ffffff (white) is used for all lower case letters and all not supported special characters as first letter of the street name
- #e1bd6a
- #81621a
- #ff7c00
The coloured circle at address nodes is now a little bit bigger, so it is more visible behind icons like entrance=*.
Housenumbers are now bigger and have also a coloured background.
Because of the coloured backgrund of the numbers the street affiliation is also possible when the item is selected.
The font of the name of Nodes and buildings is bigger.
The following colours changed:
- G (now #176767) and P (now #824b00) (because they were to dark in particular as background of the black text.)
- A (now #81c0ff) and I (now #0072e2) (because A and B were to similar)
- Z (now #ff4444) (because R and Z were to similar)
- E (now #f0b9a6) (because E and Q were to similar)
Support of associatedStreet relations. (The relation must contain the street name in the key "name".)
If a building contains name and housenumber then now both is displayed. At first the number then the name, separated by a |.
If a node contains name and housenumber then now both is displayed.
For a better overall view numbers and names are disabled in lower zoom levels. (The colours and Error messages stay.)
Buildings which usually do not contain address data are displayed toned down. (It does only tone down if there is in fact no addr:street=* and no addr:housenumber=* tag.) In detail this applies to areas with one of the following values of the key building: bunker, cabin, farm_auxiliary, garage, garages, hut, roof, shed.
For the display of the name now also areas are supported which do not contain any building=*.
Transparencies were a little bit increased or added
For some special cases of areas, the text is now no longer displayed in the middle and on the outline but only in the middle.
Coloured Streets has now an icon, which can be placed in the toolbar for fast on/off switch.
Colour and position of the name of nodes unified
A missing housenumber is also reported if the node contains amenity=* (this was explicit disabled before)
If the housenumber is missing the colour of the outline of a building is now more visible.
Now it is also reported ("no addr!") if a street (highway=*) contains a housenumber
"street?" is also reported if a area with housenumber does not contain any building=*.
"number?" has now also the coloured background
"street?" has now a red background
At the representations of missing addr:street or addr:housenumber there is now also shown the number and the name, depending on which is availible. For example "street? 5 | name of the shop" or "number? | name of the shop" (the street affiliation in the second case is visible by the colour)
"no addr!" has now always red background

Code

meta
{
        title: "Coloured Streets";
        version: "3.44.127_2021-04-10";
        description: "Colouring of buildings, address nodes and streets with the same street name in the same colour. Makes working with addresses a lot easier. Check out the linked page to read how to change some settings of this mappaint style. Min. JOSM version is 7480.";
        icon: "http://upload.wikimedia.org/wikipedia/commons/5/5d/IconColouredStreets.svg";
        author: "geozeisig, Klumbumbus";
        link: "http://josm.openstreetmap.de/wiki/Styles/Coloured_Streets";
        watch-modified: true;
        min-josm-version: "7480";
        /* This mapcss mappaint style was created for JOSM 7480. I try to support future versions of JOSM and its internal default mappaint style as long as possible. */
}

meta[lang=de]
{
        title: "Coloured Streets";
        description: "Einfärben von Gebäuden, Adressnodes und Straßen mit gleichem Straßennamen in der gleichen Farbe. Macht die Arbeit mit Adressen wesentlich leichter. Schau dir die verlinkte Seite an, um zu lesen, wie man einige Einstellungen dieses MapMaint-Stils ändert. Min. JOSM-Version ist 7480.";
        link: "http://josm.openstreetmap.de/wiki/De:Styles/Coloured_Streets";
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Create mappaint user settings. */
setting::display_bicycle {
  type: boolean;
  label: tr("Display cycleway dashes");
  default: false;
}
setting::allow_postcode {
  type: boolean;
  label: tr("Allow addr:postcode on streets");
  default: false;
}
setting::support_prefix_and_suffix {
  type: boolean;
  label: tr("Support prefix and suffix on street names");
  default: false;
}
setting::display_missing_number_message {
  type: boolean;
  label: tr("Display missing number message");
  default: true;
}
setting::support_associatedstreet {
  type: boolean;
  label: tr("Support associatedStreet relations");
  default: true;
}

/* create crc32checksums. They are use later in the stylesheet to determine the colour.
Due to the division by 429496.7296 crc is always a number between 0 and 10000. */
        /* streets and pedestrian areas */
way[highway][name][highway!="platform"][highway!="emergency_access_point"][!setting("support_prefix_and_suffix")],
way[highway][name][highway!="platform"][highway!="emergency_access_point"][setting("support_prefix_and_suffix")][!name:prefix][!name:suffix],
area[highway="pedestrian"][name][!setting("support_prefix_and_suffix")]:closed,
area[highway="pedestrian"][name][setting("support_prefix_and_suffix")][!name:prefix][!name:suffix]:closed
{
        crc: CRC32_checksum(tag(name))/429496.7296;
}
way[highway][name][highway!="platform"][highway!="emergency_access_point"][setting("support_prefix_and_suffix")][name:prefix][!name:suffix],
area[highway="pedestrian"][name][setting("support_prefix_and_suffix")][name:prefix][!name:suffix]:closed
{
        crc: CRC32_checksum(concat(tag("name:prefix"), " ", tag("name")))/429496.7296;
}
way[highway][name][highway!="platform"][highway!="emergency_access_point"][setting("support_prefix_and_suffix")][!name:prefix][name:suffix],
area[highway="pedestrian"][name][setting("support_prefix_and_suffix")][!name:prefix][name:suffix]:closed
{
        crc: CRC32_checksum(concat(tag("name"), " ", tag("name:suffix")))/429496.7296;
}
way[highway][name][highway!="platform"][highway!="emergency_access_point"][setting("support_prefix_and_suffix")][name:prefix][name:suffix],
area[highway="pedestrian"][name][setting("support_prefix_and_suffix")][name:prefix][name:suffix]:closed
{
        crc: CRC32_checksum(concat(tag("name:prefix"), " ", tag("name"), " ", tag("name:suffix")))/429496.7296;
}

        /* associated street relations */
relation[type="associatedStreet"][name] > area["addr:housenumber"][!setting("support_prefix_and_suffix")][setting("support_associatedstreet")],
relation[type="associatedStreet"][name] > node["addr:housenumber"][!setting("support_prefix_and_suffix")][setting("support_associatedstreet")]::halo,
relation[type="associatedStreet"][name][!name:prefix][!name:suffix] > area["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")],
relation[type="associatedStreet"][name][!name:prefix][!name:suffix] > node["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")]::halo
{
        crc: CRC32_checksum(parent_tag("name"))/429496.7296;
}
relation[type="associatedStreet"][name][name:prefix][!name:suffix] > area["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")],
relation[type="associatedStreet"][name][name:prefix][!name:suffix] > node["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")]::halo
{
        crc: CRC32_checksum(concat(parent_tag("name:prefix"), " ", parent_tag("name")))/429496.7296;
}
relation[type="associatedStreet"][name][!name:prefix][name:suffix] > area["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")],
relation[type="associatedStreet"][name][!name:prefix][name:suffix] > node["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")]::halo
{
        crc: CRC32_checksum(concat(parent_tag("name"), " ", parent_tag("name:suffix")))/429496.7296;
}
relation[type="associatedStreet"][name][name:prefix][name:suffix] > area["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")],
relation[type="associatedStreet"][name][name:prefix][name:suffix] > node["addr:housenumber"][setting("support_prefix_and_suffix")][setting("support_associatedstreet")]::halo
{
        crc: CRC32_checksum(concat(parent_tag("name:prefix"), " ", parent_tag("name"), " ", parent_tag("name:suffix")))/429496.7296;
}

        /* everything else (This block is after the block for associated street relations. That means if something is part of a associated street relation
        and also has an addr:street or addr:place tag, then addr:street resp. addr:place has the higher priority for the color choice than the relation.) */
*["addr:place"]
{
        crc: CRC32_checksum(tag("addr:place"))/429496.7296;
}
*["addr:place"]::halo
{
        crc: CRC32_checksum(tag("addr:place"))/429496.7296;
}
*["addr:street"]
{
        crc: CRC32_checksum(tag("addr:street"))/429496.7296;
}
*["addr:street"]::halo
{
        crc: CRC32_checksum(tag("addr:street"))/429496.7296;
}

        /* own crc values for name:left and name:right on streets */
way[highway][highway!="platform"][highway!="emergency_access_point"]["name:left"]
{
        crc_left: CRC32_checksum(tag("name:left"))/429496.7296;
}
way[highway][highway!="platform"][highway!="emergency_access_point"]["name:right"]
{
        crc_right: CRC32_checksum(tag("name:right"))/429496.7296;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Changes to the JOSM internal mappaint style elemstyles.mapcss to fit better together with Coloured Streets; hide distracting features */
        /* Zoom behavior of nodes and text, which is a bit different than in the default style */

node|z-16                               { symbol-size: 2; }
way > node|z-15!:tagged { symbol-shape: none; }
way > node|z16!:tagged  { symbol-size: 1; }

node|z17                                { symbol-size: 2; }
way > node|z17!:tagged  { symbol-size: 1; }
node|z17:connection             { symbol-size: 2; }

node|z18                                { symbol-size: 4; }
way > node|z18                  { symbol-size: 2; }
node|z18:connection             { symbol-size: 4; }

node|z19                                { symbol-size: 4; }
way > node|z19                  { symbol-size: 3; }
node|z19:connection             { symbol-size: 5; }

node|z20-                               { symbol-size: 4; }
way > node|z20-                 { symbol-size: 4; }
node|z20-:connection    { symbol-size: 6; }

node|z18-19,area|z18-19 { font-size: 8; }
node|z20,area|z20       { font-size: 9; }
node|z21,area|z21       { font-size: 10; }
node|z22-,area|z22-     { font-size: 11; }

        /* tone down landuse fill-color */
area[landuse]
{
        fill-opacity: 0.12;
}

        /* disable place fill-color */
area[place]
{
        fill-opacity: 0;
}

        /* tone down garages and other "minor" buildings, as they usually do not have addr:*=* tags. */
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=barn],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=bunker],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=cabin],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=cowshed],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=farm_auxiliary],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=garage],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=garages],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=greenhouse],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=hut],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=roof],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=shed],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=stable],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=static_caravan],
area[!"addr:housenumber"][!"addr:street"][!"addr:place"][building=sty]
{
        fill-color: #ffddf1;
        width: 1;
}

        /* deactivate the paint style of piste:difficulty */
way["piste:difficulty"]::core_piste
{
        width: 0;
}
way["piste:difficulty"]:closed::core_piste
{
        width: 2;
        color: grey;
}
area["piste:difficulty"]:closed::core_piste
{
        fill-opacity: 0;
}

        /* option to deactivate the paint style of cycleways (lane and track) */
way.lR[!setting("display_bicycle")]::core_cycleway,
way.tR[!setting("display_bicycle")]::core_cycleway,
way[cycleway=opposite][!setting("display_bicycle")]::core_cycleway
{
        width: 0;
}
                /* (grouping the previous and the following block doesn't work correctly, see http://josm.openstreetmap.de/ticket/10106 )*/
way[prop("tL","core_cycleway")][!setting("display_bicycle")]::core_cycleway2,
way[prop("lL","core_cycleway")][!setting("display_bicycle")]::core_cycleway2
{
        width: 0;
}
way[!setting("display_bicycle")][name][highway=path][bicycle=designated][foot=designated],
way[!setting("display_bicycle")][name][highway=path][bicycle=official][foot=official],
way[!setting("display_bicycle")][name][highway=cycleway][foot=yes],
way[!setting("display_bicycle")][name][highway=path][bicycle=designated][foot=yes],
way[!setting("display_bicycle")][name][highway=path][bicycle=official][foot=yes],
way[!setting("display_bicycle")][name][highway=footway][bicycle=yes],
way[!setting("display_bicycle")][name][highway=path][bicycle=yes][foot=designated],
way[!setting("display_bicycle")][name][highway=path][bicycle=yes][foot=official]
{
        dashes: none;
}

        /* deactivate the dashes of living streets */
way[highway=living_street][name]
{
        dashes: none;
}

        /* make barrier lines thiner */
way[barrier]
{
        width: 1.5;
}

        /* hide auto-text of streets except for name */
way[highway][!name]
{
        text: "";
}
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */

/* highlight address areas, address nodes and streets */
        /* all rules, which apply to all colors and different rules for different zoom */
                /* address areas */
area|z18-["addr:street"],
area|z18-["addr:place"],
relation[type="associatedStreet"] > area|z18-["addr:housenumber"][setting("support_associatedstreet")]
{ 
        width: 3;
        fill-opacity:0.2;       
        text-halo-radius: 3;
        text: eval(cond(has_tag_key(name), concat(tag("addr:housenumber"), " | ", tag("name")), tag("addr:housenumber")));
        z-index: 1;
}
area|z-17["addr:street"],
area|z-17["addr:place"],
relation[type="associatedStreet"] > area|z-17["addr:housenumber"][setting("support_associatedstreet")]
{ 
        width: 3;
        fill-opacity:0.2;       
        text: "";
        z-index: 1;
}
                /* address nodes */
node|z17-["addr:street"]::halo,
node|z17-["addr:place"]::halo,
relation[type="associatedStreet"] > node|z17-["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-size: 22;
}
node|z16["addr:street"]::halo,
node|z16["addr:place"]::halo,
relation[type="associatedStreet"] > node|z16["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-size: 12;
}
node|z15["addr:street"]::halo,
node|z15["addr:place"]::halo,
relation[type="associatedStreet"] > node|z15["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-size: 8;
}
node|z14["addr:street"]::halo,
node|z14["addr:place"]::halo,
relation[type="associatedStreet"] > node|z14["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-size: 6;
}
node|z13["addr:street"]::halo,
node|z13["addr:place"]::halo,
relation[type="associatedStreet"] > node|z13["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-size: 4;
}
node|z-12["addr:street"]::halo,
node|z-12["addr:place"]::halo,
relation[type="associatedStreet"] > node|z-12["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-size: 2;
}

                        /* --- */
node|z18-["addr:street"]::halo,
node|z18-["addr:place"]::halo,
relation[type="associatedStreet"] > node|z18-["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-shape: circle;
        symbol-fill-opacity: 0.85;
        z-index: -1;
        text: eval(tag("addr:housenumber"));
        font-size: 12;
        text-color: black;
        text-anchor-vertical: center;
        text-offset-x: -3;
        text-halo-radius: 2;
        text-halo-opacity: 0.8;
}
node|z-17["addr:street"]::halo,
node|z-17["addr:place"]::halo,
relation[type="associatedStreet"] > node|z-17["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-shape: circle;
        symbol-fill-opacity: 0.85;
        z-index: -1;
        text: "";
        font-size: 12;
        text-color: black;
        text-anchor-vertical: center;
        text-offset-x: -3;
        text-halo-radius: 2;
        text-halo-opacity: 0.8;
}
                /* streets */
                        /* different widths */
way["highway"]["name"][highway!="platform"][highway!="emergency_access_point"]
{
        width: 4;
}
way["highway"="path"]["name"],
way["highway"="footway"]["name"],
way["highway"="steps"]["name"],
way["highway"="pedestrian"]["name"],
way["highway"="cycleway"]["name"],
way["highway"="bridleway"]["name"],
way["highway"="track"]["name"],
way["highway"="escape"]["name"],
way["highway"="bus_guideway"]["name"],
way["highway"="service"]["name"]
{
        width: 3;
}
way["highway"^="tertiary"]["name"],
way["highway"^="secondary"]["name"],
way["highway"^="primary"]["name"],
way["highway"^="trunk"]["name"],
way["highway"^="motorway"]["name"]
{
        width: 5;
}
                        /* other rules */
way|z18-["highway"]["name"][highway!="platform"][highway!="emergency_access_point"]
{
        font-size: 12;
        text-color: black;
        text-position: line;
        text: eval(tag("name"));
        text-offset: 0;
        text-halo-radius: 2;
}
way|z-17["highway"]["name"][highway!="platform"][highway!="emergency_access_point"]
{
        text: "";
}
                        /* casing for name:left and name:right */
way|z16-["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"]
{
        left-casing-width: 5;
        left-casing-offset: -1;
}
way|z16-["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"]
{
        right-casing-width: 5;
        right-casing-offset: -1;
}

                /* pedestrian as area */
area|z18-["name"][highway=pedestrian]:closed
{
        width: 3;
        font-size: 12;
        text-color: black;
        text-position: center;
        text: eval(tag("name"));
        text-halo-radius: 2;
        /* fill-color is needed to set it as "area style" to display the names for pedestrian multipolygons correctly.
        fill-color is set later in the different colors. */
        fill-opacity: 0.2;
}
area|z-17["name"][highway=pedestrian]:closed
{
        width: 3;
        text: "";
        text-halo-radius: 2;
        /* fill-color is needed to set it as "area style" to display the names for pedestrian multipolygons correctly.
        fill-color is set later in the different colors. */
        fill-opacity: 0.2;
}
                /* display pedestrian areas (not multipolygons) without area=yes as line and not as area */
way["highway"="pedestrian"][name][area!=yes]
{
        text-position: line;
        fill-opacity: 0;
}


        /* 33 different special selected colors */
area["addr:street"][prop(crc)<303],
area["addr:place"][prop(crc)<303],
relation[type="associatedStreet"][prop(crc)<303] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)<303]:closed
{ 
        color: #8B864E; /* Default value for color is fill-color. Color needs to set nevertheless that pedestrian area multipolygons and areas with "number?" are displayed correctly. */
        fill-color: #8B864E;
        text-halo-color: #8B864E;
}
node["addr:street"][prop(crc)<303]::halo,
node["addr:place"][prop(crc)<303]::halo,
relation[type="associatedStreet"][prop(crc)<303] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #8B864E;
        text-halo-color: #8B864E;
}
way["highway"]["name"][prop(crc)<303]
{
        color: #8B864E;
        text-halo-color: #8B864E;
}
                /* --------- */
area["addr:street"][prop(crc)>=303][prop(crc)<606],
area["addr:place"][prop(crc)>=303][prop(crc)<606],
relation[type="associatedStreet"][prop(crc)>=303][prop(crc)<606] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=303][prop(crc)<606]:closed
{ 
        color: #b88142;
        fill-color: #b88142;
        text-halo-color: #b88142;
}
node["addr:street"][prop(crc)>=303][prop(crc)<606]::halo,
node["addr:place"][prop(crc)>=303][prop(crc)<606]::halo,
relation[type="associatedStreet"][prop(crc)>=303][prop(crc)<606] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #b88142;
        text-halo-color: #b88142;
}
way["highway"]["name"][prop(crc)>=303][prop(crc)<606]
{
        color: #b88142;
        text-halo-color: #b88142;
}
                /* --------- */
area["addr:street"][prop(crc)>=606][prop(crc)<909],
area["addr:place"][prop(crc)>=606][prop(crc)<909],
relation[type="associatedStreet"][prop(crc)>=606][prop(crc)<909] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=606][prop(crc)<909]:closed
{ 
        color: #a3fe8f;
        fill-color: #a3fe8f;
        text-halo-color: #a3fe8f;
}
node["addr:street"][prop(crc)>=606][prop(crc)<909]::halo,
node["addr:place"][prop(crc)>=606][prop(crc)<909]::halo,
relation[type="associatedStreet"][prop(crc)>=606][prop(crc)<909] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #a3fe8f;
        text-halo-color: #a3fe8f;
}
way["highway"]["name"][prop(crc)>=606][prop(crc)<909]
{
        color: #a3fe8f;
        text-halo-color: #a3fe8f;
}
                /* --------- */
area["addr:street"][prop(crc)>=909][prop(crc)<1212],
area["addr:place"][prop(crc)>=909][prop(crc)<1212],
relation[type="associatedStreet"][prop(crc)>=909][prop(crc)<1212] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=909][prop(crc)<1212]:closed
{ 
        color: #b8674c;
        fill-color: #b8674c;
        text-halo-color: #b8674c;
}
node["addr:street"][prop(crc)>=909][prop(crc)<1212]::halo,
node["addr:place"][prop(crc)>=909][prop(crc)<1212]::halo,
relation[type="associatedStreet"][prop(crc)>=909][prop(crc)<1212] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #b8674c;
        text-halo-color: #b8674c;
}
way["highway"]["name"][prop(crc)>=909][prop(crc)<1212]
{
        color: #b8674c;
        text-halo-color: #b8674c;
}
                /* --------- */
area["addr:street"][prop(crc)>=1212][prop(crc)<1515],
area["addr:place"][prop(crc)>=1212][prop(crc)<1515],
relation[type="associatedStreet"][prop(crc)>=1212][prop(crc)<1515] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=1212][prop(crc)<1515]:closed
{ 
        color: #f4ff6b;
        fill-color: #f4ff6b;
        text-halo-color: #f4ff6b;
}
node["addr:street"][prop(crc)>=1212][prop(crc)<1515]::halo,
node["addr:place"][prop(crc)>=1212][prop(crc)<1515]::halo,
relation[type="associatedStreet"][prop(crc)>=1212][prop(crc)<1515] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #f4ff6b;
        text-halo-color: #f4ff6b;
}
way["highway"]["name"][prop(crc)>=1212][prop(crc)<1515]
{
        color: #f4ff6b;
        text-halo-color: #f4ff6b;
}
                /* --------- */
area["addr:street"][prop(crc)>=1515][prop(crc)<1818],
area["addr:place"][prop(crc)>=1515][prop(crc)<1818],
relation[type="associatedStreet"][prop(crc)>=1515][prop(crc)<1818] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=1515][prop(crc)<1818]:closed
{ 
        color: #81c0ff;
        fill-color: #81c0ff;
        text-halo-color: #81c0ff;
}
node["addr:street"][prop(crc)>=1515][prop(crc)<1818]::halo,
node["addr:place"][prop(crc)>=1515][prop(crc)<1818]::halo,
relation[type="associatedStreet"][prop(crc)>=1515][prop(crc)<1818] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #81c0ff;
        text-halo-color: #81c0ff;
}
way["highway"]["name"][prop(crc)>=1515][prop(crc)<1818]
{
        color: #81c0ff;
        text-halo-color: #81c0ff;
}
                /* --------- */
area["addr:street"][prop(crc)>=1818][prop(crc)<2121],
area["addr:place"][prop(crc)>=1818][prop(crc)<2121],
relation[type="associatedStreet"][prop(crc)>=1818][prop(crc)<2121] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=1818][prop(crc)<2121]:closed
{ 
        color: #6b8e23;
        fill-color: #6b8e23;
        text-halo-color: #6b8e23;
}
node["addr:street"][prop(crc)>=1818][prop(crc)<2121]::halo,
node["addr:place"][prop(crc)>=1818][prop(crc)<2121]::halo,
relation[type="associatedStreet"][prop(crc)>=1818][prop(crc)<2121] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #6b8e23;
        text-halo-color: #6b8e23;
}
way["highway"]["name"][prop(crc)>=1818][prop(crc)<2121]
{
        color: #6b8e23;
        text-halo-color: #6b8e23;
}
                /* --------- */
area["addr:street"][prop(crc)>=2121][prop(crc)<2424],
area["addr:place"][prop(crc)>=2121][prop(crc)<2424],
relation[type="associatedStreet"][prop(crc)>=2121][prop(crc)<2424] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=2121][prop(crc)<2424]:closed
{ 
        color: #e1bd6a;
        fill-color: #e1bd6a;
        text-halo-color: #e1bd6a;
}
node["addr:street"][prop(crc)>=2121][prop(crc)<2424]::halo,
node["addr:place"][prop(crc)>=2121][prop(crc)<2424]::halo,
relation[type="associatedStreet"][prop(crc)>=2121][prop(crc)<2424] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #e1bd6a;
        text-halo-color: #e1bd6a;
}
way["highway"]["name"][prop(crc)>=2121][prop(crc)<2424]
{
        color: #e1bd6a;
        text-halo-color: #e1bd6a;
}
                /* --------- */
area["addr:street"][prop(crc)>=2424][prop(crc)<2727],
area["addr:place"][prop(crc)>=2424][prop(crc)<2727],
relation[type="associatedStreet"][prop(crc)>=2424][prop(crc)<2727] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=2424][prop(crc)<2727]:closed
{ 
        color: #7fffd4;
        fill-color: #7fffd4;
        text-halo-color: #7fffd4;
}
node["addr:street"][prop(crc)>=2424][prop(crc)<2727]::halo,
node["addr:place"][prop(crc)>=2424][prop(crc)<2727]::halo,
relation[type="associatedStreet"][prop(crc)>=2424][prop(crc)<2727] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #7fffd4;
        text-halo-color: #7fffd4;
}
way["highway"]["name"][prop(crc)>=2424][prop(crc)<2727]
{
        color: #7fffd4;
        text-halo-color: #7fffd4;
}
                /* --------- */
area["addr:street"][prop(crc)>=2727][prop(crc)<3030],
area["addr:place"][prop(crc)>=2727][prop(crc)<3030],
relation[type="associatedStreet"][prop(crc)>=2727][prop(crc)<3030] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=2727][prop(crc)<3030]:closed
{ 
        color: #8a2be2;
        fill-color: #8a2be2;
        text-halo-color: #8a2be2;
}
node["addr:street"][prop(crc)>=2727][prop(crc)<3030]::halo,
node["addr:place"][prop(crc)>=2727][prop(crc)<3030]::halo,
relation[type="associatedStreet"][prop(crc)>=2727][prop(crc)<3030] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #8a2be2;
        text-halo-color: #8a2be2;
}
way["highway"]["name"][prop(crc)>=2727][prop(crc)<3030]
{
        color: #8a2be2;
        text-halo-color: #8a2be2;
}
                /* --------- */
area["addr:street"][prop(crc)>=3030][prop(crc)<3333],
area["addr:place"][prop(crc)>=3030][prop(crc)<3333],
relation[type="associatedStreet"][prop(crc)>=3030][prop(crc)<3333] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=3030][prop(crc)<3333]:closed
{ 
        color: #a52a2a;
        fill-color: #a52a2a;
        text-halo-color: #a52a2a;
}
node["addr:street"][prop(crc)>=3030][prop(crc)<3333]::halo,
node["addr:place"][prop(crc)>=3030][prop(crc)<3333]::halo,
relation[type="associatedStreet"][prop(crc)>=3030][prop(crc)<3333] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #a52a2a;
        text-halo-color: #a52a2a;
}
way["highway"]["name"][prop(crc)>=3030][prop(crc)<3333]
{
        color: #a52a2a;
        text-halo-color: #a52a2a;
}
                /* --------- */
area["addr:street"][prop(crc)>=3333][prop(crc)<3636],
area["addr:place"][prop(crc)>=3333][prop(crc)<3636],
relation[type="associatedStreet"][prop(crc)>=3333][prop(crc)<3636] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=3333][prop(crc)<3636]:closed
{ 
        color: #f0b9a6;
        fill-color: #f0b9a6;
        text-halo-color: #f0b9a6;
}
node["addr:street"][prop(crc)>=3333][prop(crc)<3636]::halo,
node["addr:place"][prop(crc)>=3333][prop(crc)<3636]::halo,
relation[type="associatedStreet"][prop(crc)>=3333][prop(crc)<3636] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #f0b9a6;
        text-halo-color: #f0b9a6;
}
way["highway"]["name"][prop(crc)>=3333][prop(crc)<3636]
{
        color: #f0b9a6;
        text-halo-color: #f0b9a6;
}
                /* --------- */
area["addr:street"][prop(crc)>=3636][prop(crc)<3939],
area["addr:place"][prop(crc)>=3636][prop(crc)<3939],
relation[type="associatedStreet"][prop(crc)>=3636][prop(crc)<3939] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=3636][prop(crc)<3939]:closed
{ 
        color: #8fbc8f;
        fill-color: #8fbc8f;
        text-halo-color: #8fbc8f;
}
node["addr:street"][prop(crc)>=3636][prop(crc)<3939]::halo,
node["addr:place"][prop(crc)>=3636][prop(crc)<3939]::halo,
relation[type="associatedStreet"][prop(crc)>=3636][prop(crc)<3939] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #8fbc8f;
        text-halo-color: #8fbc8f;
}
way["highway"]["name"][prop(crc)>=3636][prop(crc)<3939]
{
        color: #8fbc8f;
        text-halo-color: #8fbc8f;
}
                /* --------- */
area["addr:street"][prop(crc)>=3939][prop(crc)<4242],
area["addr:place"][prop(crc)>=3939][prop(crc)<4242],
relation[type="associatedStreet"][prop(crc)>=3939][prop(crc)<4242] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=3939][prop(crc)<4242]:closed
{ 
        color: #1b7777;
        fill-color: #1b7777;
        text-halo-color: #1b7777;
}
node["addr:street"][prop(crc)>=3939][prop(crc)<4242]::halo,
node["addr:place"][prop(crc)>=3939][prop(crc)<4242]::halo,
relation[type="associatedStreet"][prop(crc)>=3939][prop(crc)<4242] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #1b7777;
        text-halo-color: #1b7777;
}
way["highway"]["name"][prop(crc)>=3939][prop(crc)<4242]
{
        color: #1b7777;
        text-halo-color: #1b7777;
}
                /* --------- */
area["addr:street"][prop(crc)>=4242][prop(crc)<4545],
area["addr:place"][prop(crc)>=4242][prop(crc)<4545],
relation[type="associatedStreet"][prop(crc)>=4242][prop(crc)<4545] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=4242][prop(crc)<4545]:closed
{ 
        color: #ff1493;
        fill-color: #ff1493;
        text-halo-color: #ff1493;
}
node["addr:street"][prop(crc)>=4242][prop(crc)<4545]::halo,
node["addr:place"][prop(crc)>=4242][prop(crc)<4545]::halo,
relation[type="associatedStreet"][prop(crc)>=4242][prop(crc)<4545] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #ff1493;
        text-halo-color: #ff1493;
}
way["highway"]["name"][prop(crc)>=4242][prop(crc)<4545]
{
        color: #ff1493;
        text-halo-color: #ff1493;
}
                /* --------- */
area["addr:street"][prop(crc)>=4545][prop(crc)<4848],
area["addr:place"][prop(crc)>=4545][prop(crc)<4848],
relation[type="associatedStreet"][prop(crc)>=4545][prop(crc)<4848] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=4545][prop(crc)<4848]:closed
{ 
        color: #0072e2;
        fill-color: #0072e2;
        text-halo-color: #0072e2;
}
node["addr:street"][prop(crc)>=4545][prop(crc)<4848]::halo,
node["addr:place"][prop(crc)>=4545][prop(crc)<4848]::halo,
relation[type="associatedStreet"][prop(crc)>=4545][prop(crc)<4848] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #0072e2;
        text-halo-color: #0072e2;
}
way["highway"]["name"][prop(crc)>=4545][prop(crc)<4848]
{
        color: #0072e2;
        text-halo-color: #0072e2;
}
                /* --------- */
area["addr:street"][prop(crc)>=4848][prop(crc)<5151],
area["addr:place"][prop(crc)>=4848][prop(crc)<5151],
relation[type="associatedStreet"][prop(crc)>=4848][prop(crc)<5151] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=4848][prop(crc)<5151]:closed
{ 
        color: #008f00;
        fill-color: #008f00;
        text-halo-color: #008f00;
}
node["addr:street"][prop(crc)>=4848][prop(crc)<5151]::halo,
node["addr:place"][prop(crc)>=4848][prop(crc)<5151]::halo,
relation[type="associatedStreet"][prop(crc)>=4848][prop(crc)<5151] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #008f00;
        text-halo-color: #008f00;
}
way["highway"]["name"][prop(crc)>=4848][prop(crc)<5151]
{
        color: #008f00;
        text-halo-color: #008f00;
}
                /* --------- */
area["addr:street"][prop(crc)>=5151][prop(crc)<5454],
area["addr:place"][prop(crc)>=5151][prop(crc)<5454],
relation[type="associatedStreet"][prop(crc)>=5151][prop(crc)<5454] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=5151][prop(crc)<5454]:closed
{ 
        color: #ffcc00;
        fill-color: #ffcc00;
        text-halo-color: #ffcc00;
}
node["addr:street"][prop(crc)>=5151][prop(crc)<5454]::halo,
node["addr:place"][prop(crc)>=5151][prop(crc)<5454]::halo,
relation[type="associatedStreet"][prop(crc)>=5151][prop(crc)<5454] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #ffcc00;
        text-halo-color: #ffcc00;
}
way["highway"]["name"][prop(crc)>=5151][prop(crc)<5454]
{
        color: #ffcc00;
        text-halo-color: #ffcc00;
}
                /* --------- */
area["addr:street"][prop(crc)>=5454][prop(crc)<5757],
area["addr:place"][prop(crc)>=5454][prop(crc)<5757],
relation[type="associatedStreet"][prop(crc)>=5454][prop(crc)<5757] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=5454][prop(crc)<5757]:closed
{ 
        color: #BF9017;
        fill-color: #BF9017;
        text-halo-color: #BF9017;
}
node["addr:street"][prop(crc)>=5454][prop(crc)<5757]::halo,
node["addr:place"][prop(crc)>=5454][prop(crc)<5757]::halo,
relation[type="associatedStreet"][prop(crc)>=5454][prop(crc)<5757] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #BF9017;
        text-halo-color: #BF9017;
}
way["highway"]["name"][prop(crc)>=5454][prop(crc)<5757]
{
        color: #BF9017;
        text-halo-color: #BF9017;
}
                /* --------- */
area["addr:street"][prop(crc)>=5757][prop(crc)<6060],
area["addr:place"][prop(crc)>=5757][prop(crc)<6060],
relation[type="associatedStreet"][prop(crc)>=5757][prop(crc)<6060] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=5757][prop(crc)<6060]:closed
{ 
        color: #adff2f;
        fill-color: #adff2f;
        text-halo-color: #adff2f;
}
node["addr:street"][prop(crc)>=5757][prop(crc)<6060]::halo,
node["addr:place"][prop(crc)>=5757][prop(crc)<6060]::halo,
relation[type="associatedStreet"][prop(crc)>=5757][prop(crc)<6060] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #adff2f;
        text-halo-color: #adff2f;
}
way["highway"]["name"][prop(crc)>=5757][prop(crc)<6060]
{
        color: #adff2f;
        text-halo-color: #adff2f;
}
                /* --------- */
area["addr:street"][prop(crc)>=6060][prop(crc)<6363],
area["addr:place"][prop(crc)>=6060][prop(crc)<6363],
relation[type="associatedStreet"][prop(crc)>=6060][prop(crc)<6363] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=6060][prop(crc)<6363]:closed
{ 
        color: #ff69b4;
        fill-color: #ff69b4;
        text-halo-color: #ff69b4;
}
node["addr:street"][prop(crc)>=6060][prop(crc)<6363]::halo,
node["addr:place"][prop(crc)>=6060][prop(crc)<6363]::halo,
relation[type="associatedStreet"][prop(crc)>=6060][prop(crc)<6363] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #ff69b4;
        text-halo-color: #ff69b4;
}
way["highway"]["name"][prop(crc)>=6060][prop(crc)<6363]
{
        color: #ff69b4;
        text-halo-color: #ff69b4;
}
                /* --------- */
area["addr:street"][prop(crc)>=6363][prop(crc)<6666],
area["addr:place"][prop(crc)>=6363][prop(crc)<6666],
relation[type="associatedStreet"][prop(crc)>=6363][prop(crc)<6666] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=6363][prop(crc)<6666]:closed
{ 
        color: #cd5c5c;
        fill-color: #cd5c5c;
        text-halo-color: #cd5c5c;
}
node["addr:street"][prop(crc)>=6363][prop(crc)<6666]::halo,
node["addr:place"][prop(crc)>=6363][prop(crc)<6666]::halo,
relation[type="associatedStreet"][prop(crc)>=6363][prop(crc)<6666] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #cd5c5c;
        text-halo-color: #cd5c5c;
}
way["highway"]["name"][prop(crc)>=6363][prop(crc)<6666]
{
        color: #cd5c5c;
        text-halo-color: #cd5c5c;
}
                /* --------- */
area["addr:street"][prop(crc)>=6666][prop(crc)<6969],
area["addr:place"][prop(crc)>=6666][prop(crc)<6969],
relation[type="associatedStreet"][prop(crc)>=6666][prop(crc)<6969] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=6666][prop(crc)<6969]:closed
{ 
        color: #7d5a07;
        fill-color: #7d5a07;
        text-halo-color: #7d5a07;
}
node["addr:street"][prop(crc)>=6666][prop(crc)<6969]::halo,
node["addr:place"][prop(crc)>=6666][prop(crc)<6969]::halo,
relation[type="associatedStreet"][prop(crc)>=6666][prop(crc)<6969] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #7d5a07;
        text-halo-color: #7d5a07;
}
way["highway"]["name"][prop(crc)>=6666][prop(crc)<6969]
{
        color: #7d5a07;
        text-halo-color: #7d5a07;
}
                /* --------- */
area["addr:street"][prop(crc)>=6969][prop(crc)<7272],
area["addr:place"][prop(crc)>=6969][prop(crc)<7272],
relation[type="associatedStreet"][prop(crc)>=6969][prop(crc)<7272] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=6969][prop(crc)<7272]:closed
{ 
        color: #824600;
        fill-color: #824600;
        text-halo-color: #824600;
}
node["addr:street"][prop(crc)>=6969][prop(crc)<7272]::halo,
node["addr:place"][prop(crc)>=6969][prop(crc)<7272]::halo,
relation[type="associatedStreet"][prop(crc)>=6969][prop(crc)<7272] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #824600;
        text-halo-color: #824600;
}
way["highway"]["name"][prop(crc)>=6969][prop(crc)<7272]
{
        color: #824600;
        text-halo-color: #824600;
}
                /* --------- */
area["addr:street"][prop(crc)>=7272][prop(crc)<7575],
area["addr:place"][prop(crc)>=7272][prop(crc)<7575],
relation[type="associatedStreet"][prop(crc)>=7272][prop(crc)<7575] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=7272][prop(crc)<7575]:closed
{ 
        color: #f08080;
        fill-color: #f08080;
        text-halo-color: #f08080;
}
node["addr:street"][prop(crc)>=7272][prop(crc)<7575]::halo,
node["addr:place"][prop(crc)>=7272][prop(crc)<7575]::halo,
relation[type="associatedStreet"][prop(crc)>=7272][prop(crc)<7575] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #f08080;
        text-halo-color: #f08080;
}
way["highway"]["name"][prop(crc)>=7272][prop(crc)<7575]
{
        color: #f08080;
        text-halo-color: #f08080;
}
                /* --------- */
area["addr:street"][prop(crc)>=7575][prop(crc)<7878],
area["addr:place"][prop(crc)>=7575][prop(crc)<7878],
relation[type="associatedStreet"][prop(crc)>=7575][prop(crc)<7878] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=7575][prop(crc)<7878]:closed
{ 
        color: #F75617;
        fill-color: #F75617;
        text-halo-color: #F75617;
}
node["addr:street"][prop(crc)>=7575][prop(crc)<7878]::halo,
node["addr:place"][prop(crc)>=7575][prop(crc)<7878]::halo,
relation[type="associatedStreet"][prop(crc)>=7575][prop(crc)<7878] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #F75617;
        text-halo-color: #F75617;
}
way["highway"]["name"][prop(crc)>=7575][prop(crc)<7878]
{
        color: #F75617;
        text-halo-color: #F75617;
}
                /* --------- */
area["addr:street"][prop(crc)>=7878][prop(crc)<8181],
area["addr:place"][prop(crc)>=7878][prop(crc)<8181],
relation[type="associatedStreet"][prop(crc)>=7878][prop(crc)<8181] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=7878][prop(crc)<8181]:closed
{ 
        color: #54d954;
        fill-color: #54d954;
        text-halo-color: #54d954;
}
node["addr:street"][prop(crc)>=7878][prop(crc)<8181]::halo,
node["addr:place"][prop(crc)>=7878][prop(crc)<8181]::halo,
relation[type="associatedStreet"][prop(crc)>=7878][prop(crc)<8181] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #54d954;
        text-halo-color: #54d954;
}
way["highway"]["name"][prop(crc)>=7878][prop(crc)<8181]
{
        color: #54d954;
        text-halo-color: #54d954;
}
                /* --------- */
area["addr:street"][prop(crc)>=8181][prop(crc)<8484],
area["addr:place"][prop(crc)>=8181][prop(crc)<8484],
relation[type="associatedStreet"][prop(crc)>=8181][prop(crc)<8484] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=8181][prop(crc)<8484]:closed
{ 
        color: #ba55d3;
        fill-color: #ba55d3;
        text-halo-color: #ba55d3;
}
node["addr:street"][prop(crc)>=8181][prop(crc)<8484]::halo,
node["addr:place"][prop(crc)>=8181][prop(crc)<8484]::halo,
relation[type="associatedStreet"][prop(crc)>=8181][prop(crc)<8484] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #ba55d3;
        text-halo-color: #ba55d3;
}
way["highway"]["name"][prop(crc)>=8181][prop(crc)<8484]
{
        color: #ba55d3;
        text-halo-color: #ba55d3;
}
                /* --------- */
area["addr:street"][prop(crc)>=8484][prop(crc)<8787],
area["addr:place"][prop(crc)>=8484][prop(crc)<8787],
relation[type="associatedStreet"][prop(crc)>=8484][prop(crc)<8787] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=8484][prop(crc)<8787]:closed
{ 
        color: #9370db;
        fill-color: #9370db;
        text-halo-color: #9370db;
}
node["addr:street"][prop(crc)>=8484][prop(crc)<8787]::halo,
node["addr:place"][prop(crc)>=8484][prop(crc)<8787]::halo,
relation[type="associatedStreet"][prop(crc)>=8484][prop(crc)<8787] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #9370db;
        text-halo-color: #9370db;
}
way["highway"]["name"][prop(crc)>=8484][prop(crc)<8787]
{
        color: #9370db;
        text-halo-color: #9370db;
}
                /* --------- */
area["addr:street"][prop(crc)>=8787][prop(crc)<9090],
area["addr:place"][prop(crc)>=8787][prop(crc)<9090],
relation[type="associatedStreet"][prop(crc)>=8787][prop(crc)<9090] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=8787][prop(crc)<9090]:closed
{ 
        color: #ff7c00;
        fill-color: #ff7c00;
        text-halo-color: #ff7c00;
}
node["addr:street"][prop(crc)>=8787][prop(crc)<9090]::halo,
node["addr:place"][prop(crc)>=8787][prop(crc)<9090]::halo,
relation[type="associatedStreet"][prop(crc)>=8787][prop(crc)<9090] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #ff7c00;
        text-halo-color: #ff7c00;
}
way["highway"]["name"][prop(crc)>=8787][prop(crc)<9090]
{
        color: #ff7c00;
        text-halo-color: #ff7c00;
}
                /* --------- */
area["addr:street"][prop(crc)>=9090][prop(crc)<9393],
area["addr:place"][prop(crc)>=9090][prop(crc)<9393],
relation[type="associatedStreet"][prop(crc)>=9090][prop(crc)<9393] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=9090][prop(crc)<9393]:closed
{ 
        color: #3cb371;
        fill-color: #3cb371;
        text-halo-color: #3cb371;
}
node["addr:street"][prop(crc)>=9090][prop(crc)<9393]::halo,
node["addr:place"][prop(crc)>=9090][prop(crc)<9393]::halo,
relation[type="associatedStreet"][prop(crc)>=9090][prop(crc)<9393] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #3cb371;
        text-halo-color: #3cb371;
}
way["highway"]["name"][prop(crc)>=9090][prop(crc)<9393]
{
        color: #3cb371;
        text-halo-color: #3cb371;
}
                /* --------- */
area["addr:street"][prop(crc)>=9393][prop(crc)<9696],
area["addr:place"][prop(crc)>=9393][prop(crc)<9696],
relation[type="associatedStreet"][prop(crc)>=9393][prop(crc)<9696] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=9393][prop(crc)<9696]:closed
{ 
        color: #707000;
        fill-color: #707000;
        text-halo-color: #707000;
}
node["addr:street"][prop(crc)>=9393][prop(crc)<9696]::halo,
node["addr:place"][prop(crc)>=9393][prop(crc)<9696]::halo,
relation[type="associatedStreet"][prop(crc)>=9393][prop(crc)<9696] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #707000;
        text-halo-color: #707000;

}
way["highway"]["name"][prop(crc)>=9393][prop(crc)<9696]
{
        color: #707000;
        text-halo-color: #707000;
}
                /* --------- */
area["addr:street"][prop(crc)>=9696],
area["addr:place"][prop(crc)>=9696],
relation[type="associatedStreet"][prop(crc)>=9696] > area["addr:housenumber"][setting("support_associatedstreet")],
area["highway"="pedestrian"]["name"][prop(crc)>=9696]:closed
{ 
        color: #ff4444;
        fill-color: #ff4444;
        text-halo-color: #ff4444;
}
node["addr:street"][prop(crc)>=9696]::halo,
node["addr:place"][prop(crc)>=9696]::halo,
relation[type="associatedStreet"][prop(crc)>=9696] > node["addr:housenumber"][setting("support_associatedstreet")]::halo
{
        symbol-fill-color: #ff4444;
        text-halo-color: #ff4444;
}
way["highway"]["name"][prop(crc)>=9696]
{
        color: #ff4444;
        text-halo-color: #ff4444;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */

/* left and right casing */
        /* left casing */
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)<303] { left-casing-color: #8B864E; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=303][prop(crc_left)<606] { left-casing-color: #b88142; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=606][prop(crc_left)<909] { left-casing-color: #a3fe8f; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=909][prop(crc_left)<1212] { left-casing-color: #b8674c; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=1212][prop(crc_left)<1515] { left-casing-color: #f4ff6b; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=1515][prop(crc_left)<1818] { left-casing-color: #81c0ff; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=1818][prop(crc_left)<2121] { left-casing-color: #6b8e23; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=2121][prop(crc_left)<2424] { left-casing-color: #e1bd6a; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=2424][prop(crc_left)<2727] { left-casing-color: #7fffd4; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=2727][prop(crc_left)<3030] { left-casing-color: #8a2be2; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=3030][prop(crc_left)<3333] { left-casing-color: #a52a2a; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=3333][prop(crc_left)<3636] { left-casing-color: #f0b9a6; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=3636][prop(crc_left)<3939] { left-casing-color: #8fbc8f; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=3939][prop(crc_left)<4242] { left-casing-color: #1b7777; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=4242][prop(crc_left)<4545] { left-casing-color: #ff1493; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=4545][prop(crc_left)<4848] { left-casing-color: #0072e2; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=4848][prop(crc_left)<5151] { left-casing-color: #008f00; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=5151][prop(crc_left)<5454] { left-casing-color: #ffcc00; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=5454][prop(crc_left)<5757] { left-casing-color: #BF9017; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=5757][prop(crc_left)<6060] { left-casing-color: #adff2f; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=6060][prop(crc_left)<6363] { left-casing-color: #ff69b4; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=6363][prop(crc_left)<6666] { left-casing-color: #cd5c5c; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=6666][prop(crc_left)<6969] { left-casing-color: #7d5a07; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=6969][prop(crc_left)<7272] { left-casing-color: #824600; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=7272][prop(crc_left)<7575] { left-casing-color: #f08080; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=7575][prop(crc_left)<7878] { left-casing-color: #F75617; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=7878][prop(crc_left)<8181] { left-casing-color: #54d954; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=8181][prop(crc_left)<8484] { left-casing-color: #ba55d3; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=8484][prop(crc_left)<8787] { left-casing-color: #9370db; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=8787][prop(crc_left)<9090] { left-casing-color: #ff7c00; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=9090][prop(crc_left)<9393] { left-casing-color: #3cb371; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=9393][prop(crc_left)<9696] { left-casing-color: #707000; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:left"][prop(crc_left)>=9696] { left-casing-color: #ff4444; }
        /* right casing */
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)<303] { right-casing-color: #8B864E; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=303][prop(crc_right)<606] { right-casing-color: #b88142; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=606][prop(crc_right)<909] { right-casing-color: #a3fe8f; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=909][prop(crc_right)<1212] { right-casing-color: #b8674c; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=1212][prop(crc_right)<1515] { right-casing-color: #f4ff6b; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=1515][prop(crc_right)<1818] { right-casing-color: #81c0ff; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=1818][prop(crc_right)<2121] { right-casing-color: #6b8e23; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=2121][prop(crc_right)<2424] { right-casing-color: #e1bd6a; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=2424][prop(crc_right)<2727] { right-casing-color: #7fffd4; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=2727][prop(crc_right)<3030] { right-casing-color: #8a2be2; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=3030][prop(crc_right)<3333] { right-casing-color: #a52a2a; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=3333][prop(crc_right)<3636] { right-casing-color: #f0b9a6; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=3636][prop(crc_right)<3939] { right-casing-color: #8fbc8f; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=3939][prop(crc_right)<4242] { right-casing-color: #1b7777; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=4242][prop(crc_right)<4545] { right-casing-color: #ff1493; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=4545][prop(crc_right)<4848] { right-casing-color: #0072e2; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=4848][prop(crc_right)<5151] { right-casing-color: #008f00; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=5151][prop(crc_right)<5454] { right-casing-color: #ffcc00; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=5454][prop(crc_right)<5757] { right-casing-color: #BF9017; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=5757][prop(crc_right)<6060] { right-casing-color: #adff2f; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=6060][prop(crc_right)<6363] { right-casing-color: #ff69b4; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=6363][prop(crc_right)<6666] { right-casing-color: #cd5c5c; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=6666][prop(crc_right)<6969] { right-casing-color: #7d5a07; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=6969][prop(crc_right)<7272] { right-casing-color: #824600; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=7272][prop(crc_right)<7575] { right-casing-color: #f08080; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=7575][prop(crc_right)<7878] { right-casing-color: #F75617; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=7878][prop(crc_right)<8181] { right-casing-color: #54d954; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=8181][prop(crc_right)<8484] { right-casing-color: #ba55d3; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=8484][prop(crc_right)<8787] { right-casing-color: #9370db; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=8787][prop(crc_right)<9090] { right-casing-color: #ff7c00; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=9090][prop(crc_right)<9393] { right-casing-color: #3cb371; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=9393][prop(crc_right)<9696] { right-casing-color: #707000; }
way["highway"][highway!="platform"][highway!="emergency_access_point"]["name:right"][prop(crc_right)>=9696] { right-casing-color: #ff4444; }

/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Error messages and other special rules */
        /* have housenumber, miss street */
node[addr:housenumber][!addr:street][!addr:place]::halo,
area[addr:housenumber][!addr:street][!addr:place]
{
        isinassociatedstreetrelation: eval(cond(parent_tag(type)="associatedStreet",true,false));
}
area[addr:housenumber][!addr:street][!addr:place][prop(isinassociatedstreetrelation)=false][setting("support_associatedstreet")],
area[addr:housenumber][!addr:street][!addr:place][!setting("support_associatedstreet")]
{ 
        text: eval(cond(has_tag_key(name), concat(tag("addr:housenumber"), " ", tr("street?"), " | ", tag("name")), concat(tag("addr:housenumber"), " ", tr("street?"))));
        text-halo-color: red;
        text-halo-radius: 2;
        text-halo-opacity: 0.8;
        width: 3;
        fill-color: red;
        fill-opacity:0.7;
        text-color: black;
        font-size: 10;
        casing-width: 1;
        casing-color: yellow;
        z-index: 1;
}
node[addr:housenumber][!addr:street][!addr:place][prop(isinassociatedstreetrelation)=false][setting("support_associatedstreet")]::halo,
node[addr:housenumber][!addr:street][!addr:place][!setting("support_associatedstreet")]::halo
{ 
        text: eval(concat(tag("addr:housenumber"), " ", tr("street?")));
        font-size: 12;
        text-color: black;
        text-halo-color: red;
        text-halo-radius: 2;
        text-halo-opacity: 0.8;
        text-anchor-vertical: center;
        symbol-shape: triangle;
        symbol-fill-opacity:0.7;
        symbol-fill-color: red;
        symbol-size: 30;
        symbol-stroke-color: yellow;
        z-index: -1;    
}

        /* have street, miss housenumber */
area|z18-[addr:street][!addr:housenumber][!highway][!addr:interpolation][!setting("display_missing_number_message")],
area|z18-[addr:place][!addr:housenumber][!highway][!addr:interpolation][!setting("display_missing_number_message")]
{
        text: eval(cond(has_tag_key(name), concat("? | ", tag("name")), "?"));
        text-position: center;
        text-color: black;
        font-size: 12;
}
area|z-18[addr:street][!addr:housenumber][!highway][!addr:interpolation][!setting("display_missing_number_message")],
area|z-18[addr:place][!addr:housenumber][!highway][!addr:interpolation][!setting("display_missing_number_message")]
{
        font-size: 11;
}
node|z18-["addr:street"][!"addr:housenumber"][!setting("display_missing_number_message")]::halo,
node|z18-["addr:place"][!"addr:housenumber"][!setting("display_missing_number_message")]::halo
{
        text: eval("?");
        text-color: black;
        font-size: 12;
}
area[addr:street][!addr:housenumber][!highway][!addr:interpolation][setting("display_missing_number_message")],
area[addr:place][!addr:housenumber][!highway][!addr:interpolation][setting("display_missing_number_message")]
{
        width: 3;
        text-halo-radius: 2;
        fill-color: red;
        fill-opacity:0.7;
        text: eval(cond(has_tag_key(name), concat(tr("number?"), " | ", tag("name")), tr("number?")));
        text-position: center;
        text-color: black;
        font-size: 12;
        casing-width: 1;
        casing-color: yellow;   
}
area|z-18[addr:street][!addr:housenumber][!highway][!addr:interpolation][setting("display_missing_number_message")],
area|z-18[addr:place][!addr:housenumber][!highway][!addr:interpolation][setting("display_missing_number_message")]
{
        font-size: 11;
}
node["addr:street"][!"addr:housenumber"][setting("display_missing_number_message")]::halo,
node["addr:place"][!"addr:housenumber"][setting("display_missing_number_message")]::halo
{
        text: tr("number?");
        text-color: black;
        font-size: 12;
        symbol-shape: triangle;
        symbol-fill-opacity:0.7;
        symbol-fill-color: red;
        symbol-size: 30;
        symbol-stroke-color: yellow;
        z-index: -1;    
}

        /* street with addr:*=* */
way["highway"][highway!=services][highway!=rest_area]["addr:country"],
way["highway"][highway!=services][highway!=rest_area]["addr:postcode"][!setting("allow_postcode")],
way["highway"][highway!=services][highway!=rest_area]["addr:city"],
way["highway"][highway!=services][highway!=rest_area]["addr:street"],
way["highway"][highway!=services][highway!=rest_area]["addr:place"],
way["highway"][highway!=services][highway!=rest_area]["addr:housenumber"]
{
        text: tr("no address!");
        color: red;
        width: 4;
        dashes: 28,2;
        dashes-background-color: yellow;
        object-z-index:-1.0;
        text-halo-color: red;
        text-halo-radius: 2;
        casing-width: 0.7;
        casing-color: yellow;
}

        /* addr:*=* together with addr:interpolation=* */
way["addr:interpolation"]["addr:country"],
way["addr:interpolation"]["addr:postcode"],
way["addr:interpolation"]["addr:city"],
way["addr:interpolation"]["addr:street"],
way["addr:interpolation"]["addr:place"],
way["addr:interpolation"]["addr:housenumber"]
{
        text: tr("addr:interpolation shouldn't have other addr:*=* tags!");
        color: red;
        width: 4;
        dashes: 28,2;
        dashes-background-color: yellow;
        object-z-index:-1.0;
        text-halo-color: red;
        text-halo-radius: 2;
        text-color: black;
        font-size: 12;
        casing-width: 0.7;
        casing-color: yellow;
}

        /* names of nodes */
node["addr:housenumber"]
{
        font-size: 10;
        text-color: white;
        text-anchor-vertical: center;
        text-offset-y: -10;
        text-offset-x: 8;
}

node|z22-["addr:housenumber"]
{
        font-size: 11;
}
        /* hide housenumbers of default layer */
node["addr:housenumber"][!name]
{
        font-size: 0;
} 

        /* names for adress nodes without number */
node[!"addr:housenumber"][name][addr:street],
node[!"addr:housenumber"][name][addr:place]
{
        font-size: 10;
        text-color: white;
        text-anchor-vertical: center;
        text-offset-y: -10;
        text-offset-x: 8;
} 

        /* text style of areas with number */
way:closed["addr:housenumber"],
relation[type=multipolygon]["addr:housenumber"],
relation[type="associatedStreet"] > area["addr:housenumber"][setting("support_associatedstreet")]
{
        text-color: black;
        font-size: 12;
        text-position: center;
}
way|z-18:closed["addr:housenumber"],
relation|z-18[type=multipolygon]["addr:housenumber"],
relation[type="associatedStreet"] > area|z-18["addr:housenumber"][setting("support_associatedstreet")]
{
        font-size: 11;
}

        /* text style of highways and false addr */
way[highway][highway!="platform"][highway!="emergency_access_point"]
{
        text-color: black;
        font-size: 12;
}
        
        /* higway=residential and highway=living_street without name (but no roundabouts) */
way[highway=residential][!name][noname!=yes][unnamed!=yes][name:absent!=yes][validate:no_name!=yes][junction!=roundabout],
way[highway=living_street][!name][noname!=yes][unnamed!=yes][name:absent!=yes][validate:no_name!=yes][junction!=roundabout]
{
        color: red;
        width: 4;
        font-size: 12;
        text-color: black;
        text-position: line;
        text: tr("name?");
        text-offset: 0;
        text-halo-color: red;
        text-halo-radius: 2;
        dashes: 28,2;
        dashes-background-color: yellow;
        casing-width: 0.7;
        casing-color: yellow;
}

Styles_Coloured_Streets-style.mapcss, Styles_Coloured_Streets.zip

Attachments (6)

style_settings.gif (194.4 KB ) - added by Klumbumbus 10 years ago. Style settings (NOZIP)
exampleColouredStreets.png (299.5 KB ) - added by Klumbumbus 10 years ago. Example Coloured Streets (NOZIP)
exampleColouredStreetsLowZoom.png (182.7 KB ) - added by Klumbumbus 10 years ago. exampleColouredStreetsLowZoom (NOZIP)
JOSM_internal_compared_to_Coloured_Streets.gif (82.9 KB ) - added by Klumbumbus 10 years ago. JOSM internal compared to Coloured Streets (NOZIP)
ColouredStreetsIcon.svg (549 bytes ) - added by Klumbumbus 4 years ago. Icon
Testcenter.osm (687.0 KB ) - added by Klumbumbus 4 years ago. Testcenter (NOZIP)

Download all attachments as: .zip

Note: See TracWiki for help on using the wiki.

Download in other formats:

Plain Text