]> git.plutz.net Git - serve0/blobdiff - templates/advfilter.html.sh
styling for pagination links
[serve0] / templates / advfilter.html.sh
index c4f14ccadf6739aafa2f03804667394b03042297..3f8c6207bde7e153719e3a7a7bd5e8716bfd2abd 100755 (executable)
@@ -42,7 +42,7 @@ filterbox(){
     cat <<-EOF
        <input class="tabhandle" type="checkbox" id="filter$n" $([ $n = 0 -o -n "$filter" ] && printf checked) >
        <label class="tabhandle filter" for="filter$n">+ and</label>
-       <div class="tabcontent filter">
+       <fieldset class="tabcontent filter">
          <input type="radio" name="type$n" value="pos" id="pos$n" ${fneg:-checked} ><label for="pos$n" class="conjunction">Any</label>
          <input type="radio" name="type$n" value="neg" id="neg$n" ${fneg:+checked} ><label for="neg$n" class="conjunction">None</label>
          <span class="help">of the items selected here:</span>
@@ -51,21 +51,22 @@ filterbox(){
          <div class="category tabcontainer">
            $(category_tabs $(list_categories) )
          </div>
-       </div>
+       </fieldset>
        EOF
   done
 }
 
 cat <<EOF
-  <form class="panel" id="advfilter"
+  <form class="panel switchable top" id="advfilter"
         action="?action=filter" method="post" accept-charset="UTF-8">
 
     <a class="panel toggle" href="#">Hide</a>
+    <a class="panel" href="?p=quicklinks">Most recent</a>
 
     <p class="help">Up to <strong>10</strong> filter boxes will appear as you start selecting tags. You can select <strong>multiple</strong> tags in each box by holding down the <strong>Ctrl</strong>-key. Click the "<strong>Filter!</strong>" button when you are ready.</p>
     $(filterbox {0..9})
 
-    <p class="filter final">
+    <fieldset class="filter final">
       <label for="o3" class="order">Order by:</label>
       <select class="edit order" size="1" name="o" id="o3">
         <option $([ "${_GET[o]}" = Name ] && printf selected) >Name</option>
@@ -73,9 +74,7 @@ cat <<EOF
         <option $([ "${_GET[o]}" = Length ] && printf selected) >Length</option>
       </select>
       <input type="submit" value="Filter!">
-    </p>
-
-    <a class="quicklinks" href="?p=quicklinks">Most recent</a>
+    </fieldset>
   </form>
 EOF