images/button.gif
@@ -44,11 +44,27 @@ body {
border-bottom: 1px solid #909090;
position: relative;
min-height: 40px;
- padding-right: 104px;
font-family: "Arial";
font-weight: 700;
color: #646464;
}
+
+.button {
+ float: right;
+ background: url(../images/button.gif) repeat-x 0 0;
+ display: block;
+ width: 81px;
+ height: 24px;
+ border: 1px solid #ABABAB;
+ -webkit-border-radius: 4px;
+ padding-top: 8px;
+ margin: 0 9px 0 3px;
+ text-align: center;
+ color: #fff;
+ cursor: pointer;
+ text-shadow: #000000 2px 2px 3px 3px;
+}
+/*
.pane li div.button {
position: absolute;
top: 2px;
@@ -57,12 +73,16 @@ body {
height: 28px;
padding-top: 8px;
-webkit-border-image: url(../images/whiteButton.png) 0 12 0 12;
-/* background: url(../images/download.png) 0 0 no-repeat; */
text-align: center;
cursor: pointer;
color: #fff;
text-shadow: #000000 2px 2px 3px 3px;
}
+*/
+
+.button {
+
+}
div.form_element {
margin-left: 4px;
@@ -111,6 +131,7 @@ label {
}
.pane ul#results li ul {
+ clear: both;
border: none;
display: none;
}
css/application.css
@@ -25,9 +25,10 @@ function search() {
function handleSearch(data) {
var li = '';
for(var x in data) {
- li += '<li><div class="name"> ' + data[x].title + '</div>';
- li += '<div class="button" id="report_' + data[x].report_id + '">';
- li += 'download</div>';
+ li += '<li>';
+ li += '<a class="button" id="report_' + data[x].report_id + '">';
+ li += 'download</a>';
+ li += '<div class="name"> ' + data[x].title + '</div>';
li += data[x].description;
li += '</li>';
}
js/application.js
f861a95f2a683e20ee13ecf77029bfc74c59157e
Buckley Robinson
buck@bandicoot.home
http://github.com/buck2769/hellaphone/commit/d18cb9899cf3aed0a89e3213dee7bc215b84566b
d18cb9899cf3aed0a89e3213dee7bc215b84566b
2009-03-31T19:47:49-07:00
2009-03-31T19:47:49-07:00
fixed some errors, updated styling
aa106134a6d88dc835eef22e34343534f2e540bd
Buckley Robinson
buck@bandicoot.home