Add fill patterns for landuse, natural areas

Not working in Firefox. To get it to work in Firefox,
styles need to be directly applied to the path, or
set in an embedded stylesheet (not sure whats going on there).
This commit is contained in:
Ansis Brammanis
2013-03-08 00:16:07 -05:00
parent c92741facc
commit bfdca7fc85
9 changed files with 95 additions and 13 deletions

View File

@@ -289,11 +289,33 @@ path.fill.tag-leisure-park {
path.fill.tag-landuse-residential,
path.fill.tag-landuse-commercial,
path.fill.tag-landuse-industrial,
path.fill.tag-landuse-construction {
path.fill.tag-landuse-industrial {
fill-opacity: 0.1;
}
path.fill.tag-natural-wetland,
path.fill.tag-natural-beach,
path.fill.tag-natural-scrub,
path.fill.tag-landuse-cemetery,
path.fill.tag-landuse-meadow,
path.fill.tag-landuse-farmland,
path.fill.tag-landuse-construction,
path.fill.tag-landuse-orchard {
/* background color is applied a further opacity later */
fill-opacity: 0.8;
}
.pattern-color-beach,
.pattern-color-scrub,
.pattern-color-meadow,
.pattern-color-wetland,
.pattern-color-cemetery,
.pattern-color-farmland,
.pattern-color-construction,
.pattern-color-orchard {
fill-opacity: 0.2;
}
path.fill.tag-landuse-basin,
path.fill.tag-landuse-reservoir {
fill: #77d3de;
@@ -308,38 +330,59 @@ path.fill.tag-landuse-residential {
}
path.fill.tag-landuse-farmland {
fill: url(#) #8cd05f;
fill: url(#pattern-farmland) #8cd05f;
}
.pattern-color-farmland {
fill: url(#pattern-farmland) #8cd05f;
}
path.fill.tag-landuse-meadow {
/* Use the dots pattern here */
fill: url(#) #b6e199;
fill: url(#pattern-meadow) #b6e199;
}
.pattern-color-meadow {
fill: #b6e199;
}
path.fill.tag-natural-wetland {
fill: url(#) #b6e199;
fill: url(#pattern-wetland) #b6e199;
}
.pattern-color-wetland {
fill: #B6E199;
}
path.fill.tag-natural-beach {
/* Use the dots pattern here */
fill: url(#) #ffff7e;
fill: url(#pattern-beach) #ffff7e;
}
.pattern-color-beach {
fill: #ffff7e;
}
path.fill.tag-natural-scrub {
/* Use the dots pattern here */
fill: url(#) #dbf08b;
fill: url(#pattern-scrub) #dbf08b;
}
.pattern-color-scrub {
fill: #dbf08b;
}
path.fill.tag-landuse-cemetery {
fill: url(#) #8cd05f;
fill: url(#pattern-cemetery) #8cd05f;
}
.pattern-color-cemetery {
fill: #8cd05f
}
path.fill.tag-landuse-orchard {
fill: url(#) #8cd05f;
fill: url(#pattern-orchard) #8cd05f;
}
.pattern-color-orchard {
fill: #8cd05f
}
path.fill.tag-landuse-construction {
fill: url(#) #e06e5f;
fill: url(#pattern-construction) #e06e5f;
}
.pattern-color-construction {
fill: #e06e5f;
}
path.fill.tag-landuse-commercial {