Root Zanli
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
opt
/
gsutil
/
third_party
/
pyparsing
/
examples
/
Filename :
roman_numerals_diagram.html
back
Copy
<!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="roman-numeral-0014">roman_numeral</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="156" viewBox="0 0 1871.5 156" width="1871.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 30v20m10 -20v20m-10 -10h20" /></g><path d="M40 40h10" /><g> <path d="M50 40h0.0" /><path d="M1821.5 40h0.0" /><g> <path d="M50.0 40h0.0" /><path d="M223.5 40h0.0" /><path d="M50.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M70.0 20h133.5" /></g><path d="M203.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M50.0 40h20" /><g> <path d="M70.0 40h0.0" /><path d="M203.5 40h0.0" /><path d="M70.0 40h10" /><g class="non-terminal "> <path d="M80.0 40h0.0" /><path d="M193.5 40h0.0" /><rect height="22" width="113.5" x="80" y="29"></rect><a xlink:href="#onethousand-0001"><text x="136.75" y="44">onethousand</text><text x="136.75" y="44">onethousand</text></a></g><path d="M193.5 40h10" /><path d="M80.0 40a10 10 0 0 0 -10 10v0a10 10 0 0 0 10 10" /><g> <path d="M80.0 60h113.5" /></g><path d="M193.5 60a10 10 0 0 0 10 -10v0a10 10 0 0 0 -10 -10" /></g><path d="M203.5 40h20" /></g><g> <path d="M223.5 40h0.0" /><path d="M912.0 40h0.0" /><path d="M223.5 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M243.5 20h648.5" /></g><path d="M892.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M223.5 40h20" /><g> <path d="M243.5 40h0.0" /><path d="M892.0 40h0.0" /><path d="M243.5 40h20" /><g class="non-terminal "> <path d="M263.5 40h247.5" /><path d="M624.5 40h247.5" /><rect height="22" width="113.5" x="511" y="29"></rect><a xlink:href="#ninehundred-0002"><text x="567.75" y="44">ninehundred</text><text x="567.75" y="44">ninehundred</text></a></g><path d="M872.0 40h20" /><path d="M243.5 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="non-terminal "> <path d="M263.5 70h247.5" /><path d="M624.5 70h247.5" /><rect height="22" width="113.5" x="511" y="59"></rect><a xlink:href="#fourhundred-0003"><text x="567.75" y="74">fourhundred</text><text x="567.75" y="74">fourhundred</text></a></g><path d="M872.0 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M243.5 40a10 10 0 0 1 10 10v65a10 10 0 0 0 10 10" /><g> <path d="M263.5 125h0.0" /><path d="M872.0 125h0.0" /><g> <path d="M263.5 125h0.0" /><path d="M417.0 125h0.0" /><path d="M263.5 125a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M283.5 105h113.5" /></g><path d="M397.0 105a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M263.5 125h20" /><g class="non-terminal "> <path d="M283.5 125h0.0" /><path d="M397.0 125h0.0" /><rect height="22" width="113.5" x="283.5" y="114"></rect><a xlink:href="#fivehundred-0004"><text x="340.25" y="129">fivehundred</text><text x="340.25" y="129">fivehundred</text></a></g><path d="M397.0 125h20" /></g><g> <path d="M417.0 125h0.0" /><path d="M872.0 125h0.0" /><path d="M417.0 125a10 10 0 0 0 10 -10v-16a10 10 0 0 1 10 -10" /><g> <path d="M437.0 89h415.0" /></g><path d="M852.0 89a10 10 0 0 1 10 10v16a10 10 0 0 0 10 10" /><path d="M417.0 125h20" /><g> <path d="M437.0 125h0.0" /><path d="M852.0 125h0.0" /><g class="non-terminal "> <path d="M437.0 125h0.0" /><path d="M542.0 125h0.0" /><rect height="22" width="105" x="437" y="114"></rect><a xlink:href="#onehundred-0005"><text x="489.5" y="129">onehundred</text><text x="489.5" y="129">onehundred</text></a></g><path d="M542.0 125h10" /><g> <path d="M552.0 125h0.0" /><path d="M852.0 125h0.0" /><path d="M552.0 125a10 10 0 0 0 10 -10v-8a10 10 0 0 1 10 -10" /><g> <path d="M572.0 97h260.0" /></g><path d="M832.0 97a10 10 0 0 1 10 10v8a10 10 0 0 0 10 10" /><path d="M552.0 125h20" /><g> <path d="M572.0 125h0.0" /><path d="M832.0 125h0.0" /><g class="non-terminal "> <path d="M572.0 125h0.0" /><path d="M677.0 125h0.0" /><rect height="22" width="105" x="572" y="114"></rect><a xlink:href="#onehundred-0005"><text x="624.5" y="129">onehundred</text><text x="624.5" y="129">onehundred</text></a></g><path d="M677.0 125h10" /><g> <path d="M687.0 125h0.0" /><path d="M832.0 125h0.0" /><path d="M687.0 125a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M707.0 105h105.0" /></g><path d="M812.0 105a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M687.0 125h20" /><g class="non-terminal "> <path d="M707.0 125h0.0" /><path d="M812.0 125h0.0" /><rect height="22" width="105" x="707" y="114"></rect><a xlink:href="#onehundred-0005"><text x="759.5" y="129">onehundred</text><text x="759.5" y="129">onehundred</text></a></g><path d="M812.0 125h20" /></g></g><path d="M832.0 125h20" /></g></g><path d="M852.0 125h20" /></g></g><path d="M872.0 125a10 10 0 0 0 10 -10v-65a10 10 0 0 1 10 -10" /></g><path d="M892.0 40h20" /></g><g> <path d="M912.0 40h0.0" /><path d="M1371.0 40h0.0" /><path d="M912.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M932.0 20h419.0" /></g><path d="M1351.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M912.0 40h20" /><g> <path d="M932.0 40h0.0" /><path d="M1351.0 40h0.0" /><path d="M932.0 40h20" /><g class="non-terminal "> <path d="M952.0 40h154.0" /><path d="M1177.0 40h154.0" /><rect height="22" width="71" x="1106" y="29"></rect><a xlink:href="#ninety-0006"><text x="1141.5" y="44">ninety</text><text x="1141.5" y="44">ninety</text></a></g><path d="M1331.0 40h20" /><path d="M932.0 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="non-terminal "> <path d="M952.0 70h158.25" /><path d="M1172.75 70h158.25" /><rect height="22" width="62.5" x="1110.25" y="59"></rect><a xlink:href="#forty-0007"><text x="1141.5" y="74">forty</text><text x="1141.5" y="74">forty</text></a></g><path d="M1331.0 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M932.0 40a10 10 0 0 1 10 10v65a10 10 0 0 0 10 10" /><g> <path d="M952.0 125h0.0" /><path d="M1331.0 125h0.0" /><g> <path d="M952.0 125h0.0" /><path d="M1054.5 125h0.0" /><path d="M952.0 125a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M972.0 105h62.5" /></g><path d="M1034.5 105a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M952.0 125h20" /><g class="non-terminal "> <path d="M972.0 125h0.0" /><path d="M1034.5 125h0.0" /><rect height="22" width="62.5" x="972" y="114"></rect><a xlink:href="#fifty-0008"><text x="1003.25" y="129">fifty</text><text x="1003.25" y="129">fifty</text></a></g><path d="M1034.5 125h20" /></g><g> <path d="M1054.5 125h0.0" /><path d="M1331.0 125h0.0" /><path d="M1054.5 125a10 10 0 0 0 10 -10v-16a10 10 0 0 1 10 -10" /><g> <path d="M1074.5 89h236.5" /></g><path d="M1311.0 89a10 10 0 0 1 10 10v16a10 10 0 0 0 10 10" /><path d="M1054.5 125h20" /><g> <path d="M1074.5 125h0.0" /><path d="M1311.0 125h0.0" /><g class="non-terminal "> <path d="M1074.5 125h0.0" /><path d="M1120.0 125h0.0" /><rect height="22" width="45.5" x="1074.5" y="114"></rect><a xlink:href="#ten-0009"><text x="1097.25" y="129">ten</text><text x="1097.25" y="129">ten</text></a></g><path d="M1120.0 125h10" /><g> <path d="M1130.0 125h0.0" /><path d="M1311.0 125h0.0" /><path d="M1130.0 125a10 10 0 0 0 10 -10v-8a10 10 0 0 1 10 -10" /><g> <path d="M1150.0 97h141.0" /></g><path d="M1291.0 97a10 10 0 0 1 10 10v8a10 10 0 0 0 10 10" /><path d="M1130.0 125h20" /><g> <path d="M1150.0 125h0.0" /><path d="M1291.0 125h0.0" /><g class="non-terminal "> <path d="M1150.0 125h0.0" /><path d="M1195.5 125h0.0" /><rect height="22" width="45.5" x="1150" y="114"></rect><a xlink:href="#ten-0009"><text x="1172.75" y="129">ten</text><text x="1172.75" y="129">ten</text></a></g><path d="M1195.5 125h10" /><g> <path d="M1205.5 125h0.0" /><path d="M1291.0 125h0.0" /><path d="M1205.5 125a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M1225.5 105h45.5" /></g><path d="M1271.0 105a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M1205.5 125h20" /><g class="non-terminal "> <path d="M1225.5 125h0.0" /><path d="M1271.0 125h0.0" /><rect height="22" width="45.5" x="1225.5" y="114"></rect><a xlink:href="#ten-0009"><text x="1248.25" y="129">ten</text><text x="1248.25" y="129">ten</text></a></g><path d="M1271.0 125h20" /></g></g><path d="M1291.0 125h20" /></g></g><path d="M1311.0 125h20" /></g></g><path d="M1331.0 125a10 10 0 0 0 10 -10v-65a10 10 0 0 1 10 -10" /></g><path d="M1351.0 40h20" /></g><g> <path d="M1371.0 40h0.0" /><path d="M1821.5 40h0.0" /><path d="M1371.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M1391.0 20h410.5" /></g><path d="M1801.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M1371.0 40h20" /><g> <path d="M1391.0 40h0.0" /><path d="M1801.5 40h0.0" /><path d="M1391.0 40h20" /><g class="non-terminal "> <path d="M1411.0 40h158.25" /><path d="M1623.25 40h158.25" /><rect height="22" width="54" x="1569.25" y="29"></rect><a xlink:href="#nine-0010"><text x="1596.25" y="44">nine</text><text x="1596.25" y="44">nine</text></a></g><path d="M1781.5 40h20" /><path d="M1391.0 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="non-terminal "> <path d="M1411.0 70h158.25" /><path d="M1623.25 70h158.25" /><rect height="22" width="54" x="1569.25" y="59"></rect><a xlink:href="#four-0011"><text x="1596.25" y="74">four</text><text x="1596.25" y="74">four</text></a></g><path d="M1781.5 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M1391.0 40a10 10 0 0 1 10 10v65a10 10 0 0 0 10 10" /><g> <path d="M1411.0 125h0.0" /><path d="M1781.5 125h0.0" /><g> <path d="M1411.0 125h0.0" /><path d="M1505.0 125h0.0" /><path d="M1411.0 125a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M1431.0 105h54.0" /></g><path d="M1485.0 105a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M1411.0 125h20" /><g class="non-terminal "> <path d="M1431.0 125h0.0" /><path d="M1485.0 125h0.0" /><rect height="22" width="54" x="1431" y="114"></rect><a xlink:href="#five-0012"><text x="1458" y="129">five</text><text x="1458" y="129">five</text></a></g><path d="M1485.0 125h20" /></g><g> <path d="M1505.0 125h0.0" /><path d="M1781.5 125h0.0" /><path d="M1505.0 125a10 10 0 0 0 10 -10v-16a10 10 0 0 1 10 -10" /><g> <path d="M1525.0 89h236.5" /></g><path d="M1761.5 89a10 10 0 0 1 10 10v16a10 10 0 0 0 10 10" /><path d="M1505.0 125h20" /><g> <path d="M1525.0 125h0.0" /><path d="M1761.5 125h0.0" /><g class="non-terminal "> <path d="M1525.0 125h0.0" /><path d="M1570.5 125h0.0" /><rect height="22" width="45.5" x="1525" y="114"></rect><a xlink:href="#one-0013"><text x="1547.75" y="129">one</text><text x="1547.75" y="129">one</text></a></g><path d="M1570.5 125h10" /><g> <path d="M1580.5 125h0.0" /><path d="M1761.5 125h0.0" /><path d="M1580.5 125a10 10 0 0 0 10 -10v-8a10 10 0 0 1 10 -10" /><g> <path d="M1600.5 97h141.0" /></g><path d="M1741.5 97a10 10 0 0 1 10 10v8a10 10 0 0 0 10 10" /><path d="M1580.5 125h20" /><g> <path d="M1600.5 125h0.0" /><path d="M1741.5 125h0.0" /><g class="non-terminal "> <path d="M1600.5 125h0.0" /><path d="M1646.0 125h0.0" /><rect height="22" width="45.5" x="1600.5" y="114"></rect><a xlink:href="#one-0013"><text x="1623.25" y="129">one</text><text x="1623.25" y="129">one</text></a></g><path d="M1646.0 125h10" /><g> <path d="M1656.0 125h0.0" /><path d="M1741.5 125h0.0" /><path d="M1656.0 125a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g> <path d="M1676.0 105h45.5" /></g><path d="M1721.5 105a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M1656.0 125h20" /><g class="non-terminal "> <path d="M1676.0 125h0.0" /><path d="M1721.5 125h0.0" /><rect height="22" width="45.5" x="1676" y="114"></rect><a xlink:href="#one-0013"><text x="1698.75" y="129">one</text><text x="1698.75" y="129">one</text></a></g><path d="M1721.5 125h20" /></g></g><path d="M1741.5 125h20" /></g></g><path d="M1761.5 125h20" /></g></g><path d="M1781.5 125a10 10 0 0 0 10 -10v-65a10 10 0 0 1 10 -10" /></g><path d="M1801.5 40h20" /></g></g><path d="M1821.5 40h10" /><path d="M 1831.5 40 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="onethousand-0001">onethousand</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'M'</text></g><path d="M95.5 31h10" /><path d="M 105.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="ninehundred-0002">ninehundred</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.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 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal "> <path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'CM'</text></g><path d="M104.0 31h10" /><path d="M 114.0 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="fourhundred-0003">fourhundred</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.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 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal "> <path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'CD'</text></g><path d="M104.0 31h10" /><path d="M 114.0 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="fivehundred-0004">fivehundred</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'D'</text></g><path d="M95.5 31h10" /><path d="M 105.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="onehundred-0005">onehundred</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'C'</text></g><path d="M95.5 31h10" /><path d="M 105.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="ninety-0006">ninety</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.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 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal "> <path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'XC'</text></g><path d="M104.0 31h10" /><path d="M 114.0 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="forty-0007">forty</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.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 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal "> <path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'XL'</text></g><path d="M104.0 31h10" /><path d="M 114.0 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="fifty-0008">fifty</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'L'</text></g><path d="M95.5 31h10" /><path d="M 105.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="ten-0009">ten</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'X'</text></g><path d="M95.5 31h10" /><path d="M 105.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="nine-0010">nine</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.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 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal "> <path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'IX'</text></g><path d="M104.0 31h10" /><path d="M 114.0 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="four-0011">four</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 154.0 62" width="154.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 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal "> <path d="M50 31h0.0" /><path d="M104.0 31h0.0" /><rect height="22" rx="10" ry="10" width="54" x="50" y="20"></rect><text x="77" y="35">'IV'</text></g><path d="M104.0 31h10" /><path d="M 114.0 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="five-0012">five</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'V'</text></g><path d="M95.5 31h10" /><path d="M 105.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="one-0013">one</h1> <div class="railroad-description"></div> <div class="railroad-svg"> <svg class="railroad-diagram" height="62" viewBox="0 0 145.5 62" width="145.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="M95.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="50" y="20"></rect><text x="72.75" y="35">'I'</text></g><path d="M95.5 31h10" /><path d="M 105.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>