From f658b489512fc4690abd2db7544492c2deedf69a Mon Sep 17 00:00:00 2001
From: Michael Peters <mrpeters@library.in.gov>
Date: Thu, 19 Jan 2012 13:17:36 -0500
Subject: [PATCH] Make the facet headers use "-border-radius" instead of a
 static image, and make them green

Signed-off-by: Michael Peters <mrpeters@library.in.gov>
---
 Open-ILS/web/css/skin/default/opac/style.css | 342 ++++++---------------------
 1 file changed, 78 insertions(+), 264 deletions(-)

diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
index 81a3ffa275..99ad32564c 100644
--- 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;
-- 
2.11.0