Make the facet headers use "-border-radius" instead of a static image, and make them...

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

diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index 81a3ffa..99ad325 100644 (file)
--- a/Open-ILS/web/css/skin/default/opac/style.css
+++ b/Open-ILS/web/css/skin/default/opac/style.css
@@ -10,7 +10,7 @@ img {
 }
 
 #topnav_logo {
-       padding-bottom: 25px;
+       padding-bottom: 25px;
 }
 
 #homesearch_main_logo {
@@ -22,6 +22,7 @@ a {
 }
 
 #search-wrapper input[type=text] {
+       border:none;
        margin:0;
        padding:0;
 }
@@ -30,7 +31,7 @@ a {
        border:1px solid #e9ebf3;
        margin:0;
        padding:0;
-       width: 12em;
+       width:168px;
 }
 
 /*
@@ -54,6 +55,8 @@ h1 {
 }
 
 h2 {
+       margin:0;
+       margin-bottom: 5px;
        font-size: 16px;
        font-weight:bold;
 }
@@ -115,8 +118,8 @@ span.dash_divider {
 
 #dashboard span.dash-align a {
        font-weight: bold;
-       position: relative;
        text-decoration: none;
+       position: relative;
     top: 10px;
 }
 
@@ -143,7 +146,8 @@ span.dash_divider {
 #header {
        color: #fff;
        padding-top: 26px;
-       margin-left: 1em;
+       width: 974px;
+       margin: auto;
        font-size:11px;
 }
 
@@ -170,6 +174,7 @@ span.dash_divider {
        display: block;
        float:left;
        margin-right:22px;
+       text-decoration: none;
 }
 
 #header-links a:hover {
@@ -198,22 +203,20 @@ span.dash_divider {
 }
 
 #gold-links {
-       margin-left: 1em;
+       margin:auto;
+       width:974px;
        padding-left:0px;
 }
 
 #gold-links-home {
        margin:auto;
+       width:694px;
        padding-left:0px;
 }
 
-#gold-links-holder {
-    height: 24px;
-    background: #252525;
-}
-
 #util-bar {
-       margin-left: 1em;
+       margin:auto;
+       width:974px;
        padding-left:0px;
        height:0px;
 }
@@ -225,7 +228,9 @@ span.dash_divider {
 }
 
 .search_box_wrapper {
-       padding: 1px 1px 1px 3px;
+       border:1px solid #e9ebf3;
+       padding: 1px;
+    padding-left: 3px;
 }
 
 #search-wrapper #breadcrumb {
@@ -250,7 +255,8 @@ span.dash_divider {
 }
 
 #search-wrapper #search-box {
-       margin-left: 1em;
+       width:974px;
+       margin:auto;
        padding-left: 0px;
 }
 
@@ -272,7 +278,8 @@ span.dash_divider {
 
 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
        height: 40px;
-       margin-left: 1em;
+       width:974px;
+       margin:auto;
 }
 
 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
@@ -292,7 +299,7 @@ span.dash_divider {
 }
 
 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
-    padding: 1em 1em 0.5em;
+    width:156px;
 }
 
 #adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
@@ -335,28 +342,24 @@ span.dash_divider {
 }
 
 #rdetail_header {
-    padding: 5px 7px 6px 0px;
-    margin-left: 1em;
-    border-bottom: 1px dotted #ccc;
-}
-
-#rdetail_results a {
-    color:#007a54;
-    font-weight:bold;
-    font-size: 1.2em;
+       font-size:14px;
+       font-weight:bold;
+       color:#007a54;
+       padding: 5px 7px 6px 0px;
+       border-bottom: 1px dotted #ccc;
 }
 
 #rdetail_result_count {
-    color: black;
-    font-weight: normal;
-    padding-left: 1em;
-    display: inline-block;
+       color: black;
+       font-size: 11px;
+       font-weight: normal;
+    padding-left: 10px;
 }
 
 #rdetail_result_nav {
-    font-weight:normal;
-    padding-left: 1em;
-    display: inline-block;
+       float:right;
+       font-size: 11px;
+       font-weight:normal;
 }
 
 #rdetail_details_table {
@@ -369,42 +372,9 @@ span.dash_divider {
        padding-right: 10px;
 }
 
-h2.rdetail_uris {
-    margin-top: 1em;
-}
-div.rdetail_uris {
-    padding: 0.5em 1em 0.5em 1em;
-    background-color: lightGray;
-}
-div.rdetail_uris ul li {
-    position: relative;
-    left: 1em;
-}
-
-div.rdetail_show_copies {
-    margin-top: 1em;
-}
-
-div#rdetail_actions_div {
-    float: right;
-}
-
-span#rdetail_copy_counts {
-    display: inline-block;
-    border-right: thin;
-    vertical-align: top;
-    margin-right: 1em;
-    padding-right: 1em;
-}
-
-span#rdetail_hold_counts {
-    display: inline-block;
-    vertical-align: top;
-}
-
-#rdetail_image_div {
-    float: left;
-    margin-right: 1em;
+.rdetail_uri {
+    border: thin black solid;
+    padding: 3px;
 }
 
 .rdetail_aux_utils {
@@ -414,24 +384,6 @@ span#rdetail_hold_counts {
        padding-right: 70px;
 }
 
-div.place_hold {
-    border-bottom: 1px dotted #ccc;
-    padding-top: 10px;
-}
-
-span.place_hold {
-    position:relative;
-    top:-3px;
-    left:3px;
-}
-
-div.toggle_list { padding-top: 6px; }
-
-div.format_icon {
-    float: right;
-    margin-right: 17px;
-}
-
 .results_aux_utils {
        border-left:1px dotted #ccc;
        padding-left: 17px;
@@ -439,17 +391,8 @@ div.format_icon {
        padding-right: 50px;
 }
 
-.result_util {
-    border-bottom: 1px dotted #ccc;
-    padding-top: 6px;
-}
-
-.results_reviews {
-    position: relative;
-    top: -5px;
-}
-
 #rdetail_copies {
+    clear: both;
     padding-top: 1.5em;
 }
 
@@ -474,7 +417,7 @@ div.format_icon {
 
 .rdetail_extras {
        height: 29px;
-       background: #9ad0f1;
+       background: #69A088;
        padding-top:1px;
        margin-bottom: 10px;
        margin-top: 10px;
@@ -500,6 +443,7 @@ div.format_icon {
        position: relative;
        top: -4px;
        left: 7px;
+       color: white;
 }
 
 #paginate-homebanner a.toc {
@@ -537,7 +481,7 @@ div.format_icon {
 #hp-buttons {
        margin: auto;
        margin-top: 6px;
-    margin-left: 1em;
+       width: 694px; /* 974px; */
 }
 
 #hp-welcome {
