From: Dan Scott <dscott@laurentian.ca>
Date: Tue, 13 Sep 2011 02:17:39 +0000 (-0400)
Subject: CSS-ize the search results control bar
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=5cf42881b2c9419bcb3341877e72386327b94773;p=evergreen%2Fmasslnc.git

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>
---

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;