Added styling for index page

mmarcon · Oct 22, 2012 · efc34fe · efc34fe
1 parent 9069f5c
commit efc34fe
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 3 deletions.
diff --git a/resources/docco.css b/resources/docco.css
@@ -328,3 +328,43 @@ pre .chunk {
 pre .tex .formula {
   opacity: 0.5;
 }
+
+.file-index {
+  margin: 20px;
+}
+
+.file-list {
+  list-style-type: none;
+  text-indent: 0;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+.file-list li {
+  background: #F5F5FF;
+  border-radius: 4px;
+  padding: 5px;
+  margin: 5px 10px 5px 0;
+  width: 400px;
+  float: left;
+}
+
+.file-list li:hover {
+  background: #efefef;
+}
+
+.file-list a {
+  text-decoration: none;
+}
+
+.file-list p {
+  margin: 0;
+}
+
+.source-file {
+  font-family: 'Arial';
+  font-weight: 100;
+  font-size: 150%;
+  font-variant: small-caps;
+}
diff --git a/resources/index.jst b/resources/index.jst
@@ -7,14 +7,15 @@
   <link rel="stylesheet" media="all" href="<%= css %>" />
 </head>
 <body>
-  <div id="container">
+  <div id="container" class="file-index">
     <h1><%= title %></h1>
-    <ul>
+    <ul class="file-list">
       <% for (var i=0, l=sources.length; i<l; i++) { %>
       <% var source = sources[i]; %>
       <li>
         <a class="generated-file" href="<%= path.basename(destination(source)) %>">
-          <%= path.basename(source) %>
+          <p class="source-file"><%= path.basename(source) %></p>
+          <p class="doc-file"><%= path.basename(destination(source)) %></p>
         </a>
       </li>
       <% } %>