search page styling

3 files changed, 41 insertions, 5 deletions

diff --git a/webroot/css/base.css b/webroot/css/base.css
index 2e69090..29fd2c3 100644
--- a/webroot/css/base.css
+++ b/webroot/css/base.css
@@ -36,6 +36,7 @@ h2.ribbon {
 	clear: left;
 	left: -67px;
 	top: -33px;
+	margin-bottom: -20px;
 	z-index: -1;
 }
 
@@ -231,7 +232,7 @@ p {
 	-webkit-border-radius:20px;
 }
 
-.search {
+form.navsearch {
 	float: right;
 	margin-top: 5px;
 }
@@ -250,13 +251,12 @@ form input, form textarea {
 	-webkit-border-radius: 3px;
 }
 input[type="button"], input[type="submit"], button {
+	padding: 6px 5px; /* looks high in FF at inherited 7 5 */
+	line-height: 18px; /* looks small in webkit at 6 5 */
 	cursor: pointer;
 	display: inline-block;
 	font-weight: 700;
 	outline: none;
-	width: auto;
-	text-align: center;
-	vertical-align: middle;
 	background: #ddd;
 	color: #444;
 	text-shadow: 0 -1px 0 #eee;
@@ -267,6 +267,14 @@ input[type="button"], input[type="submit"], button {
 input[type="button"]:hover, input[type="submit"]:hover, button:hover {
 	background: #eee;
 }
+form select {
+	padding: 6px 5px;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	background-color: #eee;
+}
 
 div#login {
 	text-align: center;
diff --git a/webroot/css/home.css b/webroot/css/home.css
index 74f3b14..beafe88 100644
--- a/webroot/css/home.css
+++ b/webroot/css/home.css
@@ -12,7 +12,7 @@ div#sg_left {
 	left: 0;
 	bottom: -1px;
 	width: 3%;
-	background: -moz-linear-gradient(left,  rgba(255,255,255,1), rgba(255,255,255,0));
+	background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
 	background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff00', GradientType=1);
 	z-index: 1;
diff --git a/webroot/css/search.css b/webroot/css/search.css
new file mode 100644
index 0000000..ff9907e
--- /dev/null
+++ b/webroot/css/search.css
@@ -0,0 +1,28 @@
+form.search {
+	text-align: center;
+}
+form.search input[type="text"] {
+	width: 700px;
+}
+p.more {
+	text-align: center;
+	margin: 15px;
+}
+p.more a {
+	padding: 7px 10px;
+	border: 1px solid #aaa;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	background: #ddd;
+	background: -moz-linear-gradient(top, #ddd, #bbb);
+	background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff00', GradientType=1);
+	color: #111;
+}
+p.more a:hover {
+	background: #eee;
+	background: -moz-linear-gradient(top, #eee, #ccc);
+	background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff00', GradientType=1);
+}