From: Michael Peters <mrpeters@library.in.gov>
Date: Fri, 27 Jan 2012 19:22:30 +0000 (-0500)
Subject: Tweak style.css to bring facet headers into sync with color scheme
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=refs%2Fheads%2Fuser%2Fmrpeters-isl%2Fttpac_button_styling;p=working%2FEvergreen.git

Tweak style.css to bring facet headers into sync with color scheme

and also tweak the opac-button elements to avoid blending with backgrounds.

Signed-off-by: Michael Peters <mrpeters@library.in.gov>
---

diff --git a/Open-ILS/src/templates/opac/parts/topnav.tt2 b/Open-ILS/src/templates/opac/parts/topnav.tt2
index 8971723829..aba5e02bfd 100644
--- a/Open-ILS/src/templates/opac/parts/topnav.tt2
+++ b/Open-ILS/src/templates/opac/parts/topnav.tt2
@@ -8,7 +8,7 @@
         [% IF !ctx.user %]
         <div id="your-acct-login">
             <a href="[% mkurl(ctx.opac_root _ '/myopac/main') %]" 
-                class="opac-button" id="home_myopac_link">
+                class="opac-button-header" id="home_myopac_link">
                 [% l('Your Account Log in') %]
             </a>
         </div>
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index e54180bc3c..3163809350 100644
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -1010,9 +1010,13 @@ div.facet_sidebar {
 .facet_box_temp .header {
 	height:31px;
 	overflow:hidden;
-	background:url('/images/facet_box_bg.png') no-repeat;
+	background:#00593d;
+        -moz-border-top-left-radius: 5px;
+        border-top-left-radius: 5px;
+        -moz-border-top-right-radius: 5px;
+        border-top-right-radius: 5px;
 	font-weight:bold;
-	color:#007a54;
+	color:white;
 	padding-top:4px;
 }
 
@@ -1185,7 +1189,37 @@ a.dash-link:hover { text-decoration: underline !important; }
 }
 
 /* TODO: gradients */
-.opac-button, .results_header_btns, #simple-detail-view-links { 
+
+.opac-button {
+    background: -moz-linear-gradient(center top , #007a54 0%, #00593d 100%) repeat scroll 0 0 transparent;
+    border: 1px solid #007a54;
+    text-shadow: 1px 1px 1px #555555;
+    border-radius: 12px 12px 12px 12px;
+    cursor: pointer !important;
+    color: #FBF9F9;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    padding: 5px 10px 6px;
+    margin: 2px 8px 2px 8px;
+}
+
+.opac-button-header {
+    background: #69A088;
+    border: 1px solid #007a54;
+    text-shadow: 1px 1px 1px #555555;
+    border-radius: 12px 12px 12px 12px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+    cursor: pointer !important;
+    color: #FBF9F9;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    padding: 5px 10px 6px;
+    margin: 2px 8px 2px 8px;
+}
+
+.results_header_btns, #simple-detail-view-links { 
     color: white; 
     font-weight: bold; 
     text-decoration: none;