gollum 2.0.0 → 2.1.0

data/lib/gollum/frontend/helpers.rb

@@ -0,0 +1,21 @@
+module Precious
+  module Helpers
+    # Extract the path string that Gollum::Wiki expects
+    def extract_path(file_path)
+      return nil if file_path.nil?
+      last_slash = file_path.rindex("/")
+      if last_slash
+        file_path[0, last_slash]
+      end
+    end
+
+    # Extract the 'page' name from the file_path
+    def extract_name(file_path)
+      ::File.basename(file_path)
+    end
+
+    def sanitize_empty_params(param)
+      [nil,''].include?(param) ? nil : CGI.unescape(param)
+    end
+  end
+end

data/lib/gollum/frontend/public/gollum/css/_styles.css

@@ -0,0 +1,121 @@
+*, html {
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+#results a:hover {
+  background-color: #4c4c4c;
+}
+
+#home_button {
+  position: absolute;
+  top: 10px;
+  left: 50%;
+}
+
+#home_button .minibutton {
+  font-size: 1em;
+  text-align: center;
+}
+
+#results {
+  position: absolute;
+  top: 60px;
+  left: 10px;
+}
+
+body, form, ul, li, p, h1, h2, h3, h4, h5 {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: #606061;
+  color: #ffffff;
+  margin: 0;
+}
+
+img {
+  border: none;
+}
+
+p {
+  font-size: 1em;
+  margin: 0 0 1em 0;
+}
+
+html { font-size: 100%; /* IE hack */ }
+body { font-size: 1em; /* Sets base font size to 16px */ }
+table { font-size: 100%; /* IE hack */ }
+input, select, textarea, th, td { font-size: 1em; }
+
+/* Prevent wrapping on large file names. */
+li.file {
+  white-space: nowrap;
+}
+
+/* CSS Tree menu styles */
+ol.tree
+{
+  padding: 0 0 0 30px;
+  width: 300px;
+}
+  li
+  {
+    position: relative;
+    margin-left: -15px;
+    list-style: none;
+  }
+  li.file
+  {
+    margin-left: -1px !important;
+    height: 1.5em;
+  }
+    li.file a
+    {
+      background: url(../images/fileview/document.png) 0 0 no-repeat;
+      color: #fff;
+      padding-left: 21px;
+      text-decoration: none;
+      display: block;
+    }
+    li.file a[href *= '.pdf']  { background: url(../images/fileview/document.png) 0 0 no-repeat; }
+    li.file a[href *= '.html']  { background: url(../images/fileview/document.png) 0 0 no-repeat; }
+    li.file a[href $= '.css']  { background: url(../images/fileview/document.png) 0 0 no-repeat; }
+    li.file a[href $= '.js']    { background: url(../images/fileview/document.png) 0 0 no-repeat; }
+  li input
+  {
+    position: absolute;
+    left: 0;
+    margin-left: 0;
+    opacity: 0;
+    z-index: 2;
+    cursor: pointer;
+    height: 1em;
+    width: 1em;
+    top: 0;
+  }
+    li input + ol
+    {
+      background: url(../images/fileview/toggle-small-expand.png) 40px 0 no-repeat;
+      margin: -1.188em 0 0 -44px; /* 15px */
+      height: 1.5em;
+    }
+    li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
+  li label
+  {
+    background: url(../images/fileview/folder-horizontal.png) 15px 1px no-repeat;
+    cursor: pointer;
+    display: block;
+    padding-left: 37px;
+  }
+
+  li input:checked + ol
+  {
+    background: url(../images/fileview/toggle-small.png) 40px 5px no-repeat;
+    margin: -1.5em 0 0 -44px; /* 20px */
+    padding: 1.563em 0 0 80px;
+    height: auto;
+  }
+    li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
+    li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
+

data/lib/gollum/frontend/public/gollum/css/editor.css

@@ -64,6 +64,12 @@ a {
   color: #999;
 }
 
+#gollum-editor .path_note {
+  text-align: right;
+  font-size: small;
+  padding-right: 5px;
+}
+
 #gollum-editor-title-field input#gollum-editor-page-title {
   font-weight: bold;
   margin-top: 0;
@@ -226,21 +232,21 @@ a#function-help:hover span { background-position: -405px -28px; }
 }
 
 #gollum-editor #gollum-editor-function-bar
