include universal ie6 css

cgunther · Oct 27, 2011 · 2c2ff21 · 2c2ff21
1 parent 1621be3
commit 2c2ff21
Show file tree

Hide file tree

Showing 2 changed files with 250 additions and 7 deletions.
diff --git a/css/libs/ie6.1.1.css b/css/libs/ie6.1.1.css
@@ -0,0 +1,235 @@
+/* -------------------------------------------------------------- 
+Universal Internet Explorer 6 stylesheet:
+http://stuffandnonsense.co.uk/blog/about/universal_internet_explorer_6_css/
+
+Author: Andy Clarke
+Web site: http://stuffandnonsense.co.uk
+Web site: http://forabeautifulweb.com
+Web site: http://transcending.com
+Web site: http://hardboiledwebdesign.com
+Twitter: http://twitter.com/malarkey
+
+Version date : 13th June 2010
+Version: 1.1 
+
+License: Creative Commons CC Zero Declaration. No Rights Reserved.
+
+Based on the work of:
+Mark Boulton: http://markboulton.co.uk
+Eric Meyer: http://meyerweb.com
+Cameron Moll: http://cameronmoll.com
+Richard Rutter: http://clagnut.com
+Khoi Vinh: http://subtraction.com
+
+-------------------------------------------------------------- */
+
+html, 			body, 
+div,			span, 
+object, 		iframe, 
+h1, h2, h3, h4, h5, h6, 
+p, 				blockquote, 
+pre, 			a, 
+abbr, 			acronym, 
+address, 		code, 
+del, 			dfn, 
+em, 			img, 
+q, 				dl, 
+dt, 			dd, 
+ol, 			ul, 
+li, 			fieldset, 
+form, 			label, 
+legend, 		table, 
+caption, 		tbody, 
+tfoot, 			thead, 
+tr, 			th, td { 
+margin : 0; 
+padding : 0; 
+border : 0; 
+font-weight : inherit; 
+font-style : inherit; 
+font-size : 100%; 
+font-family : inherit; 
+vertical-align : baseline; }
+
+/* Body ---------------------------------------------------- */
+
+body {
+width : 60%;
+
+/* http://www.cameronmoll.com/archives/000892.html */
+width : expression(document.body.clientWidth < 640? "640px" : document.body.clientWidth > 120? "120em" : "auto");
+margin : 0 auto;
+padding : 2em 0;
+font : 88% Georgia, Times, serif;
+line-height : 1.4;
+background :  #fff;
+color : #4c4c4c; }
+
+/* Headings ---------------------------------------------------- */
+
+h1, h2, h3, h4, h5, h6 { 
+font-weight : normal; }
+
+h1 { 
+margin-bottom : .5em;
+font-size : 3em; 
+line-height : 1; }
+
+h2 { 
+margin-bottom : .75em;
+font-size : 2em; }
+
+h3 {
+margin-bottom : 1em;
+font-size : 1.5em;
+line-height : 1 ; }
+
+h4 {
+margin-bottom : 1.25em;
+font-size : 1.2em;
+line-height : 1.25; }
+
+h5, h6 { 
+margin-bottom : 1.5em;
+font-weight : bold; 
+font-size : 1em; }
+
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
+margin : 0; }
+
+/* Text elements -------------------------------------------------------------- */
+
+p { 
+margin : 0 0 1.5em; }
+
+a {
+color : #105cb6; 
+text-decoration : underline; }
+
+a:visited { 
+color : #a8a8a8; }
+
+a:focus, a:hover { 
+color : #a8a8a8; }
+
+a img {
+border : none; }
+
+blockquote { 
+margin : 1.5em 1.5em 1.5em -1.5em;
+padding-left : 1.5em;
+border-left : 1px solid #a8a8a8;
+font : italic 1.2em "Times New Roman", Times, serif; }
+
+strong { 
+font-weight : bold; }
+
+em, dfn { 
+font-style : italic; }
+
+dfn { 
+font-weight : bold; }
+
+sup, sub { 
+line-height : 0; }
+
+abbr, acronym { 
+border-bottom : 1px dotted #a8a8a8; 
+cursor : help; }
+
+address {
+margin : 0 0 1.5em;
+font-style : italic; }
+
+del { 
+color : #666; }
+
+pre, code, tt {
+margin : 1.5em 1.5em 1.5em -1.5em;
+padding-left : 1.5em;
+border-left : 1px dotted #a8a8a8;
+font : 1em 'andale mono', 'lucida console', monospace;
+line-height : 1.5; }
+
+pre { 
+white-space : pre; }
+
+
+/* Lists -------------------------------------------------------------- */
+
+li ul, li ol { 
+list-style-type : circle;
+margin : 0 1.5em .75em 1.5em; }
+
+ul, ol {
+margin : 0 1.5em 1.5em 0; }
+
+ul { 
+list-style-type : disc; }
+
+ol {
+list-style-type : decimal; }
+
+dl {
+margin-bottom: 1.5em; 
+padding-top: 1.5em; 
+border-top : 1px solid #a8a8a8; }
+
+dl dt {
+margin-bottom : .75em;
+font-size : 1.2em;
+line-height : 1.25; }
+
+dd {
+margin-bottom: 1.5em; 
+padding-bottom: 1.5em; 
+border-bottom : 1px solid #a8a8a8; }
+
+/* Tables -------------------------------------------------------------- */
+
+table {
+border-collapse : separate; 
+border-spacing : 0;
+margin-bottom : 1.4em;
+width : 100%; }
+
+table, td, th { 
+vertical-align : top; }
+
+th, thead th {
+font-weight : bold; }
+
+th, td, caption {
+padding : 4px 10px 4px 5px; 
+text-align : left; 
+font-weight : normal; }
+
+th, td {
+border-bottom : 1px solid #a8a8a8; }
+
+tfoot { 
+font-size : .9em; }
+
+caption {
+margin-bottom : 1em;
+font-size : 1.5em;
+line-height : 1 ; }
+
+/* Forms -------------------------------------------------------------- */
+
+label { 
+font-weight : bold; }
+
+fieldset { 
+margin : 0 0 1.5em 0; 
+padding : 1.4em 1.4em 0 1.4em; 
+border : 1px solid #a8a8a8; }
+
+legend {  
+font-size : 1.2em; 
+font-weight : bold; }
+
+textarea { 
+width : 390px; 
+height : 250px; 
+padding : 5px; }
diff --git a/layouts/application.php b/layouts/application.php
@@ -7,8 +7,14 @@
     <meta charset="utf-8">
     <title><?php echo has_content('title') ? yield('title', false) . ' - ' : ''; ?>[SITE NAME]</title>
     <base href="<?php echo $config['base_url']; ?>">
-    <link rel="stylesheet" href="css/style.css">
-    <?php yield('stylesheets'); ?>
+    <!--[if ! lte IE 6]><!-->
+      <link rel="stylesheet" href="css/style.css">
+      <?php yield('stylesheets'); ?>
+    <!--<![endif]-->
+    <!--[if lte IE 6]>
+      <link rel="stylesheet" href="css/libs/ie6.1.1.css">
+      <style>html { padding-top: 42px; }</style>
+    <![endif]-->
     <script src="js/libs/modernizr-2.0.6.min.js"></script>
   </head>
   <body>
@@ -21,10 +27,13 @@
     <footer>
 
     </footer>
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
-    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.4.min.js"><\/script>')</script>
-    <?php javascripts('script'); yield('javascripts'); ?>
-
+
+    <!--[if ! lte IE 6]><!-->
+      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
+      <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.4.min.js"><\/script>')</script>
+      <?php javascripts('script'); yield('javascripts'); ?>
+    <!--<![endif]-->
+
     <script>
       var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
       (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
@@ -38,7 +47,6 @@
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
       </div>
-      <style>html { padding-top: 42px; }</style>
       <script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
       <script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
     <![endif]-->