Tweak style.css to bring facet headers into sync with color scheme user/mrpeters-isl/ttpac_button_styling
authorMichael Peters <mrpeters@library.in.gov>
Fri, 27 Jan 2012 19:22:30 +0000 (14:22 -0500)
committerMichael Peters <mrpeters@library.in.gov>
Fri, 27 Jan 2012 19:30:09 +0000 (14:30 -0500)
and also tweak the opac-button elements to avoid blending with backgrounds.

Signed-off-by: Michael Peters <mrpeters@library.in.gov>
Open-ILS/src/templates/opac/parts/topnav.tt2
Open-ILS/web/css/skin/default/opac/style.css

index 8971723..aba5e02 100644 (file)
@@ -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>
index e54180b..3163809 100644 (file)
@@ -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;