From 65a2633c681425ca0ff4a57e0e01447f352828b5 Mon Sep 17 00:00:00 2001
From: Owen Versteeg <owen.versteeg@live.com>
Date: Mon, 27 May 2013 15:25:38 -0400
Subject: [PATCH] fixes for IE

woohoo! the grid now works on IE5.5+
---
 beta.html          | 47 ++++++++++++++++++++++++----------------------
 download.html      |  2 +-
 index.html         |  6 ++++--
 min.less           |  5 ++++-
 mingziphotlink.php |  2 +-
 5 files changed, 35 insertions(+), 27 deletions(-)

diff --git a/beta.html b/beta.html
index 25ce293..59a88f0 100644
--- a/beta.html
+++ b/beta.html
@@ -20,6 +20,9 @@
 		  })();
 
 		</script>
+    <!--[if lt IE 9]> 
+ <script> document.createElement("column"); document.createElement("message"); </script>
+ <![endif]-->
 		<style type="text/css">
 			.dark {
 				background-color: rgb(172, 172, 172);
@@ -137,48 +140,48 @@
 		<hr class="mediumwidth">
 
 		<div class="mediumwidth">
-			<row>
+			<div class="row">
 				<column class="dark c10">10</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c9">9</column>
 				<column class="light c1">1</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c8">8</column>
 				<column class="light c2">2</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c7">7</column>
 				<column class="light c3">3</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c6">6</column>
 				<column class="light c4">4</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c5">5</column>
 				<column class="light c5">5</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c4">4</column>
 				<column class="light c6">6</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c3">3</column>
 				<column class="light c7">7</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c2">2</column>
 				<column class="light c8">8</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="dark c1">1</column>
 				<column class="light c9">9</column>
-			</row>
-			<row>
+			</div>
+			<div class="row">
 				<column class="light c10">10</column>
-			</row>
+			</div>
 		</div>
 
 		<hr class="mediumwidth">
diff --git a/download.html b/download.html
index fd7d59f..116223b 100644
--- a/download.html
+++ b/download.html
@@ -177,7 +177,7 @@
 				}
 
 				if (document.getElementsByName('grid')[0].checked === true) { 
-					mincss += "row{display:block;line-height:2em;margin-top:2%;height:2em}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
+					mincss += ".row{display:block;line-height:2em;margin-top:2%;height:2em}.ie column{margin:auto .7%}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
 					details.grid = true;
 					var det = getNums(document.getElementsByName('grid')[0].parentElement.innerText);
 					details.total += det[0];
diff --git a/index.html b/index.html
index 2e84c87..be4294d 100644
--- a/index.html
+++ b/index.html
@@ -12,8 +12,10 @@
         ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
       })();
-
     </script>
