default.mapcss

* {
	font-family: "DejaVu";
	/* Supports Latin and Cyrillic characters, no arabic */
	/* Hint: don't forget to install the font on your server */
	//font-family: "Noto Sans";
	/* Supports Asian characters.
	JP says that japanese characters are preferred to other languages,
	can be changed to KR, SC, TC. */
	//font-family: "Noto Sans CJK JP";
	/* For Hindi use this: */
	//font-family: "Noto Sans Devanagari";
	/* Other examples can be found on https://www.google.com/get/noto/help/guidelines/ */
}
canvas {
	fill-color: #fefefe;
	fill-image: ../img/bg_light.png;
}

/* Straßen */

/*          Farben          */
line[highway=motorway],
line[highway=motorway_link],
line[highway=trunk],
line[highway=trunk_link]
{
	z-index: 2;
	color: #556270;
	casing-color: #3b4249;
	shield-color: #556270;
	shield-frame-color: #ffffff;
	shield-casing-color: #3b4249;
	shield-shape: round;
}
area[highway=motorway],
area[highway=motorway_link],
area[highway=trunk],
area[highway=trunk_link]
{
	fill-color: #556270;
	color: #3b4249;
}

line[highway=primary],
line[highway=primary_link]
{
	z-index: 4;
	color: #c44d58;
	casing-color: #8d363e;
}
area[highway=primary],
area[highway=primary_link]
{
	z-index: 4;
	fill-color: #c44d58;
	color: #8d363e;
}

line[highway=secondary],
line[highway=secondary_link]
{
	z-index: 3;
	color: #ff6b6b;
	casing-color: #8e3636;
}
area[highway=secondary],
area[highway=secondary_link]
{
	z-index: 3;
	fill-color: #ff6b6b;
	color: #8e3636;
}

line[highway=tertiary],
line[highway=tertiary_link]
{
	z-index: 1;
	color: #ffa36b;
	casing-color: #805746;
}
area[highway=tertiary],
area[highway=tertiary_link]
{
	z-index: 1;
	fill-color: #ffa36b;
	color: #805746;
}

line[highway=service],
line[highway=residential]
{
	z-index: 1;
	color: #eff0f1;
	casing-color: #99a0a7;
}
area[highway=service],
area[highway=residential]
{
	z-index: 1;
	fill-color: #eff0f1;
	color: #99a0a7;
}

line[highway=living_street]
{
	color: #99a0a7;
	casing-color: #575e65;
}
area[highway=living_street]
{
	fill-color: #99a0a7;
	color: #575e65;
}

line[highway=pedestrian]
{
	color: #e9bbbb;
	casing-color: #c44d58;
}
area[highway=pedestrian]
{
	fill-color: #e9bbbb;
	color: #c44d58;
}

