Styles for form elements. Smaller logo. Gain some vertical space.

git-svn-id: svn+ssh://svn.debian.org/svn/secure-testing@28804 e39458fd-73e7-0310-bf30-c45bca0a0e42

2 files changed, 32 insertions, 6 deletions

diff --git a/static/logo.png b/static/logo.png
index d1321d8f45..8c9cb6ee21 100644
--- a/static/logo.png
+++ b/static/logo.png
diff --git a/static/style.css b/static/style.css
index 8362aace00..91bdf41b6a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7,7 +7,7 @@ html {
 body {
 	width: 90%;
 	max-width: 1200px;
-	margin: 2em auto 1em;
+	margin: 1em auto;
 	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 	font-size: 14px;
 	line-height: 20px;
@@ -30,7 +30,7 @@ a:hover, a:focus {
 
 header {
 	border-bottom: 1px solid crimson;
-	margin-bottom: 2em;
+	margin-bottom: 1em;
 }
 
 footer {
@@ -97,10 +97,10 @@ table {
 	border-radius: 0.5em;
 	border-collapse: collapse;
 	box-shadow: 0 1px 3px #eee;
-	margin-bottom: 2em;
+	margin-bottom: 1em;
 }
 
-tr(even) {
+tr:nth-child(odd) {
 	background-color: #fafafa;
 }
 
@@ -133,6 +133,32 @@ form {
 	border-bottom: 1px solid #ddd;
 }
 
+input[type="text"] {
+	background: #fff;
+	border: 1px solid #ddd;
+	padding: 0.25em;
+	border-radius: 0.3em;
+}
+
+input[type="submit"] {
+	cursor: pointer;
+	padding: 0.25em 0.5em;
+	border-radius: 0.3em;
+	border: 1px solid #ddd;
+	background: rgb(226,226,226); /* Old browsers */
+	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 15%, rgba(209,209,209,1) 28%, rgba(254,254,254,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(15%,rgba(219,219,219,1)), color-stop(28%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 15%,rgba(209,209,209,1) 28%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 15%,rgba(209,209,209,1) 28%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 15%,rgba(209,209,209,1) 28%,rgba(254,254,254,1) 100%); /* IE10+ */
+	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 15%,rgba(209,209,209,1) 28%,rgba(254,254,254,1) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
+}
+
+input[type="submit"]:hover {
+	text-shadow: 0 0 3px #666;
+}
+
 span.red { color: red; }
 span.purple { color: purple; }
 span.green { color: green; }
@@ -152,7 +178,7 @@ span.dangerous { color: rgb(191,127,0); }
 
 @media all and (min-width: 641px) {
 	header {
-		background: url(/tracker/logo.png) top right no-repeat;
-		min-height: 80px;
+		background: url(/tracker/logo.png) right 5px no-repeat;
+		min-height: 30px;
 	}
 }