localhots/oldhaven
1
0
Fork 0
Code Releases Activity

Search works so-so. Done for now. Close #45, close #56

Browse Source
This commit is contained in:
magnolia-fan
2011-06-18 05:09:07 +04:00
parent 24ca64a945
commit c9ea9c6a27
10 changed files with 167 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/stylesheets/misc.css
-42
View File
@@ -79,48 +79,6 @@
background: #AAA;
}
#search-container {
width: 100%;
text-align: center;
margin-top: 50px;
}
#search-container #search_field {
width: 300px;
font-size: 24px;
padding: 4px;
border: #CCC 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search-container #search_button {
width: 100px;
font-size: 24px;
padding: 4px;
background-color: #DDD;
border: #CCC 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search-container img {
margin-top: 30px;
display: none;
}
.autocomplete {
margin: 4px 0 0 -1px;
}
.autocomplete div {
font-size: 24px;
padding: 6px 5px;
background-color: #FAFAFA;
margin-bottom: 1px;
}
.autocomplete div.selected {
background-color: #EAEAEA;
}
#error_page {
position: relative;
width: 600px;
public/stylesheets/search.css
+64
View File
@@ -0,0 +1,64 @@
#search-container {
width: 100%;
text-align: center;
margin-top: 50px;
}
#search-container #search_field {
width: 300px;
font-size: 24px;
padding: 4px;
border: #CCC 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search-container #search_button {
width: 100px;
font-size: 24px;
padding: 4px;
background-color: #DDD;
border: #CCC 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#search-container img {
margin-top: 30px;
display: none;
}
.autocomplete {
margin: 4px 0 0 -1px;
}
.autocomplete div {
font-size: 24px;
padding: 6px 5px;
background-color: #FAFAFA;
margin-bottom: 1px;
}
.autocomplete div.selected {
background-color: #EAEAEA;
}
.suggestions {
display: none;
position: absolute;
left: 50%;
margin: 30px 0 0 -380px;
width: 400px;
text-align: left;
font-size: 24px;
}
.suggestions div {
margin-bottom: 20px;
}
.suggestions ul li {
display: block;
width: auto;
margin-bottom: 6px;
}
.suggestions .data.artist {
color: #04F;
border-bottom: #04F 1px dotted;
cursor: pointer;
}