Junyangong (Talk | contribs) |
Junyangong (Talk | contribs) |
||
Line 7: | Line 7: | ||
<style> | <style> | ||
− | . | + | .pdfcontainermini { |
+ | display: block; | ||
+ | width: 20vw; | ||
+ | height: 300px; | ||
+ | border: 1px solid green; | ||
+ | } | ||
+ | |||
+ | .pdfcontainerwide { | ||
display: block; | display: block; | ||
width: 80vw; | width: 80vw; | ||
Line 14: | Line 21: | ||
} | } | ||
− | . | + | .sectioncontainermini { |
+ | display: block; | ||
+ | width: 30vw; | ||
+ | height: 500px; | ||
+ | border: 2px solid green; | ||
+ | } | ||
+ | |||
+ | .sectioncontainerwide { | ||
display: block; | display: block; | ||
width: 90vw; | width: 90vw; | ||
Line 37: | Line 51: | ||
</blockquote> | </blockquote> | ||
− | <div class="sectioncontainer clear"> | + | <a id="layout">toggle</a> |
+ | |||
+ | <div class="sectioncontainer clear mini"> | ||
<h2>PPK</h2> | <h2>PPK</h2> | ||
Line 46: | Line 62: | ||
</div> | </div> | ||
− | <div class="sectioncontainer clear"> | + | <div class="sectioncontainer clear mini"> |
<h2>Eut</h2> | <h2>Eut</h2> | ||
Line 55: | Line 71: | ||
</div> | </div> | ||
− | <div class="sectioncontainer clear"> | + | <div class="sectioncontainer clear mini"> |
<h2>Tag</h2> | <h2>Tag</h2> | ||
Line 67: | Line 83: | ||
</center> | </center> | ||
+ | |||
+ | <script> | ||
+ | $('#layout').toggleClass('sectioncontainermini sectioncontainerwide'); | ||
+ | $('#layout').toggleClass('pdfcontainermini pdfcontainerwide'); | ||
+ | </script> | ||
</body> | </body> |
Revision as of 12:26, 11 August 2017
Lab Book
toggle
So much... So much happened here. And so much is about to.- Dr. Walter Bishop
FRINGE