RootZanli & NinjaCr3

: / opt / gsutil / third_party / pyparsing / examples /
Filename : chemical_formulas.html
back
<!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>