meta 
{
        title: "Coloured Suburb";
        version: "0.18_2024-11-27"; 
        description: "Coloring of buildings with addr:suburb depending on the first letter of the suburb";
        author: "geozeisig";
        link: "http://josm.openstreetmap.de/wiki/Styles/Coloured_Streets";
        watch-modified: true;
}


/* highlight buildings */
area["addr:suburb"^="A"], 
relation[type=multipolygon]["addr:suburb"^="A"]
{ 
        fill-color: #00FFFF; 
        color: #00FFFF;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="A"]::halo 
{
        color: #00FFFF; 
        symbol-fill-color: #00FFFF; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}

area["addr:suburb"^="B"], 
relation[type=multipolygon]["addr:suburb"^="B"]
{ 
        fill-color: #7fffd4; 
        color: #7fffd4;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="B"]::halo 
{
        color: #7fffd4; 
        symbol-fill-color: #7fffd4; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="C"], 
relation[type=multipolygon]["addr:suburb"^="C"]
{ 
        fill-color: #8a2be2; 
        color: #8a2be2;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="C"]::halo 
{
        color: #8a2be2; 
        symbol-fill-color: #8a2be2; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="D"], 
relation[type=multipolygon]["addr:suburb"^="D"]
{ 
        fill-color: #a52a2a; 
        color: #a52a2a;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="D"]::halo 
{
        color: #a52a2a; 
        symbol-fill-color: #a52a2a; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="E"], 
relation[type=multipolygon]["addr:suburb"^="E"]
{ 
        fill-color: #e9967a; 
        color: #e9967a;
        width: 3; 
        fill-opacity:0.2;
}
        
node["addr:suburb"^="E"]::halo 
{
        color: #e9967a; 
        symbol-fill-color: #e9967a; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="F"], 
relation[type=multipolygon]["addr:suburb"^="F"]
{ 
        fill-color: #8fbc8f; 
        color: #8fbc8f;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="F"]::halo 
{
        color: #8fbc8f; 
        symbol-fill-color: #8fbc8f; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="G"], 
relation[type=multipolygon]["addr:suburb"^="G"]
{ 
        fill-color: #2f4f4f; 
        color: #2f4f4f;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="G"]::halo 
{
        color: #2f4f4f; 
        symbol-fill-color: #2f4f4f; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="H"], 
relation[type=multipolygon]["addr:suburb"^="H"]
{ 
        fill-color: #ff1493; 
        color: #ff1493;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="H"]::halo 
{
        color: #ff1493; 
        symbol-fill-color: #ff1493; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="I"], 
relation[type=multipolygon]["addr:suburb"^="I"]
{ 
        fill-color: #1e90ff; 
        color: #1e90ff;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="I"]::halo 
{
        color: #1e90ff; 
        symbol-fill-color: #1e90ff; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="J"], 
relation[type=multipolygon]["addr:suburb"^="J"]
{ 
        fill-color: #228b22; 
        color: #228b22;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="J"]::halo 
{
        color: #228b22; 
        symbol-fill-color: #228b22; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="K"], 
relation[type=multipolygon]["addr:suburb"^="K"]
{ 
        fill-color: #ffd700; 
        color: #ffd700;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="K"]::halo 
{
        color: #ffd700; 
        symbol-fill-color: #ffd700; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="L"], 
relation[type=multipolygon]["addr:suburb"^="L"]
{ 
        fill-color: #daa520; 
        color: #daa520;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="L"]::halo 
{
        color: #daa520; 
        symbol-fill-color: #daa520; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="M"], 
relation[type=multipolygon]["addr:suburb"^="M"]
{ 
        fill-color: #adff2f; 
        color: #adff2f;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="M"]::halo 
{
        color: #adff2f; 
        symbol-fill-color: #adff2f; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="N"], 
relation[type=multipolygon]["addr:suburb"^="N"]
{ 
        fill-color: #ff69b4; 
        color: #ff69b4;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="N"]::halo 
{
        color: #ff69b4; 
        symbol-fill-color: #ff69b4; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="O"], 
relation[type=multipolygon]["addr:suburb"^="O"]
{ 
        fill-color: #cd5c5c; 
        color: #cd5c5c;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="O"]::halo 
{
        color: #cd5c5c; 
        symbol-fill-color: #cd5c5c; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="P"], 
relation[type=multipolygon]["addr:suburb"^="P"]
{ 
        fill-color: #4b0082; 
        color: #4b0082;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="P"]::halo 
{
        color: #4b0082; 
        symbol-fill-color: #4b0082; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="Q"], 
relation[type=multipolygon]["addr:suburb"^="Q"]
{ 
        fill-color: #f08080; 
        color: #f08080;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="Q"]::halo 
{
        color: #f08080; 
        symbol-fill-color: #f08080; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="R"], 
relation[type=multipolygon]["addr:suburb"^="R"]
{ 
        fill-color: #ffa07a; 
        color: #ffa07a;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="R"]::halo 
{
        color: #ffa07a; 
        symbol-fill-color: #ffa07a; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="S"], 
relation[type=multipolygon]["addr:suburb"^="S"]
{ 
        fill-color: #32cd32; 
        color: #32cd32;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="S"]::halo 
{
        color: #32cd32; 
        symbol-fill-color: #32cd32; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="T"], 
relation[type=multipolygon]["addr:suburb"^="T"]
{ 
        fill-color: #ba55d3; 
        color: #ba55d3;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="T"]::halo 
{
        color: #ba55d3; 
        symbol-fill-color: #ba55d3; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="U"], 
relation[type=multipolygon]["addr:suburb"^="U"]
{ 
        fill-color: #9370db; 
        color: #9370db;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="U"]::halo 
{
        color: #9370db; 
        symbol-fill-color: #9370db; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="V"], 
relation[type=multipolygon]["addr:suburb"^="V"]
{ 
        fill-color: #3cb371; 
        color: #3cb371;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="V"]::halo 
{
        color: #3cb371; 
        symbol-fill-color: #3cb371; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="W"], 
relation[type=multipolygon]["addr:suburb"^="W"]
{ 
        fill-color: #808000; 
        color: #808000;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="W"]::halo 
{
        color: #808000; 
        symbol-fill-color: #808000; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}

area["addr:suburb"^="X"], 
relation[type=multipolygon]["addr:suburb"^="X"]
{ 
        fill-color: #7cfc00 ; 
        color: #7cfc00 ;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="X"]::halo 
{
        color: #7cfc00 ; 
        symbol-fill-color: #7cfc00 ; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="Y"], 
relation[type=multipolygon]["addr:suburb"^="Y"]
{ 
        fill-color: #6b8e23; 
        color: #6b8e23;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="Y"]::halo 
{
        color: #6b8e23; 
        symbol-fill-color: #6b8e23; 
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}
        
area["addr:suburb"^="Z"], 
relation[type=multipolygon]["addr:suburb"^="Z"]
{ 
        fill-color: #ff4500; 
        color: #ff4500;
        width: 3; 
        fill-opacity:0.2;
}
node["addr:suburb"^="Z"]::halo 
{
        color: #ff4500;
        symbol-fill-color: #ff4500;
        symbol-shape: circle; 
        symbol-size: 20; 
        z-index: -1;
}

/* have housenumber, miss suburb */
area[building][addr:housenumber][!addr:suburb] { 
        width: 2; 
        fill-color: #FF0000;  
        fill-opacity:0.6; 
        text-color: #000000; 
        font-size: 10;
        casing-width: 1; 
        casing-color: #FFFF00;
        }
node[addr:housenumber][!addr:suburb]::halo { 
        text: eval("suburb?");
        symbol-shape: triangle;
        symbol-fill-opacity:0.7;
        symbol-fill-color: #FF0000;
        symbol-size: 30;
        symbol-stroke-color: #FFFF00;
        z-index: -1;
        }

/* have suburb, miss housenumber */
area[building][addr:suburb][!addr:housenumber] { 
        width: 2; 
        fill-color: #FF0000;  
        fill-opacity:0.9; 
        text-color: #000000; 
        font-size: 10;
        casing-width: 1; 
        casing-color: #FFFF00;
        }
node[addr:suburb][!addr:housenumber]::halo { 
        symbol-shape: triangle;
        symbol-fill-opacity:0.7;
        symbol-fill-color: #FF0000;
        symbol-size: 30;
        symbol-stroke-color: #FFFF00;
        z-index: -1;
        }
        
/* all marked  housenumber in black color */
node["addr:postcode"] {
        font-size: 10;
        text-color: black;
        } 
area[building]["addr:postcode"] {
        text-color: black; 
        font-size: 10;
        }

/* highlight boundary */
relation[type=boundary][boundary=administrative] {width: 5; color: red; dashes: 10; }

Styles_Coloured_Suburb-style.mapcss, Styles_Coloured_Suburb.zip