better search

1 files changed, 63 insertions, 22 deletions

diff --git a/static/css/dump.css b/static/css/dump.css
index 4a914e0..2cb9833 100755
--- a/static/css/dump.css
+++ b/static/css/dump.css
@@ -434,7 +434,7 @@ a.msg-image-zoom img.zoom-icon:hover {
 #searchbox{
     position:absolute;
     top:18px;
-    right:36px;
+    right:100px;
 }
 
 #search-query{
@@ -443,11 +443,12 @@ a.msg-image-zoom img.zoom-icon:hover {
     color: #C0C8D3;
     font-size: 13px;
     padding: 3px 12px 3px 37px;
-    padding-left: 37px;
-    text-indent:5px;
-    border-radius: 50px;
-    -webkit-border-radius: 50px;
-    -moz-border-radius: 50px;
+    padding-left: 10px;
+    ztext-indent:5px;
+    border-radius: 8px;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    width: 150px;
 }
 
 .search_icon  {
@@ -461,29 +462,69 @@ a.msg-image-zoom img.zoom-icon:hover {
     top:3px;
     width:32px;
 }
+#search-results{
+  position: absolute;
+  top:55px;
+  width:100%;
+  text-align: center;
+  left: 0;
+}
 
-#searchresults{
-    top:50px;
-    overflow:auto;
-    position:fixed;background-image:url(/static/img/bg.dither.gif);
-    background-color:#eee;
-    width:100%;
-    min-width:600px;
-    border-bottom:1px solid #000;
-    left:-1px;
-    margin-top:-1px;
+#search-results-images{
+  display: none;
+  overflow:auto;
+  background-image:url(/static/img/bg.dither.gif);
+  background-color:#eee;
+  width:95%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: -22px;
+  padding-top: 30px;
+  -moz-box-shadow: 0 0 10px #D8DBDE, 0 0 2px #000000;
+  -webkit-box-shadow: 0 0 10px #D8DBDE, 0 0 2px #000000;
+  box-shadow: 0 0 10px #D8DBDE, 0 0 2px #000000;
+  border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;    
 }
-#searchresults img{
-    max-width:300px;
-    width: expression(this.width > 300 ? 300: true);
-    max-height:50px;
-    height: expression(this.width > 300 ? 300: true);
+#search-results-images img{
     max-width:300px;
+    max-height:100px;
     border:1px solid #eee;
-    float:left;
+    float:right;
     display:inline;
     margin-right:10px;
 }
+#search-controls {
+  width: 95%;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  text-align: right;
+  display: none;
+  top: 0;
+  padding-right: 8px;
+}
+#search-control-text {
+  font-size: medium;
+  padding: 4px;
+}
+#search-controls a {
+  -moz-box-shadow: 0 0 10px #D8DBDE, 0 0 2px #000000;
+  -webkit-box-shadow: 0 0 10px #D8DBDE, 0 0 2px #000000;
+  box-shadow: 0 0 10px #D8DBDE, 0 0 2px #000000;
+  border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  padding: 4px;
+}
+#search-message {
+  display: inline;
+  font-size: medium;
+}
+#search-control-previous, #search-control-next {
+  visibility: hidden;
+}
 
 
 /* pichat.css */