-  #gollum-editor-format-selector label:after {
+#gollum-editor-format-selector label:after {
   content: ':';
 }
 
 
 /* @section form-fields */
 
-#gollum-editor textarea#gollum-editor-body {
+#gollum-editor textarea {
   background: #fff;
   border: 1px solid #ddd;
   font-size: 1em;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   line-height: 1.4em;
   margin: 1em 0 0.4em;
-  padding: 0.5em; /* I don't really like mixing pct & em here… */
+  padding: 0.5em;
   width: 98%;
   height: 20em;
 }
@@ -294,7 +300,7 @@ a#function-help:hover span { background-position: -405px -28px; }
   border-bottom: 1px solid #ddd;
   display: block;
   overflow: hidden;
-  padding: 1em 0 0.5em;
+  padding: 0.5em 0 0;
 }
 
 #gollum-editor #gollum-editor-body + .collapsed,
@@ -330,12 +336,15 @@ a#function-help:hover span { background-position: -405px -28px; }
   font-size: 1.6em;
   float: left;
   margin: 0;
-  padding: 0.4em 0 0 0.3em;
+  padding: 0.15em 0 0 0.3em;
   text-shadow: 0 -1px 0 #fff;
 }
+#gollum-editor .collapsed h4 {
+  color: #bbb;
+}
 
 #gollum-editor .collapsed a.button:hover,
-#gollum-editor .expanded h4 a.button:hover {
+#gollum-editor .expanded  a.button:hover {
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
   text-decoration: none;
@@ -378,10 +387,10 @@ a#function-help:hover span { background-position: -405px -28px; }
   border: 1px solid #ddd;
   clear: both;
   display: block;
-  font-size: 1.3em;
+  font-size: 1em;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   height: 7em;
-  line-height: 1.8em;
+  line-height: 1.4em;
   margin: 0.7em 0;
   padding: 0.5em;
   width: 98%;

data/lib/gollum/frontend/public/gollum/css/gollum.css

@@ -38,17 +38,22 @@ a:hover, a:visited {
 /* @section head */
 #head {
   border-bottom: 1px solid #ddd;
-  margin: 4.5em 0 0.5em;
+  margin: 4em 0 1.5em;
+  padding-bottom: 0.3em;
   overflow: hidden;
 }
 
-  #head h1 {
-    display: none;
-  }
+#head h1 {
+  font-size: 33px;
+  float: left;
+  line-height: normal;
+  margin: 0;
+  padding: 2px 0 0 0;
+}
 
-  #head ul.actions {
-    float: right;
-  }
+#head ul.actions {
+  float: right;
+}
 
 /* @section content */
 #wiki-content {
@@ -56,173 +61,173 @@ a:hover, a:visited {
   overflow: visible;
 }
 
