From f5cd692caf98cfeddc61df6442d401619d264aa7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 7 Sep 2015 01:50:27 -0400
Subject: files styilng

---
 public/assets/css/bucky.css | 31 +++++++++++++++++++++++++++++++
 views/pages/details.ejs     |  6 +++---
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 5305999..ed66d90 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -158,6 +158,12 @@ hr {
 .threads tr:last-child td:nth-child(2) {
   border-bottom: 1px solid #b6aeab;
 }
+
+tr:nth-child(odd).row	td { background-color: #e6f0f0; }
+tr:nth-child(odd).row:hover	td { background-color: #d8e0ec; color: #000000; }
+tr:nth-child(even).row td { background-color: #e0e8e8; }
+tr:nth-child(even).row:hover td { background-color: #d8e0ec; color: #000000; }
+
 tr:nth-child(odd) td.row	{ background-color: #e6f0f0; }
 tr:nth-child(odd) td.row:hover	{ background-color: #d8e0ec; color: #000000; }
 tr:nth-child(even) td.row { background-color: #e0e8e8; }
@@ -258,3 +264,28 @@ tr:first-child .comment {
 }
 tr:nth-child(even) td.comment { background-color: #f3f1f2; }
 tr:nth-child(odd) td.comment { background-color: #fcf8f8; }
+
+#files, #files tr {
+  margin: 0; padding: 0;
+  border-spacing: 0;
+}
+#files {
+  border: 1px solid #ccc;
+}
+#files td {
+  padding: 3px 3px;
+}
+#files .user a {
+  text-decoration: none;
+  color: #333;
+}
+#files td:first-child {
+  text-align: left;
+}
+#files td {
+  text-align: right;
+}
+#files .total td {
+  text-align: right;
+  border-top: 1px dotted #888;
+}
\ No newline at end of file
diff --git a/views/pages/details.ejs b/views/pages/details.ejs
index 1f36ab4..daa028b 100644
--- a/views/pages/details.ejs
+++ b/views/pages/details.ejs
@@ -29,7 +29,7 @@
 
   <table id="files">
     <script class="template" type="text/html">
-      <tr>
+      <tr class="row">
         <td>
           <a href="{{link}}">{{filename}}</a>
         </td>
@@ -42,13 +42,13 @@
         <td>
           {{size}}
         </td>
-        <td>
+        <td class="user">
           <a href="/profile/{{username}}">{{username}}</a>
         </td>
       </tr>
     </script>
     <script class="templateTotal" type="text/html">
-      <tr>
+      <tr class="total">
         <td colspan="5">
           total size: <span class="{{size_class}}">{{size}}</span>
         </td>
-- 
cgit v1.2.3-70-g09d2