diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-09-07 01:50:27 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-09-07 01:50:27 -0400 |
| commit | f5cd692caf98cfeddc61df6442d401619d264aa7 (patch) | |
| tree | 786961430f74768d03e0808786acaed66ea76362 | |
| parent | a19867180c1bf221f8a5d1d1115c9a0ba95d1b63 (diff) | |
files styilng
| -rw-r--r-- | public/assets/css/bucky.css | 31 | ||||
| -rw-r--r-- | 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> |