This repository has been archived by the owner on Aug 27, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
opencyclemap.css
80 lines (58 loc) · 5.34 KB
/
opencyclemap.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
canvas { fill-color: #FFFFE8; }
/* Simple OCM-like test stylesheet for PDF renderer. Based on Potlatch 2 stylesheet by Andy Allan. */
way[highway=motorway],way[highway=motorway_link] { z-index: 9; color: #bfbfcf; width: 7; casing-color: #506077; casing-width: 2; }
way[highway=trunk],way[highway=trunk_link] { z-index: 9; color: #c8d8c8; width: 7; casing-color: #477147; casing-width: 2; }
way[highway=primary],way[highway=primary_link] { z-index: 8; color: #d8c8c8; width: 7; casing-color: #8d4346; casing-width: 2; }
way[highway=secondary],way[highway=secondary_link] { z-index: 7; color: #eeeec9; width: 7; casing-color: #a37b48; casing-width: 2; }
way[highway=tertiary],way[highway=unclassified] { z-index: 6; color: #eeeec9; width: 5; casing-color: #999999; casing-width: 2; }
way[highway=residential] { z-index: 5; color: white; width: 5; casing-color: #999; casing-width: 2; }
way[highway=service] { z-index: 4; color: white; width: 3; casing-color: #999; casing-width: 2; }
way[highway=steps] { color: #be6c6c; width: 2; dashes: 4, 2; }
way[highway=footway] { color: #be6c6c; width: 2; dashes: 6, 3; }
way[highway=cycleway] { color: blue; width: 1.6; dashes: 5, 4; }
way[highway=bridleway] { z-index:9; color: #996644; width: 2; dashes: 4, 2, 2, 2; }
way[highway=track] { color: #996644; width: 2; dashes: 4, 2; }
way[highway=path] { color: lightgreen; width: 2; dashes: 2, 2; }
way[highway] { text: name; text-color: black; font-size: 10; text-position: line; text-halo-color: white; text-halo-radius: 2; }
way[waterway=river], way[waterway=canal] { color: blue; width: 2; text:name; text-color:blue; font-size:9; text-position: offset; text-offset: 7;}
way[barrier] {color: #000000; width: 1}
/* Fills can be solid colour or bitmap images */
way[building] :area { fill-color: #EEEEFF; }
way[natural] :area { color: #ADD6A5; width: 1; fill-color: #ADD6A5; fill-opacity: 0.2; }
way[amenity],way[shop] :area { color: #ADCEB5; width: 1; fill-color: #ADCEB5; fill-opacity: 0.2; }
way[leisure],way[sport] :area { color: #8CD6B5; width: 1; fill-color: #8CD6B5; fill-opacity: 0.2; }
way[tourism] :area { color: #F7CECE; width: 1; fill-color: #F7CECE; fill-opacity: 0.2; }
way[historic],way[ruins] :area { color: #F7F7DE; width: 1; fill-color: #F7F7DE; fill-opacity: 0.2; }
way[military] :area { color: #D6D6D6; width: 1; fill-color: #D6D6D6; fill-opacity: 0.2; }
way[building] :area { color: #8d8d8d; width: 1; fill-color: #e0e0e0; fill-opacity: 0.2; }
way[natural=water],
way[waterway] :area { color: blue; width: 2; fill-color: blue; fill-opacity: 0.2; }
way[landuse=forest],way[natural=wood] :area { color: green; width: 2; fill-color: green; fill-opacity: 0.2; }
way[leisure=pitch],way[leisure=park] { color: #44ff44; width: 1; fill-color: #44ff44; fill-opacity: 0.2; }
way[amenity=parking] :area { color: gray; width: 1; fill-color: gray; fill-opacity: 0.2; }
way[public_transport=pay_scale_area] :area { color: gray; width: 1; fill-color: gray; fill-opacity: 0.1; }
/* Addressing. Nodes with addresses *and* match POIs should have a poi icon, so we put addressing first */
node[addr:housenumber],
node[addr:housename] { icon-image: circle; icon-width: 4; color: #B0E0E6; casing-color:blue; casing-width: 1; }
way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;}
/* POIs, too, can have bitmap icons - they can even be transparent */
node[amenity=pub] { icon-image: icons/pub.png; text-offset: 15; text: name; font-size: 9; text-halo-color: white; text-halo-radius: 2; }
node[amenity=bicycle_parking] { icon-image: icons/parking_cycle.png; text-offset: 15; text: capacity; text-color: blue }
/* Bridge */
way[bridge=yes]::bridge, way[bridge=viaduct]::bridge, way[bridge=suspension]::bridge { z-index: 3; color: white; width: eval('_width+1'); casing-color: black; casing-width: 2; casing-linecap: round; }
/* Tunnel */
way[tunnel=yes] { z-index: 3; color: white; width: eval('_width+2'); }
/* Descendant selectors provide an easy way to style relations: this example means "any way
which is part of a relation whose type=route". */
relation[type=route][route=bicycle][network=rcn] way::cycle { z-index: 1; linecap: round; width: 12; color: cyan; opacity: 0.3; }
relation[type=route][route=bicycle][network=lcn] way::cycle { z-index: 1; linecap: round; width: 12; color: blue; opacity: 0.3; }
relation[type=route][route=bicycle][network=mtb] way::cycle { z-index: 1; linecap: round; width: 12; color: #48a448; opacity: 0.3; }
relation[type=route][route=bicycle][network=ncn] way::cycle { z-index: 1; linecap: round; width: 12; color: red; opacity: 0.3; }
/* Railways */
way[railway=rail] { z-index: 6; color: black; width: 5; }
way[railway=rail]::dashes { z-index: 7; color: white; width: 3; dashes: 12,12; }
way[railway=platform] { color:black; width: 2; }
way[railway=subway] { z-index: 6; color: #444444; width: 5; }
way[railway=subway]::dashes { z-index: 7; color: white; width: 3; dashes: 8,8; }
way[railway=disused],way[railway=abandoned] { z-index: 6; color: #444400; width: 3; dashes: 17, 2, 5, 0; }
way[railway=disused]::dashes,way[railway=abandoned]::dashes { z-index: 7; color: #999999; width: 2; dashes: 12,12; }