From 5cf42881b2c9419bcb3341877e72386327b94773 Mon Sep 17 00:00:00 2001
From: Dan Scott <dscott@laurentian.ca>
Date: Mon, 12 Sep 2011 22:17:39 -0400
Subject: [PATCH] CSS-ize the search results control bar

Along with the standard "swap images with fancy CSS links", we also
bring some style to the rather drab "Detailed View" link in the search
results control bar.

Signed-off-by: Dan Scott <dscott@laurentian.ca>
---
 Open-ILS/src/templates/opac/results.tt2      | 16 +++--------
 Open-ILS/web/css/skin/default/opac/style.css | 40 ++++++++++++++++------------
 2 files changed, 26 insertions(+), 30 deletions(-)

diff --git a/Open-ILS/src/templates/opac/results.tt2 b/Open-ILS/src/templates/opac/results.tt2
index 35eb88324c..f664d15339 100644
--- a/Open-ILS/src/templates/opac/results.tt2
+++ b/Open-ILS/src/templates/opac/results.tt2
@@ -24,24 +24,14 @@
         <div id="results_header_bar">
             <div id="results_header_inner">
                 <div class="results_header_btns">
-                    <a href="[% ctx.opac_root %]/home"><img alt="[% l('Another Search') %]"
-                        src="[% ctx.media_prefix %]/images/another_search.png"
-                        onmouseover="this.src='[% ctx.media_prefix %]/images/another_search_hover.png';"
-                        onmouseout="this.src='[% ctx.media_prefix %]/images/another_search.png';" /></a>
+                    <a href="[% ctx.opac_root %]/home">[% l('Another Search') %]</a>
                 </div>
                 <div class="results_header_btns">
-                    <a href="[% ctx.opac_root %]/advanced"><img alt="[% l('Advanced Search') %]"
-                        src="[% ctx.media_prefix %]/images/adv_search.png"
-                        onmouseover="this.src='[% ctx.media_prefix %]/images/adv_search_hover.png';"
-                        onmouseout="this.src='[% ctx.media_prefix %]/images/adv_search.png';" /></a>
+                    <a href="[% ctx.opac_root %]/advanced">[% l('Advanced Search') %]</a>
                 </div>
                 [% IF ctx.mylist.size %]
                 <div class="results_header_btns cached_list_div">
-                    <a href="[% ctx.opac_root; ctx.user ? '/myopac/lists' : '/mylist' %]"><img
-                        alt="[% l('View My List') %]"
-                        src="[% ctx.media_prefix %]/images/view_my_list.png"
-                        onmouseover="this.src='[% ctx.media_prefix %]/images/view_my_list_hover.png';"
-                        onmouseout="this.src='[% ctx.media_prefix %]/images/view_my_list.png';" /></a>
+                    <a href="[% ctx.opac_root; ctx.user ? '/myopac/lists' : '/mylist' %]">[% l('View My List') %]</a>
                 </div>
                 [% END %]
                 <div class="results_header_div"></div>
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index adf9ecda69..2706a2c506 100644
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -274,7 +274,7 @@ div.select-wrapper:hover {
 	font-size: 10px;
 }
 
-#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs {
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #results_header_inner{
 	height: 40px;
 	width:974px;
 	margin:auto;
@@ -596,24 +596,14 @@ div.select-wrapper:hover {
 	margin:0;
 }
 
-
-
-
 #results_header_bar {
 	background: #929292;
 	border-top:1px solid #8b8b8b;
 }
 
 #results_header_inner {
-	height:32px;
-	width:974px;
-	margin:auto;
-	padding-top:6px;
-}
-
-.results_header_btns {
-	float:left;
-	margin-right: 6px;
+    height: 32px;
+    padding-top:6px;
 }
 
 .cached_list_div { width: 111px; height: 25px; }
@@ -640,8 +630,6 @@ div.select-wrapper:hover {
 .results_header_sel {
     /* width: 88px; */
 	float:left;
-	position: relative;
-	top: 2px;
 	margin:0;
 }
 
@@ -995,15 +983,33 @@ a.dash-link:hover { text-decoration: underline !important; }
 
 .big-strong {font-weight: bold; font-size: 120%; }
 
+.results_header_btns, .results_header_sel {
+    float:left;
+    margin-right: 6px;
+    height: 26px;
+}
+
 /* TODO: gradients */
-.opac-button { 
+.opac-button, .results_header_btns, #simple-detail-view-links { 
     color: white; 
     font-weight: bold; 
     -moz-border-radius: 5%;
     border-radius: 5%;
     background: #1784c7; 
 }
-.opac-button:hover { background: #359ee0; }
+
+.results_header_btns a, #simple-detail-view-links a {
+    margin: 10px;
+    padding: 5px 10px 5px 10px;
+    color: white;
+    vertical-align: middle;
+    display: table-cell;
+}
+
+a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
+    background: #359ee0;
+    text-decoration: none;
+}
 
 a.opac-button {
     margin: 10px;
-- 
2.11.0