]> git.openstreetmap.org Git - rails.git/blob - public/potlatch2/stylesheets/core_ways.css
Make sure text in Markdown help is aligned correctly
[rails.git] / public / potlatch2 / stylesheets / core_ways.css
1
2 /* Roads */
3
4 way[highway=motorway],way[highway=motorway_link],
5 way[highway=trunk],way[highway=trunk_link],
6 way[highway=primary],way[highway=primary_link],
7 way[highway=secondary],way[highway=secondary_link],
8 way[highway=tertiary],way[highway=tertiary_link],
9 way[highway=residential],way[highway=unclassified]  { text: name; text-color: black; font-size: 10; text-position: line; text-halo-color: white; text-halo-radius: 2; }
10 way[highway=motorway],way[highway=motorway_link]    { z-index: 9; color: #809BC0; width: 7; casing-color: black; casing-width: 1; }
11 way[highway=trunk],way[highway=trunk_link]          { z-index: 9; color: #7FC97F; width: 7; casing-color: black; casing-width: 1; }
12 way[highway=primary],way[highway=primary_link]      { z-index: 8; color: #E46D71; width: 7; casing-color: black; casing-width: 1; }
13 way[highway=secondary],way[highway=secondary_link]  { z-index: 7; color: #FDBF6F; width: 7; casing-width: 1; }
14 way[highway=tertiary]                               { z-index: 6; color: #FEFECB; width: 5; casing-width: 1; }
15 way[highway=unclassified]                           { z-index: 6; color: #D0D0D0; width: 5; casing-width: 1; }
16 way[highway=tertiary_link]                          { z-index: 5; color: #FEFECB; width: 4; casing-width: 1; }
17 way[highway=residential]                            { z-index: 5; color: #E8E8E8; width: 5; casing-color: gray; casing-width: 1; }
18 way[highway=service][service!=parking_aisle]        { color: white; width: 3; casing-color: gray; casing-width: 1; }
19 way[highway=service][service=parking_aisle]         { color: white; width: 1; casing-color: #aaaaaa; casing-width: 1; }
20 way[highway=service][service=alley]                 { color: white; width: 2; dashes: 6,2; casing-color: black; casing-width: 1; }
21 way[highway=road]                                   { color: gray; width: 5; casing-color: white; casing-width: 1; }
22 way[highway=living_street]                          { z-index: 5; color: #ddffee; width: 3; casing-color: #555555; casing-width: 1; }
23
24 /* Road areas */
25
26 way[highway=pedestrian] !:area { color: #ddddee; width: 5; casing-color: #555555; casing-width: 1; casing-dashes: 2,4;}
27 way[highway=pedestrian] :area  { color: #555555; width: 1; fill-color: #ddddee; fill-opacity: 0.8; }
28
29 /* Paths */
30
31 way[highway=steps]     { color: #FF6644; width: 6; dashes: 2, 2; }
32 way[highway=footway]   { color: #FF6644; width: 2; dashes: 6, 3; set .path;}
33 way[highway=footway][bicycle=yes]::bike   { z-index: 4; color: blue; width: 1; }
34 way[highway=bridleway] { z-index:9; color: #996644; width: 2; dashes: 4, 2, 2, 2; set .path;}
35 way[highway=track]     { color: #996644; width: 2; dashes: 4, 2; set .path;}
36 way[highway=path]      { color: brown; width: 2; dashes: 2, 2; set .path;}
37 way[highway=cycleway]  { color: blue; width: 2; dashes: 4, 2; set .path;}
38 way[railway=tram]      { z-index: 11; color: #999999; width: 2; casing-color: black; casing-width: 2; }
39 way .path              { text:name; text-color: black; text-position: offset; text-offset: 5;}
40
41 /* Under construction */
42
43 way[highway=proposed] { color: #88ffff; width: 6; dashes: 8, 4; }
44 way[highway=construction] { color: #ffffbb; width: 6; dashes: 8, 4; casing-color: #0000aa; casing-width: 1; casing-dashes: 8,4;}
45
46 /* Railways */
47
48 way[railway=rail] { z-index: 6; color: black; width: 5; }
49 way[railway=rail]::dashes { z-index: 7; color: white; width: 3; dashes: 12,12; }
50
51 way[construction=rail] { z-index: 6; color: black; width: 5; dashes: 6, 6, 4, 8;}
52 way[construction=rail]::inner { z-index: 7; color: white; width: 3; dashes: 6,18; }
53
54 way[railway=platform] { color:black; width: 2; }
55
56 way[railway=subway] { z-index: 6; color: #444444; width: 5; }
57 way[railway=subway]::dashes  { z-index: 7; color: white; width: 3; dashes: 8,8; }
58
59 way[construction=subway] { z-index: 6; color: #444444; width: 5; dashes: 4, 4; }
60 way[construction=subway]::dashes  { z-index: 7; color: white; width: 3; dashes: 4,12;}
61
62 way[railway=disused],way[railway=abandoned] { z-index: 6; color: #444400; width: 3; dashes: 17, 2, 5, 0; }
63 way[railway=disused]::dashes,way[railway=abandoned]::dashes { z-index: 7; color: #999999; width: 2; dashes: 12,12; }
64
65 way[railway=tram]      { z-index: 11; color: #999999; width: 2; casing-color: black; casing-width: 2; }
66 way[construction=tram] { z-index: 11; color: #999999; width: 2; casing-color: black; casing-width: 2; dashes: 6, 6; casing-dashes: 6, 6; }
67
68 way[railway=light_rail] { z-index: 6; color: black; width: 4; }
69 way[railway=light_rail]::dashes { z-index: 7; color: #999999; width: 2; dashes: 8,4; }
70
71 way[construction=light_rail] { z-index: 6; color: black; width: 4; dashes: 8, 4, 4, 4; }
72 way[construction=light_rail]::dashes { z-index: 7; color: #999999; width: 2; dashes: 8,12; }
73
74 /* Waterways */ 
75
76 way[waterway=river], 
77 way[waterway=canal], 
78 way[waterway=stream]   { color: blue; width: 2; text:name; text-color:blue; font-size:9; text-position: offset; text-offset: 7;}
79 way[waterway=drain]                      {color: blue; width: 1; text:name; text-color: blue; text-position: offset; text-offset: 3;}
80 way[waterway][tunnel=yes]                {dashes: 8,4;}
81
82 /* Aeroways */
83
84 way[aeroway=aerodrome] :area
85     { z-index: 3; color: #bb44bb; width: 3; casing-color: #66066;  casing-width: 1;  }
86 way|z-15[aeroway=aerodrome] :area
87     { z-index: 3; fill-color: #bb99bb;  fill-opacity: 0.5;}
88 way[aeroway=taxiway] !:area { z-index: 8; color: #999999; width: 3; casing-color: #aa66aa; casing-width: 2; }
89 way[aeroway=taxiway]  :area { z-index: 8; color: #bb99bb; width: 3; fill-color: #ccaacc; } 
90
91 way|z17-[aeroway=runway] !:area { z-index: 9; color: black; width: 11; casing-color: #aa66aa; casing-width: 1; }
92 way|z17-[aeroway=runway]::aa !:area { z-index: 10; color: white; width: 9;  dashes: 0, 20, 4, 76; }
93 way|z17-[aeroway=runway]::bb !:area { z-index: 11; color: black; width: 7; }
94 way|z17-[aeroway=runway]::cc !:area { z-index: 12; color: white; width: 5;  dashes: 0, 20, 4, 76; }
95 way|z17-[aeroway=runway]::dd !:area { z-index: 13; color: black; width: 3; }
96 way|z17-[aeroway=runway]::ee !:area { z-index: 14; color: white; width: 1;  dashes: 4, 16; }
97
98 way|z15-16[aeroway=runway] !:area { z-index: 9; color: black; width: 5;  }
99 way|z15-16[aeroway=runway]::aa !:area { z-index: 12; color: white; width: 5;  dashes: 0, 20, 4, 76; }
100 way|z15-16[aeroway=runway]::bb !:area { z-index: 13; color: black; width: 3; }
101 way|z15-16[aeroway=runway]::cc !:area { z-index: 14; color: white; width: 1;  dashes: 4, 16; }
102
103 way|z-14[aeroway=runway] !:area { z-index: 9; color: #444444; width: 3;  }
104
105 way[aeroway=runway] :area { z-index: 9; color: black; width: 3; fill-color: #775577; } 
106 way[aeroway=apron] :area { z-index: 4; color: #cc66cc; width: 1; fill-color: #ddaadd; fill-opacity: 0.5;} 
107
108 /* Barriers */
109
110 way[barrier] {color: #000000; width: 1}
111 way[barrier=fence] {color: #000000; width: 1; dashes: 8,4,2,4; }
112
113 /* Power */
114
115 way[power=line] {color: darkgray; width: 3; dashes: 12,2; casing-color: black; casing-width: 2; casing-dashes: 4, 38;}
116 way[power=minor_line] {color: gray; width: 2; dashes: 2,4; casing-width: 3; casing-color: white; casing-dashes: 2,22;}
117 way[power=station] :area { color: black; width: 2; fill-color: #666666; fill-opacity: 0.6; set .area_small_name;}
118 way[power=generator] :area { color: black; width: 2; fill-color: #444444; fill-opacity: 0.6; set .area_small_name;}
119
120 /* Leisure */
121
122 way[golf=hole] {color: darkgreen; width: 5; casing-color: green; casing-width: 2; }
123 way[leisure=sports_centre] :area { color: #66ddcc; fill-color: #66ddcc; set .area_small_name; }
124
125
126 /* Physical decoration */
127
128 way[bridge=yes]::bridge1, way[bridge=viaduct]::bridge1, way[bridge=suspension]::bridge1 { z-index: 4; color: white; width: eval('_width+3'); }
129 way[bridge=yes]::bridge2, way[bridge=viaduct]::bridge2, way[bridge=suspension]::bridge2 { z-index: 3; color: black; width: eval('_width+6'); }
130 way[tunnel=yes][!waterway]::bridge1 { z-index: 4; color: white; width: eval('_width+2'); }
131 way[tunnel=yes][!waterway]::bridge2 { z-index: 3; color: black; width: eval('_width+6'); dashes: 4,4; }
132
133 /* Attribute decoration */
134
135 way[oneway=yes]::arrows, way[junction=roundabout]::arrows { z-index: 15; color: #444444; width: 2; dashes: 15,35; line-style: arrows; }
136 way[oneway=-1]::arrows { z-index: 15; color: #444444; width: 2; dashes: 15,35; line-style: arrows-reversed; }