1 files changed, 71 insertions, 0 deletions
diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 5e9bf1f..4e53637 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -653,9 +653,80 @@ input.small {
   opacity: 0.4;
   white-space: nowrap;
 }
+
+/* biggan */
 .biggan .last_message {
   height: 15px;
 }
+.biggan .categories {
+  overflow: scroll;
+  width: 260px;
+  height: 400px;
+}
+.biggan .categorySearch {
+  width: 220px;
+}
+.biggan .categories h2 {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+.biggan .categories h3 {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+.biggan .categories a {
+  cursor: pointer;
+  display: block;
+  padding: 2px;
+  margin-left: -2px;
+  margin-right: 5px;
+  color: #11d;
+}
+.biggan .categories a:hover {
+  color: #000;
+  text-decoration: underline;
+}
+.biggan .search_form {
+  margin-top: -4px;
+  width: 260px;
+}
+
+/* search form */
+.search_form {
+  margin-bottom: 10px;
+}
+.search_form .button {
+  background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E%0A%09%3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E%0A%09%09%3Cpath d=%22M11.29 11.71l-4-4%22/%3E%0A%09%09%3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A");
+  background-position: center center;
+  background-repeat: no-repeat;
+  width: 16px; height: 16px;
+  position: relative;
+  top: 3px;
+  display: inline-block;
+}
+.search_form input[type='text'] {
+  border-top: 0;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 1px solid #888;
+  padding-left: 3px;
+  padding-bottom: 3px;
+  font-size: 14px;
+  font-family: 'Trebuchet MS', sans-serif;
+  background: transparent;
+  outline: 0;
+  transition: background 200ms;
+  background: transparent;
+}
+.search_form input[type='text']:invalid {
+  background: transparent;
+}
+.search_form input[type='text']:focus {
+  border-bottom: 1px solid #211;
+  border-radius: 2px 2px 0 0;
+  color: #211;
+}
+
 
 /* pix2wav */
 .audioParams {