@@ -562,7 +506,8 @@ div.format_icon {
 }
 
 #hp-banner {
-       margin-left: 1em;
+       margin: auto;
+       width: 694px; /* formerly 974px */
        height: 213px;
 }
 
@@ -586,6 +531,7 @@ div.format_icon {
 }
 
 #hp-ql-bottom {
+       width: 640px;
        height: 31px;
        padding-left: 24px;
        padding-top: 13px;
@@ -618,22 +564,12 @@ div.format_icon {
 
 .content-wrapper-record-page { top: -15px; position: relative; }
 
-#main-content-home {
-       padding-left: 17px;
-    margin-left: 1em;
-}
-#main-content {
-       padding-left: 0px;
-    margin-left: 1em;
-}
+#main-content-home { width: 694px; margin: auto; padding-left: 17px; }
+#main-content { width: 974px; margin:auto; padding-left: 0px; }
 
-#main-content-after-bar {
-       float: left;
-       margin-left: 1em;
-       padding-left: 4px;
-}
+#main-content-after-bar { float: left; width: 700px; margin: auto; padding-left: 4px; }
 
-#results-side-bar { float: left; width: 174px;  height: 500px; /* XXX to height of container*/  }
+#results-side-bar { float: left; width: 274px; background-color: #ddd; color: black; height: 500px; /* XXX to height of container*/  }
 
 #main-content .login_boxes {
        border: 1px solid #dedede;
