styling boxes, call it ledger style

2 files changed, 29 insertions, 23 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 630ea2f..62842fd 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -62,6 +62,10 @@ a:hover   { color: #2040f0; text-decoration: underline; }
 hr {
   border-color: #000;
 }
+table, tr {
+  margin: 0; padding: 0;
+  border-spacing: 0;
+}
 
 .lastlog {
   float: right;
@@ -129,33 +133,28 @@ hr {
 #hoots tr:nth-child(odd) td:nth-child(2) { background-color: #f3f1f2; }
 #hoots tr:nth-child(even) td:nth-child(2) { background-color: #e3e8e3; }
 
-.threads th {
+#threads th {
   vertical-align: top;
   font-weight: normal;
   padding-right: 4px;
   line-height: 15px;
 }
-.threads th b {
+#threads th b {
   font-weight: bold;
   font-size: 14px;
 }
-.threads, .threads tr {
-  margin: 0; padding: 0;
-  border-spacing: 0;
-}
-.threads td {
+
+.ledger td {
   text-align: right;
   padding-left: 4px;
   padding-right: 4px;
 }
-.threads td:nth-child(1) a {
+.ledger td:nth-child(1) a {
   margin-left: 10px;
-}
-.threads td:nth-child(1) a {
   color: #444;
   text-decoration: none;
 }
-.threads td:nth-child(2) {
+.ledger td:nth-child(2) {
   text-align: left;
   font-family: Georgia, serif;
   font-size: 120%;
@@ -166,16 +165,16 @@ hr {
   max-width: 30vw;
   white-space: nowrap;
 }
-.threads tr:first-child td:nth-child(2) {
+.ledger tr:first-child td:nth-child(2) {
   border-top: 1px solid #b6aeab;
 }
-.threads tr:last-child td:nth-child(2) {
+.ledger tr:last-child td:nth-child(2) {
   border-bottom: 1px solid #b6aeab;
 }
-.threads td:nth-child(2) a {
+.ledger td:nth-child(2) a {
   display: block;
 }
-.threads td:nth-child(6) {
+#threads td:nth-child(6) {
   text-align: center;
 }
 
@@ -268,10 +267,6 @@ tr:nth-child(even) td.black:hover  { background-color: #f8f8f8; color: #000000;
   vertical-align: top;
 }
 
-#comments, #comments tr {
-  margin: 0; padding: 0;
-  border-spacing: 0;
-}
 .comment {
   padding: 8px 8px 8px 8px;
   border-bottom: 1px solid #ccc;
@@ -343,14 +338,25 @@ tr:nth-child(odd) td.comment { background-color: #fcf8f8; }
   padding: 0 0 12px 0;
 }
 
+#messages {
+  width: 100%;
+}
+#boxes table {
+  width: 200px;
+  font-size: 13px;
+  margin: 0 auto;
+}
+#boxes td {
+  padding: 3px;
+}
 @media (max-width: 1024px) {
-  .threads td:nth-child(3) small {
+  #threads td:nth-child(3) small {
     display: none;
   }
-  .threads td:nth-child(4) {
+  #threads td:nth-child(4) {
     display: none;
   }
-  .threads .size {
+  #threads .size {
     display: none;
   }
 }
diff --git a/public/assets/js/lib/views/index/threadbox.js b/public/assets/js/lib/views/index/threadbox.js
index eee7a5c..0475382 100644
--- a/public/assets/js/lib/views/index/threadbox.js
+++ b/public/assets/js/lib/views/index/threadbox.js
@@ -1,5 +1,5 @@
 var ThreadBox = View.extend({
-  el: ".threads",
+  el: "#threads",
   
   events: {
   },