Merge pull request lloyd#43 from shane-tomlinson/master

IE8/W3C validation fixes.
graingert · Jan 18, 2012 · d3a6011 · d3a6011
2 parents 73ead47 + 02f016b
commit d3a6011
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/static/index.html b/static/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8">
@@ -28,12 +28,12 @@ <h1 id="title">My Favorite Beer</h1>
 
       <div class="intro">
         <p>
-          <strong>MyFavoriteBeer.org</strong> helps you remember your own favorite beer 
+          <strong>MyFavoriteBeer.org</strong> helps you remember your own favorite beer
-          <strong>in the cloud</strong>.  This is useful for times when you are in a bar and 
+          <strong>in the cloud</strong>.  This is useful for times when you are in a bar and
           <strong>cannot remember</strong> what your <strong>favorite beer</strong> is.
         </p>
         <p>
-          To get started, sign in above!  This <em>awesome</em> service is 
+          To get started, sign in above!  This <em>awesome</em> service is
           <strong>totally free</strong>!
         </p>
       </div>
@@ -55,7 +55,7 @@ <h1 id="title">My Favorite Beer</h1>
     <footer>
       <div>
         MyFavoriteBeer.org is a simple demo of how to use
-        <a href="https://browserid.org"><img src="i/browserid_logo_sm.png" alt="BrowserID"></a>
+        <a href="https://browserid.org"><img src="i/browserid_logo_sm.png" alt="BrowserID" /></a>
         to build a snazzy passphraseless login flow.  You can refer to the
         <a href="https://github.com/lloyd/myfavoritebeer.org/">source code</a> for
         details.  (a <a href="http://mozillalabs.com">mozilla labs</a> thing).
@@ -68,9 +68,9 @@ <h1 id="title">My Favorite Beer</h1>
       </div>
     </footer>
 
-  </body>
   <script src="https://browserid.org/include.js" type="text/javascript"></script>
   <script src="js/jquery.js" type="text/javascript"></script>
   <script src="https://crypto-js.googlecode.com/files/2.2.0-crypto-md5.js" type="text/javascript"></script>
   <script src="js/main.js" type="text/javascript"></script>
+  </body>
 </html>
diff --git a/static/style.less b/static/style.less
@@ -32,11 +32,13 @@ header {
     left: 0;
     height: 50px;
     width: 100%;
+    border-bottom: 2px solid rgb(15, 38, 61);
     border-bottom: 2px solid rgba(15, 38, 61, 0.5);
     -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
     -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
     box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
     z-index: 10;
+    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     opacity: .8;
 
     > div {
@@ -77,6 +79,7 @@ header {
         text-align: center;
     }
     .clickable:hover {
+        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
         opacity: .5;
         cursor: pointer;
     }
@@ -137,31 +140,35 @@ footer {
     left: 0;
     right: 0;
     height: 75px;
+    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     opacity: .8;
 
     a {
         color: #000;
     }
 
     a:hover {
+        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
         opacity: .5;
     }
 
     > div {
+        img {
+            border: none;
+            margin-bottom: -.5em;
+        }
         width: 600px;
         margin: auto;
         margin-top: 10px;
         font-size: .8em;
         text-align: center;
-        img {
-            margin-bottom: -.5em;
-        }
         font-weight: 200;
     }
 
     small {
         display: block;
         font-size: .8em;
+        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
         opacity: .8;
         margin-top: 1.5em;
     }