Changeset 5215 in josm for trunk/styles_nodist/potlatch2/source/opencyclemap.css
- Timestamp:
- 2012-05-06T12:46:32+02:00 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/styles_nodist/potlatch2/source/opencyclemap.css
r3983 r5215 28 28 way[highway=tertiary],way[highway=tertiary_link], 29 29 way[highway=residential] { text: name; text-color: black; font-size: 7; text-position: line;}*/ 30 way[highway=motorway],way[highway=motorway_link] { z-index: 9; color: #bfbfcf; width: 7; casing-color: #506077; casing-width: 9; }31 way[highway=trunk],way[highway=trunk_link] { z-index: 9; color: #c8d8c8; width: 7; casing-color: #477147; casing-width: 9; }32 way[highway=primary],way[highway=primary_link] { z-index: 8; color: #d8c8c8; width: 7; casing-color: #8d4346; casing-width: 9; }33 way[highway=secondary],way[highway=secondary_link] { z-index: 7; color: #eeeec9; width: 7; casing-color: #a37b48; casing-width: 9; }34 way[highway=tertiary],way[highway=unclassified] { z-index: 6; color: #eeeec9; width: 5; casing-color: #999999; casing-width: 7; }35 way[highway=residential] { z-index: 5; color: white; width: 5; casing-color: #999; casing-width: 7; }36 way[highway=service] { color: white; width: 3; casing-color: #999; casing-width: 5; }30 way[highway=motorway],way[highway=motorway_link] { z-index: 9; color: #bfbfcf; width: 7; casing-color: #506077; casing-width: 1; } 31 way[highway=trunk],way[highway=trunk_link] { z-index: 9; color: #c8d8c8; width: 7; casing-color: #477147; casing-width: 1; } 32 way[highway=primary],way[highway=primary_link] { z-index: 8; color: #d8c8c8; width: 7; casing-color: #8d4346; casing-width: 1; } 33 way[highway=secondary],way[highway=secondary_link] { z-index: 7; color: #eeeec9; width: 7; casing-color: #a37b48; casing-width: 1; } 34 way[highway=tertiary],way[highway=unclassified] { z-index: 6; color: #eeeec9; width: 5; casing-color: #999999; casing-width: 1; } 35 way[highway=residential] { z-index: 5; color: white; width: 5; casing-color: #999; casing-width: 1; } 36 way[highway=service] { color: white; width: 3; casing-color: #999; casing-width: 1; } 37 37 38 38 /* Pedestrian precincts need to be treated carefully. Only closed-loops with an explicit 39 39 area=yes tag should be filled. The below doesn't yet work as intended. */ 40 way[highway=pedestrian] !:area { color: #ddddee; width: 5; casing-color: #555555; casing-width: 6; }40 way[highway=pedestrian] !:area { color: #ddddee; width: 5; casing-color: #555555; casing-width: 1; } 41 41 way[highway=pedestrian] :area { color: #555555; width: 1; fill-color: #ddddee; fill-opacity: 0.8; } 42 42 … … 73 73 74 74 node[addr:housenumber], 75 node[addr:housename] { icon-image: circle; icon-width: 4; color: #B0E0E6; casing-color:blue; casing-width: 1; }75 node[addr:housename] { icon-image: circle; icon-width: 8; color: #B0E0E6; casing-color:blue; casing-width: 1; } 76 76 way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;} 77 77 … … 104 104 node[amenity=telephone] { icon-image: icons/telephone.png; } 105 105 way node[barrier=gate], way node[highway=gate] { icon-image: icons/gate.png; } 106 way node[barrier=bollard] { icon-image: icons/bollard.png; }107 106 node[barrier=cattle_grid] { icon-image: icons/cattle_grid.png; }*/ 108 107 108 /* Important shops */ 109 node[shop=bicycle] { icon-image: icons/shopping_bicycle.n.16.png; text-offset: 15; text: name; } 110 109 111 /* We can stack styles at different z-index (depth) */ 110 112 111 way[railway=rail] 112 { z-index: 6; color: #444444; width: 5; } 113 { z-index: 7; color: white; width: 3; dashes: 12,12; } 113 way[railway=rail] { z-index: 6; color: #444444; width: 5; } 114 way[railway=rail]::dashes { z-index: 7; color: white; width: 3; dashes: 12,12; } 114 115 way[railway=platform] { color:black; width: 2; } 115 way[railway=subway] 116 { z-index: 6; color: #444444; width: 5; } 117 { z-index: 7; color: white; width: 3; dashes: 8,8; } 116 way[railway=subway] { z-index: 6; color: #444444; width: 5; } 117 way[railway=subway]::dashes { z-index: 7; color: white; width: 3; dashes: 8,8; } 118 118 119 119 /* Bridge */ 120 way[bridge=yes], way[bridge=viaduct], way[bridge=suspension] 121 { z-index: 4; color: white; width: eval('_width+3'); } 122 { z-index: 3; color: black; width: eval('_width+6'); } 120 way[bridge=yes]::bridge1, way[bridge=viaduct]::bridge1, way[bridge=suspension]::bridge1 { z-index: 4; color: white; width: eval('_width+3'); } 121 way[bridge=yes]::bridge2, way[bridge=viaduct]::bridge2, way[bridge=suspension]::bridge2 { z-index: 3; color: black; width: eval('_width+6'); } 123 122 124 123 /* Tunnel */ 125 way[tunnel=yes] 126 { z-index: 4; color: white; width: eval('_width+2'); } 127 { z-index: 3; color: black; width: eval('_width+6'); dashes: 4,4; } 124 way[tunnel=yes]::tunnel1 { z-index: 4; color: white; width: eval('_width+2'); } 125 way[tunnel=yes]::tunnel2 { z-index: 3; color: black; width: eval('_width+6'); dashes: 4,4; } 128 126 129 127 /* Oneway */ 130 way[oneway=yes] { z-index: 10; color: #6c70d5; width: 2; dashes: 10,30; line-style: arrows; } 128 way[oneway=yes]::arrows { z-index: 10; color: #6c70d5; width: 2; dashes: 10,30; line-style: arrows; } 131 129 132 130 … … 138 136 an object. Potlatch 2 supports these but the stand-alone Halcyon viewer does not */ 139 137 140 way :hover { z-index: 2; width: eval('_width+10'); color: #ffff99; } 141 way :selected { z-index: 2; width: eval('_width+10'); color: yellow; opacity: 0.7;} 142 way !:drawn { z-index:10; width: 0.5; color: gray; } 138 @import("stylesheets/core_interactive.css"); 143 139 144 node :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: red; casing-color: #cc0000; casing-width: 1;}145 node :hoverway { z-index: 9; icon-image: square; icon-width: 7; color: blue; }146 node !:drawn :poi { z-index: 2; icon-image: circle; icon-width: 3; color: lightsteelblue; casing-color: black; casing-width: 1; }147 node :selected { z-index: 1; icon-image: square; icon-width: eval('_width+10'); color: yellow; }148 node :junction :selectedway { z-index: 8; icon-image: square; icon-width: 12; casing-color: black; casing-width: 1; }149 150 140 /* Descendant selectors provide an easy way to style relations: this example means "any way 151 141 which is part of a relation whose type=route". */ 152 142 153 relation[type=route] way { z-index: 1; width: 17; color: yellow; opacity: 0.3; } 154 relation[type=route][route=bicycle][network=ncn] way { z-index: 1; width: 12; color: red; opacity: 0.3; } 155 relation[type=route][route=bicycle][network=rcn] way { z-index: 1; width: 12; color: cyan; opacity: 0.3; } 156 relation[type=route][route=bicycle][network=lcn] way { z-index: 1; width: 12; color: blue; opacity: 0.3; } 157 relation[type=route][route=bicycle][network=mtb] way { z-index: 1; width: 12; color: #48a448; opacity: 0.3; } 143 relation[type=route] way::routeline { z-index: 1; width: 17; color: yellow; opacity: 0.3; } 144 relation[type=route][route=bicycle][network=ncn] way::routeline { z-index: 1; width: 12; color: red; opacity: 0.3; } 145 relation[type=route][route=bicycle][network=rcn] way::routeline { z-index: 1; width: 12; color: cyan; opacity: 0.3; } 146 relation[type=route][route=bicycle][network=lcn] way::routeline { z-index: 1; width: 12; color: blue; opacity: 0.3; } 147 relation[type=route][route=bicycle][network=mtb] way::routeline { z-index: 1; width: 12; color: #48a448; opacity: 0.3; } 158 148 159 149
Note:
See TracChangeset
for help on using the changeset viewer.