style search. LOTTA styling

1 files changed, 138 insertions, 64 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index c791ca1..a8901c3 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -41,11 +41,16 @@ h1 {
   font-weight: bold;
   margin: 0;
 }
+.subtitle {
+  display: none;
+  margin-top: 5px;
+  margin-bottom: 10px;
+}
 .bluebox {
 	background-color: #d8e0ec;
 	color: #000000;
 	text-align: center;
-	border: 2px solid #201010;
+	border: 1px solid #321;
 	padding: 3px;
 	margin: 0 0 5px 0;
 }
@@ -56,6 +61,13 @@ h1 {
   top: 1px;
   margin-bottom: 5px;
 }
+.bluebox big {
+  display: block;
+  text-align: center;
+  margin-bottom: 4px;
+  margin-left: 3px;
+  margin-top: 2px;
+}
 a:link    { color: #2050ca; text-decoration: underline; }
 a:visited { color: #1030aa; text-decoration: none; }
 a:active  { color: #a0a0c7; text-decoration: underline; }
@@ -63,6 +75,10 @@ a:hover   { color: #2040f0; text-decoration: underline; }
 hr {
   border-color: #000;
 }
+#menu {
+  margin: 7px 0 14px;
+}
+
 table, tr {
   margin: 0; padding: 0;
   border-spacing: 0;
@@ -119,10 +135,10 @@ table, tr {
 #hoots td {
   margin: 0;
   padding: 0;
-  border-top: 2px solid #000;
+  border-top: 1px solid #321;
 }
 #hoots td:nth-child(1){
-  border-right: 2px solid #000;
+  border-right: 1px solid #321;
   width: 40px;
   height: 40px;
   background-size: cover;
@@ -155,12 +171,12 @@ table, tr {
 #threads .keyword:first-child td:nth-child(2) {
   border-top: 0;
 }
-#threads .keyword td:nth-child(2) {
-  border-top: 1px solid #b3b3b3;
-  border-bottom: 1px solid #b3b3b3;
+.row.first td:nth-child(2) {
+  border-top: 1px solid #876;
 }
+.row.last td:nth-child(2),
 #threads .row:last-child td:nth-child(2) {
-  border-bottom: 1px solid #b3b3b3;
+  border-bottom: 1px solid #876;
 }
 
 .ledger {
@@ -180,21 +196,19 @@ table, tr {
   text-align: left;
   font-family: Georgia, serif;
   font-size: 120%;
-  padding: 2px 4px;
-  border-left: 1px solid #b6aeab; border-right: 1px solid #b6aeab;
+  border-left: 1px solid #876;
+  border-right: 1px solid #876;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 30vw;
   white-space: nowrap;
+  padding: 0;
 }
-.ledger tr.row:first-child td:nth-child(2) {
-  border-top: 1px solid #b6aeab;
-}
-.ledger tr.row:last-child td:nth-child(2) {
-  border-bottom: 1px solid #b6aeab;
-}
-.ledger td:nth-child(2) a {
+.ledger .row td:nth-child(2) a {
   display: block;
+  padding: 4px 5px;
+  text-decoration: none;
+  color: #444;
 }
 #threads td:nth-child(6) {
   text-align: center;
@@ -211,59 +225,59 @@ 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.plain:hover	{ background-color: #d7e4f0; color: #000000; border-bottom-color: #d3d3d0; }
+tr:nth-child(even) td.plain { background-color: #edf8f6; border-bottom-color: #d3d3d0; }
+tr:nth-child(even) td.plain:hover	{ background-color: #f3fafa; color: #000000; border-bottom-color: #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.ivory{ background-color: #e0e0d8; border-bottom-color: #d3d3d0; }
+tr:nth-child(odd) td.ivory:hover	{ background-color: #f8f0e9; color: #000000; border-bottom-color: #d3d3d0; }
+tr:nth-child(even) td.ivory { background-color: #f0f0ea; border-bottom-color: #d3d3d0; }
+tr:nth-child(even) td.ivory:hover	{ background-color: #f8f0e9; color: #000000; border-bottom-color: #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.tan	{ background-color: #e1e1bf; border-bottom-color: #ced2cd; }
+tr:nth-child(odd) td.tan:hover	{ background-color: #f7f6ed; color: #000000; border-bottom-color: #ced2cd; }
+tr:nth-child(even) td.tan { background-color: #f0eddf; border-bottom-color: #ced2cd; }
+tr:nth-child(even) td.tan:hover	{ background-color: #f7f6ed; color: #000000; border-bottom-color: #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.red	{ background-color: #fcc7c2; border-bottom-color: #E8B1AC; }
+tr:nth-child(odd) td.red:hover	{ background-color: #FFACB2; color: #000000; border-bottom-color: #E8B1AC; }
+tr:nth-child(even) td.red { background-color: #fde1df; border-bottom-color: #E8B1AC; }
+tr:nth-child(even) td.red:hover	{ background-color: #FFACB2; color: #000000; border-bottom-color: #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.orange     { background-color: #F8E0C6; border-bottom-color: #F5D1AA; }
+tr:nth-child(odd) td.orange:hover{ background-color: #FFD799; color: #000000; border-bottom-color: #F5D1AA; }
+tr:nth-child(even) td.orange     { background-color: #FBEEE1; border-bottom-color: #F5D1AA; }
+tr:nth-child(even) td.orange:hover{ background-color: #FFD799; color: #000000; border-bottom-color: #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.yellow     { background-color: #FAFDC2; border-bottom-color: #CED3D2; }
+tr:nth-child(odd) td.yellow:hover{ background-color: #FFF7A8; color: #000000; border-bottom-color: #CED3D2; }
+tr:nth-child(even) td.yellow     { background-color: #FDFEDF; border-bottom-color: #CED3D2; }
+tr:nth-child(even) td.yellow:hover{ background-color: #FFF7A8; color: #000000; border-bottom-color: #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.green      { background-color: #E6FFCC; border-bottom-color: #AFD8AB; }
+tr:nth-child(odd) td.green:hover { background-color: #d8F4b4; color: #000000; border-bottom-color: #AFD8AB; }
+tr:nth-child(even) td.green      { background-color: #F0FFE2; border-bottom-color: #AFD8AB; }
+tr:nth-child(even) td.green:hover { background-color: #d4eeb0; color: #000000; border-bottom-color: #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.blue       { background-color: #ddE2FF; border-bottom-color: #c9c9F5; }
+tr:nth-child(odd) td.blue:hover  { background-color: #cac8fe; color: #000000; border-bottom-color: #c9c9F5; }
+tr:nth-child(even) td.blue       { background-color: #ebefff; border-bottom-color: #c9c9F5; }
+tr:nth-child(even) td.blue:hover  { background-color: #cac8fe; color: #000000; border-bottom-color: #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.purple     { background-color: #E0CBF4; border-bottom-color: #D6A9EA; }
+tr:nth-child(odd) td.purple:hover{ background-color: #DDB1FF; color: #000000; border-bottom-color: #D6A9EA; }
+tr:nth-child(even) td.purple     { background-color: #EFE4F9; border-bottom-color: #D6A9EA; }
+tr:nth-child(even) td.purple:hover{ background-color: #DDB1FF; color: #000000; border-bottom-color: #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.pink       { background-color: #F1CDE4; border-bottom-color: #E8ABD2; }
+tr:nth-child(odd) td.pink:hover  { background-color: #FFAECD; color: #000000; border-bottom-color: #E8ABD2; }
+tr:nth-child(even) td.pink       { background-color: #F8E5F1; border-bottom-color: #E8ABD2; }
+tr:nth-child(even) td.pink:hover  { background-color: #FFAECD; color: #000000; border-bottom-color: #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; }
+tr:nth-child(odd) td.black       { background-color: #ccc; border-bottom-color: #aaa; }
+tr:nth-child(odd) td.black:hover  { background-color: #f8f8f8; color: #000000; border-bottom-color: #aaa; }
+tr:nth-child(even) td.black       { background-color: #eee; border-bottom-color: #aaa; }
+tr:nth-child(even) td.black:hover  { background-color: #f8f8f8; color: #000000; border-bottom-color: #aaa; }
 
 .new    { color: #000000; font-weight: bold; }
 .recent { color: #001111; }
@@ -390,10 +404,73 @@ tr:nth-child(odd) td.comment { background-color: #fcf8f8; }
   text-align: center;
   padding: 0 0 12px 0;
 }
+#gallery div a:first-child .thumb {
+  max-width: 450px;
+  max-height: 450px;
+}
 #gallery .thumb {
   max-width: 150px;
 }
 
+#search {
+  background: #f8f8f8;
+  padding: 5px;
+  border: 1px solid #ddd;
+  color: #333;
+}
+#search b {
+  color: #000;
+}
+#search a b {
+  color: #000;
+}
+
+#search .preamble {
+  font-size: 14px;
+  margin: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #ddd;
+}
+#search .result {
+  display: flex;
+  flex-direction: row;
+  margin: 10px 0 20px;
+}
+#search .image {
+  flex: 0 0 100px;
+  width: 100px;
+  height: 50px;
+  background-size: cover;
+  display: block;
+}
+#search .desc {
+  display: block;
+  max-width: 500px;
+  padding-left: 10px;
+}
+#search .meta {
+  margin-top: 5px;
+  font-size: 10px;
+  color: #444;
+}
+#search .search_hit {
+  font-size: 15px;
+  display: block;
+}
+#search .snippet {
+  font-size: 13px;
+  margin: 10px;
+}
+#search .file a {
+  border: 1px solid #bbb;
+  background: #eee;
+  padding: 5px;
+  margin: 10px 0;
+}
+#search .next_page {
+  font-size: 14px;
+}
+
 #messages {
   width: 100%;
 }
@@ -410,11 +487,8 @@ tr:nth-child(odd) td.comment { background-color: #fcf8f8; }
   text-align: center;
   padding-left: 3px;
 }
-#messages tr:first-child td:nth-child(2) {
-  border-top: 1px solid #ccc;
-}
-#messages tr:last-child td:nth-child(2) {
-  border-bottom: 1px solid #ccc;
+#messages .row td:nth-child(2) {
+  border-bottom: 1px solid;
 }
 #boxes table {
   width: 200px;