-  #wiki-content .wrap {
-    height: 1%;
-    overflow: auto;
-  }
-
-  /* @section comments */
-  #wiki-body #inline-comment {
-    display: none; /* todo */
-  }
-
-  /* @section body */
-  #wiki-body {
-    display: block;
-    float: left;
-    margin-right: 3%;
-    width: 100%;
-  }
-
-  .has-rightbar #wiki-body {
-    width: 68%;
-  }
-
-  /* @section rightbar */
-  #wiki-rightbar {
-    background-color: #f7f7f7;
-    border: 1px solid #ddd;
-    font-size: 13px;
-    float: right;
-    padding: 7px;
-    width: 25%;
-
-    border-radius: 0.5em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-  }
-
-    #wiki-rightbar p {
-      margin: 13px 0 0;
-    }
-
-      #wiki-rightbar > p:first-child {
-        margin-top: 0;
-      }
-
-    #wiki-rightbar p.parent {
-      border-bottom: 1px solid #bbb;
-      font-weight: bold;
-      margin: 0 0 0.5em 0;
-      padding: 0 0 0.5em 0;
-      text-shadow: 0 1px 0 #fff;
-    }
-
-    /* Back arrow */
-    #wiki-rightbar p.parent:before {
-      color: #666;
-      content: "← ";
-    }
-
-    #wiki-rightbar h3 {
-      font-size: 1.2em;
-      color: #333;
-      margin: 1.2em 0 0;
-      padding: 0;
-      text-shadow: 0 1px 0 #fff;
-    }
-
-    #wiki-rightbar ul {
-      margin: 0.5em 0 1em;
-      padding: 0;
-    }
-
-    #wiki-rightbar ul li {
-      color: #bbb;
-      margin: 0 0 0 1em;
-      padding: 0;
-      line-height: 1.75em;
-      list-style-position: inside;
-      list-style-type: round;
-    }
-
-    #wiki-rightbar #nav ul li a {
-      font-weight: bold;
-      text-shadow: 0 1px 0 #fff;
-    }
-
-  /* @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.75em;
-    }
-
-    #wiki-footer #footer-content ul.links li a {
-      font-weight: bold;
-      text-shadow: 0 1px 0 #fff;
-    }
-
-    #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.75em 0 0;
-    }
-
-  /* @section page-footer */
-  .page #footer {
-    border-top: 1px solid #ddd;
-    margin: 1em 0 7em;
-  }
-
-  #footer p#last-edit {
-    font-size: .9em;
-    line-height: 1.6em;
-    color: #999;
-    margin: 0.9em 0;
-  }
-
-    #footer p#last-edit span.username {
-      font-weight: bold;
-    }
+#wiki-content .wrap {
+  height: 1%;
+  overflow: auto;
+}
+
+/* @section comments */
+#wiki-body #inline-comment {
+  display: none; /* todo */
+}
+
+/* @section body */
+#wiki-body {
+  display: block;
+  float: left;
+  clear: left;
+  margin-right: 3%;
+  margin-bottom: 40px;
+  width: 100%;
+}
+
+.has-rightbar #wiki-body {
+  width: 68%;
+}
+
+/* @section toc */
+#wiki-toc-main {
+  background-color: #F7F7F7;
+  border: 1px solid #DDD;
+  font-size: 13px;
+  padding: 0px 5px;
+  float:left;
+  margin-bottom: 20px;
+  min-width: 33%;
+
+  border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  -webkit-border-radius: 0.5em;
+}
+#wiki-toc-main > div {
+  border: none;
+}
+
+/* @section rightbar */
+#wiki-rightbar {
+  background-color: #f7f7f7;
+  border: 1px solid #ddd;
+  font-size: 13px;
+  float: right;
+  padding: 7px;
+  width: 25%;
+  color: #555;
+
+  border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  -webkit-border-radius: 0.5em;
+}
+
+#wiki-rightbar p {
+  margin: 13px 0 0;
+}
+
+#wiki-rightbar > p:first-child {
+  margin-top: 10px;
+}
+
+#wiki-rightbar p.parent {
+  border-bottom: 1px solid #bbb;
+  font-weight: bold;
+  margin: 0 0 0.5em 0;
+  padding: 0 0 0.5em 0;
+  text-shadow: 0 1px 0 #fff;
+}
+
+/* Back arrow */
+#wiki-rightbar p.parent:before {
+  color: #666;
+  content: "← ";
+}
+
+/* @section footer */
+
+#wiki-footer {
+  clear: both;
+  margin: 2em 0 5em;
+}
+
+.has-rightbar #wiki-footer {
+  width: 70%;
+}
+
+#wiki-header #header-content,
+#wiki-footer #footer-content {
+  background-color: #f7f7f7;
+  border: 1px solid #ddd;
+  padding: 1em;
+
+  border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  -webkit-border-radius: 0.5em;
+}
+#wiki-header #header-content {
+  margin-bottom: 1.5em;
+}
+
+#wiki-footer #footer-content {
+  margin-top: 1.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.75em;
+}
+
+#wiki-footer #footer-content ul.links li a {
+  font-weight: bold;
+  text-shadow: 0 1px 0 #fff;
+}
+
+#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.75em 0 0;
+}
+
+/* @section page-footer */
+.page #footer {
+  clear: both;
+  border-top: 1px solid #ddd;
+  margin: 1em 0 7em;
+}
+
+#footer p#last-edit {
+  font-size: .9em;
+  line-height: 1.6em;
+  color: #999;
+  margin: 0.9em 0;
+}
+
+#footer p#last-edit span.username {
+  font-weight: bold;
+}
 
 
 /* @section history */
@@ -231,109 +236,109 @@ a:hover, a:visited {
   font-weight: normal;
 }
 
-  .history h1 strong {
-    color: #000;
-    font-weight: bold;
-  }
+.history h1 strong {
+  color: #000;
+  font-weight: bold;
+}
 
 #wiki-history {
   margin-top: 2em;
 }
 
