header

1 files changed, 87 insertions, 15 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 5dc41cf..d404fe8 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -35,13 +35,6 @@ button {
 .hidden {
   visibility: hidden;
 }
-
-
-.head a:link    { color: #000;}
-.head a:visited { color: #000;}
-.head a:active  { color: #000;}
-.head a:hover   { color: #558;}
-
 h1 {
   font-size: 30px;
   font-weight: bold;
@@ -66,6 +59,10 @@ hr {
   border-color: #000;
 }
 
+.lastlog {
+  float: right;
+}
+
 #sidebar, #content {
   float: left;
 }
@@ -97,15 +94,11 @@ hr {
 #hootbox button {
   width: 44px;
 }
-#hoots {
+#hoots, #hoots tr {
   margin: 0;
   padding: 0;
   border-spacing: 0;
 }
-#hoots tr {
-  margin: 0;
-  padding: 0;
-}
 #hoots td {
   margin: 0;
   padding: 0;
@@ -125,15 +118,94 @@ 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, .threads tr {
+  margin: 0; padding: 0;
+  border-spacing: 0;
+}
 .threads td {
   text-align: right;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.threads td:nth-child(1) a {
+  margin-left: 10px;
+}
+.threads td:nth-child(1) a {
+  color: #444;
+  text-decoration: none;
 }
 .threads td:nth-child(2) {
   text-align: left;
   font-family: Georgia, serif;
   font-size: 120%;
+  padding: 2px 4px;
+  border-left: 1px solid #b6aeab; border-right: 1px solid #b6aeab;
+}
+.threads td:nth-child(3) {
+  padding-left: 10px;
 }
-.threads tr:nth-child(odd) td:nth-child(2) {
+.threads tr:first-child td:nth-child(2) {
+  border-top: 1px solid #b6aeab;
 }
-.threads tr:nth-child(even) td:nth-child(2) {
-}
\ No newline at end of file
+.threads tr:last-child td:nth-child(2) {
+  border-bottom: 1px solid #b6aeab;
+}
+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; }
+tr:nth-child(even) td.row:hover	{ background-color: #d8e0ec; color: #000000; }
+
+tr:nth-child(odd) td.plain{ background-color: #d0dBe8; border-bottom: 1px solid #d3d3d0; }
+tr:nth-child(odd) td.plain:hover	{ background-color: #d7e4f0; color: #000000; border-bottom: 1px solid #d3d3d0; }
+tr:nth-child(even) td.plain { background-color: #edf8f6; border-bottom: 1px solid #d3d3d0; }
+tr:nth-child(even) td.plain:hover	{ background-color: #f3fafa; color: #000000; border-bottom: 1px solid #ded2dd; }
+
+tr:nth-child(odd) td.ivory{ background-color: #e0e0d8; border-bottom: 1px solid #d3d3d0; }
+tr:nth-child(odd) td.ivory:hover	{ background-color: #f8f0e9; color: #000000; border-bottom: 1px solid #d3d3d0; }
+tr:nth-child(even) td.ivory { background-color: #f0f0ea; border-bottom: 1px solid #d3d3d0; }
+tr:nth-child(even) td.ivory:hover	{ background-color: #f8f0e9; color: #000000; border-bottom: 1px solid #d3d3d0; }
+
+tr:nth-child(odd) td.tan	{ background-color: #e1e1bf; border-bottom: 1px solid #ced2cd; }
+tr:nth-child(odd) td.tan:hover	{ background-color: #f7f6ed; color: #000000; border-bottom: 1px solid #ced2cd; }
+tr:nth-child(even) td.tan { background-color: #f0eddf; border-bottom: 1px solid #ced2cd; }
+tr:nth-child(even) td.tan:hover	{ background-color: #f7f6ed; color: #000000; border-bottom: 1px solid #ced2cd; }
+
+tr:nth-child(odd) td.red	{ background-color: #fcc7c2; border-bottom: 1px solid #E8B1AC; }
+tr:nth-child(odd) td.red:hover	{ background-color: #FFACB2; color: #000000; border-bottom: 1px solid #E8B1AC; }
+tr:nth-child(even) td.red { background-color: #fde1df; border-bottom: 1px solid #E8B1AC; }
+tr:nth-child(even) td.red:hover	{ background-color: #FFACB2; color: #000000; border-bottom: 1px solid #E8B1AC; }
+
+tr:nth-child(odd) td.orange     { background-color: #F8E0C6; border-bottom: 1px solid #F5D1AA; }
+tr:nth-child(odd) td.orange:hover{ background-color: #FFD799; color: #000000; border-bottom: 1px solid #F5D1AA; }
+tr:nth-child(even) td.orange     { background-color: #FBEEE1; border-bottom: 1px solid #F5D1AA; }
+tr:nth-child(even) td.orange:hover{ background-color: #FFD799; color: #000000; border-bottom: 1px solid #F5D1AA; }
+
+tr:nth-child(odd) td.yellow     { background-color: #FAFDC2; border-bottom: 1px solid #CED3D2; }
+tr:nth-child(odd) td.yellow:hover{ background-color: #FFF7A8; color: #000000; border-bottom: 1px solid #CED3D2; }
+tr:nth-child(even) td.yellow     { background-color: #FDFEDF; border-bottom: 1px solid #CED3D2; }
+tr:nth-child(even) td.yellow:hover{ background-color: #FFF7A8; color: #000000; border-bottom: 1px solid #CED3D2; }
+
+tr:nth-child(odd) td.green      { background-color: #E6FFCC; border-bottom: 1px solid #AFD8AB; }
+tr:nth-child(odd) td.green:hover { background-color: #d8F4b4; color: #000000; border-bottom: 1px solid #AFD8AB; }
+tr:nth-child(even) td.green      { background-color: #F0FFE2; border-bottom: 1px solid #AFD8AB; }
+tr:nth-child(even) td.green:hover { background-color: #d4eeb0; color: #000000; border-bottom: 1px solid #AFD8AB; }
+
+tr:nth-child(odd) td.blue       { background-color: #ddE2FF; border-bottom: 1px solid #c9c9F5; }
+tr:nth-child(odd) td.blue:hover  { background-color: #cac8fe; color: #000000; border-bottom: 1px solid #c9c9F5; }
+tr:nth-child(even) td.blue       { background-color: #ebefff; border-bottom: 1px solid #c9c9F5; }
+tr:nth-child(even) td.blue:hover  { background-color: #cac8fe; color: #000000; border-bottom: 1px solid #c9c9F5; }
+
+tr:nth-child(odd) td.purple     { background-color: #E0CBF4; border-bottom: 1px solid #D6A9EA; }
+tr:nth-child(odd) td.purple:hover{ background-color: #DDB1FF; color: #000000; border-bottom: 1px solid #D6A9EA; }
+tr:nth-child(even) td.purple     { background-color: #EFE4F9; border-bottom: 1px solid #D6A9EA; }
+tr:nth-child(even) td.purple:hover{ background-color: #DDB1FF; color: #000000; border-bottom: 1px solid #D6A9EA; }
+
+tr:nth-child(odd) td.pink       { background-color: #F1CDE4; border-bottom: 1px solid #E8ABD2; }
+tr:nth-child(odd) td.pink:hover  { background-color: #FFAECD; color: #000000; border-bottom: 1px solid #E8ABD2; }
+tr:nth-child(even) td.pink       { background-color: #F8E5F1; border-bottom: 1px solid #E8ABD2; }
+tr:nth-child(even) td.pink:hover  { background-color: #FFAECD; color: #000000; border-bottom: 1px solid #E8ABD2; }
+
+tr:nth-child(odd) td.black       { background-color: #ccc; border-bottom: 1px solid #aaa; }
+tr:nth-child(odd) td.black:hover  { background-color: #f8f8f8; color: #000000; border-bottom: 1px solid #aaa; }
+tr:nth-child(even) td.black       { background-color: #eee; border-bottom: 1px solid #aaa; }
+tr:nth-child(even) td.black:hover  { background-color: #f8f8f8; color: #000000; border-bottom: 1px solid #aaa; }