]> git.openstreetmap.org Git - rails.git/blob - public/potlatch2/stylesheets/core_ways.css
Moved up search box to make it more visible
[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: 8; }
11 way[highway=trunk],way[highway=trunk_link]          { z-index: 9; color: #7FC97F; width: 7; casing-color: black; casing-width: 8; }
12 way[highway=primary],way[highway=primary_link]      { z-index: 8; color: #E46D71; width: 7; casing-color: black; casing-width: 8; }
13 way[highway=secondary],way[highway=secondary_link]  { z-index: 7; color: #FDBF6F; width: 7; casing-width: 8; }
14 way[highway=tertiary]                               { z-index: 6; color: #FEFECB; width: 5; casing-width: 7; }
15 way[highway=unclassified]                           { z-index: 6; color: #D0D0D0; width: 5; casing-width: 7; }
16 way[highway=tertiary_link]                          { z-index: 5; color: #FEFECB; width: 4; casing-width: 5; }
17 way[highway=residential]                            { z-index: 5; color: #E8E8E8; width: 5; casing-color: gray; casing-width: 7; }
18 way[highway=service][service!=parking_aisle]        { color: white; width: 3; casing-color: gray; casing-width: 5; }
19 way[highway=service][service=parking_aisle]         { color: white; width: 1; casing-color: #aaaaaa; casing-width: 2; }
20 way[highway=service][service=alley]                 { color: white; width: 2; dashes: 6,2; casing-color: black; casing-width: 4; }
21 way[highway=road]                                   { color: gray; width: 5; casing-color: white; casing-width: 7; }
22 way[highway=living_street]                          { z-index: 5; color: #ddffee; width: 3; casing-color: #555555; casing-width: 4; }
23
24 /* Road areas */
25
26 way[highway=pedestrian] !:area { color: #ddddee; width: 5; casing-color: #555555; casing-width: 6; 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]   { 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: 6; }
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: 8; casing-dashes: 8,4;}
45 way[construction=rail] 
46         { z-index: 6; color: black; width: 5; dashes: 6, 6, 4, 8;}
47         { z-index: 7; color: white; width: 3; dashes: 6,18; }
48
49 /* Railways */
50
51 way[railway=rail]
52         { z-index: 6; color: black; width: 5; }
53         { z-index: 7; color: white; width: 3; dashes: 12,12; }
54 way[railway=platform] { color:black; width: 2; }
55 way[railway=subway]
56     { z-index: 6; color: #444444; width: 5; }
57     { z-index: 7; color: white; width: 3; dashes: 8,8; }
58 way[railway=disused],way[railway=abandoned]
59     { z-index: 6; color: #444400; width: 3; dashes: 17, 2, 5, 0; }
60     { z-index: 7; color: #999999; width: 2; dashes: 12,12; }
61
62 /* Waterways */ 
63
64 way[waterway=river], 
65 way[waterway=canal], 
66 way[waterway=stream]   { color: blue; width: 2; text:name; text-color:blue; font-size:9; text-position: offset; text-offset: 7;}
67 way[waterway=drain]                      {color: blue; width: 1; text:name; text-color: blue; text-position: offset; text-offset: 3;}
68 way[waterway][tunnel=yes]                {dashes: 8,4;}
69
70 /* Aeroways */
71
72 way[aeroway=aerodrome] :area
73     { z-index: 3; color: #bb44bb; width: 3; casing-color: #66066;  casing-width: 4;  }
74 way|z-15[aeroway=aerodrome] :area
75     { z-index: 3; fill-color: #bb99bb;  fill-opacity: 0.5;}
76 way[aeroway=taxiway] !:area { z-index: 8; color: #999999; width: 3; casing-color: #aa66aa; casing-width: 6; } 
77 way[aeroway=taxiway]  :area { z-index: 8; color: #bb99bb; width: 3; fill-color: #ccaacc; } 
78 way|z17-[aeroway=runway] !:area 
79     { z-index: 9; color: black; width: 11; casing-color: #aa66aa; casing-width: 12; } 
80     { z-index: 10; color: white; width: 9;  dashes: 0, 20, 4, 76; } 
81     { z-index: 11; color: black; width: 7; } 
82     { z-index: 12; color: white; width: 5;  dashes: 0, 20, 4, 76; } 
83     { z-index: 13; color: black; width: 3; } 
84     { z-index: 14; color: white; width: 1;  dashes: 4, 16; } 
85 way|z15-16[aeroway=runway] !:area 
86     { z-index: 9; color: black; width: 5;  } 
87     { z-index: 12; color: white; width: 5;  dashes: 0, 20, 4, 76; } 
88     { z-index: 13; color: black; width: 3; } 
89     { z-index: 14; color: white; width: 1;  dashes: 4, 16; } 
90 way|z-14[aeroway=runway] !:area 
91     { z-index: 9; color: #444444; width: 3;  } 
92 way[aeroway=runway] :area { z-index: 9; color: black; width: 3; fill-color: #775577; } 
93 way[aeroway=apron] :area { z-index: 4; color: #cc66cc; width: 1; fill-color: #ddaadd; fill-opacity: 0.5;} 
94
95 /* Barriers */
96
97 way[barrier] {color: #000000; width: 1}
98 way[barrier=fence] {color: #000000; width: 1; dashes: 8,4,2,4; }
99
100 /* Power */
101
102 way[power=line] {color: darkgray; width: 3; dashes: 12,2; casing-color: black; casing-width: 8; casing-dashes: 4, 38;}
103 way[power=minor_line] {color: gray; width: 2; dashes: 2,4; casing-width: 8; casing-color: white; casing-dashes: 2,22;}
104 way[power=station] :area { color: black; width: 2; fill-color: #666666; fill-opacity: 0.6; set .area_small_name;}
105 way[power=generator] :area { color: black; width: 2; fill-color: #444444; fill-opacity: 0.6; set .area_small_name;}
106
107 /* Leisure */
108
109 way[golf=hole] {color: darkgreen; width: 5; casing-color: green; casing-width: 10; }
110 way[leisure=sports_centre] :area { color: #66ddcc; fill-color: #66ddcc; set .area_small_name; }
111
112
113 /* Physical decoration */
114
115 way[bridge=yes], way[bridge=viaduct], way[bridge=suspension]
116     { z-index: 4; color: white; width: eval('_width+3'); }
117     { z-index: 3; color: black; width: eval('_width+6'); }
118 way[tunnel=yes][!waterway]
119     { z-index: 4; color: white; width: eval('_width+2'); }
120     { z-index: 3; color: black; width: eval('_width+6'); dashes: 4,4; }
121
122 /* Attribute decoration */
123
124 way[oneway=yes], way[junction=roundabout] { z-index: 15; color: #444444; width: 2; dashes: 15,35; line-style: arrows; }
125 way[oneway=-1] { z-index: 15; color: #444444; width: 2; dashes: 15,35; line-style: arrows-reversed; }