+    <!--[if lt IE 9]> 
+ <script> document.createElement("column"); document.createElement("message"); </script>
+ <![endif]-->
         <style type="text/css">
       .dark {
         background-color: rgb(172, 172, 172);
@@ -21,7 +23,7 @@
       .light {
         background-color: rgb(223, 223, 223);
       }
-    </style><meta charset="UTF-8"><title>min</title><style type="text/css">body{font-family:Helvetica,sans-serif;text-align:center;margin:0;font-size:16px}hr{margin:2.5em auto}hr.mediumwidth{margin:2.5em auto}a{text-decoration:none}.mediumwidth{font-size:16px;width:40%;margin-left:30%;margin-top:.3em;margin-bottom:.3em}@media(max-width:870px){.mediumwidth{width:70%;margin-left:15%}}@media(max-width:520px){.mediumwidth{width:100%;margin-left:0}hr.mediumwidth{width:auto}}.thin{font-weight:100}h1{font-size:4em;margin:0}h1.title{font-size:7em}h2{font-size:2em}button{background:#afafaf;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#f3f3f3 !important;display:inline-block;font-size:2.5em;padding:15px 40px 16px;text-align:center;text-decoration:none;margin:.3em .7em .3em .7em;border:1px solid #000;cursor:pointer}button.smooth{transition:background-color .15s ease-in-out}button.btn-a{background:#345eb3;border:1px solid #1d3464}button.btn-a:hover{background:#29498b}button.btn-a:active{background:#1d3464}button.btn-b{background:#51a351;border:1px solid #2f5f2f}button.btn-b:hover{background:#408140}button.btn-b:active{background:#2f5f2f}button.btn-c{background:#da2727;border:1px solid #841717}button.btn-c:hover{background:#b01e1e}button.btn-c:active{background:#841717}button.btn-small{padding:7px 19px 10px;font-size:16px}textarea,input{border:1px solid lightgray;outline:0;padding:6px;font-size:.8em;font-family:Helvetica,sans-serif}textarea.smooth,input.smooth{transition:border .15s ease-in-out}textarea:focus,input:focus{border:1px solid #57abb3}textarea,input[type="text"]{width:13em}.addon-front{padding:6px 11px 6px 10px;margin-right:-2px;border:1px solid lightgray;z-index:400;display:inline-block;border-right:0;font-size:.8em;font-family:Arial Unicode MS Regular,sans-serif !important}.navbar{width:100%;background:black;color:white;text-align:left;height:1.5em;padding:1em 0 .6em}.pagename{color:white;padding:0 1em 0 2em;font-weight:bold}.navbar-link{padding:.5em;color:#aaa}.navbar-link:hover{color:white}@media(max-width:500px){.navbar a{text-align:center;display:block}.navbar{height:7.5em}}table{width:100%;border-spacing:0}.table th,.table td{padding:.5em;line-height:1.4em;text-align:left;vertical-align:top}.table td{border-top:1px solid #ddd}tbody tr:nth-child(2n-1){background:#e0e0e0}message{width:100%;display:block;padding:2em 0;background:#a7d3e4}message.warning{background:#e4a7a7}message.great{background:#a7e4ae}ico{font-size:1.9375em;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif}row{display:block;line-height:2em;margin-top:2%;height:2em}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*="c"]{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}.ie .mediumwidth{width:70%;margin-left:0}.ie .mediumwidth hr{margin:100px auto;padding-left:200px}</style></head><body><h1 class="title">min</h1><h3>the tiny framework &middot; <a href="https://github.com/owenversteeg/min"><u>on github</u></a></h3><hr class="mediumwidth"><div class="buttons"><a href="http://github.com/owenversteeg/min"><button class="smooth btn-a">btn-a</button></a><a href="http://minfwk.com"><button class="smooth btn-b">btn-b</button></a><a href="http://minframework.com"><button class="smooth btn-c">btn-c</button></a><br><br><a href="http://minframework.com"><button class="smooth btn-b btn-small">btn-small</button></a></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><hr class="mediumwidth"><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;"><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><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></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></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></div><hr class="mediumwidth"><div class="mediumwidth"><row><column class="dark c10">10</column></row><row><column class="dark c9">9</column><column class="light c1">1</column></row><row><column class="dark c8">8</column><column class="light c2">2</column></row><row><column class="dark c7">7</column><column class="light c3">3</column></row><row><column class="dark c6">6</column><column class="light c4">4</column></row><row><column class="dark c5">5</column><column class="light c5">5</column></row><row><column class="dark c4">4</column><column class="light c6">6</column></row><row><column class="dark c3">3</column><column class="light c7">7</column></row><row><column class="dark c2">2</column><column class="light c8">8</column></row><row><column class="dark c1">1</column><column class="light c9">9</column></row><row><column class="light c10">10</column></row></div><hr class="mediumwidth"><a href="download.html"><button class="smooth btn-a" style="margin: 0 0 1em 0;">Download</button></a><br>
+    </style><meta charset="UTF-8"><title>min</title><style type="text/css">body{font-family:Helvetica,sans-serif;text-align:center;margin:0;font-size:16px}hr{margin:2.5em auto}hr.mediumwidth{margin:2.5em auto}a{text-decoration:none}.mediumwidth{font-size:16px;width:40%;margin-left:30%;margin-top:.3em;margin-bottom:.3em}@media(max-width:870px){.mediumwidth{width:70%;margin-left:15%}}@media(max-width:520px){.mediumwidth{width:100%;margin-left:0}hr.mediumwidth{width:auto}}.thin{font-weight:100}h1{font-size:4em;margin:0}h1.title{font-size:7em}h2{font-size:2em}button{background:#afafaf;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#f3f3f3 !important;display:inline-block;font-size:2.5em;padding:15px 40px 16px;text-align:center;text-decoration:none;margin:.3em .7em .3em .7em;border:1px solid #000;cursor:pointer}button.smooth{transition:background-color .15s ease-in-out}button.btn-a{background:#345eb3;border:1px solid #1d3464}button.btn-a:hover{background:#29498b}button.btn-a:active{background:#1d3464}button.btn-b{background:#51a351;border:1px solid #2f5f2f}button.btn-b:hover{background:#408140}button.btn-b:active{background:#2f5f2f}button.btn-c{background:#da2727;border:1px solid #841717}button.btn-c:hover{background:#b01e1e}button.btn-c:active{background:#841717}button.btn-small{padding:7px 19px 10px;font-size:16px}textarea,input{border:1px solid lightgray;outline:0;padding:6px;font-size:.8em;font-family:Helvetica,sans-serif}textarea.smooth,input.smooth{transition:border .15s ease-in-out}textarea:focus,input:focus{border:1px solid #57abb3}textarea,input[type="text"]{width:13em}.addon-front{padding:6px 11px 6px 10px;margin-right:-2px;border:1px solid lightgray;z-index:400;display:inline-block;border-right:0;font-size:.8em;font-family:Arial Unicode MS Regular,sans-serif !important}.navbar{width:100%;background:black;color:white;text-align:left;height:1.5em;padding:1em 0 .6em}.pagename{color:white;padding:0 1em 0 2em;font-weight:bold}.navbar-link{padding:.5em;color:#aaa}.navbar-link:hover{color:white}@media(max-width:500px){.navbar a{text-align:center;display:block}.navbar{height:7.5em}}table{width:100%;border-spacing:0}.table th,.table td{padding:.5em;line-height:1.4em;text-align:left;vertical-align:top}.table td{border-top:1px solid #ddd}tbody tr:nth-child(2n-1){background:#e0e0e0}message{width:100%;display:block;padding:2em 0;background:#a7d3e4}message.warning{background:#e4a7a7}message.great{background:#a7e4ae}ico{font-size:1.9375em;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif}.row{display:block;line-height:2em;margin-top:2%;height:2em}column{display:block;float:left;margin:auto 1%}.ie column{margin:auto 0.7%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*="c"]{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}.ie .mediumwidth{width:70%;margin-left:0}.ie .mediumwidth hr{margin:100px auto;padding-left:200px}</style></head><body><h1 class="title">min</h1><h3>the tiny framework &middot; <a href="https://github.com/owenversteeg/min"><u>on github</u></a></h3><hr class="mediumwidth"><div class="buttons"><a href="http://github.com/owenversteeg/min"><button class="smooth btn-a">btn-a</button></a><a href="http://minfwk.com"><button class="smooth btn-b">btn-b</button></a><a href="http://minframework.com"><button class="smooth btn-c">btn-c</button></a><br><br><a href="http://minframework.com"><button class="smooth btn-b btn-small">btn-small</button></a></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><hr class="mediumwidth"><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;"><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><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></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></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></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></div><hr class="mediumwidth"><a href="download.html"><button class="smooth btn-a" style="margin: 0 0 1em 0;">Download</button></a><br>
     <!--analytics-->
 
     <!-- start Mixpanel -->
diff --git a/min.less b/min.less
index 96075c3..f10f0c5 100644
--- a/min.less
+++ b/min.less
@@ -248,7 +248,7 @@ ico {
 /*
 	Grid
 */
-row {
+.row {
 	display: block;
 	line-height: 2em;
 	margin-top: 2%;
@@ -259,6 +259,9 @@ column {
 	float: left;
 	margin: auto 1%;
 }
+.ie column{
+	margin:auto .7%
+}
 .c10 {
 	width: 98%;
 }
diff --git a/mingziphotlink.php b/mingziphotlink.php
index 5170375..545b5e7 100644
--- a/mingziphotlink.php
+++ b/mingziphotlink.php
@@ -40,7 +40,7 @@ $totalcss .= "ico{font-size:1.9375em;font-family:Lucida Sans Unicode,Lucida Gran
 }
 
 if ($_GET['grid']) {
-$totalcss .= "row{display:block;line-height:2em;margin-top:2%;height:2em}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
+$totalcss .= ".row{display:block;line-height:2em;margin-top:2%;height:2em}.ie column{margin:auto .7%}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
 }
 
 if ($_GET['iehacks']) {