<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi,<div><div><br class="Apple-interchange-newline"><blockquote type="cite"><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; ">The nicest way I know is using some xslt from here:<br><a href="https://lists.berlios.de/pipermail/mapnik-users/2008-June/000986.html">https://lists.berlios.de/pipermail/mapnik-users/2008-June/000986.html</a><br><br>This produces a neatly formatted page listing all the layers, styles and<br>rules with min/max zooms and mouse-overs with details of css parameters<br>etc.</span></blockquote></div><br></div><div>I took a closer look now and it is really neat, but I don't understand this:</div><div><br></div><div>minor-roads</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>minor-roads-casing<span class="Apple-style-span" style="white-space: pre; "> </span></div><span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "><table class="rules" style="width: 100%; border-collapse: collapse; "><tbody><tr><td class="num max" style="padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: top; text-align: right; width: 8em; background-color: rgb(248, 248, 248); ">5 000</td><td class="num min" style="padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: top; text-align: right; width: 6em; background-color: rgb(248, 248, 248); ">1 000</td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "><div class="popup"><span class="anchor" style="color: rgb(163, 123, 72); ">☡</span></div></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; background-color: rgb(248, 248, 248); ">([highway] = 'secondary' or [highway] = 'secondary_link') and not ([tunnel]='yes' or [tunnel]='true')</td></tr></tbody></table></span><div><span class="Apple-tab-span" style="white-space:pre"> </span>CSS:<span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "></span></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>stroke: #a37b48
stroke-dasharray:
stroke-linecap: round
stroke-linejoin: round
stroke-width: 17;</div><span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "></span><div><font class="Apple-style-span" size="4"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px;"><span class="Apple-tab-span" style="white-space:pre"> </span><br></span></font></div><div><span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "><span class="Apple-tab-span" style="white-space:pre"> </span>minor-roads-fill<span class="Apple-style-span" style="white-space: pre; "> </span></span></div><span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; "><table class="rules" style="width: 100%; border-collapse: collapse; "><tbody><tr><td class="num max" style="padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: top; text-align: right; width: 8em; background-color: rgb(248, 248, 248); ">5 000</td><td class="num min" style="padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: top; text-align: right; width: 6em; background-color: rgb(248, 248, 248); ">1 000</td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "><div class="popup"><span class="anchor" style="color: rgb(253, 191, 111); ">☡</span></div></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td class="sym" style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; width: 1em; text-align: center; background-color: rgb(248, 248, 248); "></td><td style="vertical-align: top; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; background-color: rgb(248, 248, 248); ">([highway] = 'secondary' or [highway] = 'secondary_link') and not ([tunnel]='yes' or [tunnel]='true')</td></tr></tbody></table><span class="Apple-tab-span" style="white-space:pre"> </span>CSS:<br></span><div><font class="Apple-style-span" size="4"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 16px; -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px;"><span class="Apple-tab-span" style="white-space:pre"> </span><span class="Apple-style-span" style="border-collapse: separate; font-size: 14px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; ">stroke: #fdbf6f
stroke-dasharray:
stroke-linecap: round
stroke-linejoin: round
stroke-width: 14</span></span></font></div><div><br></div><div>Where is the difference between "fill" and the "casing"? The conditions are the same, aren't they?</div><div><br></div><div>What do I miss here?</div><div><br></div><div>Thanks</div><div>Ivo</div></body></html>