Skip to content

Commit

Permalink
IE8 support attempt No. 1.
Browse files Browse the repository at this point in the history
  • Loading branch information
schneidan committed Oct 11, 2013
1 parent ac411fe commit dc53c83
Show file tree
Hide file tree
Showing 11 changed files with 182 additions and 10 deletions.
5 changes: 4 additions & 1 deletion chapter2.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion chapter3.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion chapter4.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion chapter5.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion chapter6.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion chapter7.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion credits.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
139 changes: 139 additions & 0 deletions css/ie8.css
@@ -0,0 +1,139 @@
/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }

.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }

.lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; }
.lt-ie9 [class*="column"] + [class*="column"].end { float: left; }

.lt-ie9 .large-1,
.lt-ie9 .row .large-1 { width: 8.33333%; }

.lt-ie9 .large-2,
.lt-ie9 .row .large-2 { width: 16.66667%; }

.lt-ie9 .large-3,
.lt-ie9 .row .large-3 { width: 25%; }

.lt-ie9 .large-4,
.lt-ie9 .row .large-4 { width: 33.33333%; }

.lt-ie9 .large-5,
.lt-ie9 .row .large-5 { width: 41.66667%; }

.lt-ie9 .large-6,
.lt-ie9 .row .large-6 { width: 50%; }

.lt-ie9 .large-7,
.lt-ie9 .row .large-7 { width: 58.33333%; }

.lt-ie9 .large-8,
.lt-ie9 .row .large-8 { width: 66.66667%; }

.lt-ie9 .large-9,
.lt-ie9 .row .large-9 { width: 75%; }

.lt-ie9 .large-10,
.lt-ie9 .row .large-10 { width: 83.33333%; }

.lt-ie9 .large-11,
.lt-ie9 .row .large-11 { width: 91.66667%; }

.lt-ie9 .large-12,
.lt-ie9 .row .large-12 { width: 100%; }

.lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; }
.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; }
.lt-ie9 .row .large-offset-3 { margin-left: 25%; }
.lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; }
.lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; }
.lt-ie9 .row .large-offset-6 { margin-left: 50%; }
.lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; }
.lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; }
.lt-ie9 .row .large-offset-9 { margin-left: 75%; }
.lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; }

.lt-ie9 .pull-2 { right: 16.66667%; }
.lt-ie9 .pull-3 { right: 25%; }
.lt-ie9 .pull-4 { right: 33.33333%; }
.lt-ie9 .pull-5 { right: 41.66667%; }
.lt-ie9 .pull-6 { right: 50%; }
.lt-ie9 .pull-7 { right: 58.33333%; }
.lt-ie9 .pull-8 { right: 66.66667%; }
.lt-ie9 .pull-9 { right: 75%; }
.lt-ie9 .pull-10 { right: 83.33333%; }

.lt-ie9 .push-2 { left: 16.66667%; }
.lt-ie9 .push-3 { left: 25%; }
.lt-ie9 .push-4 { left: 33.33333%; }
.lt-ie9 .push-5 { left: 41.66667%; }
.lt-ie9 .push-6 { left: 50%; }
.lt-ie9 .push-7 { left: 58.33333%; }
.lt-ie9 .push-8 { left: 66.66667%; }
.lt-ie9 .push-9 { left: 75%; }
.lt-ie9 .push-10 { left: 83.33333%; }

/* Nicolas Gallagher's micro clearfix */
.lt-ie9 .row { *zoom: 1; }
.lt-ie9 .row:before, .row:after { content: " "; display: table; }
.lt-ie9 .row:after { clear: both; }

/* NOTE: We cloned the CSS definitions for the "large" column classes to "small" and placed them before the large
ones in order to allow for each of the following use cases:
- small classes by themselves (small-x)
- combination of small and large (small-x large-y columns)
- large only (large-x)
*/
.lt-ie9 .small-1,.row .small-1 { width: 8.33333%; }
.lt-ie9 .small-2, .row .small-2 { width: 16.66667%; }
.lt-ie9 .small-3, .row .small-3 { width: 25%; }
.lt-ie9 .small-4, .row .small-4 { width: 33.33333%; }
.lt-ie9 .small-5, .row .small-5 { width: 41.66667%; }
.lt-ie9 .small-6, .row .small-6 { width: 50%; }
.lt-ie9 .small-7, .row .small-7 { width: 58.33333%; }
.lt-ie9 .small-8, .row .small-8 { width: 66.66667%; }
.lt-ie9 .small-9, .row .small-9 { width: 75%; }
.lt-ie9 .small-10, .row .small-10 { width: 83.33333%; }
.lt-ie9 .small-11, .row .small-11 { width: 91.66667%; }
.lt-ie9 .small-12, .row .small-12 { width: 100%; }

.lt-ie9 .large-1, .row .large-1 { width: 8.33333%; }
.lt-ie9 .large-2, .row .large-2 { width: 16.66667%; }
.lt-ie9 .large-3, .row .large-3 { width: 25%; }
.lt-ie9 .large-4, .row .large-4 { width: 33.33333%; }
.lt-ie9 .large-5, .row .large-5 { width: 41.66667%; }
.lt-ie9 .large-6, .row .large-6 { width: 50%; }
.lt-ie9 .large-7, .row .large-7 { width: 58.33333%; }
.lt-ie9 .large-8, .row .large-8 { width: 66.66667%; }
.lt-ie9 .large-9, .row .large-9 { width: 75%; }
.lt-ie9 .large-10, .row .large-10 { width: 83.33333%; }
.lt-ie9 .large-11, .row .large-11 { width: 91.66667%; }
.lt-ie9 .large-12, .row .large-12 { width: 100%; }

.lt-ie9 .row .small-offset-1 { margin-left: 8.33333%; }
.lt-ie9 .row .small-offset-2 { margin-left: 16.66667%; }
.lt-ie9 .row .small-offset-3 { margin-left: 25%; }
.lt-ie9 .row .small-offset-4 { margin-left: 33.33333%; }
.lt-ie9 .row .small-offset-5 { margin-left: 41.66667%; }
.lt-ie9 .row .small-offset-6 { margin-left: 50%; }
.lt-ie9 .row .small-offset-7 { margin-left: 58.33333%; }
.lt-ie9 .row .small-offset-8 { margin-left: 66.66667%; }
.lt-ie9 .row .small-offset-9 { margin-left: 75%; }
.lt-ie9 .row .small-offset-10 { margin-left: 83.33333%; }

.lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; }
.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; }
.lt-ie9 .row .large-offset-3 { margin-left: 25%; }
.lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; }
.lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; }
.lt-ie9 .row .large-offset-6 { margin-left: 50%; }
.lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; }
.lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; }
.lt-ie9 .row .large-offset-9 { margin-left: 75%; }
.lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; }
5 changes: 4 additions & 1 deletion index.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
8 changes: 7 additions & 1 deletion map.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,12 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down
5 changes: 4 additions & 1 deletion video.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if lt IE 9]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" l xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> <!--<![endif]-->

<head profile="http://gmpg.org/xfn/11">
Expand All @@ -12,6 +12,9 @@
<link rel="canonical" href="http://extras.denverpost.com/stormchaser/index.html" />
<link rel="stylesheet" href="./css/foundation.min.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="./css/ie8.css">
<![endif]-->

<meta name="distribution" content="global" />
<meta name="robots" content="index, nofollow" />
Expand Down

0 comments on commit dc53c83

Please sign in to comment.