From: Dan Scott Date: Thu, 26 Apr 2012 19:45:21 +0000 (-0400) Subject: Templatize TPAC CSS - change colors based on vhost X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=refs%2Fheads%2Fuser%2Fdbs%2Ftemplatize_tpac_css;p=working%2FEvergreen.git Templatize TPAC CSS - change colors based on vhost Rather than requiring sites to copy & customize style.css for each site that just needs different colors, and then maintain those changes laboriously as style.css changes - or creating CSS files that override the styles for each site - use the power of Template Toolkit to control colors and other elements based on criteria such as the vhost name. Signed-off-by: Dan Scott --- diff --git a/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGCatLoader.pm b/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGCatLoader.pm index 2e83f0f013..9494194e0f 100644 --- a/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGCatLoader.pm +++ b/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGCatLoader.pm @@ -116,6 +116,7 @@ sub load { return $self->load_simple("home") if $path =~ m|opac/home|; return $self->load_simple("advanced") if $path =~ m:opac/(advanced|numeric|expert):; + return $self->load_simple("style_css") if $path =~ m|opac/style_css|; return $self->load_rresults if $path =~ m|opac/results|; return $self->load_print_record if $path =~ m|opac/record/print|; diff --git a/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGWeb.pm b/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGWeb.pm index 66fb47ed6a..9e37c581b2 100644 --- a/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGWeb.pm +++ b/Open-ILS/src/perlmods/lib/OpenILS/WWW/EGWeb.pm @@ -25,6 +25,9 @@ sub handler { $r->content_type('text/html; encoding=utf8'); my($template, $page_args, $as_xml) = find_template($r, $base, $ctx); + if ($template =~ /_css/) { + $r->content_type('text/css'); + } $ctx->{page_args} = $page_args; my $stat = run_context_loader($r, $ctx); diff --git a/Open-ILS/src/templates/opac/parts/base.tt2 b/Open-ILS/src/templates/opac/parts/base.tt2 index 1721a9cbf1..b2765d1855 100644 --- a/Open-ILS/src/templates/opac/parts/base.tt2 +++ b/Open-ILS/src/templates/opac/parts/base.tt2 @@ -8,7 +8,7 @@ [% END %] - + [% l('Catalog - [_1]', ctx.page_title) %] [% IF want_dojo %] diff --git a/Open-ILS/src/templates/opac/style_css.tt2 b/Open-ILS/src/templates/opac/style_css.tt2 new file mode 100644 index 0000000000..3f3129ae86 --- /dev/null +++ b/Open-ILS/src/templates/opac/style_css.tt2 @@ -0,0 +1,1451 @@ +[%- + USE CGI; + SWITCH CGI.virtual_host(); + CASE 'reddish.example.org'; + gradient1 = "#C94842"; + gradient2 = "#8F1F2D"; + CASE 'blueish.example.org'; + gradient1 = "#252525"; + gradient2 = "lightBlue"; + CASE 'blackwhite.example.org'; + gradient1 = "#FFFFFF"; + gradient2 = "#000000"; + CASE; + gradient1 = "#00593d"; + gradient2 = "#007a54"; + END; +-%] + +body { + margin:0; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + background: [% gradient1 %]; +} + +img { + border: none; +} + +#topnav_logo { + padding-bottom: 25px; +} + +#homesearch_main_logo { + padding-top: 60px; +} + +a { + color: [% gradient1 %]; +} + +#search-wrapper input[type=text] { + margin:0; + padding:0; +} + +#search-wrapper select, .results_header_lbl select { + border:1px solid #e9ebf3; + margin:0; + padding:0; + width: 12em; +} + +/* +#search-wrapper select { + border:0px solid black; + filter:alpha(opacity=0); + -moz-opacity:0; + -khtml-opacity:0; + opacity:0; + padding:0; + margin:0; + height:18px; + font-size: 12px; +} +*/ +h1 { + margin:0; + margin-bottom: 5px; + font-size: 20px; + font-weight:normal; +} + +h2 { + font-size: 16px; + font-weight:bold; +} + +.hide_me, .hidden { + display: none; + visibility: hidden; +} + +div.select-box-wrapper { + position:absolute; + padding-top:2px; + padding-left:3px; + overflow:hidden; + text-align:left; +} + +div.select-wrapper { + border:1px solid #4C8AB0; + display:inline-block; + position:relative; + z-index:2; + background:url('/images/dropdown.gif') no-repeat right center; +} + +div.select-wrapper:hover { + background:url('/images/dropdown-hover.gif') no-repeat right center; +} + +#dash_wrapper { + position: relative; + top: -2em; +} + +#dash_wrapper div { + position: relative; + vertical-align: middle; + background: [% gradient1 %]; + border-radius: 5px; + height: 3em; + padding: 0em 1em 0em 1em; +} + +span.dash_divider { + margin: 0em 1em 0em 1em; + position: relative; + top: 10px; + color: [% gradient2 %]; +} + +#dashboard { + clear:both; + float:right; + margin-top: 1em; + background: [% gradient1 %]; + border-radius: 5px; + height: 3em; +} + +#dashboard span.dash-align a { + font-weight: bold; + text-decoration: none; + position: relative; + top: 10px; +} + +#dash_user { + font-weight: bold; + text-transform: capitalize; + position: relative; + top: 10px; +} + +#logout_link { left: 1px; } + +#dash_checked { color: #ffcc33; } +#dash_holds { color: #ffcc33; } +#dash_pickup { color: #1dd93c; } +#dash_fines { color: #f41d36; } +#header-wrap { + background: linear-gradient([% gradient1 %], [% gradient2 %]); + background: -moz-linear-gradient([% gradient1 %], [% gradient2 %]); + background: -o-linear-gradient([% gradient1 %], [% gradient2 %]); + background: -webkit-linear-gradient([% gradient1 %], [% gradient2 %]); + background-color: [% gradient2 %]; +} +#header { + color: #fff; + padding-top: 26px; + margin-left: 1em; + font-size:11px; +} + +#header a { + color: #fff; +} + +#header a:hover { + color: white; + text-decoration: none; +} + +#header-links { + color: white; + font-size: 11px; + font-weight: bold; + position: relative; + top:4px; + +} + +#header-links a { + color: white; + display: block; + float:left; + margin-right:22px; + text-decoration: none; +} + +#header-links a:hover { + color: white; + text-shadow: 0 0 0.2em [% gradient1 %], 0 0 0.2em [% gradient1 %]; + text-decoration: none; +} + +#header #header-links2 { + position:relative; + top:-8px; + color: white; + padding-bottom: 15px; +} + +#header #header-links2 a { + color: white; +} + +#header #header-links2 a:hover { + text-decoration: underline; +} + +#header #your-acct-login { + padding-top:10px; +} + +#gold-links { + margin-left: 1em; + padding-left:0px; +} + +#gold-links-home { + margin:auto; + padding-left:0px; +} + +#gold-links-holder { + height: 24px; + background: #252525; +} + +#util-bar { + margin-left: 1em; + padding-left:0px; + height:0px; +} + +#search-wrapper { + border-bottom: 1px solid #e9ebf3; + padding-bottom: 5px; + background: white; +} + +.search_box_wrapper { + padding: 1px 1px 1px 3px; +} + +#search-wrapper #breadcrumb { + margin-top:0px; + font-size: 10px; + float:left; +} + +#search-wrapper #search-within { + margin-top:10px; + float:right; + position:relative; + left:-173px; +} + +#search-wrapper #breadcrumb a { + color: black; +} + +#search-wrapper #search_frm label { + font-size: 10px; +} + +#search-wrapper #search-box { + margin-left: 1em; + padding-left: 0px; +} + +#utils { + float:right; + z-index:1; + width:150px; + height:30px; + background:url('/images/utils-corner-left.png') no-repeat left top; + padding-left: 3px; + color: white; + position:relative; +} + +#utils a { + color: white; + font-size: 10px; +} + +#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; +} + +#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a { + float: left; + text-align: center; + vertical-align: middle; + display: block; + margin: 10px 7px 10px 0px; + padding: 10px 0px 10px 0px; + -moz-border-radius: 10px 10px 0px 0px; + border-radius: 10px 10px 0px 0px; + font-weight: bold; + color: white; + background: #69A088; + font-weight: bold; + text-decoration: none; +} + +#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a { + padding: 1em 1em 0.5em; +} + +#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 { + background: [% gradient1 %]; + color: white; + text-decoration: none; +} + +#adv_search.on, #num_search.on, #expert_search.on { + color: #333333; + background: white; + text-decoration: none; +} + +#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on { + color: #333333; + background: white; + text-decoration: none; +} + +.acct-tab-off { + background: #69A088; +} + +#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a { + margin-top: 0px; + font-size: 10px; + color: #333333; + padding: 10px 10px 10px 10px; +} + +#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a { + background: #e1e1e1; + color: #333333; +} + +#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs { + padding-bottom: 12px; + color: #666; +} + +#rdetail_header { + padding: 5px 7px 6px 0px; + margin-left: 1em; + border-bottom: 1px dotted #ccc; +} + +#rdetail_results a { + color:[% gradient2 %]; + font-weight:bold; + font-size: 1.2em; +} + +#rdetail_result_count { + color: black; + font-weight: normal; + padding-left: 1em; + display: inline-block; +} + +#rdetail_result_nav { + font-weight:normal; + padding-left: 1em; + display: inline-block; +} + +#rdetail_details_table { + margin-top: 15px; +} + +#rdetail_image { border: none; } +#rdetail_image_cell { + padding-top: 3px; + 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_aux_utils { + border-left:1px dotted #ccc; + padding-left: 17px; + padding-bottom: 6px; + 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; + padding-bottom: 6px; + padding-right: 50px; +} + +.result_util { + border-bottom: 1px dotted #ccc; + padding-top: 6px; +} + +.results_reviews { + position: relative; + top: -5px; +} + +#rdetail_copies { + padding-top: 1.5em; +} + +#rdetails_status td, #rdetails_status2 td { + white-space:nowrap !important; + padding: 7px 0px 3px 13px; +} + +#rdetails_status thead th { + background-color: #d8d8d8; + padding: 13px 0px 13px 13px; + font-size: 10px; + text-transform: uppercase; + font-weight: bold; + text-align: left; +} + +#rdetails_status tbody td { + padding-left: 13px; + text-align: left; +} + +.rdetail_extras { + height: 29px; + background: #417860; + padding-top:1px; + margin-bottom: 10px; + margin-top: 10px; + clear:both; +} + +.rdetail_extras_hr { + height: 1px; + background: #b7def5; + margin-left: 1px; + margin-right: 1px; +} + +.rdetail_extras_link { + padding-top: 4px; + padding-left: 12px; + font-size: 10px; + text-transform: uppercase; + font-weight: bold; +} + +.rdetail_extras_lbl { + position: relative; + top: -4px; + left: 7px; + color: white; +} + +#paginate-homebanner a.toc { + display:block; + width:20px; + height:20px; + background:gray; + float:left; + margin-left:2px; + margin-right:2px; + margin-top:2px; +} + +#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse { + margin-left: 13px; +} + +#rdetail_locs_expand, #rdetail_locs_collapse { + padding-bottom:3px; + margin-top:15px; + margin-left:13px; +} + +#rdetail_anotes_div .biography { + margin:0; +} + +#paginate-homebanner a.selected { + border: 2px solid black; + margin-top:0px; + margin-left:0px; + margin-right:0px; +} + +#hp-buttons { + margin: auto; + margin-top: 6px; + margin-left: 1em; +} + +#hp-welcome { + position:absolute; + width:295px; + height:192px; + background: url('/images/banner-bg.png') no-repeat; + color: #fff; + padding-left: 33px; + padding-top: 21px; + z-index:9999999999; +} + +#hp-welcome h1 { + font-size: 25px; + margin-bottom:15px; +} + +#hp-welcome a { + color: #fff; + text-decoration: underline; +} + +#hp-banner { + margin-left: 1em; + height: 213px; +} + +#hp-ql-table { + margin-left: 2px; + padding-top: 3px; +} + +#hp-ql-table a { + color: #333; + font-weight: bold; + font-size: 13px; + text-transform: uppercase; + text-decoration: none; + display: block; + width: 144px; + height: 25px; + padding-top: 9px; + padding-left: 15px; + background: url('/images/button-bg.png') no-repeat; +} + +#hp-ql-bottom { + height: 31px; + padding-left: 24px; + padding-top: 13px; + background: url('/images/hp-links-mid.jpg') repeat-x; +} + +#hp-ql-bottom a { + display: inline-block; + text-decoration: none; + color: white; + font-size: 15px; + font-weight: bold; +} + +#hp-ql-bottom img { + position:relative; + top:-1px; + left:2px; +} + +.almost-content-wrapper { + background: white; +} + +#content-wrapper { + background: white; + min-height: 260px; + border-bottom: 1px solid black; +} + +.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-after-bar { + float: left; + margin-left: 1em; + padding-left: 4px; +} + +#results-side-bar { float: left; width: 174px; height: 500px; /* XXX to height of container*/ } + +#main-content .login_boxes { + border: 1px solid #dedede; + background:url('/images/login-bg.jpg') top repeat-x; + color: #333; +} + +#main-content .login_boxes h1 { + font-weight: normal; + font-size: 25px; + margin:0; +} + +#main-content .left_brain { + padding-left:28px; + padding-top:25px; +} + +#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] { + width:167px; + height:18px; + margin:0; + padding:0; + border:none; + background: none; + font-size: 15px; + color: #666; +} + +#main-content .left_brain .input_bg { + padding:10px 10px 0px 13px; + background: url('/images/login-box-bg.jpg') no-repeat; + width:167px; + height:29px; +} + +#home-buttons-inner { + height:117px; + background:#bda964; +} + +#holds_temp_parent td { + border-bottom:1px solid #dcdbdb; +} + +#holds_temp_parent input, #holds_temp_parent select { + margin:0; +} + +#results_header_bar { + background: #929292; + border-top:1px solid #8b8b8b; +} + +#results_header_inner { + height: 32px; + padding-top:6px; +} + +.cached_list_div { width: 111px; height: 25px; } + +.results_header_div { + float: left; + width: 0px; + height: 25px; + border-left: 1px solid #7c7c7c; + border-right: 1px solid #9c9c9c; + margin: 0px 13px; +} + +.results_header_lbl { + font-weight: bold; + float: left; + font-size: 11px; + color: #191919; + background: #929292; + margin-right: 6px; +} + +.results_header_sel { + /* width: 88px; */ + float:left; + margin:0; +} + +.results_header_nav1 { + padding: 5px 7px 6px 0px; + border-bottom: 1px dotted #ccc; +} + +.results_header_nav1 .h1 { + font-size:14px; + font-weight:bold; + color:[% gradient2 %]; +} + +.start_end_links_span { + font-size: 11px; +} + +#result_table_div { + margin-top: 1em; +} + +tr.result_table_row > td.results_row_count, +tr.result_table_row > td.result_table_pic_header, +tr.result_table_row > td.result_table_title_cell { + vertical-align: top; +} + +tr.result_table_row:nth-child(n+2) > td { + border-top: 1px solid #d4d4d4; +} + +tr.result_table_row > td.result_table_pic_header { + white-space: nowrap; + width: 78px; + padding-left: 1em; +} + +.result_numbers { + font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px; +} + +.result_table_subtable { + width: 100%; + padding-top: 1em; +} + +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; +} + +#myopac_summary_div p { + margin:0; + margin-bottom: 10px; +} + +#acct_sum_checked_table td { + 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 p { + margin-top:0; +} + +#zero_hits_term { + text-transform: uppercase; + font-weight: bold; +} + +#zero_search_hits #spell_check_link { + text-transform: uppercase; +} + +#zero_search_hits #zero_hits_suggestions { + text-transform: uppercase; +} + +.results_info_table td { + padding-right: 10px; +} + +#myopac_holds_main_table { + border-collapse: collapse; +} + +#myopac_holds_main_table td { + border: 1px solid black; + +} + +#myopac_prefs_div .data_grid { + border-collapse:collapse; +} + +#myopac_prefs_div .data_grid td { + background:#f0f0f0; + border-bottom:3px solid white; + padding:6px 0px 7px 17px; +} + +.header_middle { + height:22px; + font-size:14px; + font-weight:bold; + color:[% gradient2 %]; + padding: 0px 7px 0px 0px; + border-bottom: 1px dotted #ccc; +} + +.header_middle a { + font-size: 12px; + font-weight: normal; +} + +.acct_sum_row { + padding: 7px 15px; + background: #f0f0f0; + margin-bottom: 2px; + font-size: 10px; + font-weight: bold; + text-transform: uppercase; +} + +.acct_sum_row a { + text-transform: none; + font-size: 12px; + position:relative; + top:-1px; +} + +.acct_sum_row .view_link { + font-weight: normal; + font-size:12px; +} + +#myopac_sum_fines { + float:right; + padding: 15px 0px 0px 23px; + background: #f0f0f0; + width: 177px; + height: 166px; +} + +#myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; } + +.acct_holds_temp td { + text-align: left; +} + +#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align { + float:left; + /*padding-left:10px;*/ +} + +#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected { + /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/ +} + +#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds { + font-weight:bold; + text-transform:uppercase; + font-size: 10px; +} + +#acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td { + background: #d8d8d8; + padding: 8px 0px 7px 0px; +} + +#acct_list_header select, #acct_list_header_anon select { + font-weight:normal; + text-transform:none; +} + +#acct_holds_activates_table label { + font-weight: bold; + font-size: 11px; + text-transform:uppercase; + padding-right: 5px; +} + +.adv_search_font { + font-size: 10px; +} + +.search_catalog_lbl { + font-size: 14px; +} + +.lbl1 { + font-size:14px; + font-weight:bold; +} + +.lbl2 { + font-size:10px; + font-weight:normal; + position:relative; + top:3px; +} + +#myopac_tabs, #adv_search_parent, #fines_payments_wrapper { + background: [% gradient2 %]; + padding-top:5px; + margin-bottom:20px; +} + +#fines_payments_wrapper { + padding-left: 5px; + padding-right: 5px; +} + +.myopac_payments_table th { text-align: left; } +.myopac_payments_table thead th { border-bottom: 1px dashed #333; } +.myopac_payments_table thead th:first-child { width: 8em; } +.myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; } +.myopac_payments_table form { display: inline; } +.myopac_payments_table input[type="submit"] { padding: 1px; } + +.payment-error { + font-weight: bold; color: red; + padding: 10px; border: 1px solid #888; +} + +.payment-processing { + font-weight: bold; color: green; + font-size: 120%; + padding: 10px; border: 1px solid #888; + text-align: center; +} + +#adv_search_parent { + margin-bottom:0px; +} + +#myopac_loading { + width:100%; + text-align:center; + padding-top:20px; + font-size:16px; + font-weight:bold; +} + +.chili_link { + width:100px !important; + text-align: center !important; +} + +.chili_review div.chili_link div { + margin: auto; +} + +/* some facet styling */ +/* +.facetClassContainer { margin: 2px; border: 1px solid #CCC; } +.facetClassLabelContainer { border: 1px solid #CCC; } +.facetClassLabel { font-weight: bold; text-align: center; } +.facetFieldContainer { } +.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; } +.extraFacetFieldsWrapper { } +.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; } +.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px } +.facetField { border-top: 1px solid #CCC; } +.facetFields { padding-left: 5px; } +.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; + overflow:hidden; +} + +.facet_box_temp .header { + height:31px; + overflow:hidden; + background:[% gradient1 %]; + -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:white; + padding-top:4px; +} + +.facet_box_temp .header .title { + float:left; + padding-top:6px; + padding-left:12px; + overflow:hidden; +} + +.facet_box_temp .header .button { + float:right; + padding-right:6px; +} + +.facet_box_wrapper .box_wrapper { + position:relative; + top:-4px; + margin-bottom:-5px; + *margin-bottom:-6px; +} + +.facet_box_wrapper .box_wrapper .box { + width: 14em; + border-top:1px solid #7ebee5; + border-left:1px solid #f3f3f3; + border-right:1px solid #f3f3f3; + background:white; + padding-left:12px; + padding-top:6px; +} + +.facet_box_wrapper .box_wrapper .bottom { + background:url('/images/facet_box_bg_bottom.png') no-repeat; +} + +.facet_template { + padding-bottom:5px; +} + +.facet_template .facet { + float:left; + width:124px; +} + +.facet_template .count { + float:right; + color:#818080; + padding-right:11px; +} + +.facet_template_selected { + background-color: #d7d7d7; +} + +.facet_border { + border-left: 1px solid #e9ebf3; + padding-right: 0.5em; +} + +#footer-wrap { + background: linear-gradient([% gradient2 %], [% gradient1 %]); + background: -moz-linear-gradient([% gradient2 %], [% gradient1 %]); + background: -o-linear-gradient([% gradient2 %], [% gradient1 %]); + background: -webkit-linear-gradient([% gradient2 %], [% gradient1 %]); + background-color: [% gradient1 %]; +} + +#footer { + padding-top:5px; + padding-bottom: 10px; + margin-left: 1em; + font-size: 11px; +} + +#footer a { + color: white; + text-decoration: none; + text-shadow: 0 0 0.2em [% gradient1 %], 0 0 0.2em [% gradient1 %]; +} + +#copyright_text, #footer_logo { + color: white; +} + +.color_4 { + text-transform: uppercase; + font-weight: bold; + font-size: 10px; +} + +.advanced_div { padding-top: 15px; } +#adv_global_search select { width: 13em; } +#adv_global_input_table select { width: 7em; } +.adv_adv_link { font-size: 8pt; color: red; } +#acct_prefs_header { float: left; } +.search_page_nav_link { cursor: pointer; } +#opac.result.sort { width: 160px; } +.renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; } +.failure-text { margin-left: 4em; font-style: italic; color: #ff0000; } +.refine-controls { font-size: 125%; padding: 0.5ex 0; } +#adv_search_refine input[type=text] { border: 1px inset #ccc !important; } +#adv_search_refine select { border: 1px inset #ccc !important; } +#adv_search_refine { + padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0; +} +.row-remover { position: relative; top: 1px; vertical-align: middle; } +.subtle-button { + background-color: #ffffff; + color: [% gradient1 %]; text-decoration: none; + font-size: 12px; + padding: 0; border: 0; margin: 0; + vertical-align: middle; +} +.subtle-button:hover { text-decoration: underline; cursor: pointer; } +.no-dec:hover { text-decoration: none; } +.pending-addr td { background-color: #ffcccc !important; border: 0 !important; } + +#account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; } +#account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;} +#account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;} +a.dash-link:hover { text-decoration: underline !important; } +#list_create_table td { vertical-align: middle; padding: 0 8px; } +#list_create_table { + background-color: #ccc; + padding-bottom: 4px; + margin-bottom: 10px; + border-bottom: 1px dotted #666; +} +.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; } +#hold_editor_table { background-color: #ddd; padding: 0.5em; } +#hold_editor_table th { text-align: right; padding-right: 1em; } +#hold_editor_table td { padding: 0.25em 0; } +.fmt-note { vertical-align: middle; padding-left: 1em !important; } +.hold-editor-controls { text-align: center; padding-top: 1em !important; } +.hold-editor-controls a { padding-left: 2em; } + +.text-right { text-align: right; } +.text-right-top { text-align: right; vertical-align: top; } +.rdetail-author-div { padding-bottom: 10px; } + +.invisible { visibility: hidden; } +.rdetail-extras-summary { margin: 10px; } +.staff-hold { background-color: #eee; } +.expert-search tbody tr th { text-align: right; padding-left: 2em; } +.bookshelf thead tr td { + border-bottom: 1px dashed #999; + padding-bottom: 1ex; +} +.cn_browse_item { padding: 2ex; } + +.results-paginator-selected { color: red; } +.inactive-hold { background: #e5e5e5; } + +#hold-items-list td { padding: 5px; margin-bottom: 20px; } +.hold-items-list-title { font-size: 120%; } +.hold-items-list-problem { color: red; } + +.big-strong {font-weight: bold; font-size: 120%; } + +.results_header_btns, .results_header_sel { + float:left; + margin-right: 6px; + height: 26px; +} + +.opac-button, .results_header_btns, #simple-detail-view-links { + color: #FBF9F9; + font-weight: bold; + text-decoration: none; + text-shadow: 1px 1px 1px #555555; + cursor: pointer !important; + -moz-border-radius: 5px; + border-radius: 5px; + border: 1px solid [% gradient2 %]; + background: linear-gradient([% gradient2 %], [% gradient1 %]); + background: -moz-linear-gradient([% gradient2 %], [% gradient1 %]); + background: -o-linear-gradient([% gradient2 %], [% gradient1 %]); + background: -webkit-linear-gradient([% gradient2 %], [% gradient1 %]); + background-color: [% gradient1 %]; +} + +.opac-button-header { + background: #69A088; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.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: [% gradient1 %]; + text-decoration: none; +} + +a.opac-button { + margin: 10px; + padding: 5px 10px 5px 10px; +} + +#dash_wrapper .opac-button { + position: relative; + top: 10px; +} + +#myopac_checked_div { + padding: 0px; +} + +.rdetail-mfhd-head { + margin-top: 5px; + padding-top: 5px; + background-color: #D8D8D8; +} + +.rdetail-mfhd-type { + padding-left: 1em; +} + +.rdetail-mfhd-bottom { + border-bottom: thin solid black; + width: 100%; +} + +#rdetail_record_details { + clear: both; + margin-top: 1em; +} + +.rdetail_subject_type { + vertical-align: top; + font-weight: bold; +} + +.bookbag-item-row td { vertical-align: top; } + +.error { color: red; font-weight: bold; } +.success { color: green; font-weight: bold; } + +.rdetail_related_subjects { + margin-top: 1.5em; +} + +.rdetail_related_series { + margin-top: 1.5em; +} + +#rdetail_openurl { + margin-top: 1em; +} + +.rdetail_openurl_entry { + 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; } +.oils_AS { font-weight: bold; color: #c00; } +.oils_AS_match_term { text-align: left; color: #000; } +.oils_AS_match_field { + font-size: 75%; padding: 0.65em 0; + text-align: right; color: #666; +} +table.result_holdings_table { + margin-top: 1em; + margin-bottom: 1em; +} +table.result_holdings_table thead tr { + background: #D8D8D8; +} +table.result_holdings_table thead tr th { + font-weight: bold; +} +span.preflib { + margin: 0 2em 0 2em; +} +a.preflib_change { + vertical-align: super; + font-size: smaller; + line-height: normal; + text-decoration: none; +} +.rdetail-holding-group { margin-left: 1.5em; } +.rdetail-holding-group span { margin-left: 1.5em; } +.rdetail-holding-group .paging { margin-left: 1.5em; } +#rdetail_deleted_exp { + font-weight: bold; + padding: 1em; + margin: 1em; + border: thick solid red; +} diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css deleted file mode 100644 index 0a33df78f1..0000000000 --- a/Open-ILS/web/css/skin/default/opac/style.css +++ /dev/null @@ -1,1433 +0,0 @@ -body { - margin:0; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - background: #00593d; -} - -img { - border: none; -} - -#topnav_logo { - padding-bottom: 25px; -} - -#homesearch_main_logo { - padding-top: 60px; -} - -a { - color: #00593d; -} - -#search-wrapper input[type=text] { - margin:0; - padding:0; -} - -#search-wrapper select, .results_header_lbl select { - border:1px solid #e9ebf3; - margin:0; - padding:0; - width: 12em; -} - -/* -#search-wrapper select { - border:0px solid black; - filter:alpha(opacity=0); - -moz-opacity:0; - -khtml-opacity:0; - opacity:0; - padding:0; - margin:0; - height:18px; - font-size: 12px; -} -*/ -h1 { - margin:0; - margin-bottom: 5px; - font-size: 20px; - font-weight:normal; -} - -h2 { - font-size: 16px; - font-weight:bold; -} - -.hide_me, .hidden { - display: none; - visibility: hidden; -} - -div.select-box-wrapper { - position:absolute; - padding-top:2px; - padding-left:3px; - overflow:hidden; - text-align:left; -} - -div.select-wrapper { - border:1px solid #4C8AB0; - display:inline-block; - position:relative; - z-index:2; - background:url('/images/dropdown.gif') no-repeat right center; -} - -div.select-wrapper:hover { - background:url('/images/dropdown-hover.gif') no-repeat right center; -} - -#dash_wrapper { - position: relative; - top: -2em; -} - -#dash_wrapper div { - position: relative; - vertical-align: middle; - background: #00593d; - border-radius: 5px; - height: 3em; - padding: 0em 1em 0em 1em; -} - -span.dash_divider { - margin: 0em 1em 0em 1em; - position: relative; - top: 10px; - color: #007a54; -} - -#dashboard { - clear:both; - float:right; - margin-top: 1em; - background: #00593d; - border-radius: 5px; - height: 3em; -} - -#dashboard span.dash-align a { - font-weight: bold; - text-decoration: none; - position: relative; - top: 10px; -} - -#dash_user { - font-weight: bold; - text-transform: capitalize; - position: relative; - top: 10px; -} - -#logout_link { left: 1px; } - -#dash_checked { color: #ffcc33; } -#dash_holds { color: #ffcc33; } -#dash_pickup { color: #1dd93c; } -#dash_fines { color: #f41d36; } -#header-wrap { - background: linear-gradient(#00593d, #007a54); - background: -moz-linear-gradient(#00593d, #007a54); - background: -o-linear-gradient(#00593d, #007a54); - background: -webkit-linear-gradient(#00593d, #007a54); - background-color: #007a54; -} -#header { - color: #fff; - padding-top: 26px; - margin-left: 1em; - font-size:11px; -} - -#header a { - color: #fff; -} - -#header a:hover { - color: white; - text-decoration: none; -} - -#header-links { - color: white; - font-size: 11px; - font-weight: bold; - position: relative; - top:4px; - -} - -#header-links a { - color: white; - display: block; - float:left; - margin-right:22px; - text-decoration: none; -} - -#header-links a:hover { - color: white; - text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d; - text-decoration: none; -} - -#header #header-links2 { - position:relative; - top:-8px; - color: white; - padding-bottom: 15px; -} - -#header #header-links2 a { - color: white; -} - -#header #header-links2 a:hover { - text-decoration: underline; -} - -#header #your-acct-login { - padding-top:10px; -} - -#gold-links { - margin-left: 1em; - padding-left:0px; -} - -#gold-links-home { - margin:auto; - padding-left:0px; -} - -#gold-links-holder { - height: 24px; - background: #252525; -} - -#util-bar { - margin-left: 1em; - padding-left:0px; - height:0px; -} - -#search-wrapper { - border-bottom: 1px solid #e9ebf3; - padding-bottom: 5px; - background: white; -} - -.search_box_wrapper { - padding: 1px 1px 1px 3px; -} - -#search-wrapper #breadcrumb { - margin-top:0px; - font-size: 10px; - float:left; -} - -#search-wrapper #search-within { - margin-top:10px; - float:right; - position:relative; - left:-173px; -} - -#search-wrapper #breadcrumb a { - color: black; -} - -#search-wrapper #search_frm label { - font-size: 10px; -} - -#search-wrapper #search-box { - margin-left: 1em; - padding-left: 0px; -} - -#utils { - float:right; - z-index:1; - width:150px; - height:30px; - background:url('/images/utils-corner-left.png') no-repeat left top; - padding-left: 3px; - color: white; - position:relative; -} - -#utils a { - color: white; - font-size: 10px; -} - -#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; -} - -#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a { - float: left; - text-align: center; - vertical-align: middle; - display: block; - margin: 10px 7px 10px 0px; - padding: 10px 0px 10px 0px; - -moz-border-radius: 10px 10px 0px 0px; - border-radius: 10px 10px 0px 0px; - font-weight: bold; - color: white; - background: #69A088; - font-weight: bold; - text-decoration: none; -} - -#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a { - padding: 1em 1em 0.5em; -} - -#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 { - background: #00593d; - color: white; - text-decoration: none; -} - -#adv_search.on, #num_search.on, #expert_search.on { - color: #333333; - background: white; - text-decoration: none; -} - -#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on { - color: #333333; - background: white; - text-decoration: none; -} - -.acct-tab-off { - background: #69A088; -} - -#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a { - margin-top: 0px; - font-size: 10px; - color: #333333; - padding: 10px 10px 10px 10px; -} - -#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a { - background: #e1e1e1; - color: #333333; -} - -#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs { - padding-bottom: 12px; - color: #666; -} - -#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; -} - -#rdetail_result_count { - color: black; - font-weight: normal; - padding-left: 1em; - display: inline-block; -} - -#rdetail_result_nav { - font-weight:normal; - padding-left: 1em; - display: inline-block; -} - -#rdetail_details_table { - margin-top: 15px; -} - -#rdetail_image { border: none; } -#rdetail_image_cell { - padding-top: 3px; - 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; - background: white; -} - -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_aux_utils { - border-left:1px dotted #ccc; - padding-left: 17px; - padding-bottom: 6px; - 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; - padding-bottom: 6px; - padding-right: 50px; -} - -.result_util { - border-bottom: 1px dotted #ccc; - padding-top: 6px; -} - -.results_reviews { - position: relative; - top: -5px; -} - -#rdetail_copies { - padding-top: 1.5em; -} - -#rdetails_status td, #rdetails_status2 td { - white-space:nowrap !important; - padding: 7px 0px 3px 13px; -} - -#rdetails_status thead th { - background-color: #d8d8d8; - padding: 13px 0px 13px 13px; - font-size: 10px; - text-transform: uppercase; - font-weight: bold; - text-align: left; -} - -#rdetails_status tbody td { - padding-left: 13px; - text-align: left; -} - -.rdetail_extras { - height: 29px; - background: #417860; - padding-top:1px; - margin-bottom: 10px; - margin-top: 10px; - clear:both; -} - -.rdetail_extras_hr { - height: 1px; - background: #b7def5; - margin-left: 1px; - margin-right: 1px; -} - -.rdetail_extras_link { - padding-top: 4px; - padding-left: 12px; - font-size: 10px; - text-transform: uppercase; - font-weight: bold; -} - -.rdetail_extras_lbl { - position: relative; - top: -4px; - left: 7px; - color: white; -} - -#paginate-homebanner a.toc { - display:block; - width:20px; - height:20px; - background:gray; - float:left; - margin-left:2px; - margin-right:2px; - margin-top:2px; -} - -#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse { - margin-left: 13px; -} - -#rdetail_locs_expand, #rdetail_locs_collapse { - padding-bottom:3px; - margin-top:15px; - margin-left:13px; -} - -#rdetail_anotes_div .biography { - margin:0; -} - -#paginate-homebanner a.selected { - border: 2px solid black; - margin-top:0px; - margin-left:0px; - margin-right:0px; -} - -#hp-buttons { - margin: auto; - margin-top: 6px; - margin-left: 1em; -} - -#hp-welcome { - position:absolute; - width:295px; - height:192px; - background: url('/images/banner-bg.png') no-repeat; - color: #fff; - padding-left: 33px; - padding-top: 21px; - z-index:9999999999; -} - -#hp-welcome h1 { - font-size: 25px; - margin-bottom:15px; -} - -#hp-welcome a { - color: #fff; - text-decoration: underline; -} - -#hp-banner { - margin-left: 1em; - height: 213px; -} - -#hp-ql-table { - margin-left: 2px; - padding-top: 3px; -} - -#hp-ql-table a { - color: #333; - font-weight: bold; - font-size: 13px; - text-transform: uppercase; - text-decoration: none; - display: block; - width: 144px; - height: 25px; - padding-top: 9px; - padding-left: 15px; - background: url('/images/button-bg.png') no-repeat; -} - -#hp-ql-bottom { - height: 31px; - padding-left: 24px; - padding-top: 13px; - background: url('/images/hp-links-mid.jpg') repeat-x; -} - -#hp-ql-bottom a { - display: inline-block; - text-decoration: none; - color: white; - font-size: 15px; - font-weight: bold; -} - -#hp-ql-bottom img { - position:relative; - top:-1px; - left:2px; -} - -.almost-content-wrapper { - background: white; -} - -#content-wrapper { - background: white; - min-height: 260px; - border-bottom: 1px solid black; -} - -.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-after-bar { - margin-left: 1em; - padding-left: 4px; -} - -#results-side-bar { float: left; width: 174px; margin-right: 5px; background: white; } - -#main-content .login_boxes { - border: 1px solid #dedede; - background:url('/images/login-bg.jpg') top repeat-x; - color: #333; -} - -#main-content .login_boxes h1 { - font-weight: normal; - font-size: 25px; - margin:0; -} - -#main-content .left_brain { - padding-left:28px; - padding-top:25px; -} - -#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] { - width:167px; - height:18px; - margin:0; - padding:0; - border:none; - background: none; - font-size: 15px; - color: #666; -} - -#main-content .left_brain .input_bg { - padding:10px 10px 0px 13px; - background: url('/images/login-box-bg.jpg') no-repeat; - width:167px; - height:29px; -} - -#home-buttons-inner { - height:117px; - background:#bda964; -} - -#holds_temp_parent td { - border-bottom:1px solid #dcdbdb; -} - -#holds_temp_parent input, #holds_temp_parent select { - margin:0; -} - -#results_header_bar { - background: #929292; - border-top:1px solid #8b8b8b; -} - -#results_header_inner { - height: 32px; - padding-top:6px; -} - -.cached_list_div { width: 111px; height: 25px; } - -.results_header_div { - float: left; - width: 0px; - height: 25px; - border-left: 1px solid #7c7c7c; - border-right: 1px solid #9c9c9c; - margin: 0px 13px; -} - -.results_header_lbl { - font-weight: bold; - float: left; - font-size: 11px; - color: #191919; - background: #929292; - margin-right: 6px; -} - -.results_header_sel { - /* width: 88px; */ - float:left; - margin:0; -} - -.results_header_nav1 { - padding: 5px 7px 6px 0px; - border-bottom: 1px dotted #ccc; -} - -.results_header_nav1 .h1 { - font-size:14px; - font-weight:bold; - color:#007a54; -} - -.start_end_links_span { - font-size: 11px; -} - -#result_table_div { - margin-top: 1em; -} - -tr.result_table_row > td.results_row_count, -tr.result_table_row > td.result_table_pic_header, -tr.result_table_row > td.result_table_title_cell { - vertical-align: top; -} - -tr.result_table_row:nth-child(n+2) > td { - border-top: 1px solid #d4d4d4; -} - -tr.result_table_row > td.result_table_pic_header { - white-space: nowrap; - width: 78px; - padding-left: 1em; -} - -.result_numbers { - font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px; -} - -.result_table_subtable { - width: 100%; - padding-top: 1em; -} - -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; -} - -#myopac_summary_div p { - margin:0; - margin-bottom: 10px; -} - -#acct_sum_checked_table td { - 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 p { - margin-top:0; -} - -#zero_hits_term { - text-transform: uppercase; - font-weight: bold; -} - -#zero_search_hits #spell_check_link { - text-transform: uppercase; -} - -#zero_search_hits #zero_hits_suggestions { - text-transform: uppercase; -} - -.results_info_table td { - padding-right: 10px; -} - -#myopac_holds_main_table { - border-collapse: collapse; -} - -#myopac_holds_main_table td { - border: 1px solid black; - -} - -#myopac_prefs_div .data_grid { - border-collapse:collapse; -} - -#myopac_prefs_div .data_grid td { - background:#f0f0f0; - border-bottom:3px solid white; - padding:6px 0px 7px 17px; -} - -.header_middle { - height:22px; - font-size:14px; - font-weight:bold; - color:#007a54; - padding: 0px 7px 0px 0px; - border-bottom: 1px dotted #ccc; -} - -.header_middle a { - font-size: 12px; - font-weight: normal; -} - -.acct_sum_row { - padding: 7px 15px; - background: #f0f0f0; - margin-bottom: 2px; - font-size: 10px; - font-weight: bold; - text-transform: uppercase; -} - -.acct_sum_row a { - text-transform: none; - font-size: 12px; - position:relative; - top:-1px; -} - -.acct_sum_row .view_link { - font-weight: normal; - font-size:12px; -} - -#myopac_sum_fines { - float:right; - padding: 15px 0px 0px 23px; - background: #f0f0f0; - width: 177px; - height: 166px; -} - -#myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; } - -.acct_holds_temp td { - text-align: left; -} - -#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align { - float:left; - /*padding-left:10px;*/ -} - -#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected { - /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/ -} - -#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds { - font-weight:bold; - text-transform:uppercase; - font-size: 10px; -} - -#acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td { - background: #d8d8d8; - padding: 8px 0px 7px 0px; -} - -#acct_list_header select, #acct_list_header_anon select { - font-weight:normal; - text-transform:none; -} - -#acct_holds_activates_table label { - font-weight: bold; - font-size: 11px; - text-transform:uppercase; - padding-right: 5px; -} - -.adv_search_font { - font-size: 10px; -} - -.search_catalog_lbl { - font-size: 14px; -} - -.lbl1 { - font-size:14px; - font-weight:bold; -} - -.lbl2 { - font-size:10px; - font-weight:normal; - position:relative; - top:3px; -} - -#myopac_tabs, #adv_search_parent, #fines_payments_wrapper { - background: #007a54; - padding-top:5px; - margin-bottom:20px; -} - -#fines_payments_wrapper { - padding-left: 5px; - padding-right: 5px; -} - -.myopac_payments_table th { text-align: left; } -.myopac_payments_table thead th { border-bottom: 1px dashed #333; } -.myopac_payments_table thead th:first-child { width: 8em; } -.myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; } -.myopac_payments_table form { display: inline; } -.myopac_payments_table input[type="submit"] { padding: 1px; } - -.payment-error { - font-weight: bold; color: red; - padding: 10px; border: 1px solid #888; -} - -.payment-processing { - font-weight: bold; color: green; - font-size: 120%; - padding: 10px; border: 1px solid #888; - text-align: center; -} - -#adv_search_parent { - margin-bottom:0px; -} - -#myopac_loading { - width:100%; - text-align:center; - padding-top:20px; - font-size:16px; - font-weight:bold; -} - -.chili_link { - width:100px !important; - text-align: center !important; -} - -.chili_review div.chili_link div { - margin: auto; -} - -/* some facet styling */ -/* -.facetClassContainer { margin: 2px; border: 1px solid #CCC; } -.facetClassLabelContainer { border: 1px solid #CCC; } -.facetClassLabel { font-weight: bold; text-align: center; } -.facetFieldContainer { } -.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; } -.extraFacetFieldsWrapper { } -.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; } -.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px } -.facetField { border-top: 1px solid #CCC; } -.facetFields { padding-left: 5px; } -.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; - overflow:hidden; -} - -.facet_box_temp .header { - height:31px; - overflow:hidden; - 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:white; - padding-top:4px; -} - -.facet_box_temp .header .title { - float:left; - padding-top:6px; - padding-left:12px; - overflow:hidden; -} - -.facet_box_temp .header .button { - float:right; - padding-right:6px; -} - -.facet_box_wrapper .box_wrapper { - position:relative; - top:-4px; - margin-bottom:-5px; - *margin-bottom:-6px; -} - -.facet_box_wrapper .box_wrapper .box { - width: 14em; - border-top:1px solid #7ebee5; - border-left:1px solid #f3f3f3; - border-right:1px solid #f3f3f3; - background:white; - padding-left:12px; - padding-top:6px; -} - -.facet_box_wrapper .box_wrapper .bottom { - background:url('/images/facet_box_bg_bottom.png') no-repeat; -} - -.facet_template { - padding-bottom:5px; -} - -.facet_template .facet { - float:left; - width:124px; -} - -.facet_template .count { - float:right; - color:#818080; - padding-right:11px; -} - -.facet_template_selected { - 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); - background: -o-linear-gradient(#007a54, #00593d); - background: -webkit-linear-gradient(#007a54, #00593d); - background-color: #00593d; -} - -#footer { - padding-top:5px; - padding-bottom: 10px; - margin-left: 1em; - font-size: 11px; -} - -#footer a { - color: white; - text-decoration: none; - text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d; -} - -#copyright_text, #footer_logo { - color: white; -} - -.color_4 { - text-transform: uppercase; - font-weight: bold; - font-size: 10px; -} - -.advanced_div { padding-top: 15px; } -#adv_global_search select { width: 13em; } -#adv_global_input_table select { width: 7em; } -.adv_adv_link { font-size: 8pt; color: red; } -#acct_prefs_header { float: left; } -.search_page_nav_link { cursor: pointer; } -#opac.result.sort { width: 160px; } -.renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; } -.failure-text { margin-left: 4em; font-style: italic; color: #ff0000; } -.refine-controls { font-size: 125%; padding: 0.5ex 0; } -#adv_search_refine input[type=text] { border: 1px inset #ccc !important; } -#adv_search_refine select { border: 1px inset #ccc !important; } -#adv_search_refine { - padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0; -} -.row-remover { position: relative; top: 1px; vertical-align: middle; } -.subtle-button { - background-color: #ffffff; - color: #00593d; text-decoration: none; - font-size: 12px; - padding: 0; border: 0; margin: 0; - vertical-align: middle; -} -.subtle-button:hover { text-decoration: underline; cursor: pointer; } -.no-dec:hover { text-decoration: none; } -.pending-addr td { background-color: #ffcccc !important; border: 0 !important; } - -#account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; } -#account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;} -#account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;} -a.dash-link:hover { text-decoration: underline !important; } -#list_create_table td { vertical-align: middle; padding: 0 8px; } -#list_create_table { - background-color: #ccc; - padding-bottom: 4px; - margin-bottom: 10px; - border-bottom: 1px dotted #666; -} -.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; } -#hold_editor_table { background-color: #ddd; padding: 0.5em; } -#hold_editor_table th { text-align: right; padding-right: 1em; } -#hold_editor_table td { padding: 0.25em 0; } -.fmt-note { vertical-align: middle; padding-left: 1em !important; } -.hold-editor-controls { text-align: center; padding-top: 1em !important; } -.hold-editor-controls a { padding-left: 2em; } - -.text-right { text-align: right; } -.text-right-top { text-align: right; vertical-align: top; } -.rdetail-author-div { padding-bottom: 10px; } - -.invisible { visibility: hidden; } -.rdetail-extras-summary { margin: 10px; } -.staff-hold { background-color: #eee; } -.expert-search tbody tr th { text-align: right; padding-left: 2em; } -.bookshelf thead tr td { - border-bottom: 1px dashed #999; - padding-bottom: 1ex; -} -.cn_browse_item { padding: 2ex; } - -.results-paginator-selected { color: red; } -.inactive-hold { background: #e5e5e5; } - -#hold-items-list td { padding: 5px; margin-bottom: 20px; } -.hold-items-list-title { font-size: 120%; } -.hold-items-list-problem { color: red; } - -.big-strong {font-weight: bold; font-size: 120%; } - -.results_header_btns, .results_header_sel { - float:left; - margin-right: 6px; - height: 26px; -} - -.opac-button, .results_header_btns, #simple-detail-view-links { - color: #FBF9F9; - font-weight: bold; - text-decoration: none; - text-shadow: 1px 1px 1px #555555; - cursor: pointer !important; - -moz-border-radius: 5px; - border-radius: 5px; - border: 1px solid #007a54; - background: linear-gradient(#007a54, #00593d); - background: -moz-linear-gradient(#007a54, #00593d); - background: -o-linear-gradient(#007a54, #00593d); - background: -webkit-linear-gradient(#007a54, #00593d); - background-color: #00593d; -} - -.opac-button-header { - background: #69A088; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.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: #00593d; - text-decoration: none; -} - -a.opac-button { - margin: 10px; - padding: 5px 10px 5px 10px; -} - -#dash_wrapper .opac-button { - position: relative; - top: 10px; -} - -#myopac_checked_div { - padding: 0px; -} - -.rdetail-mfhd-head { - margin-top: 5px; - padding-top: 5px; - background-color: #D8D8D8; -} - -.rdetail-mfhd-type { - padding-left: 1em; -} - -.rdetail-mfhd-bottom { - border-bottom: thin solid black; - width: 100%; -} - -#rdetail_record_details { - clear: both; - margin-top: 1em; -} - -.rdetail_subject_type { - vertical-align: top; - font-weight: bold; -} - -.bookbag-item-row td { vertical-align: top; } - -.error { color: red; font-weight: bold; } -.success { color: green; font-weight: bold; } - -.rdetail_related_subjects { - margin-top: 1.5em; -} - -.rdetail_related_series { - margin-top: 1.5em; -} - -#rdetail_openurl { - margin-top: 1em; -} - -.rdetail_openurl_entry { - 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; padding-right: 1em; } -#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; } -.oils_AS { font-weight: bold; color: #c00; } -.oils_AS_match_term { text-align: left; color: #000; } -.oils_AS_match_field { - font-size: 75%; padding: 0.65em 0; - text-align: right; color: #666; -} -table.result_holdings_table { - margin-top: 1em; - margin-bottom: 1em; -} -table.result_holdings_table thead tr { - background: #D8D8D8; -} -table.result_holdings_table thead tr th { - font-weight: bold; -} -span.preflib { - margin: 0 2em 0 2em; -} -a.preflib_change { - vertical-align: super; - font-size: smaller; - line-height: normal; - text-decoration: none; -} -.rdetail-holding-group { margin-left: 1.5em; } -.rdetail-holding-group span { margin-left: 1.5em; } -.rdetail-holding-group .paging { margin-left: 1.5em; } -#rdetail_deleted_exp { - font-weight: bold; - padding: 1em; - margin: 1em; - border: thick solid red; -}