way[highway=construction] {color: #d38d5f;}
way[highway=footway] { color: #AAAACC; dashes: 2,3; casing-color: rgba(1.0, 1.0, 1.0, 0.5);}
way[highway=cycleway] { color: #CCAAAA; dashes: 2,3; casing-color: rgba(1.0, 1.0, 1.0, 0.5);}
way[highway=bridleway] { color: #AACCAA; dashes: 2,3; casing-color: rgba(1.0, 1.0, 1.0, 0.5);}
way[highway=path], way[highway=track] { color: #d38d5f; dashes: 2,3; casing-color: rgba(1.0, 1.0, 1.0, 0.5);}
way[highway=steps] {color: #333333; dashes: 1,2; casing-color: rgba(1.0, 1.0, 1.0, 0.5);}
way[highway=unclassified] { color: #CCCCCC; dashes: 2,3; casing-color: rgba(1.0, 1.0, 1.0, 0.5);}
way[highway=road] { color: #ff0000; }

/* Bridges */
line|z12-[bridge=yes] { casing-color: #000000; z-index: 5;}

/* lighter colors to indicate height */
line[highway=motorway][bridge=yes], line[highway=motorway_link][bridge=yes],
line[highway=trunk][bridge=yes], line[highway=trunk_link][bridge=yes]
{ color: #617080; }
line[highway=primary][bridge=yes],   line[highway=primary_link][bridge=yes]   { color: #CC666F; }
line[highway=secondary][bridge=yes], line[highway=secondary_link][bridge=yes] { color: #FF9494; }
line[highway=tertiary][bridge=yes],  line[highway=tertiary_link][bridge=yes]  { color: #FFB385; }
line[highway=service][bridge=yes],   line[highway=residential][bridge=yes]    { color: #FCFCFD; }
line[highway=living_street][bridge=yes] { color: #B8BDC2; }
line[highway=pedestrian][bridge=yes]    { color: #F4DCDC; }

line[highway=footway][bridge=yes] { color: rgba(1.0, 1.0, 1.0, 1.0); casing-color: #AAAACC; dashes: 0;}
line[highway=cycleway][bridge=yes] { color: rgba(1.0, 1.0, 1.0, 1.0); casing-color: #CCAAAA; dashes: 0;}
line[highway=path][bridge=yes], way[highway=track][bridge=yes] { casing-color: #d38d5f; dashes: 0; color: rgba(1.0, 1.0, 1.0, 1.0);}

/* Tunnels */
line|z12-[tunnel=yes] { casing-color: rgba(1.0, 1.0, 1.0, 0.5)}


/*          Größe           */
line|z16- [highway] { linecap: "round"; casing-linecap: "round"; }
line|z16- [highway][bridge=yes] { linecap: "square"; casing-linecap: "none"; }
line|z16- [highway][tunnel=yes] { linecap: "none"; casing-linecap: "none"; }

way|z14- [highway=track],
way|z14- [highway=path],
way|z14- [highway=proposed],
way|z14- [highway=footway],
way|z14- [highway=cycleway],
line|z14- [highway=pedestrian],
way|z14- [highway=unclassified]
{
	width: 1.0;
	casing-width: 0.1;
}

/*
    =====   Zoom 7-9   ====
*/
line|z7-9 [highway=motorway],
line|z7-9 [highway=trunk],
line|z7-9 [highway=primary]
{
	width: 1.0;
}

/*
    =====   Zoom 10   ====
*/
line|z10 [highway=motorway],
line|z10 [highway=trunk],
line|z10 [highway=primary],
line|z10 [highway=motorway_link],
line|z10 [highway=trunk_link],
line|z10 [highway=primary_link]
{
	width: 2.0;
}
line|z10 [highway=tertiary],
line|z10 [highway=tertiary_link],
line|z10 [highway=secondary],
line|z10 [highway=secondary_link]
{
	width: 1.0;
}

/*
    =====   Zoom 11   ====
*/
line|z11 [highway=motorway],
line|z11 [highway=trunk],
line|z11 [highway=primary]
{
	width: 2.0;
	casing-width: 1.0;
}
line|z11 [highway=motorway_link],
line|z11 [highway=trunk_link],
line|z11 [highway=primary_link]
{
	width: 1.0;
	casing-width: 0.5;
}

line|z11 [highway=tertiary],
line|z11 [highway=tertiary_link],
line|z11 [highway=secondary],
line|z11 [highway=secondary_link]
{
	width: 1.0;
	casing-width: 0.5;
}

/*
    =====   Zoom 12   ====
*/
line|z12 [highway=motorway],
line|z12 [highway=trunk],
line|z12 [highway=primary]
{
	width: 2.0;
	casing-width: 1.0;
}
line|z12 [highway=motorway_link],
line|z12 [highway=trunk_link],
line|z12 [highway=primary_link]
{
	width: 1.0;
	casing-width: 0.5;
}

line|z12 [highway=tertiary],
line|z12 [highway=tertiary_link],
line|z12 [highway=secondary],
line|z12 [highway=secondary_link]
{
	width: 1.0;
	casing-width: 0.5;
}
line|z12 [highway=service],
line|z12 [highway=residential],
line|z12 [highway=living_street]
{
	width: 0.2;
	casing-width: 0.1;
}
line|z12-13[tunnel=yes] { dashes: 3,3; }

/*
    =====   Zoom 13   ====
*/
line|z13 [highway=motorway],
line|z13 [highway=trunk],
line|z13 [highway=primary]
{
	width: 5;
	casing-width: 1.0;
}
line|z13 [highway=motorway_link],
line|z13 [highway=trunk_link],
line|z13 [highway=primary_link]
{
	width: 2;
	casing-width: 1.0;
}

line|z13 [highway=tertiary],
line|z13 [highway=tertiary_link],
line|z13 [highway=secondary],
line|z13 [highway=secondary_link]
{
	width: 2;
	casing-width: 1.0;
}
line|z13 [highway=service],
line|z13 [highway=residential],
line|z13 [highway=living_street]
{
	width: 0.5;
	casing-width: 0.25;
}

line|z7-14 [highway=trunk],
line|z7-14 [highway=motorway]
{
	shield-frame-width: 1.0;
	shield-casing-width: 1.0;
	shield-text: ref;
	font-size:10;
	text-color: #ffffff;
}

/*
    =====   Zoom 14   ====
*/
line|z14 [highway=motorway],
line|z14 [highway=trunk],
line|z14 [highway=primary]
{
	width: 5;
	casing-width: 1.0;
}
line|z14 [highway=motorway_link],
line|z14 [highway=trunk_link],
line|z14 [highway=primary_link]
{
	width: 3;
	casing-width: 1.0;
}

line|z14 [highway=tertiary],
line|z14 [highway=tertiary_link],
line|z14 [highway=secondary],
line|z14 [highway=secondary_link]
{
	width: 3;
	casing-width: 1.0;
}
line|z14 [highway=service],
line|z14 [highway=residential],
line|z14 [highway=living_street]
{
	width: 2;
	casing-width: 0.5;
}
line|z14[tunnel=yes] { dashes: 5,5; }

/*
    =====   Zoom 15   ====
*/
line|z15 [highway=motorway],
line|z15 [highway=motorway_link],
line|z15 [highway=trunk],
line|z15 [highway=trunk_link]
{
	width: 6;
	casing-width: 1.0;
}
line|z15 [highway=primary],
line|z15 [highway=primary_link]
{
	width: 5;
	casing-width: 1.0;
}
line|z15 [highway=tertiary],
line|z15 [highway=tertiary_link],
line|z15 [highway=secondary],
line|z15 [highway=secondary_link]
{
	width: 4;
	casing-width: 1.0;
}
line|z15 [highway=residential],
line|z15 [highway=living_street]
{
	width: 5;
	casing-width: 1.0;
}
line|z15 [highway=service]
{
	width: 3;
	casing-width: 1.0;
}
line|z15-[tunnel=yes] { dashes: 10,10; }

/*
    =====   Zoom 16-   ====
*/
line|z16- [highway]
{
	text: name;
	font-size: 8;
	text-color: #000000;
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 1.0;
	text-position: line;
}

line|z16 [highway=motorway],
line|z16 [highway=motorway_link],
line|z16 [highway=trunk],
line|z16 [highway=trunk_link]
{
	width: 10;
	casing-width: 1.0;
}
line|z16 [highway=primary],
line|z16 [highway=primary_link]
{
	width: 8;
	casing-width: 1.0;
}
line|z16 [highway=tertiary],
line|z16 [highway=tertiary_link],
line|z16 [highway=secondary],
line|z16 [highway=secondary_link]
{
	width: 6;
	casing-width: 1.0;
}
line|z16 [highway=residential],
line|z16 [highway=living_street]
{
	width: 5;
	casing-width: 1.0;
}
line|z16 [highway=service]
{
	width: 4;
	casing-width: 1.0;
}
way|z14-16 [highway=footway],
way|z14-16 [highway=cycleway],
line|z14-16 [highway=pedestrian],
way|z14-16 [highway=unclassified]
{
	width: 1;
}

/*
    =====   Zoom 17-   ====
*/
line|z17- [highway=motorway]
{
	font-size: 12;
	width: 14;
	casing-width: 2.0;
}
line|z17- [highway=motorway_link],
line|z17- [highway=trunk]
{
	font-size: 8;
	width: 12;
	casing-width: 2.0;
}
line|z17- [highway=trunk_link],
line|z17- [highway=primary]
{
	font-size: 12;
	width: 10;
	casing-width: 2.0;
}
line|z17- [highway=primary_link]
{
	font-size: 8;
	width: 8;
	casing-width: 2.0;
}
line|z17- [highway=tertiary],
line|z17- [highway=tertiary_link],
line|z17- [highway=secondary],
line|z17- [highway=secondary_link]
{
	width: 8;
	casing-width: 2.0;
}
line|z17- [highway=service],
line|z17- [highway=residential],
line|z17- [highway=living_street]
{
	width: 10;
	casing-width: 1.0;
}
line|z17- [highway=service]
{
	width: 5;
	casing-width: 1.0;
}
way|z17- [highway=footway],
way|z17- [highway=cycleway],
line|z17- [highway=pedestrian],
way|z17- [highway=unclassified]
{
	width: 2;
}

/*
    =====   Zoom 18   ====
*/
line|z18 [highway=primary],
line|z18 [highway=primary_link]
{
	width: 15;
	casing-width: 2.0;
}
line|z18 [highway=tertiary],
line|z18 [highway=tertiary_link],
line|z18 [highway=secondary],
line|z18 [highway=secondary_link]
{
	width: 10;
	casing-width: 2.0;
}

/* Bahn */
line|z7-16 [railway=rail] {
    casing-linecap: "none";
    casing-color: #99a0a7;
    color: #555555;
    width: 0.5;
	dashes: 4,4;
    casing-width: 0.1;
}
line|z12-16 [railway=rail] {
    width: 1.0;
	dashes: 4,4;
    casing-width: 0.5;
}
line|z16- [railway=rail] {
    color: #99a0a7;
    casing-color: #555555;
    width: 1;
	dashes: 0;
    casing-width: 4;
    casing-linecap: "none";
    casing-dashes: 1,3;
}
line|z17 [railway=rail] { width: 2; casing-width: 5; }
line|z18 [railway=rail] { width: 3; casing-width: 8; }

/* Pubs und Bars */
node|z18 [amenity=pub] { icon-image: ../icons/maki/pub-24.png; }
node|z17 [amenity=pub] { icon-image: ../icons/maki/pub-18.png; }
node|z16 [amenity=pub] { icon-image: ../icons/maki/pub-12.png; }
node|z18 [amenity=bar] { icon-image: ../icons/maki/bar-24.png; }
node|z17 [amenity=bar] { icon-image: ../icons/maki/bar-18.png; }
node|z16 [amenity=bar] { icon-image: ../icons/maki/bar-12.png; }
node|z18 [amenity=cafe] { icon-image: ../icons/maki/cafe-24.png; }
node|z17 [amenity=cafe] { icon-image: ../icons/maki/cafe-18.png; }
node|z16 [amenity=cafe] { icon-image: ../icons/maki/cafe-12.png; }
node|z18 [amenity=fast_food] { icon-image: ../icons/maki/fast-food-24.png; }
node|z17 [amenity=fast_food] { icon-image: ../icons/maki/fast-food-18.png; }
node|z16 [amenity=fast_food] { icon-image: ../icons/maki/fast-food-12.png; }

/* Öffentliche Gebäude */
node|z18 [amenity=place_of_worship] { icon-image: ../icons/maki/place-of-worship-24.png; }
node|z17 [amenity=place_of_worship] { icon-image: ../icons/maki/place-of-worship-18.png; }
node|z16 [amenity=place_of_worship] { icon-image: ../icons/maki/place-of-worship-12.png; }
node|z18 [amenity=university] { icon-image: ../icons/maki/college-24.png; }
node|z17 [amenity=university] { icon-image: ../icons/maki/college-18.png; }
node|z16 [amenity=university] { icon-image: ../icons/maki/college-12.png; }
node|z18 [amenity=library] { icon-image: ../icons/maki/library-24.png; }
node|z17 [amenity=library] { icon-image: ../icons/maki/library-18.png; }
node|z16 [amenity=library] { icon-image: ../icons/maki/library-12.png; }
node|z18 [shop=supermarket] { icon-image: ../icons/maki/grocery-24.png; }
node|z17 [shop=supermarket] { icon-image: ../icons/maki/grocery-18.png; }
node|z16 [shop=supermarket] { icon-image: ../icons/maki/grocery-12.png; }

/* Gebäude */
area [landuse=industrial]
{
    fill-color: #DDDDDD;
}

area|z11- [building],
relation|z11- [building]
{
    z-index: 3;
    fill-color: #99a0a7;
    color: #575e65;
    width: 0.0;
}
relation|z11- [building] way
{
    z-index: 3;
    color: #575e65;
    width: 0.0;
}

area|z15 [building],
relation|z15 [building] way {
    width: 0.5;
}
relation|z15- [building] way
{
    width: 0.5;
}

area|z16- [building],
relation|z16- [building] way {
    width: 1.0;
}
relation|z16- [building] way
{
    width: 1.0;
}

area|z16- [building][amenity=university],
relation|z16- [building][amenity=university]
{
	text: name;
	font-size: 8;
	text-color: rgba(0.0, 0.0, 0.0, 1.0);
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 2.0;
	text-position: center;
}

/* Natur */

area|z12- [landuse=allotments] { fill-color: rgba(0.521, 0.776, 0.22, 0.5); }
area|z12- [landuse=farmland] { fill-color: rgba(0.851, 0.784, 0.302, 0.5); }

area|z12- [landuse=cemetery]
{
	fill-color: rgba(0.0, 0.0, 0.0, 0.1);
	color: rgba(0.0, 0.0, 0.0, 0.5);
	width: 1;
	dashes: 4, 2;
	casing-color: rgba(1.0, 1.0, 1.0, 0.2);
	casing-width: 2;
}

area|z8- [leisure=nature_reserve] { fill-color: rgba(0.78, 0.96, 0.39, 0.5); }
area|z14- [leisure=nature_reserve]
{
	color: rgba(0.521, 0.776, 0.22, 0.8);
	width: 1;
	dashes: 4, 2;
	casing-color: rgba(1.0, 1.0, 1.0, 0.2);
	casing-width: 2;
	text: name;
	font-size: 8;
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 2.0;
	text-color: rgba(0.0, 0.0, 0.0, 1.0);
	text-position: center;
}

way|z8-[landuse=forest]
{
	fill-color: #85c638;
}

node|z14-[natural=tree]
{
	color: #85c638;
	width: 3.0;
}

way|z10-[landuse=grass],
way|z10-[leisure=park]
{
	fill-color: #c7f464;
}
way|z10-[leisure=pitch]
{
	fill-color: #c7f464;
	color: #85c638;
	width: 1.0;
	dashes: 2,2;
}

way [natural=water],
way [waterway=riverbank],
relation [waterway=riverbank],
way|z14-[amenity=fountain]
{
	z-index: 1;
	fill-color: #4ecdc4;
}

/* Stadtnamen */
node|z6-14 [place=city]
{
	text: name;
	font-size: eval("tag('population')/'100000.0' * '2.0' + '18.0'");
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 2.0;
	text-color: rgba(0.0, 0.0, 0.0, 1.0);
	text-position: center;
}
node|z8-14 [place=town]
{
	text: name;
	font-size: eval("tag('population')/'100000.0' * '6.0' + '12.0'");
	text-color: rgba(0.0, 0.0, 0.0, 1.0);
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 2.0;
	text-position: center;
}
node|z10-14 [place=village]
{
	text: name;
	font-size: eval("tag('population')/'10000.0' * '4.0' + '8.0'");
	text-color: rgba(0.0, 0.0, 0.0, 1.0);
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 2.0;
	text-position: center;
}

/* Grenzen */
relation|z-7[admin_level] way
{
	z-index: 10;
}
relation|z7-13[admin_level] way
{
	dashes: 8,2,2,2;
	casing-color: rgba(1.0, 1.0, 1.0, 0.4);
	z-index: 10;
}
relation|z7-13[admin_level=9] way,
relation|z7-13[admin_level=10] way
{
	color: #ffa36b;
	width: 2.0;
	casing-width: 1.0;
}
relation|z7-13[admin_level=8] way
{
	color: #ff6b6b;
	width: 3.0;
	casing-width: 1.0;
}
relation|z4-13[admin_level=4] way
{
	color: #c44d58;
	width: 4.0;
	casing-width: 2.0;
}
relation|z7-13[admin_level=2] way
{
	color: #556270;
	width: 6.0;
	casing-width: 2.0;
}

/* S-Bahn-Linien */
/* Bahn */
line|z12- [railway=tram] {
	color: #556270;
	width: 2.0;
	z-index: 4;
}
node|z15- [public_transport=stop_position] {
	text: name;
	font-size: 8;
	text-color: rgba(0.0, 0.0, 0.0, 1.0);
	text-halo-color: rgba(1.0, 1.0, 1.0, 0.6);
	text-halo-radius: 2.0;
	text-position: center;
	color: #556270;
	width: 5.0;
}