Final styling for search forms.
authorLeif Hanson <leif@gaslightmedia.com>
Wed, 24 Jul 2013 13:28:08 +0000 (13:28 +0000)
committerLeif Hanson <leif@gaslightmedia.com>
Wed, 24 Jul 2013 13:28:08 +0000 (13:28 +0000)
Toolkit/Members/css/member.css
Toolkit/Members/templates/userSearchForm.html
Toolkit/Template/Page/Member.php

index 501b50b..f3284f4 100755 (executable)
        width: 100%;
        padding-top: 20px;
        padding-bottom: 4px;
-       border-bottom: 1px solid #CCC;
+       /*border-bottom: 1px solid #CCC;*/
 }
 .search-result-location {
        float: left;
@@ -934,8 +934,9 @@ ul#plannerNav a:hover {
 .business-first-letter {
        float: left;
        width: 46%;
-       min-height: 100px;
-       padding-top: 10px;
+       /*min-height: 100px;*/
+       padding-top: 0px;
+       padding-bottom: 20px;
        overflow: hidden;
 }
 .business-first-letter > div {
@@ -962,8 +963,8 @@ div.thumb {
 #paging_wrapper {
        float: right;
        width: 50%;
-       min-height: 100px;
-       padding-top: 10px;
+       /*min-height: 100px;*/
+       padding-top: 0px;
        text-align: right;
 }
 #paging_wrapper > div {
index 15671f4..38e946e 100644 (file)
         padding: 3px;
     }
     #col1, #col2 {
+               position: relative;
         font-family: Arial, Helvetica, sans-serif;
         float: left;
         width: 32.33333333%;
         margin-right: 1.5%;
         padding: 10px 1%;
-        height: 120px;
-        background: #EBEBEB;
+        height: 136px;
+        background: url(<?php echo BASE_URL ?>assets/bg_3.jpg) 0 0 repeat;
         border: 1px solid #B0A487;
         border-radius: 8px 8px 8px 8px;
         box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;
         overflow: hidden;
     }
     #col3 {
+               position: relative;
         font-family: Arial, Helvetica, sans-serif;
         float: left;
         width: 32.33333333%;
         padding: 10px 1%;
-        height: 120px;
-        background: #EBEBEB;
+        height: 136px;
+        background: url(<?php echo BASE_URL ?>assets/bg_3.jpg) 0 0 repeat;
+               background-size: cover;
         border: 1px solid #B0A487;
         border-radius: 8px 8px 8px 8px;
         box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;
     }
     #lowerbox {
+               position: relative;
         font-family: Arial, Helvetica, sans-serif;
         float: left;
         clear: left;
         overflow: hideen;
         width: 100%;
-        padding: 10px 1%;
+        padding: 10px 0;
         margin-top: 10px;
-        background: #EBEBEB;
+        /*background: #EBEBEB;
         border: 1px solid #B0A487;
         border-radius: 8px 8px 8px 8px;
-        box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;
+        box-shadow: 0 0 10px rgba(176, 164, 135, 0.7) inset;*/
+               border-bottom: 1px solid #D4D4D4;
     }
     #submitSearch {
         float: right;
         margin-top: 10px;
         margin-bottom: 2px;
     }
+       #filter_header {
+               /*border-bottom: 1px solid #D4D4D4;*/
+       }
+       #trail-form-name input[type=search] {
+               display: block;
+               width: 100%;
+               height: 26px;
+               margin-bottom: 4px;
+               padding: 3px;
+               background: #736357;
+               border: 1px solid #736357;
+               border-radius: 4px;
+               color: #FFF;
+               cursor: pointer;
+       }
+       #trail-form-name input[type=submit], #trail-form-ap input[type=submit], #trail-form-rc input[type=submit], #trail-form-am input[type=submit] {
+               font-family: Arial, Helvetica, sans-serif;
+               position: absolute;
+               z-index: 25;
+               background: #B8C728;
+               width: auto;
+               bottom: 10px;
+               right: 2%;
+               height: 29px;
+               cursor: pointer;
+               background: #8A1E03;
+               border: 2px solid #FFF;
+               border-radius: 6px;
+               color: #FFF;
+               font-weight: bold;
+               text-transform: uppercase;
+               padding: 3px 8px;
+       }
+       #trail-form-am input[type=submit] {
+               right: 6px;
+               bottom: 10px;
+       }
+       #trail-form-ap select, #trail-form-rc select {
+               display: block;
+               width: 100%;
+               height: 26px;
+               margin-bottom: 4px;
+               padding: 3px;
+               background: #736357;
+               border: 1px solid #736357;
+               border-radius: 4px;
+               color: #FFF;
+               cursor: pointer;
+       }
+       #search_terms {
+               width: 100%;
+               float: left;
+               clear: right;
+               display: block;
+               margin-top: 16px;
+               margin-bottom: 4px;
+               color: #8A1E03;
+       }
 </style>
 <div
     id="category-search">
                 id="trail-search-form-name"
                 value="Search">
             </div>
-
         </div>
     </form>
     <form
                     ?>
                     {end:}
                 </select>
-
             </div>
             <div flexy:if="counties" class="fieldcontain">
                 <select name="parkId" id="advSearchParks">
         }
         ?>
         <div id="lowerbox">
-                <div>Filter Results:</div>
+                <div id="filter_header">Filter Results:</div>
                 <div flexy:if="parks" class="fieldcontain">
                     <div class="glm-chbx">
                         {foreach:amenities,name,id}
                 <input
                 type="submit"
                 id="trail-search-form-amenities"
-                value="Search">
+                value="Update">
         </div>
     </form>
 </div>
index 0ae6cd5..bf965b7 100644 (file)
@@ -132,7 +132,7 @@ class Toolkit_Template_Page_Member extends Toolkit_Template_Page_Toolbox
                $sql = $searchQuery->getQuery($dbh);
         $searchTerms = $searchQuery->getSearchTerms($dbh);
         if ($searchTerms) {
-            $html .= $searchTerms;
+            $html .= '<div id="search_terms">' . $searchTerms . '...</div>';
         }
                $searchList = new Toolkit_Members_SearchList(
                        $dbh,