Almost working search

2011-09-08 14:56:10 +04:00
parent 1b02272d81
commit 4f3bd75bfd
7 changed files with 136 additions and 173 deletions
@@ -10,7 +10,7 @@
 *= require player
 * require pulldown
 * require pulldown
-* require search
+*= require search
 * require settings
 * require textpage

@@ -1,75 +1,21 @@
-@import "rounded";
-
-.search-container {
-	width: 425px;
-	padding: 0 5px;
-	
-	#search_form {
-		#search_field {
-			width: 300px;
-			font-size: 24px;
-			padding: 4px;
-			border: #CCC 1px solid;
-			@include rounded(3);
-		}
-	}
-	
-	.spinner {
-		display: none;
-		margin: 20px 0 0 175px;
-	}
-	
-	.artist_loading {
-		display: none;
-		margin: 15px 0;
-		font-size: 18;
-	}
-	
-	.artist_pics {
-		display: none;
-		
-		.pic {
-			float: left;
-			width: 47px;
-			height: 47px;
-			overflow: hidden;
-			margin: 0 5px 5px 0;
-		}
-		
-		img {
-			width: 47px;
-		}
-	}
-	
-	.suggestions {
-		display: none;
-		width: 415px;
-		text-align: left;
-		font-size: 24px;
-		
-		div {
-			margin: 15px 0;
-		}
-		
-		ul {
-			li {
-				display: block;
-				width: auto;
-				margin-bottom: 6px;
-				
-				.data {
-					&.artist {
-						color: #04F;
-						border-bottom: #04F 1px dotted;
-						cursor: pointer;
-					}
-				}
-				
-				span {
-					font-size: 14px;
-					font-style: italic;
-				}
-			}
-		}
-	}
+#autocomplete-container {
+  .inner {
+    .start {
+      height: 3px;
+      padding: 0;
+      background-color: #ffffff;
+      border-bottom: none;
+    }
+    .content {
+      padding: 0 0 3px 0;
+      div {
+        padding: 6px 10px;
+        background-color: #ffffff;
+        &.selected {
+          color: #202020;
+          background-color: #e0e0e0;
+        }
+      }
+    }
+  }
 }