-  #wiki-history fieldset {
-    border: 0;
-    margin: 1em 0;
-    padding: 0;
-  }
+#wiki-history fieldset {
+  border: 0;
+  margin: 1em 0;
+  padding: 0;
+}
 
-  #wiki-history table, #wiki-history tbody {
-    border-collapse: collapse;
-    padding: 0;
-    margin: 0;
-    width: 100%;
-  }
+#wiki-history table, #wiki-history tbody {
+  border-collapse: collapse;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
 
-  #wiki-history table tr {
-    padding: 0;
-    margin: 0;
-  }
+#wiki-history table tr {
+  padding: 0;
+  margin: 0;
+}
 
-  #wiki-history table tr {
-    background-color: #ebf2f6;
-  }
+#wiki-history table tr {
+  background-color: #ebf2f6;
+}
 
-  #wiki-history table tr td {
-    border: 1px solid #c0dce9;
-    font-size: 1em;
-    line-height: 1.6em;
-    margin: 0;
-    padding: 0.3em 0.7em;
-  }
-
-  #wiki-history table tr td.checkbox {
-    width: 4em;
-    padding: 0.3em;
-  }
-
-  #wiki-history table tr td.checkbox input {
-    cursor: pointer;
-    display: block;
-    padding-right: 0;
-    padding-top: 0.4em;
-    margin: 0 auto;
-    width: 1.2em;
-    height: 1.2em;
-  }
-
-  #wiki-history table tr:nth-child(2n),
-  #wiki-history table tr.alt-row {
-    background-color: #f3f7fa;
-  }
-
-  #wiki-history table tr.selected {
-    background-color: #ffffea !important;
-    z-index: 100;
-  }
-
-  #wiki-history table tr td.commit-name {
-    border-left: 0;
-  }
-
-  #wiki-history table tr td.commit-name span.time-elapsed {
-    color: #999;
-  }
-
-  #wiki-history table tr td.author {
-    width: 20%;
-  }
-
-  #wiki-history table tr td.author a {
-    color: #000;
-    font-weight: bold;
-  }
-
-  #wiki-history table tr td.author a span.username {
-    display: block;
-    padding-top: 3px;
-  }
-
-  #wiki-history table tr td img {
-    background-color: #fff;
-    border: 1px solid #999;
-    display: block;
-    float: left;
-    height: 18px;
-    overflow: hidden;
-    margin: 0 0.5em 0 0;
-    width: 18px;
-    padding: 2px;
-  }
-
-  #wiki-history table tr td.commit-name a {
-    font-size: 0.9em;
-    font-family: 'Monaco', 'Andale Mono', Consolas, 'Courier New', monospace;
-    padding: 0 0.2em;
-  }
+#wiki-history table tr td {
+  border: 1px solid #c0dce9;
+  font-size: 1em;
+  line-height: 1.6em;
+  margin: 0;
+  padding: 0.3em 0.7em;
+}
+
+#wiki-history table tr td.checkbox {
+  width: 4em;
+  padding: 0.3em;
+}
+
+#wiki-history table tr td.checkbox input {
+  cursor: pointer;
+  display: block;
+  padding-right: 0;
+  padding-top: 0.4em;
+  margin: 0 auto;
+  width: 1.2em;
+  height: 1.2em;
+}
+
+#wiki-history table tr:nth-child(2n),
+#wiki-history table tr.alt-row {
+  background-color: #f3f7fa;
+}
+
+#wiki-history table tr.selected {
+  background-color: #ffffea !important;
+  z-index: 100;
+}
+
+#wiki-history table tr td.commit-name {
+  border-left: 0;
+}
+
+#wiki-history table tr td.commit-name span.time-elapsed {
+  color: #999;
+}
+
+#wiki-history table tr td.author {
+  width: 20%;
+}
+
+#wiki-history table tr td.author a {
+  color: #000;
+  font-weight: bold;
+}
+
+#wiki-history table tr td.author a span.username {
+  display: block;
+  padding-top: 3px;
+}
+
+#wiki-history table tr td img {
+  background-color: #fff;
+  border: 1px solid #999;
+  display: block;
+  float: left;
+  height: 18px;
+  overflow: hidden;
+  margin: 0 0.5em 0 0;
+  width: 18px;
+  padding: 2px;
+}
+
+#wiki-history table tr td.commit-name a {
+  font-size: 0.9em;
+  font-family: 'Monaco', 'Andale Mono', Consolas, 'Courier New', monospace;
+  padding: 0 0.2em;
+}
 
 .history #footer {
   margin-bottom: 7em;
