[geeklog-cvs] geeklog: newpro: restyled advanced seach form

[geeklog-cvs at lists.geeklog.net]

changeset 8637:3396d78c9f8d
url:  http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/3396d78c9f8d
user: Rouslan Placella <rouslan at placella.com>
date: Sat Apr 28 18:49:36 2012 +0100
description:
newpro: restyled advanced seach form

diffstat:

 public_html/layout/newpro/css/search/search.css   |  31 +++++++++++++++++++++++
 public_html/layout/newpro/search/searchform.thtml |   5 ++-
 2 files changed, 35 insertions(+), 1 deletions(-)

diffs (62 lines):

diff -r cd9f9c76a142 -r 3396d78c9f8d public_html/layout/newpro/css/search/search.css
--- a/public_html/layout/newpro/css/search/search.css	Sat Apr 28 18:49:18 2012 +0100
+++ b/public_html/layout/newpro/css/search/search.css	Sat Apr 28 18:49:36 2012 +0100
@@ -23,7 +23,38 @@
   width: auto;
 }
 
+#advsearchform dt {
+  text-align: {right};
+  margin: 0;
+}
+#advsearchform dd {
+  padding-bottom: 0.4em;
+}
 
+#advsearchform label {
+  height: 2em;
+  line-height: 2em;
+  padding-{right}: 2em;
+}
+
+#advsearchform #advsearchform-query {
+  width: 55%;
+}
+
+#advsearchform select,
+#advsearchform input {
+  width: 25%;
+  vertical-align: middle;
+}
+
+#advsearchform span {
+  padding: 0 0.4em;
+}
+
+#advsearchform ul .submit {
+  width: 41.25%; /* 55% * 75% */
+  margin-left: 25%;
+}
 
 /*--------------------------------------
   Search Result
diff -r cd9f9c76a142 -r 3396d78c9f8d public_html/layout/newpro/search/searchform.thtml
--- a/public_html/layout/newpro/search/searchform.thtml	Sat Apr 28 18:49:18 2012 +0100
+++ b/public_html/layout/newpro/search/searchform.thtml	Sat Apr 28 18:49:36 2012 +0100
@@ -9,12 +9,15 @@
       <dt><label for="advsearchform-query">{lang_keywords}</label></dt>
       <dd>
         <input type="text" size="35" maxlength="35" value="{query}" name="query" id="advsearchform-query" class="text"{xhtml}>
+        <br{xhtml}>
         <select name="keyType" id="advsearchform-keyType">
           <option value="phrase" {key_phrase_selected}>{lang_exact_phrase}</option>
           <option value="all"   selected="selected" {key_all_selected}>{lang_all_words}</option>
           <option value="any" {key_any_selected}>{lang_any_word}</option>
         </select>
-        <input type="checkbox" value="true" name="title"{title_checked}{xhtml}>{lang_titles}
+        <span>
+          {lang_titles} <input type="checkbox" value="true" name="title"{title_checked}{xhtml}>
+        <span>
       </dd>
 
       <dt><label for="advsearchform-datestart">{lang_date}</label></dt>