From d0b793366ff976d403f568866a70822c59d814c9 Mon Sep 17 00:00:00 2001
From: Eston Bond <eston@github.com>
Date: Mon, 25 Oct 2010 16:52:31 -0700
Subject: [PATCH] Looks like UA detection is necessary for CSS

---
 scratch/css/gollum.css   | 59 ++++++++++++++++++++++++++++++++++++++++
 scratch/css/template.css |  4 +++
 scratch/js/gollum.js     | 15 ++++++++++
 scratch/page.html        | 18 +++++++++---
 4 files changed, 92 insertions(+), 4 deletions(-)
 create mode 100644 scratch/js/gollum.js

diff --git a/scratch/css/gollum.css b/scratch/css/gollum.css
index e3a9a0d6..095fe458 100644
--- a/scratch/css/gollum.css
+++ b/scratch/css/gollum.css
@@ -179,8 +179,62 @@ a:hover, a:visited {
   /* @section footer */
   #wiki-footer {
     clear: both;
+    margin: 2em 0 5em;
   }
   
+    .has-rightbar #wiki-footer {
+      width: 70%;
+    }
+    
+    #wiki-footer #footer-content {
+      background-color: #f7f7f7;
+      border: 1px solid #ddd;
+      font-size: 1.2em;
+      line-height: 1.5em;
+      margin-top: 1.5em;
+      padding: 1em;
+      
+      border-radius: 0.5em;
+      -moz-border-radius: 0.5em;
+      -webkit-border-radius: 0.5em;
+    }
+    
+    #wiki-footer #footer-content h3 {
+      font-size: 1.2em;
+      color: #333;
+      margin: 0;
+      padding: 0 0 0.2em;
+      text-shadow: 0 1px 0 #fff;
+    }
+    
+    #wiki-footer #footer-content p {
+      margin: 0.5em 0 0;
+      padding: 0;
+    }
+    
+    #wiki-footer #footer-content ul.links {
+      margin: 0.5em 0 0;
+      overflow: hidden;
+      padding: 0;
+    }
+    
+    #wiki-footer #footer-content ul.links li {
+      color: #999;
+      float: left;
+      list-style-position: inside;
+      list-style-type: square;
+      padding: 0;
+      margin-left: 0.6em;
+    }
+    
+    #wiki-footer #footer-content ul.links li:first-child {
+      list-style-type: none;
+      margin: 0;
+    }  
+    
+    .ff #wiki-footer #footer-content ul.links li:first-child {
+      margin: 0 -0.6em 0 0;
+    }
   
   /* @section page-footer */
   #footer {
@@ -192,4 +246,9 @@ a:hover, a:visited {
   
   #footer p#last-edit {
     color: #999;
+    margin: 0.9em 0;
   }
+  
+    #footer p#last-edit span.username {
+      font-weight: bold;
+    }
diff --git a/scratch/css/template.css b/scratch/css/template.css
index 6a81a547..784e12bc 100644
--- a/scratch/css/template.css
+++ b/scratch/css/template.css
@@ -7,6 +7,10 @@
   margin-bottom: 4em; /* Give it some breathing room */
 }
 
+.has-footer #template {
+  margin: 0;
+}
+
 #template p {
   font-size: 1.4em;
   line-height: 1.6em;
diff --git a/scratch/js/gollum.js b/scratch/js/gollum.js
new file mode 100644
index 00000000..6c2ede74
--- /dev/null
+++ b/scratch/js/gollum.js
@@ -0,0 +1,15 @@
+// ua
+$(document).ready(function() {
+  if ($.browser.mozilla) {
+    $('body').addClass('ff');
+  } else if ($.browser.webkit) {
+    $('body').addClass('webkit');
+  } else if ($.browser.msie) {
+    $('body').addClass('ie');
+    if ($.browser.version == "7.0") {
+      $('body').addClass('ie7');
+    } else if ($.browser.version == "8.0") {
+      $('body').addClass('ie8');
+    }
+  }
+});
\ No newline at end of file
diff --git a/scratch/page.html b/scratch/page.html
index dfe92551..9b110e9c 100644
--- a/scratch/page.html
+++ b/scratch/page.html
@@ -20,7 +20,7 @@
   </ul>
 </div>
 <div id="wiki-content">
-  <div class="has-rightbar">
+  <div class="has-rightbar has-footer">
   <div id="wiki-body">
     <div id="inline-comment">
       <ul>
@@ -100,17 +100,27 @@
     </ul>
     </div>
   </div>
-  </div>
   <div id="wiki-footer">
-    <p>I have no idea what goes here yet.</p>
+    <div id="footer-content">
+      <h3>Footer heading</h3>
+      <p>What goes in the footer?</p>
+      <ul class="links">
+        <li><a href="javascript:void(0);">Something 1</a></li>
+        <li><a href="javascript:void(0);">Something 2</a></li>
+        <li><a href="javascript:void(0);">Something 3</a></li>
+      </ul>
+    </div>
   </div>
+  </div>
+
 </div>
 <div id="footer">
-  <p id="last-edit">Last edited by <span>username</span>, 13:20:21 GMT</p>
+  <p id="last-edit">Last edited by <span class="username">username</span>, 13:20:21 GMT</p>
 </div>
 </div>
 
 <script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/gollum.js"></script>
 <script type="text/javascript" src="js/gollum.editor.js"></script>
 </body>
 </html>
\ No newline at end of file