@@ -671,6 +607,7 @@ div.format_icon {
 }
 
 #home-buttons-inner {
+       width:664px;
        height:117px;
        background:#bda964;
 }
@@ -709,7 +646,6 @@ div.format_icon {
        float: left;
        font-size: 11px;
        color: #191919;
-       background: #929292;
        margin-right: 6px;
 }
 
@@ -734,37 +670,24 @@ div.format_icon {
        font-size: 11px;
 }
 
-#result_table_div {
-       margin-top: 1em;
+.nav_arrow_fix {
+       font-size:8px;
+       position:relative;
+       top:-1px;
 }
 
-tr.result_table_row td.result_table_row {
-    border-bottom:1px solid #d4d4d4;
+#result_table_div {
+       margin-top: 20px;
 }
 
 .result_numbers {
        font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
 }
 
-.result_table_subtable {
-    width: 100%;
-    padding-top: 1em;
-}
+.result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
 
-div.result_table_utils_cont {
-    width: 250px;
-    text-align:left;
-}
 
-div.result_table_utils {
-    float: right;
-}
 
-div.result_place_hold {
-    position: relative;
-    top: -3px;
-    left:3px;
-}
 
 .icon_text {
        text-transform:capitalize;
@@ -783,8 +706,7 @@ div.result_place_hold {
        padding-bottom:5px;
 }
 
-.zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
-.zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
+#zero_search_hits div { float:left;width:300px;margin-top:20px; }
 
 #zero_search_hits p {
        margin-top:0;
@@ -842,6 +764,7 @@ div.result_place_hold {
 
 .acct_sum_row {
        padding: 7px 15px;
+       width: 712px;
        background: #f0f0f0;
        margin-bottom: 2px;
        font-size: 10px;
@@ -986,24 +909,23 @@ div.result_place_hold {
 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
 */
 
-div.facet_sidebar {
-    float: left;
-    border-right: 1px solid #F3F3F3;
-    margin-right: 1em;
-}
-
 .facet_box_temp {
        padding-bottom:3px;
-       width: 15em;
+       width:180px;
        overflow:hidden;
 }
 
 .facet_box_temp .header {
+       width:180px;
        height:31px;
        overflow:hidden;
-       background:url('/images/facet_box_bg.png') no-repeat;
+       background-color: #007a54;
+       -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;
 }
 
@@ -1011,6 +933,7 @@ div.facet_sidebar {
        float:left;
        padding-top:6px;
        padding-left:12px;
+       width:134px;
        overflow:hidden;
 }
 
@@ -1027,7 +950,7 @@ div.facet_sidebar {
 }
 
 .facet_box_wrapper .box_wrapper .box {
-       width: 14em;
+       width:166px;
        border-top:1px solid #7ebee5;
        border-left:1px solid #f3f3f3;
        border-right:1px solid #f3f3f3;
@@ -1059,11 +982,6 @@ div.facet_sidebar {
     background-color: #d7d7d7;
 }
 
-.facet_border {
-    border-left: 1px solid #e9ebf3;
-    padding-right: 0.5em;
-}
-
 #footer-wrap {
     background: linear-gradient(#007a54, #00593d);
     background: -moz-linear-gradient(#007a54, #00593d);
@@ -1075,14 +993,15 @@ div.facet_sidebar {
 #footer {
        padding-top:5px;
        padding-bottom: 10px;
-       margin-left: 1em;
+       margin: auto;
+       width: 974px;
        font-size: 11px;
 }
 
 #footer a {
-       color: white;
-       text-decoration: none;
-       text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
+       color: white;
+       text-decoration: none;
+       text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
 }
 
 .color_4 {
@@ -1131,7 +1050,6 @@ a.dash-link:hover { text-decoration: underline !important; }
 }
 .list-create-table-buttons input[type=image] { margin-top: 2px; }
 .result_table_format_cell { padding: 0px 10px; text-align: center; }
-.results_row_count { font-weight: bold; }
 #hold_editor h1 { font-size: 120%; font-weight: bold; }
 #hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
@@ -1190,7 +1108,7 @@ a.dash-link:hover { text-decoration: underline !important; }
 }
 
 a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
-    background: #359ee0;
+    background: #00593d;
     text-decoration: none;
 }
 
@@ -1223,6 +1141,10 @@ a.opac-button {
     width: 100%;
 }
 
+.rdetail_copy_counts {
+    margin-top: 1em;
+}
+
 #rdetail_record_details {
     clear: both;
     margin-top: 1em;
@@ -1254,114 +1176,6 @@ a.opac-button {
     margin-left: 1em;
     padding-left: 1em;
 }
-.bookbag-controls-holder { width: 100%; }
-.bookbag-controls-holder:nth-child(odd) { background-color: #d7d7d7; }
-.bookbag-controls-holder:nth-child(even) { background-color: #e3e3e3; }
-.bookbag-controls-holder .most {
-    padding-left: 0;
-    margin-right: 5em;
-}
-h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
-.bookbag-share .fixed { min-width: 4em; }
-.bookbag-specific { margin-left: 1em; }
-.bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
-.bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
-#bbag-name-desc-form tr th { vertical-align: middle; }
-#bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
-.bookbag-description {
-    padding-top: 0em;
-    font-style: italic;
-    max-width: 40em;
-}
-#bbag-edit-description { width: 20em; }
-#bbag-edit-name { width: 20em; }
-textarea { font-family: sans-serif; }
-table.bookbag-specific {
-    border-right: 1px solid #999;
-    border-bottom: 1px solid #666;
-    margin-bottom: 2ex;
-}
-.bookbag-share {
-    float: left;
-    padding: 5px 0;
-}
-.bookbag-controls {
-    float: left;
-    padding: 5px 0px 0px 10px;
-}
-
-.bookbag-specific td.list_checkbox {
-    padding-left: 10px !important;
-}
-.bookbag-specific td.list_entry {
-    min-width: 10em;
-    padding-left: 5px !important;
-}
-.bookbag-specific td.list_actions {
-    white-space: nowrap !important;
-}
-
-.list_is_empty {
-    padding: 8px 0px 6px 0px;
-    width: 100%;
-    border: 0;
-    font-size: 120%;
-    text-align: center;
-    font-style: italic;
-}
-.save-notes { padding-bottom: 1.5ex; }
-
-/* Moved from semiauto.css */
-.adv_global_input_container { border-bottom: none; }
-.opac-auto-013 {
-    border-bottom: none;
-    *height: 0px;
-}
-.adv_global_filter_sort {
-    border: none;
-    width: 100%;
-}
-.clear-both { clear: both; }
-.common-no-pad {
-    clear: both;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-.common-full-pad {
-    clear: both;
-    height: 15px;
-}
-.alert { color: red; }
-.float-left { float: left; }
-.float-right { float: right; }
-
-.saved-searches-header { width: 100%; font-weight: bold; font-size: 120%; }
-.saved-searches-header .button { float: right; width: 28px; }
-.saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
-.saved-searches-header {font-weight: bold; font-size: 120%; }
-.saved-searches { border-bottom: 1px solid #666; }
-#staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
-    border-right: 1px solid #333;
-}
-.result_item_circulated {
-    padding-top: 4px;
-}
-
-.result_item_circulated span {
-    position: relative;
-    top:-3px;
-    left:3px;
-}
-
-#search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
-#result-bookbag-heading { text-align: center; margin: 2ex; }
-
-.result-bookbag-name { font-size: 140%; font-weight: bold; }
-.result-bookbag-description { font-size: 120%; font-style: italic; }
-.result-bookbag-item-note { font-style: italic; }
-.lowhits-bookbag-name { font-weight: bold; }
-
 
 #copyright_text, #footer_logo {
     color: white;