File: //snap/google-cloud-cli/394/platform/gsutil/third_party/pyparsing/examples/chemical_formulas.html
<!DOCTYPE html>
<html>
<head>
<style>
.railroad-heading {
font-family: monospace;
}
</style>
</head>
<body>
<meta charset="UTF-8"/>
<div class="railroad-group">
<h1 class="railroad-heading" id="chemical-formula-0003">chemical_formula</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="95" viewBox="0 0 366.0 95" width="366.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 38v20m10 -20v20m-10 -10h20" /></g><path d="M40 48h10" /><g>
<path d="M50 48h0.0" /><path d="M316.0 48h0.0" /><path d="M50.0 48h10" /><g>
<path d="M60.0 48h0.0" /><path d="M306.0 48h0.0" /><rect class="group-box" height="47" rx="10" ry="10" width="246" x="60" y="20"></rect><g>
<path d="M60.0 48h10.0" /><path d="M296.0 48h10.0" /><g class="non-terminal ">
<path d="M70.0 48h0.0" /><path d="M149.5 48h0.0" /><rect height="22" width="79.5" x="70" y="37"></rect><a xlink:href="#element-0001"><text x="109.75" y="52">element</text><text x="109.75" y="52">element</text></a></g><path d="M149.5 48h10" /><g>
<path d="M159.5 48h0.0" /><path d="M296.0 48h0.0" /><path d="M159.5 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M179.5 28h96.5" /></g><path d="M276.0 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M159.5 48h20" /><g class="non-terminal ">
<path d="M179.5 48h0.0" /><path d="M276.0 48h0.0" /><rect height="22" width="96.5" x="179.5" y="37"></rect><a xlink:href="#subscript-0002"><text x="227.75" y="52">subscript</text><text x="227.75" y="52">subscript</text></a></g><path d="M276.0 48h20" /></g></g></g><path d="M306.0 48h10" /><path d="M60.0 48a10 10 0 0 0 -10 10v7a10 10 0 0 0 10 10" /><g>
<path d="M60.0 75h246.0" /></g><path d="M306.0 75a10 10 0 0 0 10 -10v-7a10 10 0 0 0 -10 -10" /></g><path d="M316.0 48h10" /><path d="M 326.0 48 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="element-0001">element</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 264.5 62" width="264.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M214.5 31h0.0" /><rect height="22" rx="10" ry="10" width="164.5" x="50" y="20"></rect><text x="132.25" y="35">W:(A-Z, a-z){1,2}</text></g><path d="M214.5 31h10" /><path d="M 224.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="subscript-0002">subscript</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 179.5 62" width="179.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M129.5 31h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="20"></rect><text x="89.75" y="35">W:(₀-₉)</text></g><path d="M129.5 31h10" /><path d="M 139.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
</body>
</html>