Changeset 4444

Timestamp:

02/05/14 11:03:25 (10 years ago)

Author:

twagoo

Message:

Small modifications in search page mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• index.html (modified) (2 diffs)
• index2.html (modified) (1 diff)
• style/vlo-facets.css (modified) (1 diff)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index.html

@@ -126 +126 @@
 
             <div id="content">
+                <h1>Search</h1>
                 <form action="index2.html" id="search">
                     <p>
+                        Enter one or more search terms to start browsing:
                         <span id="searchcontrols">
                             <input id="searchbox" type="text" value="democratie" />
@@ -134 +136 @@
                     </p>
                 </form>
+                <h1>Browse</h1>
                 <p>
-                    Enter one or more search terms, or
-                    <a id="browseallrecords" href="index2.html">click here to browse all 604056 records</a><br />
-                    Filter by: <a id="filterlanguage" href="">Language</a>
+                    <a href="index2.html">All 604056 records</a> | filter by: <a id="filterlanguage" href="">Language</a>
                     | <a href="">Type</a> 
                     | <a href="">Genre</a>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index2.html

@@ -98 +98 @@
                     <!-- rounded corners - top **** -->
                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
-                    <h1>Facets</h1>
+                    <h1>Narrow down</h1>
                     <p>
                         Use the categories below to limit the search results to those matching the selected value(s).

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

@@ -39 +39 @@
 }
 
+.facet h1 {
+    width: 100%;
+    padding: 0px;
+}
+
 .facet h1 a, .facet h1 a:hover {
+    display: inline-block;
     text-decoration: none;
-    color: inherit;
-    padding: 0px;
+    padding: 4px 2px;
+    width: 100%;
+    margin: 4px;
+}
+
+.facet h1 a:hover {    
+    margin: 3px;
+    border: 1px dashed #999;
 }