@@ -351,10 +356,10 @@ a:hover, a:visited {
   font-weight: normal;
 }
 
-  .edit h1 strong {
-    color: #000;
-    font-weight: bold;
-  }
+.edit h1 strong {
+  color: #000;
+  font-weight: bold;
+}
 
 
 /* @section search */
@@ -363,42 +368,42 @@ a:hover, a:visited {
   font-weight: normal;
 }
 
-  .results h1 strong {
-    color: #000;
-    font-weight: bold;
-  }
+.results h1 strong {
+  color: #000;
+  font-weight: bold;
+}
 
-  .results #results {
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 2em;
-    padding-bottom: 2em;
-  }
+.results #results {
+  border-bottom: 1px solid #ccc;
+  margin-bottom: 2em;
+  padding-bottom: 2em;
+}
 
-  .results #results ul {
-    margin: 2em 0 0 0;
-    padding: 0;
-  }
+.results #results ul {
+  margin: 2em 0 0 0;
+  padding: 0;
+}
 
-    .results #results ul li {
-      font-size: 1.2em;
-      line-height: 1.6em;
-      list-style-position: outside;
-      padding: 0.2em 0;
-    }
+.results #results ul li {
+  font-size: 1.2em;
+  line-height: 1.6em;
+  list-style-position: outside;
+  padding: 0.2em 0;
+}
 
-    .results #results ul li span.count {
-      color: #999;
-    }
+.results #results ul li span.count {
+  color: #999;
+}
 
-  .results p#no-results {
-    font-size: 1.2em;
-    line-height: 1.6em;
-    margin-top: 2em;
-  }
+.results p#no-results {
+  font-size: 1.2em;
+  line-height: 1.6em;
+  margin-top: 2em;
+}
 
-  .results #footer ul.actions li {
-    margin: 0 1em 0 0;
-  }
+.results #footer ul.actions li {
+  margin: 0 1em 0 0;
+}
 
 
 /* @section compare */
@@ -407,52 +412,52 @@ a:hover, a:visited {
   font-weight: normal;
 }
 
-  .compare h1 strong {
-    color: #000;
-    font-weight: bold;
-  }
+.compare h1 strong {
+  color: #000;
+  font-weight: bold;
+}
 
-  .compare #compare-content {
-    margin-top: 3em;
-  }
+.compare #compare-content {
+  margin-top: 3em;
+}
 
-  .compare .data {
-    border: 1px solid #ddd;
-    margin: 1em 0 2em;
-    overflow: auto;
-  }
+.compare .data {
+  border: 1px solid #ddd;
+  margin: 1em 0 2em;
+  overflow: auto;
+}
 
-  .compare .data table {
-    width: 100%;
-  }
+.compare .data table {
+  width: 100%;
+}
 
-  .compare .data pre {
-    margin: 0;
-    padding: 0;
-  }
+.compare .data pre {
+  margin: 0;
+  padding: 0;
+}
 
-  .compare .data pre div {
-    padding: 0 0 0 1em;
-  }
+.compare .data pre div {
+  padding: 0 0 0 1em;
+}
 
-  .compare .data tr td {
-    font-family: "Consolas", "Monaco", "Andale Mono", "Courier New", monospace;
-    font-size: 1.2em;
-    line-height: 1.2em;
-    margin: 0;
-    padding: 0;
-  }
+.compare .data tr td {
+  font-family: "Consolas", "Monaco", "Andale Mono", "Courier New", monospace;
+  font-size: 1.2em;
+  line-height: 1.2em;
+  margin: 0;
+  padding: 0;
+}
 
-  .compare .data tr td + td + td {
-    width: 100%;
-  }
+.compare .data tr td + td + td {
+  width: 100%;
+}
 
-  .compare .data td.line_numbers {
-    background: #f7f7f7;
-    border-right: 1px solid #999;
-    color: #999;
-    padding: 0 0 0 0.5em;
-  }
+.compare .data td.line_numbers {
+  background: #f7f7f7;
+  border-right: 1px solid #999;
+  color: #999;
+  padding: 0 0 0 0.5em;
+}
 
 .compare #compare-content ul.actions li,
 .compare #footer ul.actions li {
@@ -611,68 +616,101 @@ ul.actions {
   overflow: hidden;
 }
 
