0ct0pu5/min
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix overflow

Browse source
This commit is contained in:
Owen Versteeg 2014-01-10 22:48:16 -05:00
parent fe008f15b9
commit a447bb2429
1 changed files with 25 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
index.html
View file

@ -10,61 +10,59 @@
<br><a href="http://minframework.com"><button class="smooth btn-b btn-small">btn-small</button></a>
<br><br><pre>&lt;button class="smooth btn-b btn-small"&gt;btn-small&lt;/button&gt;</pre>
</div>
<hr class="mediumwidth"><h1 class="title">h1 title</h1><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><br><pre>&lt;h1 class="title"&gt;h1 title&lt;/h1&gt;</pre>
<hr class="mediumwidth">
<h1 class="title">h1 title</h1><h1>h1</h1><h2>h2</h2><h3>h3</h3><h4>h4</h4><h5>h5</h5><h6>h6</h6><br>
<pre>&lt;h1 class="title"&gt;h1 title&lt;/h1&gt;</pre>
<hr class="mediumwidth">
<div class="mediumwidth">
<hr class="mediumwidth"><input type="text" class="smooth" placeholder="input type=&quot;text&quot;"><br><br>
<input type="text" class="smooth" placeholder="input type=&quot;text&quot;"><br><br>
<textarea rows="3" class="smooth" placeholder="textarea"></textarea><br><br><span class="addon-front">$</span><input type="text" class="smooth" placeholder="span class=&quot;addon-front&quot;">
<br><br>
<pre>&lt;input type="text" class="smooth" placeholder="input type='text'"&gt;
<br>&lt;textarea rows="3" class="smooth" placeholder="textarea"&gt;
<br>&lt;span class="addon-front"&gt;&lt;/span&gt;&lt;input type="text" class="smooth"&gt;</pre>
<hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#"><!--[if lt IE 6]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Min Framework</a> <a class="navbar-link" href="#">One</a> <a class="navbar-link" href="#">Two</a> <a class="navbar-link" href="#">Three</a></div></div>
<pre>&lt;div class=&quot;navbar&quot;&gt;&lt;a class=&quot;pagename&quot; href=&quot;#&quot;&gt;&lt;!--[if lt IE 6]&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;![endif]--&gt;Min Framework&lt;/a&gt; &lt;a class=&quot;navbar-link&quot; href=&quot;#&quot;&gt;One&lt;/a&gt; &lt;a class=&quot;navbar-link&quot; href=&quot;#&quot;&gt;Two&lt;/a&gt; &lt;a class=&quot;navbar-link&quot; href=&quot;#&quot;&gt;Three&lt;/a&gt;&lt;/div&gt;</pre>
</div>
<hr class="mediumwidth"><div class="mediumwidth"><table class="table-striped table"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table>
<hr class="mediumwidth"><div class="mediumwidth"><div class="navbar"><a class="pagename" href="#"><!--[if lt IE 6]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->Min Framework</a> <a class="navbar-link" href="#">One</a> <a class="navbar-link" href="#">Two</a> <a class="navbar-link" href="#">Three</a></div></div>
<pre>&lt;div class=&quot;navbar&quot;&gt;<br>&lt;a class=&quot;pagename&quot; href=&quot;#&quot;&gt;&gt;Min Framework&lt;/a&gt;
&lt;a class=&quot;navbar-link&quot; href=&quot;#&quot;&gt;One&lt;/a&gt;
&lt;a class=&quot;navbar-link&quot; href=&quot;#&quot;&gt;Two&lt;/a&gt;
&lt;a class=&quot;navbar-link&quot; href=&quot;#&quot;&gt;Three&lt;/a&gt;
&lt;/div&gt;</pre>
<hr class="mediumwidth">
<div class="mediumwidth"><table class="table-striped table"><thead><tr><th>#</th><th>Widgets Sold</th><th>Revenue (£)</th><th>Profit (£)</th></tr></thead><tbody><tr><td>1</td><td>5</td><td>10</td><td>2</td></tr><tr><td>2</td><td>10</td><td>20</td><td>4</td></tr><tr><td>3</td><td>500</td><td>1000</td><td>200</td></tr></tbody></table>
<br><br>
<pre>&lt;table class=&quot;table-striped table&quot;&gt;
<br>&lt;thead&gt;
<br>&lt;tr&gt;
<br>&lt;th&gt;#&lt;/th&gt;
<br>&lt;th&gt;Widgets Sold&lt;/th&gt;
<br>&lt;th&gt;Revenue (&#163;)&lt;/th&gt;
<br>&lt;th&gt;Profit (&#163;)&lt;/th&gt;
<br>&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Widgets Sold&lt;/th&gt;&lt;th&gt;Revenue (&#163;)&lt;/th&gt;&lt;th&gt;Profit (&#163;)&lt;/th&gt;
<br>&lt;/tr&gt;&lt;/thead&gt;
<br>&lt;tbody&gt;
<br>&lt;tr&gt;<br>&lt;td&gt;1&lt;/td&gt;
<br>&lt;td&gt;5&lt;/td&gt;
<br>&lt;td&gt;10&lt;/td&gt;
<br>&lt;td&gt;2&lt;/td&gt;
<br>&lt;tr&gt;
<br>&lt;td&gt;1&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;
<br>&lt;/tr&gt;&lt;tr&gt;
<br>&lt;td&gt;2&lt;/td&gt;
<br>&lt;td&gt;10&lt;/td&gt;
<br>&lt;td&gt;20&lt;/td&gt;
<br>&lt;td&gt;4&lt;/td&gt;
<br>&lt;td&gt;2&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;
<br>&lt;/tr&gt;&lt;tr&gt;
<br>&lt;td&gt;3&lt;/td&gt;
<br>&lt;td&gt;500&lt;/td&gt;
<br>&lt;td&gt;1000&lt;/td&gt;
<br>&lt;td&gt;200&lt;/td&gt;
<br>&lt;td&gt;3&lt;/td&gt;&lt;td&gt;500&lt;/td&gt;&lt;td&gt;1000&lt;/td&gt;&lt;td&gt;200&lt;/td&gt;
<br>&lt;/tr&gt;&lt;/tbody&gt;
<br>&lt;/table&gt;</pre>
</div>
<hr class="mediumwidth"><div class="mediumwidth"><message class="warning"><strong>Watch out!</strong> You don't have H9RBS.js installed.</message><br><message class="great"><strong>Great!</strong> You successfully frobjugated the minlingator's snorbdralob.</message><br><message><strong>Hey!</strong> You've got four thousand new grabjalognibs!</message>
<br><br>
<pre>
&lt;message class=&quot;warning&quot;&gt;<br>&lt;strong&gt;Watch out!&lt;/strong&gt; <br>You don&#39;t have H9RBS.js installed.<br>&lt;/message&gt;
<pre>&lt;message class=&quot;warning&quot;&gt;<br>&lt;strong&gt;Watch out!&lt;/strong&gt; <br>You don&#39;t have H9RBS.js installed.<br>&lt;/message&gt;
<br>&lt;message class=&quot;great&quot;&gt;<br>&lt;strong&gt;Great!&lt;/strong&gt; <br>You successfully frobjugated the minlingator&#39;s snorbdralob.<br>&lt;/message&gt;
<br>&lt;message&gt;&lt;strong&gt;Hey!&lt;/strong&gt; <br> You&#39;ve got four thousand new grabjalognibs!<br>&lt;/message&gt;</pre>
<br>&lt;message&gt;<br>&lt;strong&gt;Hey!&lt;/strong&gt; <br> You&#39;ve got four thousand new grabjalognibs!<br>&lt;/message&gt;</pre>
</div>
<hr class="mediumwidth">
<div class="icons"><ico>✉ ✰ ☁ ⌚ ⌘ ☎ ✈ ☑ ☒</ico><br><br><ico>♂ ♀ ⌛ ☀ ☮ ☢ ☠ ☣ ⌨</ico><br><br><ico>ⓧ © § ® ⌂ ℗ ☺ ☻ ☼</ico><br><br><ico>⇦ ⇧ ⇨ ⇩ ∡ ∿ ⊝ ⊘ ⌂</ico><br><br><ico>♠ ♣ ♥ ♦ ♪ ♫ ♭ ♮ ♯</ico>
<pre><ico>Copy and paste icons from above here!</ico></pre>
<pre>&lt;ico&gt;Copy and paste icons from above here!&lt;/ico&gt;</pre>
</div>
<hr class="mediumwidth"><div class="mediumwidth">
<div class="row"><column class="dark c10">10</column></div><div class="row"><column class="dark c9">9</column><column class="light c1">1</column></div><div class="row"><column class="dark c8">8</column><column class="light c2">2</column></div><div class="row"><column class="dark c7">7</column><column class="light c3">3</column></div><div class="row"><column class="dark c6">6</column><column class="light c4">4</column></div><div class="row"><column class="dark c5">5</column><column class="light c5">5</column></div><div class="row"><column class="dark c4">4</column><column class="light c6">6</column></div><div class="row"><column class="dark c3">3</column><column class="light c7">7</column></div><div class="row"><column class="dark c2">2</column><column class="light c8">8</column></div><div class="row"><column class="dark c1">1</column><column class="light c9">9</column></div><div class="row"><column class="light c10">10</column></div>
<pre>
&lt;div class=&quot;row&quot;&gt;<br>&lt;column class=&quot;c10&quot;&gt;10&lt;/column&gt;<br>&lt;/div&gt;
<br> <pre>&lt;div class=&quot;row&quot;&gt;<br>&lt;column class=&quot;c10&quot;&gt;10&lt;/column&gt;<br>&lt;/div&gt;
<br>&lt;div class=&quot;row&quot;&gt;<br>&lt;column class=&quot;c4&quot;&gt;4&lt;/column&gt;<br>&lt;column class=&quot;c6&quot;&gt;6&lt;/column&gt;<br>&lt;/div&gt;
</pre>
</div>