You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
5.6 KiB
HTML
42 lines
5.6 KiB
HTML
2 years ago
|
|
||
|
|
<div class="reset-this" id="header-group-grid">
|
||
|
|
<form class="reset-this grid-form" id="baseline-form">
|
||
|
|
<div class="reset-this grid-form-header">
|
||
|
|
<h1 class="reset-this">Baseline grid</h1>
|
||
|
|
<input class="reset-this" type="checkbox" id="baseline-toggle" name="baseline-toggle">
|
||
|
|
<label class="reset-this grid-form-label" for="baseline-toggle" id="label-baseline-toggle">See</label>
|
||
|
|
</div>
|
||
|
|
<div class="reset-this grid-form-values-group" id="size-baseline-form">
|
||
|
|
<label class="reset-this" for="size-baseline">Size (px)</label>
|
||
|
|
<input class="reset-this" type="number" id="size-baseline" name="size-baseline" min="1" max="100" value="12">
|
||
|
|
<label class="reset-this" for="position-baseline" id="label-position">Position (px)</label>
|
||
|
|
<input class="reset-this" type="number" id="position-baseline" name="position-baseline" value="0">
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<form class="reset-this grid-form" id="marginbox-form">
|
||
|
|
<div class="reset-this grid-form-header">
|
||
|
|
<h1 class="reset-this">Margin boxes</h1>
|
||
|
|
<input class="reset-this" type="checkbox" id="marginbox-toggle" name="marginbox-toggle">
|
||
|
|
<label class="reset-this grid-form-label" for="marginbox-toggle" id="label-marginbox-toggle">See</label>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div class="reset-this" id="header-group-right">
|
||
|
|
<p class="reset-this"><span id="nrb-pages" class="reset-this"></span> pages</p>
|
||
|
|
<div class="reset-this header-group" id="buttons">
|
||
|
|
<form class="reset-this" id="preview-form">
|
||
|
|
<input class="reset-this" type="checkbox" id="preview-toggle" name="preview-toggle">
|
||
|
|
<label class="reset-this"for="preview-toggle" id="label-preview-toggle">
|
||
|
|
<svg class="reset-this icon-preview" width="100%" height="100%" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><polyline fill="none" points=" 649,137.999 675,137.999 675,155.999 661,155.999 " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><polyline fill="none" points=" 653,155.999 649,155.999 649,141.999 " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><polyline fill="none" points=" 661,156 653,162 653,156 " stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></g><g><g><path d="M16,25c-4.265,0-8.301-1.807-11.367-5.088c-0.377-0.403-0.355-1.036,0.048-1.413c0.404-0.377,1.036-0.355,1.414,0.048 C8.778,21.419,12.295,23,16,23c4.763,0,9.149-2.605,11.84-7c-2.69-4.395-7.077-7-11.84-7c-4.938,0-9.472,2.801-12.13,7.493 c-0.272,0.481-0.884,0.651-1.363,0.377c-0.481-0.272-0.649-0.882-0.377-1.363C5.147,10.18,10.333,7,16,7 c5.668,0,10.853,3.18,13.87,8.507c0.173,0.306,0.173,0.68,0,0.985C26.853,21.819,21.668,25,16,25z"/></g><g><path d="M16,21c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S18.757,21,16,21z M16,13c-1.654,0-3,1.346-3,3s1.346,3,3,3 s3-1.346,3-3S17.654,13,16,13z"/></g></g></svg>
|
||
|
|
</label>
|
||
|
|
</form>
|
||
|
|
<button class="reset-this" id="button-print" onclick="window.print()" data-ready="false" data-text="Print">
|
||
|
|
<svg class="reset-this icon-printer" width="100%" height="100%" viewBox="0 0 478 478" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M460.8,119.467L375.467,119.467L375.467,17.067C375.467,7.641 367.826,0 358.4,0L119.467,0C110.041,0 102.4,7.641 102.4,17.067L102.4,119.467L17.067,119.467C7.641,119.467 0,127.108 0,136.533L0,358.4C0,367.826 7.641,375.467 17.067,375.467L102.4,375.467L102.4,460.8C102.4,470.226 110.041,477.867 119.467,477.867L358.4,477.867C367.826,477.867 375.467,470.226 375.467,460.8L375.467,375.467L460.8,375.467C470.226,375.467 477.867,367.826 477.867,358.4L477.867,136.533C477.867,127.108 470.226,119.467 460.8,119.467ZM136.533,34.133L341.333,34.133L341.333,119.466L136.533,119.466L136.533,34.133ZM341.333,443.733L136.533,443.733L136.533,290.133L341.333,290.133L341.333,443.733ZM443.733,341.333L375.466,341.333L375.466,290.133L392.533,290.133C401.959,290.133 409.6,282.492 409.6,273.066C409.6,263.64 401.959,256 392.533,256L85.333,256C75.907,256 68.266,263.641 68.266,273.067C68.266,282.493 75.907,290.134 85.333,290.134L102.4,290.134L102.4,341.334L34.133,341.334L34.133,153.6L443.733,153.6L443.733,341.333Z" style="fill-rule:nonzero;"/><path d="M409.6,187.733L392.533,187.733C383.107,187.733 375.466,195.374 375.466,204.8C375.466,214.226 383.107,221.867 392.533,221.867L409.6,221.867C419.026,221.867 426.667,214.226 426.667,204.8C426.667,195.374 419.026,187.733 409.6,187.733Z" style="fill-rule:nonzero;"/><path d="M290.133,324.267L187.733,324.267C178.307,324.267 170.666,331.908 170.666,341.334C170.666,350.76 178.307,358.401 187.733,358.401L290.133,358.401C299.559,358.401 307.2,350.76 307.2,341.334C307.2,331.908 299.559,324.267 290.133,324.267Z" style="fill-rule:nonzero;"/><path d="M290.133,375.467L187.733,375.467C178.307,375.467 170.666,383.108 170.666,392.534C170.666,401.96 178.307,409.601 187.733,409.601L290.133,409.601C299.559,409.601 307.2,401.96 307.2,392.534C307.2,383.108 299.559,375.467 290.133,375.467Z" style="fill-rule:nonzero;"/></svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
interfaceEvents();
|
||
|
|
</script>
|
||
|
|
|