Beautify the form a little bit
authorJoey Schulze <joey@infodrom.org>
Sun, 14 Sep 2008 06:34:12 +0000 (06:34 +0000)
committerJoey Schulze <joey@infodrom.org>
Sun, 14 Sep 2008 06:34:12 +0000 (06:34 +0000)
src/InfoCon/logbook/search.wml
src/Infodrom/logbook/search.wml

index cd150ac..27f3427 100644 (file)
@@ -2,6 +2,20 @@
 
 <page func="Information & Consulting" title="Logbook">
 
+<style type="text/css">
+input, select, checkbox {
+  border: 1px solid #9b9b9b;
+}
+input.button {
+  width: auto;
+  display: inline;
+  border: 1px solid #aaaaaa;
+}
+input.button:hover {
+  border: 1px solid #9b9b9b;
+  background-color: #bfbfbf;
+}
+</style>
 <form method=post action=find.php>
 <b>Keyword:</b> <input name=keyword size=30 maxlength=80><br>
 <b>Category:</b> <select name=category><option value="">any<?
@@ -18,9 +32,9 @@
 <b>Text:</b> <input name=text type=checkbox value=1><br>
 <b>Public:</b> <input name=public type=checkbox value=1>
 
-<p><center><input type=submit value="Search">\
+<p><center><input class=button type=submit value="Search">\
 &nbsp;&nbsp;&nbsp;&nbsp;
-<input type=reset value="Reset"></center><p>
+<input class=button type=reset value="Reset"></center><p>
 </form>
 
 </page>
index ca66f85..b958ee0 100644 (file)
@@ -2,6 +2,20 @@
 
 <page func="Infodrom Oldenburg" title="Logbook">
 
+<style type="text/css">
+input, select, checkbox {
+  border: 1px solid #9b9b9b;
+}
+input.button {
+  width: auto;
+  display: inline;
+  border: 1px solid #aaaaaa;
+}
+input.button:hover {
+  border: 1px solid #9b9b9b;
+  background-color: #bfbfbf;
+}
+</style>
 <form method=post action=find.php>
 <b>Keyword:</b> <input name=keyword size=30 maxlength=80><br>
 <b>Category:</b> <select name=category><option value="">any<?
@@ -18,9 +32,9 @@
 <b>Text:</b> <input name=text type=checkbox value=1><br>
 <b>Public:</b> <input name=public type=checkbox value=1>
 
-<p><center><input type=submit value="Search">\
+<p><center><input class=button type=submit value="Search">\
 &nbsp;&nbsp;&nbsp;&nbsp;
-<input type=reset value="Reset"></center><p>
+<input class=button type=reset value="Reset"></center><p>
 </form>
 
 </page>