Style for easy editing mtb:scale. See ​mtb:scale on OSM-wiki for details. As background Opencyclemap is recommended.

Style definition is similar to ​http://www.openandromaps.org

meta 
{
    title: "MTB";
    description: "visualize mtb:scale of objects";
    version: "0.12_10_2022-11-08";
    author: "Heiko Woehrle";
    link: "https://josm.openstreetmap.de/wiki/Styles/MTB";
}

meta[lang=de]
{
    title: "MTB";
    description: "Darstellung von Mountainbike-relevanten Angaben wie mtb:scale etc. - bitte JOSM-Stil deaktivieren.";
}



/* basic geometry */
canvas
{
    background-color: #606060;
}

node
{
    symbol-shape: circle;
    symbol-fill-color: darkgrey;
    symbol-stroke-color: lightgreen;
}
node|z-15
{
    symbol-size: 1;
}
node|z16
{
    symbol-size: 5;
}
node|z17
{
    symbol-size: 7;
    symbol-stroke-width: 2;
}
node|z18-
{
    symbol-size: 10;
    symbol-stroke-width: 3;
}
node:connection
{
    symbol-fill-color: yellow;    
}



/* highway=* tag styles */
way[highway=~/cycleway|track|path/]
{
        color: #684718;
        width: 3;
}



/* MTB INFOS =* tag styles */
way[mtb:scale<1]
{
        color: #68D618;
        dashes: list(7,7);
        dashes-background-color: #684718;
}
way[mtb:scale=1]
{
        color: #68D618;
}
way[mtb:scale=2]
{
        color: blue;
}
way[mtb:scale=3]
{
        color: red;
}
way[mtb:scale=4]
{
        color: black;
}
way[mtb:scale=5]
{
        color: red;
        dashes: list(7,7);
        dashes-background-color: black;
}
way[mtb:scale=6]
{
        color: magenta;
        dashes: list(7,7);
        dashes-background-color: black;
}



way|z15-[mtb:scale:uphill=1]
{
        casing-color: black;
        casing-width: 5;
        casing-dashes: 1.4,15;
}
way|z15-[mtb:scale:uphill=2]
{
        casing-color: black;
        casing-width: 5;
        casing-dashes: 1.4,3,1.4,15;
}
way|z15-[mtb:scale:uphill=3]
{
        casing-color: black;
        casing-width: 6;
        casing-dashes: 1.4,3,1.4,3,1.4,17;
}
way|z15-[mtb:scale:uphill=4]
{
        casing-color: black;
        casing-width: 5;
        casing-dashes: 1.4,3,1.4,3,1.4,3,1.4,18;
}
way|z15-[mtb:scale:uphill=5]
{
        casing-color: black;
        casing-width: 5;
        casing-dashes: 1.4,3,1.4,3,1.4,3,1.4,3,1.4,20;
}



/* Display of minor roads that are usally useable by bike */

way[highway=~/unclassified|residential|tertiary|service/]
{
        color: white;
        opacity: 0.5;
        casing-color: #684718;
        casing-width: 2;
}
  way|z-14[highway=~/unclassified|residential|tertiary|service/]
    {
        width: 4;
    }
  way|z15-16[highway=~/unclassified|residential|tertiary|service/]
    {
        width: 6;
    }
  way|z17-[highway=~/unclassified|residential|tertiary|service/]
    {
        width: 10;
    }


/* Display of regional and big roads */

way[highway=~/motorway|trunk|primary|secondary/]
{
        color: #E6DEBE;
        opacity: 0.5;
        casing-color: #684718;
        casing-width: 2;
}
  way|z-14[highway=~/motorway|trunk|primary|secondary/]
    {
        width: 6;
    }
  way|z15-16[highway=~/motorway|trunk|primary|secondary/]
    {
        width: 8;
    }
  way|z17-[highway=~/motorway|trunk|primary|secondary/]
    {
        width: 12;
    }




way[waterway]
{
        color: #6CCEE4;
        width: 3;
}

/* add a background glow for ways taking part in a bicycle route relation - similar to what is done in potlatch2.mapcss */
relation[type=route][route=bicycle][network=ncn] > way::relation_underlay { z-index: -200; width: 15; color: red; opacity: 0.08; linecap: none; }
relation[type=route][route=bicycle][network=rcn] > way::relation_underlay { z-index: -200; width: 15; color: cyan; opacity: 0.08; linecap: none; }
relation[type=route][route=bicycle][network=lcn] > way::relation_underlay { z-index: -200; width: 15; color: blue; opacity: 0.08; linecap: none; }

Styles_MTB-style.mapcss, Styles_MTB.zip