Files
iD/css/40_railways.css
Bryan Housel af757d31be General usability improvements
* Reevaluate all featuers stroke widths for shadow, casing, stroke
* Shadow width is important to make sure all features are easily clickable
* Casing width is important to see oneway arrows
* Make sure all line styles have normal and low-zoom variants
* Show directional arrows for all waterway types
2017-03-16 16:16:35 -04:00

91 lines
1.4 KiB
CSS

/* railways */
.preset-icon .icon.tag-railway.other-line {
color: #fff;
fill: #777;
}
.preset-icon .icon.tag-railway {
color: #555;
fill: #eee;
}
/* narrow widths */
path.shadow.tag-railway {
stroke-width: 16;
}
path.casing.tag-railway {
stroke-width: 7;
}
path.stroke.tag-railway {
stroke-width: 2;
stroke-linecap: butt;
stroke-dasharray: 12,12;
}
.low-zoom path.shadow.tag-railway {
stroke-width: 12;
}
.low-zoom path.casing.tag-railway {
stroke-width: 5;
}
.low-zoom path.stroke.tag-railway {
stroke-width: 2;
stroke-dasharray: 6,6;
}
/* styles */
path.casing.tag-railway {
stroke: #555;
}
path.stroke.tag-railway {
stroke: #eee;
}
.preset-icon .icon.tag-railway-disused,
.preset-icon .icon.tag-railway-abandoned {
color: #999;
fill: #eee;
}
path.casing.tag-railway-abandoned {
stroke: #999;
}
path.stroke.tag-railway-abandoned {
stroke: #eee;
}
.preset-icon .icon.tag-railway-subway {
color: #222;
fill: #bbb;
}
path.casing.tag-railway-subway {
stroke: #222;
}
path.stroke.tag-railway-subway {
stroke: #bbb;
}
path.casing.tag-railway-platform {
stroke: none;
}
path.stroke.tag-railway-platform {
stroke: #999;
stroke-width: 4;
stroke-dasharray: none;
}
.area.stroke.tag-railway {
stroke: white;
stroke-width: 1;
stroke-dasharray: none;
}
.area.casing.tag-railway {
stroke: none;
}