-  #head #searchbar #searchbar-fauxtext {
-    background: #fff;
-    border: 1px solid #d4d4d4;
-    overflow: hidden;
-    height: 2.2em;
-
-    border-radius: 0.3em;
-    -moz-border-radius: 0.3em;
-    -webkit-border-radius: 0.3em;
-  }
-
-  #head #searchbar #searchbar-fauxtext input#search-query {
-    border: none;
-    color: #000;
-    float: left;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    font-size: 1em;
-    height: inherit;
-    padding: 0 .5em;
-
-    -webkit-focus-ring: none;
-  }
-
-  .ie8 #head #searchbar #searchbar-fauxtext input#search-query {
-    padding: 0.5em 0 0 0.5em;
-  }
-
-  #head #searchbar #searchbar-fauxtext input#search-query.ph {
-    color: #999;
-  }
-
-  #head #searchbar #searchbar-fauxtext #search-submit {
-    border: 0;
-    border-left: 1px solid #d4d4d4;
-    cursor: pointer;
-    margin: 0 !important;
-    padding: 0;
-    float: right;
-    height: inherit;
+#head #searchbar #searchbar-fauxtext {
+  background: #fff;
+  border: 1px solid #d4d4d4;
+  overflow: hidden;
+  height: 2.2em;
 
-    border-radius: 0 3px 3px 0;
-    -moz-border-radius: 0 3px 3px 0;
-    -webkit-border-radius: 0 3px 3px 0;
-  }
+  border-radius: 0.3em;
+  -moz-border-radius: 0.3em;
+  -webkit-border-radius: 0.3em;
+}
 
-  #head #searchbar #searchbar-fauxtext #search-submit span {
-    background-image: url(/images/icon-sprite.png);
-    background-position: -431px -1px;
-    background-repeat: no-repeat;
-    display: block;
-    height: inherit;
-    overflow: hidden;
-    text-indent: -5000px;
-    width: 28px;
-  }
-
-  .ff #head #searchbar #searchbar-fauxtext #search-submit span,
-  .ie #head #searchbar #searchbar-fauxtext #search-submit span {
-    height: 2.2em;
-  }
-
-  #head #searchbar #searchbar-fauxtext #search-submit:hover span {
-    background-position: -431px -28px;
+#head #searchbar #searchbar-fauxtext input#search-query {
+  border: none;
+  color: #000;
+  float: left;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 1em;
+  height: inherit;
+  padding: 0 .5em;
+
+  -webkit-focus-ring: none;
+}
+
+.ie8 #head #searchbar #searchbar-fauxtext input#search-query {
+  padding: 0.5em 0 0 0.5em;
+}
+
+#head #searchbar #searchbar-fauxtext input#search-query.ph {
+  color: #999;
+}
+
+#head #searchbar #searchbar-fauxtext #search-submit {
+  border: 0;
+  border-left: 1px solid #d4d4d4;
+  cursor: pointer;
+  margin: 0 !important;
+  padding: 0;
+  float: right;
+  height: inherit;
+
+  border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  -webkit-border-radius: 0 3px 3px 0;
+}
+
+#head #searchbar #searchbar-fauxtext #search-submit span {
+  background-image: url(../images/icon-sprite.png);
+  background-position: -431px -1px;
+  background-repeat: no-repeat;
+  display: block;
+  height: inherit;
+  overflow: hidden;
+  text-indent: -5000px;
+  width: 28px;
+}
+
+.ff #head #searchbar #searchbar-fauxtext #search-submit span,
+.ie #head #searchbar #searchbar-fauxtext #search-submit span {
+  height: 2.2em;
+}
+
+#head #searchbar #searchbar-fauxtext #search-submit:hover span {
+  background-position: -431px -28px;
+  padding: 0;
+}
+
+/* @section pages */
+
+#pages {
+  font-size: 1.2em;
+  margin-bottom: 20px;
+}
+
+#pages ul {
+    list-style: none;
+    margin: 0;
     padding: 0;
-  }
+}
+
+#pages li a.file,
+#pages li a.folder {
+    background-image: url(/images/fileview/document.png);
+    background-position: 0 1px;
+    background-repeat: no-repeat;
+    padding-left: 20px;
+}
+
+#pages li a.folder {
+    background-image: url(/images/fileview/folder-horizontal.png);
+}
+
+#pages .breadcrumb {
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  margin: 1em 0;
+  padding: 0.25em;
+}
+