@phoenix-plugin-registry/swmitra.html-designer/html/vRulerTemplate.html

NOW WITH RESPONSIVE DESIGN TOOLS (BETA)! Design and customize web ui with HTML and CSS. Now with taggable Design snippet/bookmark support.

<div class="ruler vRule" style="transition:all 100ms;width: 22px; height: 3650px; top: 0px; left: 0px;"><div class="tickLabel" style="top: 22px;"><span>0</span></div><div class="tickMinor" style="top: 27px;"></div><div class="tickMajor" style="top: 32px;"></div><div class="tickMinor" style="top: 37px;"></div><div class="tickMajor" style="top: 42px;"></div><div class="tickMinor" style="top: 47px;"></div><div class="tickMajor" style="top: 52px;"></div><div class="tickMinor" style="top: 57px;"></div><div class="tickMajor" style="top: 62px;"></div><div class="tickMinor" style="top: 67px;"></div><div class="tickLabel" style="top: 72px;"><span>50</span></div><div class="tickMinor" style="top: 77px;"></div><div class="tickMajor" style="top: 82px;"></div><div class="tickMinor" style="top: 87px;"></div><div class="tickMajor" style="top: 92px;"></div><div class="tickMinor" style="top: 97px;"></div><div class="tickMajor" style="top: 102px;"></div><div class="tickMinor" style="top: 107px;"></div><div class="tickMajor" style="top: 112px;"></div><div class="tickMinor" style="top: 117px;"></div><div class="tickLabel" style="top: 122px;"><span>100</span></div><div class="tickMinor" style="top: 127px;"></div><div class="tickMajor" style="top: 132px;"></div><div class="tickMinor" style="top: 137px;"></div><div class="tickMajor" style="top: 142px;"></div><div class="tickMinor" style="top: 147px;"></div><div class="tickMajor" style="top: 152px;"></div><div class="tickMinor" style="top: 157px;"></div><div class="tickMajor" style="top: 162px;"></div><div class="tickMinor" style="top: 167px;"></div><div class="tickLabel" style="top: 172px;"><span>150</span></div><div class="tickMinor" style="top: 177px;"></div><div class="tickMajor" style="top: 182px;"></div><div class="tickMinor" style="top: 187px;"></div><div class="tickMajor" style="top: 192px;"></div><div class="tickMinor" style="top: 197px;"></div><div class="tickMajor" style="top: 202px;"></div><div class="tickMinor" style="top: 207px;"></div><div class="tickMajor" style="top: 212px;"></div><div class="tickMinor" style="top: 217px;"></div><div class="tickLabel" style="top: 222px;"><span>200</span></div><div class="tickMinor" style="top: 227px;"></div><div class="tickMajor" style="top: 232px;"></div><div class="tickMinor" style="top: 237px;"></div><div class="tickMajor" style="top: 242px;"></div><div class="tickMinor" style="top: 247px;"></div><div class="tickMajor" style="top: 252px;"></div><div class="tickMinor" style="top: 257px;"></div><div class="tickMajor" style="top: 262px;"></div><div class="tickMinor" style="top: 267px;"></div><div class="tickLabel" style="top: 272px;"><span>250</span></div><div class="tickMinor" style="top: 277px;"></div><div class="tickMajor" style="top: 282px;"></div><div class="tickMinor" style="top: 287px;"></div><div class="tickMajor" style="top: 292px;"></div><div class="tickMinor" style="top: 297px;"></div><div class="tickMajor" style="top: 302px;"></div><div class="tickMinor" style="top: 307px;"></div><div class="tickMajor" style="top: 312px;"></div><div class="tickMinor" style="top: 317px;"></div><div class="tickLabel" style="top: 322px;"><span>300</span></div><div class="tickMinor" style="top: 327px;"></div><div class="tickMajor" style="top: 332px;"></div><div class="tickMinor" style="top: 337px;"></div><div class="tickMajor" style="top: 342px;"></div><div class="tickMinor" style="top: 347px;"></div><div class="tickMajor" style="top: 352px;"></div><div class="tickMinor" style="top: 357px;"></div><div class="tickMajor" style="top: 362px;"></div><div class="tickMinor" style="top: 367px;"></div><div class="tickLabel" style="top: 372px;"><span>350</span></div><div class="tickMinor" style="top: 377px;"></div><div class="tickMajor" style="top: 382px;"></div><div class="tickMinor" style="top: 387px;"></div><div class="tickMajor" style="top: 392px;"></div><div class="tickMinor" style="top: 397px;"></div><div class="tickMajor" style="top: 402px;"></div><div class="tickMinor" style="top: 407px;"></div><div class="tickMajor" style="top: 412px;"></div><div class="tickMinor" style="top: 417px;"></div><div class="tickLabel" style="top: 422px;"><span>400</span></div><div class="tickMinor" style="top: 427px;"></div><div class="tickMajor" style="top: 432px;"></div><div class="tickMinor" style="top: 437px;"></div><div class="tickMajor" style="top: 442px;"></div><div class="tickMinor" style="top: 447px;"></div><div class="tickMajor" style="top: 452px;"></div><div class="tickMinor" style="top: 457px;"></div><div class="tickMajor" style="top: 462px;"></div><div class="tickMinor" style="top: 467px;"></div><div class="tickLabel" style="top: 472px;"><span>450</span></div><div class="tickMinor" style="top: 477px;"></div><div class="tickMajor" style="top: 482px;"></div><div class="tickMinor" style="top: 487px;"></div><div class="tickMajor" style="top: 492px;"></div><div class="tickMinor" style="top: 497px;"></div><div class="tickMajor" style="top: 502px;"></div><div class="tickMinor" style="top: 507px;"></div><div class="tickMajor" style="top: 512px;"></div><div class="tickMinor" style="top: 517px;"></div><div class="tickLabel" style="top: 522px;"><span>500</span></div><div class="tickMinor" style="top: 527px;"></div><div class="tickMajor" style="top: 532px;"></div><div class="tickMinor" style="top: 537px;"></div><div class="tickMajor" style="top: 542px;"></div><div class="tickMinor" style="top: 547px;"></div><div class="tickMajor" style="top: 552px;"></div><div class="tickMinor" style="top: 557px;"></div><div class="tickMajor" style="top: 562px;"></div><div class="tickMinor" style="top: 567px;"></div><div class="tickLabel" style="top: 572px;"><span>550</span></div><div class="tickMinor" style="top: 577px;"></div><div class="tickMajor" style="top: 582px;"></div><div class="tickMinor" style="top: 587px;"></div><div class="tickMajor" style="top: 592px;"></div><div class="tickMinor" style="top: 597px;"></div><div class="tickMajor" style="top: 602px;"></div><div class="tickMinor" style="top: 607px;"></div><div class="tickMajor" style="top: 612px;"></div><div class="tickMinor" style="top: 617px;"></div><div class="tickLabel" style="top: 622px;"><span>600</span></div><div class="tickMinor" style="top: 627px;"></div><div class="tickMajor" style="top: 632px;"></div><div class="tickMinor" style="top: 637px;"></div><div class="tickMajor" style="top: 642px;"></div><div class="tickMinor" style="top: 647px;"></div><div class="tickMajor" style="top: 652px;"></div><div class="tickMinor" style="top: 657px;"></div><div class="tickMajor" style="top: 662px;"></div><div class="tickMinor" style="top: 667px;"></div><div class="tickLabel" style="top: 672px;"><span>650</span></div><div class="tickMinor" style="top: 677px;"></div><div class="tickMajor" style="top: 682px;"></div><div class="tickMinor" style="top: 687px;"></div><div class="tickMajor" style="top: 692px;"></div><div class="tickMinor" style="top: 697px;"></div><div class="tickMajor" style="top: 702px;"></div><div class="tickMinor" style="top: 707px;"></div><div class="tickMajor" style="top: 712px;"></div><div class="tickMinor" style="top: 717px;"></div><div class="tickLabel" style="top: 722px;"><span>700</span></div><div class="tickMinor" style="top: 727px;"></div><div class="tickMajor" style="top: 732px;"></div><div class="tickMinor" style="top: 737px;"></div><div class="tickMajor" style="top: 742px;"></div><div class="tickMinor" style="top: 747px;"></div><div class="tickMajor" style="top: 752px;"></div><div class="tickMinor" style="top: 757px;"></div><div class="tickMajor" style="top: 762px;"></div><div class="tickMinor" style="top: 767px;"></div><div class="tickLabel" style="top: 772px;"><span>750</span></div><div class="tickMinor" style="top: 777px;"></div><div class="tickMajor" style="top: 782px;"></div><div class="tickMinor" style="top: 787px;"></div><div class="tickMajor" style="top: 792px;"></div><div class="tickMinor" style="top: 797px;"></div><div class="tickMajor" style="top: 802px;"></div><div class="tickMinor" style="top: 807px;"></div><div class="tickMajor" style="top: 812px;"></div><div class="tickMinor" style="top: 817px;"></div><div class="tickLabel" style="top: 822px;"><span>800</span></div><div class="tickMinor" style="top: 827px;"></div><div class="tickMajor" style="top: 832px;"></div><div class="tickMinor" style="top: 837px;"></div><div class="tickMajor" style="top: 842px;"></div><div class="tickMinor" style="top: 847px;"></div><div class="tickMajor" style="top: 852px;"></div><div class="tickMinor" style="top: 857px;"></div><div class="tickMajor" style="top: 862px;"></div><div class="tickMinor" style="top: 867px;"></div><div class="tickLabel" style="top: 872px;"><span>850</span></div><div class="tickMinor" style="top: 877px;"></div><div class="tickMajor" style="top: 882px;"></div><div class="tickMinor" style="top: 887px;"></div><div class="tickMajor" style="top: 892px;"></div><div class="tickMinor" style="top: 897px;"></div><div class="tickMajor" style="top: 902px;"></div><div class="tickMinor" style="top: 907px;"></div><div class="tickMajor" style="top: 912px;"></div><div class="tickMinor" style="top: 917px;"></div><div class="tickLabel" style="top: 922px;"><span>900</span></div><div class="tickMinor" style="top: 927px;"></div><div class="tickMajor" style="top: 932px;"></div><div class="tickMinor" style="top: 937px;"></div><div class="tickMajor" style="top: 942px;"></div><div class="tickMinor" style="top: 947px;"></div><div class="tickMajor" style="top: 952px;"></div><div class="tickMinor" style="top: 957px;"></div><div class="tickMajor" style="top: 962px;"></div><div class="tickMinor" style="top: 967px;"></div><div class="tickLabel" style="top: 972px;"><span>950</span></div><div class="tickMinor" style="top: 977px;"></div><div class="tickMajor" style="top: 982px;"></div><div class="tickMinor" style="top: 987px;"></div><div class="tickMajor" style="top: 992px;"></div><div class="tickMinor" style="top: 997px;"></div><div class="tickMajor" style="top: 1002px;"></div><div class="tickMinor" style="top: 1007px;"></div><div class="tickMajor" style="top: 1012px;"></div><div class="tickMinor" style="top: 1017px;"></div><div class="tickLabel" style="top: 1022px;"><span>1000</span></div><div class="tickMinor" style="top: 1027px;"></div><div class="tickMajor" style="top: 1032px;"></div><div class="tickMinor" style="top: 1037px;"></div><div class="tickMajor" style="top: 1042px;"></div><div class="tickMinor" style="top: 1047px;"></div><div class="tickMajor" style="top: 1052px;"></div><div class="tickMinor" style="top: 1057px;"></div><div class="tickMajor" style="top: 1062px;"></div><div class="tickMinor" style="top: 1067px;"></div><div class="tickLabel" style="top: 1072px;"><span>1050</span></div><div class="tickMinor" style="top: 1077px;"></div><div class="tickMajor" style="top: 1082px;"></div><div class="tickMinor" style="top: 1087px;"></div><div class="tickMajor" style="top: 1092px;"></div><div class="tickMinor" style="top: 1097px;"></div><div class="tickMajor" style="top: 1102px;"></div><div class="tickMinor" style="top: 1107px;"></div><div class="tickMajor" style="top: 1112px;"></div><div class="tickMinor" style="top: 1117px;"></div><div class="tickLabel" style="top: 1122px;"><span>1100</span></div><div class="tickMinor" style="top: 1127px;"></div><div class="tickMajor" style="top: 1132px;"></div><div class="tickMinor" style="top: 1137px;"></div><div class="tickMajor" style="top: 1142px;"></div><div class="tickMinor" style="top: 1147px;"></div><div class="tickMajor" style="top: 1152px;"></div><div class="tickMinor" style="top: 1157px;"></div><div class="tickMajor" style="top: 1162px;"></div><div class="tickMinor" style="top: 1167px;"></div><div class="tickLabel" style="top: 1172px;"><span>1150</span></div><div class="tickMinor" style="top: 1177px;"></div><div class="tickMajor" style="top: 1182px;"></div><div class="tickMinor" style="top: 1187px;"></div><div class="tickMajor" style="top: 1192px;"></div><div class="tickMinor" style="top: 1197px;"></div><div class="tickMajor" style="top: 1202px;"></div><div class="tickMinor" style="top: 1207px;"></div><div class="tickMajor" style="top: 1212px;"></div><div class="tickMinor" style="top: 1217px;"></div><div class="tickLabel" style="top: 1222px;"><span>1200</span></div><div class="tickMinor" style="top: 1227px;"></div><div class="tickMajor" style="top: 1232px;"></div><div class="tickMinor" style="top: 1237px;"></div><div class="tickMajor" style="top: 1242px;"></div><div class="tickMinor" style="top: 1247px;"></div><div class="tickMajor" style="top: 1252px;"></div><div class="tickMinor" style="top: 1257px;"></div><div class="tickMajor" style="top: 1262px;"></div><div class="tickMinor" style="top: 1267px;"></div><div class="tickLabel" style="top: 1272px;"><span>1250</span></div><div class="tickMinor" style="top: 1277px;"></div><div class="tickMajor" style="top: 1282px;"></div><div class="tickMinor" style="top: 1287px;"></div><div class="tickMajor" style="top: 1292px;"></div><div class="tickMinor" style="top: 1297px;"></div><div class="tickMajor" style="top: 1302px;"></div><div class="tickMinor" style="top: 1307px;"></div><div class="tickMajor" style="top: 1312px;"></div><div class="tickMinor" style="top: 1317px;"></div><div class="tickLabel" style="top: 1322px;"><span>1300</span></div><div class="tickMinor" style="top: 1327px;"></div><div class="tickMajor" style="top: 1332px;"></div><div class="tickMinor" style="top: 1337px;"></div><div class="tickMajor" style="top: 1342px;"></div><div class="tickMinor" style="top: 1347px;"></div><div class="tickMajor" style="top: 1352px;"></div><div class="tickMinor" style="top: 1357px;"></div><div class="tickMajor" style="top: 1362px;"></div><div class="tickMinor" style="top: 1367px;"></div><div class="tickLabel" style="top: 1372px;"><span>1350</span></div><div class="tickMinor" style="top: 1377px;"></div><div class="tickMajor" style="top: 1382px;"></div><div class="tickMinor" style="top: 1387px;"></div><div class="tickMajor" style="top: 1392px;"></div><div class="tickMinor" style="top: 1397px;"></div><div class="tickMajor" style="top: 1402px;"></div><div class="tickMinor" style="top: 1407px;"></div><div class="tickMajor" style="top: 1412px;"></div><div class="tickMinor" style="top: 1417px;"></div><div class="tickLabel" style="top: 1422px;"><span>1400</span></div><div class="tickMinor" style="top: 1427px;"></div><div class="tickMajor" style="top: 1432px;"></div><div class="tickMinor" style="top: 1437px;"></div><div class="tickMajor" style="top: 1442px;"></div><div class="tickMinor" style="top: 1447px;"></div><div class="tickMajor" style="top: 1452px;"></div><div class="tickMinor" style="top: 1457px;"></div><div class="tickMajor" style="top: 1462px;"></div><div class="tickMinor" style="top: 1467px;"></div><div class="tickLabel" style="top: 1472px;"><span>1450</span></div><div class="tickMinor" style="top: 1477px;"></div><div class="tickMajor" style="top: 1482px;"></div><div class="tickMinor" style="top: 1487px;"></div><div class="tickMajor" style="top: 1492px;"></div><div class="tickMinor" style="top: 1497px;"></div><div class="tickMajor" style="top: 1502px;"></div><div class="tickMinor" style="top: 1507px;"></div><div class="tickMajor" style="top: 1512px;"></div><div class="tickMinor" style="top: 1517px;"></div><div class="tickLabel" style="top: 1522px;"><span>1500</span></div><div class="tickMinor" style="top: 1527px;"></div><div class="tickMajor" style="top: 1532px;"></div><div class="tickMinor" style="top: 1537px;"></div><div class="tickMajor" style="top: 1542px;"></div><div class="tickMinor" style="top: 1547px;"></div><div class="tickMajor" style="top: 1552px;"></div><div class="tickMinor" style="top: 1557px;"></div><div class="tickMajor" style="top: 1562px;"></div><div class="tickMinor" style="top: 1567px;"></div><div class="tickLabel" style="top: 1572px;"><span>1550</span></div><div class="tickMinor" style="top: 1577px;"></div><div class="tickMajor" style="top: 1582px;"></div><div class="tickMinor" style="top: 1587px;"></div><div class="tickMajor" style="top: 1592px;"></div><div class="tickMinor" style="top: 1597px;"></div><div class="tickMajor" style="top: 1602px;"></div><div class="tickMinor" style="top: 1607px;"></div><div class="tickMajor" style="top: 1612px;"></div><div class="tickMinor" style="top: 1617px;"></div><div class="tickLabel" style="top: 1622px;"><span>1600</span></div><div class="tickMinor" style="top: 1627px;"></div><div class="tickMajor" style="top: 1632px;"></div><div class="tickMinor" style="top: 1637px;"></div><div class="tickMajor" style="top: 1642px;"></div><div class="tickMinor" style="top: 1647px;"></div><div class="tickMajor" style="top: 1652px;"></div><div class="tickMinor" style="top: 1657px;"></div><div class="tickMajor" style="top: 1662px;"></div><div class="tickMinor" style="top: 1667px;"></div><div class="tickLabel" style="top: 1672px;"><span>1650</span></div><div class="tickMinor" style="top: 1677px;"></div><div class="tickMajor" style="top: 1682px;"></div><div class="tickMinor" style="top: 1687px;"></div><div class="tickMajor" style="top: 1692px;"></div><div class="tickMinor" style="top: 1697px;"></div><div class="tickMajor" style="top: 1702px;"></div><div class="tickMinor" style="top: 1707px;"></div><div class="tickMajor" style="top: 1712px;"></div><div class="tickMinor" style="top: 1717px;"></div><div class="tickLabel" style="top: 1722px;"><span>1700</span></div><div class="tickMinor" style="top: 1727px;"></div><div class="tickMajor" style="top: 1732px;"></div><div class="tickMinor" style="top: 1737px;"></div><div class="tickMajor" style="top: 1742px;"></div><div class="tickMinor" style="top: 1747px;"></div><div class="tickMajor" style="top: 1752px;"></div><div class="tickMinor" style="top: 1757px;"></div><div class="tickMajor" style="top: 1762px;"></div><div class="tickMinor" style="top: 1767px;"></div><div class="tickLabel" style="top: 1772px;"><span>1750</span></div><div class="tickMinor" style="top: 1777px;"></div><div class="tickMajor" style="top: 1782px;"></div><div class="tickMinor" style="top: 1787px;"></div><div class="tickMajor" style="top: 1792px;"></div><div class="tickMinor" style="top: 1797px;"></div><div class="tickMajor" style="top: 1802px;"></div><div class="tickMinor" style="top: 1807px;"></div><div class="tickMajor" style="top: 1812px;"></div><div class="tickMinor" style="top: 1817px;"></div><div class="tickLabel" style="top: 1822px;"><span>1800</span></div><div class="tickMinor" style="top: 1827px;"></div><div class="tickMajor" style="top: 1832px;"></div><div class="tickMinor" style="top: 1837px;"></div><div class="tickMajor" style="top: 1842px;"></div><div class="tickMinor" style="top: 1847px;"></div><div class="tickMajor" style="top: 1852px;"></div><div class="tickMinor" style="top: 1857px;"></div><div class="tickMajor" style="top: 1862px;"></div><div class="tickMinor" style="top: 1867px;"></div><div class="tickLabel" style="top: 1872px;"><span>1850</span></div><div class="tickMinor" style="top: 1877px;"></div><div class="tickMajor" style="top: 1882px;"></div><div class="tickMinor" style="top: 1887px;"></div><div class="tickMajor" style="top: 1892px;"></div><div class="tickMinor" style="top: 1897px;"></div><div class="tickMajor" style="top: 1902px;"></div><div class="tickMinor" style="top: 1907px;"></div><div class="tickMajor" style="top: 1912px;"></div><div class="tickMinor" style="top: 1917px;"></div><div class="tickLabel" style="top: 1922px;"><span>1900</span></div><div class="tickMinor" style="top: 1927px;"></div><div class="tickMajor" style="top: 1932px;"></div><div class="tickMinor" style="top: 1937px;"></div><div class="tickMajor" style="top: 1942px;"></div><div class="tickMinor" style="top: 1947px;"></div><div class="tickMajor" style="top: 1952px;"></div><div class="tickMinor" style="top: 1957px;"></div><div class="tickMajor" style="top: 1962px;"></div><div class="tickMinor" style="top: 1967px;"></div><div class="tickLabel" style="top: 1972px;"><span>1950</span></div><div class="tickMinor" style="top: 1977px;"></div><div class="tickMajor" style="top: 1982px;"></div><div class="tickMinor" style="top: 1987px;"></div><div class="tickMajor" style="top: 1992px;"></div><div class="tickMinor" style="top: 1997px;"></div><div class="tickMajor" style="top: 2002px;"></div><div class="tickMinor" style="top: 2007px;"></div><div class="tickMajor" style="top: 2012px;"></div><div class="tickMinor" style="top: 2017px;"></div><div class="tickLabel" style="top: 2022px;"><span>2000</span></div><div class="tickMinor" style="top: 2027px;"></div><div class="tickMajor" style="top: 2032px;"></div><div class="tickMinor" style="top: 2037px;"></div><div class="tickMajor" style="top: 2042px;"></div><div class="tickMinor" style="top: 2047px;"></div><div class="tickMajor" style="top: 2052px;"></div><div class="tickMinor" style="top: 2057px;"></div><div class="tickMajor" style="top: 2062px;"></div><div class="tickMinor" style="top: 2067px;"></div><div class="tickLabel" style="top: 2072px;"><span>2050</span></div><div class="tickMinor" style="top: 2077px;"></div><div class="tickMajor" style="top: 2082px;"></div><div class="tickMinor" style="top: 2087px;"></div><div class="tickMajor" style="top: 2092px;"></div><div class="tickMinor" style="top: 2097px;"></div><div class="tickMajor" style="top: 2102px;"></div><div class="tickMinor" style="top: 2107px;"></div><div class="tickMajor" style="top: 2112px;"></div><div class="tickMinor" style="top: 2117px;"></div><div class="tickLabel" style="top: 2122px;"><span>2100</span></div><div class="tickMinor" style="top: 2127px;"></div><div class="tickMajor" style="top: 2132px;"></div><div class="tickMinor" style="top: 2137px;"></div><div class="tickMajor" style="top: 2142px;"></div><div class="tickMinor" style="top: 2147px;"></div><div class="tickMajor" style="top: 2152px;"></div><div class="tickMinor" style="top: 2157px;"></div><div class="tickMajor" style="top: 2162px;"></div><div class="tickMinor" style="top: 2167px;"></div><div class="tickLabel" style="top: 2172px;"><span>2150</span></div><div class="tickMinor" style="top: 2177px;"></div><div class="tickMajor" style="top: 2182px;"></div><div class="tickMinor" style="top: 2187px;"></div><div class="tickMajor" style="top: 2192px;"></div><div class="tickMinor" style="top: 2197px;"></div><div class="tickMajor" style="top: 2202px;"></div><div class="tickMinor" style="top: 2207px;"></div><div class="tickMajor" style="top: 2212px;"></div><div class="tickMinor" style="top: 2217px;"></div><div class="tickLabel" style="top: 2222px;"><span>2200</span></div><div class="tickMinor" style="top: 2227px;"></div><div class="tickMajor" style="top: 2232px;"></div><div class="tickMinor" style="top: 2237px;"></div><div class="tickMajor" style="top: 2242px;"></div><div class="tickMinor" style="top: 2247px;"></div><div class="tickMajor" style="top: 2252px;"></div><div class="tickMinor" style="top: 2257px;"></div><div class="tickMajor" style="top: 2262px;"></div><div class="tickMinor" style="top: 2267px;"></div><div class="tickLabel" style="top: 2272px;"><span>2250</span></div><div class="tickMinor" style="top: 2277px;"></div><div class="tickMajor" style="top: 2282px;"></div><div class="tickMinor" style="top: 2287px;"></div><div class="tickMajor" style="top: 2292px;"></div><div class="tickMinor" style="top: 2297px;"></div><div class="tickMajor" style="top: 2302px;"></div><div class="tickMinor" style="top: 2307px;"></div><div class="tickMajor" style="top: 2312px;"></div><div class="tickMinor" style="top: 2317px;"></div><div class="tickLabel" style="top: 2322px;"><span>2300</span></div><div class="tickMinor" style="top: 2327px;"></div><div class="tickMajor" style="top: 2332px;"></div><div class="tickMinor" style="top: 2337px;"></div><div class="tickMajor" style="top: 2342px;"></div><div class="tickMinor" style="top: 2347px;"></div><div class="tickMajor" style="top: 2352px;"></div><div class="tickMinor" style="top: 2357px;"></div><div class="tickMajor" style="top: 2362px;"></div><div class="tickMinor" style="top: 2367px;"></div><div class="tickLabel" style="top: 2372px;"><span>2350</span></div><div class="tickMinor" style="top: 2377px;"></div><div class="tickMajor" style="top: 2382px;"></div><div class="tickMinor" style="top: 2387px;"></div><div class="tickMajor" style="top: 2392px;"></div><div class="tickMinor" style="top: 2397px;"></div><div class="tickMajor" style="top: 2402px;"></div><div class="tickMinor" style="top: 2407px;"></div><div class="tickMajor" style="top: 2412px;"></div><div class="tickMinor" style="top: 2417px;"></div><div class="tickLabel" style="top: 2422px;"><span>2400</span></div><div class="tickMinor" style="top: 2427px;"></div><div class="tickMajor" style="top: 2432px;"></div><div class="tickMinor" style="top: 2437px;"></div><div class="tickMajor" style="top: 2442px;"></div><div class="tickMinor" style="top: 2447px;"></div><div class="tickMajor" style="top: 2452px;"></div><div class="tickMinor" style="top: 2457px;"></div><div class="tickMajor" style="top: 2462px;"></div><div class="tickMinor" style="top: 2467px;"></div><div class="tickLabel" style="top: 2472px;"><span>2450</span></div><div class="tickMinor" style="top: 2477px;"></div><div class="tickMajor" style="top: 2482px;"></div><div class="tickMinor" style="top: 2487px;"></div><div class="tickMajor" style="top: 2492px;"></div><div class="tickMinor" style="top: 2497px;"></div><div class="tickMajor" style="top: 2502px;"></div><div class="tickMinor" style="top: 2507px;"></div><div class="tickMajor" style="top: 2512px;"></div><div class="tickMinor" style="top: 2517px;"></div><div class="tickLabel" style="top: 2522px;"><span>2500</span></div><div class="tickMinor" style="top: 2527px;"></div><div class="tickMajor" style="top: 2532px;"></div><div class="tickMinor" style="top: 2537px;"></div><div class="tickMajor" style="top: 2542px;"></div><div class="tickMinor" style="top: 2547px;"></div><div class="tickMajor" style="top: 2552px;"></div><div class="tickMinor" style="top: 2557px;"></div><div class="tickMajor" style="top: 2562px;"></div><div class="tickMinor" style="top: 2567px;"></div><div class="tickLabel" style="top: 2572px;"><span>2550</span></div><div class="tickMinor" style="top: 2577px;"></div><div class="tickMajor" style="top: 2582px;"></div><div class="tickMinor" style="top: 2587px;"></div><div class="tickMajor" style="top: 2592px;"></div><div class="tickMinor" style="top: 2597px;"></div><div class="tickMajor" style="top: 2602px;"></div><div class="tickMinor" style="top: 2607px;"></div><div class="tickMajor" style="top: 2612px;"></div><div class="tickMinor" style="top: 2617px;"></div><div class="tickLabel" style="top: 2622px;"><span>2600</span></div><div class="tickMinor" style="top: 2627px;"></div><div class="tickMajor" style="top: 2632px;"></div><div class="tickMinor" style="top: 2637px;"></div><div class="tickMajor" style="top: 2642px;"></div><div class="tickMinor" style="top: 2647px;"></div><div class="tickMajor" style="top: 2652px;"></div><div class="tickMinor" style="top: 2657px;"></div><div class="tickMajor" style="top: 2662px;"></div><div class="tickMinor" style="top: 2667px;"></div><div class="tickLabel" style="top: 2672px;"><span>2650</span></div><div class="tickMinor" style="top: 2677px;"></div><div class="tickMajor" style="top: 2682px;"></div><div class="tickMinor" style="top: 2687px;"></div><div class="tickMajor" style="top: 2692px;"></div><div class="tickMinor" style="top: 2697px;"></div><div class="tickMajor" style="top: 2702px;"></div><div class="tickMinor" style="top: 2707px;"></div><div class="tickMajor" style="top: 2712px;"></div><div class="tickMinor" style="top: 2717px;"></div><div class="tickLabel" style="top: 2722px;"><span>2700</span></div><div class="tickMinor" style="top: 2727px;"></div><div class="tickMajor" style="top: 2732px;"></div><div class="tickMinor" style="top: 2737px;"></div><div class="tickMajor" style="top: 2742px;"></div><div class="tickMinor" style="top: 2747px;"></div><div class="tickMajor" style="top: 2752px;"></div><div class="tickMinor" style="top: 2757px;"></div><div class="tickMajor" style="top: 2762px;"></div><div class="tickMinor" style="top: 2767px;"></div><div class="tickLabel" style="top: 2772px;"><span>2750</span></div><div class="tickMinor" style="top: 2777px;"></div><div class="tickMajor" style="top: 2782px;"></div><div class="tickMinor" style="top: 2787px;"></div><div class="tickMajor" style="top: 2792px;"></div><div class="tickMinor" style="top: 2797px;"></div><div class="tickMajor" style="top: 2802px;"></div><div class="tickMinor" style="top: 2807px;"></div><div class="tickMajor" style="top: 2812px;"></div><div class="tickMinor" style="top: 2817px;"></div><div class="tickLabel" style="top: 2822px;"><span>2800</span></div><div class="tickMinor" style="top: 2827px;"></div><div class="tickMajor" style="top: 2832px;"></div><div class="tickMinor" style="top: 2837px;"></div><div class="tickMajor" style="top: 2842px;"></div><div class="tickMinor" style="top: 2847px;"></div><div class="tickMajor" style="top: 2852px;"></div><div class="tickMinor" style="top: 2857px;"></div><div class="tickMajor" style="top: 2862px;"></div><div class="tickMinor" style="top: 2867px;"></div><div class="tickLabel" style="top: 2872px;"><span>2850</span></div><div class="tickMinor" style="top: 2877px;"></div><div class="tickMajor" style="top: 2882px;"></div><div class="tickMinor" style="top: 2887px;"></div><div class="tickMajor" style="top: 2892px;"></div><div class="tickMinor" style="top: 2897px;"></div><div class="tickMajor" style="top: 2902px;"></div><div class="tickMinor" style="top: 2907px;"></div><div class="tickMajor" style="top: 2912px;"></div><div class="tickMinor" style="top: 2917px;"></div><div class="tickLabel" style="top: 2922px;"><span>2900</span></div><div class="tickMinor" style="top: 2927px;"></div><div class="tickMajor" style="top: 2932px;"></div><div class="tickMinor" style="top: 2937px;"></div><div class="tickMajor" style="top: 2942px;"></div><div class="tickMinor" style="top: 2947px;"></div><div class="tickMajor" style="top: 2952px;"></div><div class="tickMinor" style="top: 2957px;"></div><div class="tickMajor" style="top: 2962px;"></div><div class="tickMinor" style="top: 2967px;"></div><div class="tickLabel" style="top: 2972px;"><span>2950</span></div><div class="tickMinor" style="top: 2977px;"></div><div class="tickMajor" style="top: 2982px;"></div><div class="tickMinor" style="top: 2987px;"></div><div class="tickMajor" style="top: 2992px;"></div><div class="tickMinor" style="top: 2997px;"></div><div class="tickMajor" style="top: 3002px;"></div><div class="tickMinor" style="top: 3007px;"></div><div class="tickMajor" style="top: 3012px;"></div><div class="tickMinor" style="top: 3017px;"></div><div class="tickLabel" style="top: 3022px;"><span>3000</span></div><div class="tickMinor" style="top: 3027px;"></div><div class="tickMajor" style="top: 3032px;"></div><div class="tickMinor" style="top: 3037px;"></div><div class="tickMajor" style="top: 3042px;"></div><div class="tickMinor" style="top: 3047px;"></div><div class="tickMajor" style="top: 3052px;"></div><div class="tickMinor" style="top: 3057px;"></div><div class="tickMajor" style="top: 3062px;"></div><div class="tickMinor" style="top: 3067px;"></div><div class="tickLabel" style="top: 3072px;"><span>3050</span></div><div class="tickMinor" style="top: 3077px;"></div><div class="tickMajor" style="top: 3082px;"></div><div class="tickMinor" style="top: 3087px;"></div><div class="tickMajor" style="top: 3092px;"></div><div class="tickMinor" style="top: 3097px;"></div><div class="tickMajor" style="top: 3102px;"></div><div class="tickMinor" style="top: 3107px;"></div><div class="tickMajor" style="top: 3112px;"></div><div class="tickMinor" style="top: 3117px;"></div><div class="tickLabel" style="top: 3122px;"><span>3100</span></div><div class="tickMinor" style="top: 3127px;"></div><div class="tickMajor" style="top: 3132px;"></div><div class="tickMinor" style="top: 3137px;"></div><div class="tickMajor" style="top: 3142px;"></div><div class="tickMinor" style="top: 3147px;"></div><div class="tickMajor" style="top: 3152px;"></div><div class="tickMinor" style="top: 3157px;"></div><div class="tickMajor" style="top: 3162px;"></div><div class="tickMinor" style="top: 3167px;"></div><div class="tickLabel" style="top: 3172px;"><span>3150</span></div><div class="tickMinor" style="top: 3177px;"></div><div class="tickMajor" style="top: 3182px;"></div><div class="tickMinor" style="top: 3187px;"></div><div class="tickMajor" style="top: 3192px;"></div><div class="tickMinor" style="top: 3197px;"></div><div class="tickMajor" style="top: 3202px;"></div><div class="tickMinor" style="top: 3207px;"></div><div class="tickMajor" style="top: 3212px;"></div><div class="tickMinor" style="top: 3217px;"></div><div class="tickLabel" style="top: 3222px;"><span>3200</span></div><div class="tickMinor" style="top: 3227px;"></div><div class="tickMajor" style="top: 3232px;"></div><div class="tickMinor" style="top: 3237px;"></div><div class="tickMajor" style="top: 3242px;"></div><div class="tickMinor" style="top: 3247px;"></div><div class="tickMajor" style="top: 3252px;"></div><div class="tickMinor" style="top: 3257px;"></div><div class="tickMajor" style="top: 3262px;"></div><div class="tickMinor" style="top: 3267px;"></div><div class="tickLabel" style="top: 3272px;"><span>3250</span></div><div class="tickMinor" style="top: 3277px;"></div><div class="tickMajor" style="top: 3282px;"></div><div class="tickMinor" style="top: 3287px;"></div><div class="tickMajor" style="top: 3292px;"></div><div class="tickMinor" style="top: 3297px;"></div><div class="tickMajor" style="top: 3302px;"></div><div class="tickMinor" style="top: 3307px;"></div><div class="tickMajor" style="top: 3312px;"></div><div class="tickMinor" style="top: 3317px;"></div><div class="tickLabel" style="top: 3322px;"><span>3300</span></div><div class="tickMinor" style="top: 3327px;"></div><div class="tickMajor" style="top: 3332px;"></div><div class="tickMinor" style="top: 3337px;"></div><div class="tickMajor" style="top: 3342px;"></div><div class="tickMinor" style="top: 3347px;"></div><div class="tickMajor" style="top: 3352px;"></div><div class="tickMinor" style="top: 3357px;"></div><div class="tickMajor" style="top: 3362px;"></div><div class="tickMinor" style="top: 3367px;"></div><div class="tickLabel" style="top: 3372px;"><span>3350</span></div><div class="tickMinor" style="top: 3377px;"></div><div class="tickMajor" style="top: 3382px;"></div><div class="tickMinor" style="top: 3387px;"></div><div class="tickMajor" style="top: 3392px;"></div><div class="tickMinor" style="top: 3397px;"></div><div class="tickMajor" style="top: 3402px;"></div><div class="tickMinor" style="top: 3407px;"></div><div class="tickMajor" style="top: 3412px;"></div><div class="tickMinor" style="top: 3417px;"></div><div class="tickLabel" style="top: 3422px;"><span>3400</span></div><div class="tickMinor" style="top: 3427px;"></div><div class="tickMajor" style="top: 3432px;"></div><div class="tickMinor" style="top: 3437px;"></div><div class="tickMajor" style="top: 3442px;"></div><div class="tickMinor" style="top: 3447px;"></div><div class="tickMajor" style="top: 3452px;"></div><div class="tickMinor" style="top: 3457px;"></div><div class="tickMajor" style="top: 3462px;"></div><div class="tickMinor" style="top: 3467px;"></div><div class="tickLabel" style="top: 3472px;"><span>3450</span></div><div class="tickMinor" style="top: 3477px;"></div><div class="tickMajor" style="top: 3482px;"></div><div class="tickMinor" style="top: 3487px;"></div><div class="tickMajor" style="top: 3492px;"></div><div class="tickMinor" style="top: 3497px;"></div><div class="tickMajor" style="top: 3502px;"></div><div class="tickMinor" style="top: 3507px;"></div><div class="tickMajor" style="top: 3512px;"></div><div class="tickMinor" style="top: 3517px;"></div><div class="tickLabel" style="top: 3522px;"><span>3500</span></div><div class="tickMinor" style="top: 3527px;"></div><div class="tickMajor" style="top: 3532px;"></div><div class="tickMinor" style="top: 3537px;"></div><div class="tickMajor" style="top: 3542px;"></div><div class="tickMinor" style="top: 3547px;"></div><div class="tickMajor" style="top: 3552px;"></div><div class="tickMinor" style="top: 3557px;"></div><div class="tickMajor" style="top: 3562px;"></div><div class="tickMinor" style="top: 3567px;"></div><div class="tickLabel" style="top: 3572px;"><span>3550</span></div><div class="tickMinor" style="top: 3577px;"></div><div class="tickMajor" style="top: 3582px;"></div><div class="tickMinor" style="top: 3587px;"></div><div class="tickMajor" style="top: 3592px;"></div><div class="tickMinor" style="top: 3597px;"></div><div class="tickMajor" style="top: 3602px;"></div><div class="tickMinor" style="top: 3607px;"></div><div class="tickMajor" style="top: 3612px;"></div><div class="tickMinor" style="top: 3617px;"></div><div class="tickLabel" style="top: 3622px;"><span>3600</span></div><div class="tickMinor" style="top: 3627px;"></div><div class="tickMajor" style="top: 3632px;"></div><div class="tickMinor" style="top: 3637px;"></div><div class="tickMajor" style="top: 3642px;"></div><div class="tickMinor" style="top: 3647px;"></div></div>