From: Jim Keenan Date: Mon, 25 Jan 2016 16:45:29 +0000 (-0500) Subject: C/W MARS OPAC templates X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=3e349fd0dec4a399609a3f2469c83d7f43dbd4bf;p=evergreen%2Fmasslnc.git C/W MARS OPAC templates Signed-off-by: Jim Keenan --- diff --git a/Open-ILS/src/cwopac_templates/kpac/getit.tt2 b/Open-ILS/src/cwopac_templates/kpac/getit.tt2 new file mode 100644 index 0000000000..8161f75c43 --- /dev/null +++ b/Open-ILS/src/cwopac_templates/kpac/getit.tt2 @@ -0,0 +1,136 @@ +[% + PROCESS "opac/parts/header.tt2"; + PROCESS "opac/parts/misc_util.tt2"; # MARC + WRAPPER "kpac/parts/subpage.tt2"; + attrs = {marc_xml => ctx.marc_xml}; + INCLUDE get_marc_attrs args=attrs; + ctx.page_title = attrs.title | html +%] + +
+ [% INCLUDE 'kpac/parts/record_row.tt2' rec_id=ctx.bre_id%] +
+ +
+ + + + [% END %] + [% WRAPPER 'kpac/parts/help_popups.tt2' popup_id='password_help' %] +

[% l('Enter your password') %]

+ [% END %] + +
+

[% l('get it!') %]

+

[% l('If you would like to place a hold on this item, please enter the ' _ + 'following information and click Submit below:') %]

+
+ + + +
+
 
+
+ + [% IF !ctx.user %] + [% seed = l(' Enter Numbers... ') %] +

[% l('Library Card Number without spaces:') %]

+
+ +
+ [% l('pin number help') %] + +
 
+
 
+ +

[% l('Password') %]

+
+ +
+ + [% l('password help') %] + +
 
+
 
+ [% END %] + +

[% l('Choose a Pickup Library:') %]

+
+ [% def_lib = ctx.default_pickup_lib || ctx.physical_loc; + PROCESS "opac/parts/org_selector.tt2"; + INCLUDE build_org_selector name='pickup_lib' + value=def_lib id='pickup_lib' + can_have_vols_only=1 hold_pickup_lib=1 %] +
+
+
+
+ + +
+ + + + + + +
+
+ + [% WRAPPER 'kpac/parts/help_popups.tt2' popup_id='card_help' %] + [% l('library card') %]
+
+
+

[% l('save it!') %]

+

[% l('If you would like to save this item to a list to be requested later, click Submit below.') %]

+ [% IF ctx.user AND ctx.bookbags AND ctx.bookbags.size > 0 %] +
+

+ [% l('You may also save this item to a list you have already created by selecting one of your lists below.') %] +

+ [% END %] +
+
+ + [% IF ctx.user AND ctx.bookbags AND ctx.bookbags.size > 0 %] +
+
 
+
+

[% l('Add to one of your lists?') %]

+ +
+
+ [% END %] +
+ +
+
+ +
+
+ +
+ + + [% # in the absence of a sane referer, return to the detail page + url = ctx.kpac_root _ (ctx.referer.match('results') ? '/results' : '/record/' _ ctx.bre_id) %] + + + +
 
+
+ +[% END %] diff --git a/Open-ILS/src/cwopac_templates/kpac/parts/footer.tt2 b/Open-ILS/src/cwopac_templates/kpac/parts/footer.tt2 new file mode 100644 index 0000000000..8770024694 --- /dev/null +++ b/Open-ILS/src/cwopac_templates/kpac/parts/footer.tt2 @@ -0,0 +1,11 @@ +
+V Contact Us + + [% l('Back to Main Catalog') %] +
 
+
+ diff --git a/Open-ILS/src/cwopac_templates/kpac/parts/header.tt2 b/Open-ILS/src/cwopac_templates/kpac/parts/header.tt2 new file mode 100644 index 0000000000..bb53978671 --- /dev/null +++ b/Open-ILS/src/cwopac_templates/kpac/parts/header.tt2 @@ -0,0 +1,38 @@ +
+
+ +   + [% l('CWMARS main catalog') %] +   + +
+ +
+Main Catalog + + +
+
+ + [% IF ctx.user %] + [% redir = CGI.url('-base' => 1) _ ctx.kpac_root _ '/home' %] + [% + l('Logout ([_1] [_2])', ctx.user.first_given_name, ctx.user.family_name) %] + [% ELSE %] + [% l('Login') %] + [% END %] + +
+
 
+
+ diff --git a/Open-ILS/src/cwopac_templates/opac/advanced.tt2 b/Open-ILS/src/cwopac_templates/opac/advanced.tt2 new file mode 100644 index 0000000000..7743aa680c --- /dev/null +++ b/Open-ILS/src/cwopac_templates/opac/advanced.tt2 @@ -0,0 +1,52 @@ +[%- PROCESS "opac/parts/header.tt2"; + WRAPPER "opac/parts/base.tt2"; + INCLUDE "opac/parts/topnav.tt2"; + ctx.page_title = l("Advanced Search"); + pane = CGI.param("pane") || "advanced"; + loc = ctx.search_ou; + + ctx.metalinks.push(''); +-%] +[%# The only two customizations in this file are to hide the Search the Catalog words + and add Go to to appear in front of Basic Search. The first was changed to clean up + the display. The second was member-suggested for clarity for patrons. - jfk +%] +

[% l('Advanced Search') %]

+ +
+
+
+ [% IF pane == 'advanced' %] + [% INCLUDE "opac/parts/advanced/search.tt2" %] + [% ELSIF pane == 'numeric' %] + [% INCLUDE "opac/parts/advanced/numeric.tt2" %] + [% ELSIF pane == 'expert' %] + [% INCLUDE "opac/parts/advanced/expert.tt2" %] + [% END %] +
+
+
+
+[% END %] diff --git a/Open-ILS/src/cwopac_templates/opac/browse.tt2 b/Open-ILS/src/cwopac_templates/opac/browse.tt2 new file mode 100644 index 0000000000..a770c19c9b --- /dev/null +++ b/Open-ILS/src/cwopac_templates/opac/browse.tt2 @@ -0,0 +1,231 @@ +[%# The only customization in this file is to increase the blimit + in the section below to 25 from its default of 10. This is to + give browsers the feeling they are actually browsing rather + than looking at a little list. +%] + +[%- # This is the bib and authority combined record browser. + + PROCESS "opac/parts/header.tt2"; + PROCESS "opac/parts/misc_util.tt2"; + PROCESS "opac/parts/org_selector.tt2"; + WRAPPER "opac/parts/base.tt2"; + INCLUDE "opac/parts/topnav.tt2"; + + ctx.page_title = l("Browse the Catalog"); + blimit = CGI.param('blimit') || ctx.opac_hits_per_page || 25; + + depart_list = ['blimit', 'bterm', 'bpivot']; + ctx.metalinks.push(''); +%] + +

[% l('Catalog Browse') %]

+
+ [%# XXX TODO Give searchbar.tt2 more smarts so we can just do: + # INCLUDE "opac/parts/searchbar.tt2" %] + +
+
+
+
+ + + [% BLOCK browse_pager %] +
+ [% IF ctx.back_pivot %] + ← [%l ('Back') %] + [% END %] + [% IF ctx.pager_shortcuts; + current_qtype = CGI.param('qtype') || 'title' %] + + [% FOR shortcut IN ctx.pager_shortcuts %] + [% shortcut.1 %] + [% END %] + + [% END %] + + [% IF ctx.forward_pivot %] + [%l ('Next') %] → + [% END %] + + +
+ [% END %] + + [% PROCESS browse_pager id=0 %] + +
+ [% IF ctx.browse_error %] + + [% l("An error occurred browsing records. " _ + "Please try again in a moment or report the issue " _ + "to library staff.") %] + + [% ELSE %] + [% IF ctx.browse_leading_article_warning %] +
+ [% l("Your browse term seems to begin with an article (a, an, the). You might get better results by omitting the article.") %] + [% IF ctx.browse_leading_article_alternative %] +

+ [% alternative_link = BLOCK %] + [% ctx.browse_leading_article_alternative | html %] + [%- END; # alternative_link BLOCK + l("Did you mean [_1]?", alternative_link); + END # IF %] +

+
+ [% END %] + +
    + [% FOR result IN ctx.browse_results %] +
  • + + [% IF result.sources > 0 %] + [% result.value | html %] + ([% + IF result.accurate == 'f'; + l("At least"); " "; + END; + result.sources %]) + [% ELSE %] + [% result.value | html %] + [% END %] + + + [% auth_headings_ul_added = 0; %] + [% seenit = {}; # for headings we've rendered + FOR a IN result.sees; + PROCESS authority_notes authority=a; + + # Other than displaying public general + # notes, we can go no further sans + # control_set. + NEXT UNLESS a.control_set; + + # get_authority_fields is fast and cache-y. + acs = ctx.get_authority_fields(a.control_set); + FOR field_group IN a.headings; + field_id = field_group.keys.0; + field = acs.$field_id; + headings = field_group.values.0; + FOR h IN headings; + # We could display headings without + # links here when h.target is + # undef, if we wanted to, but note + # that h.target_count is only + # defined when h.target is. + + IF h.target AND h.target_count AND result.list_authorities.grep('^' _ h.target _ '$').size == 0; + id = h.target; NEXT IF seenit.$id; seenit.$id = 1; + IF !auth_headings_ul_added; + # only add a
      if we have at least one
    • (WCAG 2.0) + auth_headings_ul_added = 1; %] +
        + [% END %] + +
      • [% field.name %] + [% h.heading | html %] + ([% h.target_count %]) +
        • + [% END %] + [% END %] + [% END %] + [% END %] + [% FOR a IN result.authorities; # I don't think we'll ever get here... + PROCESS authority_notes authority=a IF !sees.grep(a.id); + + # Other than displaying public general + # notes, we can go no further sans + # control_set. + NEXT UNLESS a.control_set; + + # get_authority_fields is fast and cache-y. + acs = ctx.get_authority_fields(a.control_set); + FOR field_group IN a.headings; + field_id = field_group.keys.0; + field = acs.$field_id; + headings = field_group.values.0; + FOR h IN headings; + # We could display headings without + # links here when h.target is + # undef, if we wanted to, but note + # that h.target_count is only + # defined when h.target is. + + IF h.target AND h.target_count AND result.list_sees.grep('^' _ h.target _ '$').size == 0 AND !h.main_entry; + id = h.target; NEXT IF seenit.$id; seenit.$id = 1; + IF !auth_headings_ul_added; + # only add a
          if we have at least one
        • (WCAG 2.0) + auth_headings_ul_added = 1; %] +
            + [% END %] +
          • [% field.name %] + [% h.heading | html %] + ([% h.target_count %]) +
            • + [% END %] + [% END %] + [% END %] + [% END %] + [% IF auth_headings_ul_added %]
          [% END %] +
          • + [% END %] +
        + [% END %] +
+ + [% PROCESS browse_pager id=1 %] +
+ +
+
+
+ + [% BLOCK authority_notes; + # Displays public general notes (sometimes called "scope notes" ?) + FOR note IN authority.notes %] +
+ + [% l("Note:") %] + + + [% FOR piece IN note; piece | html; END %] + +
+ [% END; + END; # end of BLOCK authority_notes %] + +[% END %] diff --git a/Open-ILS/src/cwopac_templates/opac/css/style.css.tt2 b/Open-ILS/src/cwopac_templates/opac/css/style.css.tt2 new file mode 100644 index 0000000000..c0c73a86af --- /dev/null +++ b/Open-ILS/src/cwopac_templates/opac/css/style.css.tt2 @@ -0,0 +1,2159 @@ +[%- + PROCESS "opac/parts/css/colors.tt2"; + PROCESS "opac/parts/css/fonts.tt2"; +%] + +.suppress { + display:none; +} + +body { + margin:0; + font-family: Arial, Helvetica, sans-serif; + font-size: [% css_fonts.size_base %]; + background: [% css_colors.primary %]; +} + +button, input { + font-family: Arial, Helvetica, sans-serif; + font-size: [% css_fonts.size_base %]; +} + +img { + border: none; +} + +#topnav_logo { + margin: 2em 0; +} + +#homesearch_main_logo { + padding-top: 60px; + margin: auto; + width: 50%; +} + +a { + color: [% css_colors.primary %]; +} + +#search-wrapper input[type=text] { + margin:0; + padding:0; +} + +#search-wrapper select, .results_header_lbl select { + border:1px solid [% css_colors.border_standard %]; + margin:0; + padding:0; + width: 12em; +} + +.searchbar { + font-weight: bold; + padding-top: 10px; + margin-left: 1em; +} + +/* +#search-wrapper select { + border:0px solid [% css_colors.border_dark %]; + filter:alpha(opacity=0); + -moz-opacity:0; + -khtml-opacity:0; + opacity:0; + padding:0; + margin:0; + height:18px; +} +*/ +h1 { + margin:0; + margin-bottom: 5px; + font-size: [% css_fonts.size_biggest %]; + font-weight:normal; +} + +h2 { + font-size: [% css_fonts.size_bigger %]; + font-weight:bold; +} + +h2.graphic880 { + font-size: [% css_fonts.size_bigger %]; + font-weight:normal; +} + +.hide_me, .hidden { + display: none; + visibility: hidden; +} + +div.select-box-wrapper { + position:absolute; + padding-top:2px; + padding-left:3px; + overflow:hidden; + text-align:left; +} + +#dash_wrapper { + margin-left: 0.5em; +} + +#dash_wrapper div { + background: [% css_colors.primary %]; + border-radius: 5px; + padding: 0em 1em; +} + +.dash_divider { + margin: 1em; + color: [% css_colors.primary_fade %]; + display:inline-block; +} + +#dashboard { + margin-top: 1em; + height: 3em; +} + +#dashboard span.dash-align a { + font-weight: bold; + text-decoration: none; +} + +#dash_user { + font-weight: bold; +} + +#logout_link { left: 1px; } + +#dash_checked { color: [% css_colors.text_attention %]; } +#dash_holds { color: [% css_colors.text_attention %]; } +#dash_pickup { color: [% css_colors.text_goodnews %]; } + +/* +#dash_fines { color: [% css_colors.text_badnews %]; } +the color contrast between "text_badnews" and "primary" +is too low for WCAG compliance. Use "text_attention" +for now until a better color is picked - if needed. +*/ +#dash_fines { color: [% css_colors.text_attention %]; } + +#dash_wrapper #dash_user_message_button_container { + display: inline; + padding: 0; +} +#dash_wrapper #unread_message_count_floater { + position: absolute; + background-color: [% css_colors.text_alert %]; + padding-left: 0.2em; + padding-right: 0.2em; + display: inline-block; + font-size: 95%; + border-radius: 0; + z-index: 2; + margin-top: 0.2em; + margin-left: -1.5em; +} + +#header-wrap { + background:#fff; +/* background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); */ +/* background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); */ +/* background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); */ +/* background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); */ +/* background-color: [% css_colors.primary_fade %]; */ +} +#header { + color:#fff; +/* color: [% css_colors.background %]; */ + margin-left: 1em; + margin-right: 1em; + font-size: [% css_fonts.size_small %]; +} + +#header a { + color: [% css_colors.background %]; +} + +#header a:hover { + color: [% css_colors.text_invert %]; + text-decoration: none; +} + +#header-links { + color: [% css_colors.text_invert %]; + font-size: [% css_fonts.size_small %]; + font-weight: bold; + position: relative; + top:4px; + +} + +#header-links a { + color: [% css_colors.text_invert %]; + display: block; + float:left; + margin-right:22px; + text-decoration: none; +} + +#header-links a:hover { + color: [% css_colors.text_invert %]; + text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %]; + text-decoration: none; +} + +#header #header-links2 { + position:relative; + top:-8px; + color: [% css_colors.text_invert %]; + padding-bottom: 15px; +} + +#header #header-links2 a { + color: [% css_colors.text_invert %]; +} + +#header #header-links2 a:hover { + text-decoration: underline; +} + +#your-acct-login { + padding-top:2em; +} + +#gold-links { + margin-left: 1em; + padding-left:0px; +} + +#gold-links-home { + margin:auto; + padding-left:0px; +} + +#gold-links-holder { + height: 24px; + background: [% css_colors.background_invert %]; +} + +#util-bar { + margin-left: 1em; + padding-left:0px; + height:0px; +} + +#search-wrapper { + border-bottom: 1px solid [% css_colors.border_standard %]; + padding-bottom: 5px; + background: [% css_colors.background %]; +} + +#search-wrapper #breadcrumb { + margin-top:0px; + font-size: [% css_fonts.size_smaller %]; + float:left; +} + +#search-wrapper #search-within { + margin-top:10px; + float:right; + position:relative; + left:-173px; +} + +#search-wrapper #breadcrumb a { + color: [% css_colors.text %]; +} + +#search-wrapper #search_frm label { + font-size: [% css_fonts.size_smaller %]; +} + +#search-wrapper #search-box { + margin-left: 1em; + padding-left: 0px; + padding-top: 10px; + padding-bottom: 10px; +} + +#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{ + margin-left: 2px; + overflow: auto; +} + +#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 0px 0px; + padding: 10px 0px 10px 0px; + -moz-border-radius: 10px 10px 0px 0px; + border-radius: 10px 10px 0px 0px; + font-weight: bold; + color: [% css_colors.text_invert %]; + background: [% css_colors.control %]; + 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: [% css_colors.primary %]; + color: [% css_colors.text_invert %]; + text-decoration: none; +} + +#adv_search_filters { + position: relative; +} +#adv_search_rows { + border-bottom: none; +} +.adv_filter_block { + padding: 15px; + float: left; + clear: both; +} +.adv_filter_block_item { + float: left; + padding: 5px; +} + +#adv_special_block { + float: left; + padding: 5px; + margin-top: 5px; +} + +#adv_search_submit { + position: relative; + margin-left: 10px; + +} + +.checkbox_col { + width: 1%; + padding-left: 10px !important; +} + +#adv_search.on, #num_search.on, #expert_search.on { + color: [% css_colors.accent_darker %]; + background: [% css_colors.background %]; + text-decoration: none; +} + +#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on { + color: [% css_colors.accent_darker %]; + background: [% css_colors.background %]; + text-decoration: none; +} + +.acct-tab-off { + background: [% css_colors.control %]; +} + +#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a { + margin-top: 0px; + font-size: [% css_fonts.size_smaller %]; + color: [% css_colors.accent_darker %]; + padding: 10px 10px 10px 10px; +} + +#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a { + background: [% css_colors.accent_lightest %]; + color: [% css_colors.accent_darker %]; +} + +#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs { + padding-bottom: 12px; + color: [% css_colors.accent_medium %]; +} + +#acct_select, #acct_prefs_select { + display: none; +} + +#mobile_acct_search_links { + background: [% css_colors.primary_fade %]; +} + +.rdetail_header { + padding: 5px 7px 6px 0px; + margin-left: 1em; + border-bottom: 1px dotted [% css_colors.accent_light %]; +} + +.rdetail_results a { + color:[% css_colors.primary_fade %]; + font-weight:bold; + font-size: [% css_fonts.size_bigger %]; +} + +.rdetail_result_count { + color: [% css_colors.text %]; + 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: [% css_colors.accent_lighter2 %]; +} +div.rdetail_uris ul li { + position: relative; + left: 1em; +} + +div.rdetail_show_copies { + margin-top: 1em; +} + +div#rdetail_actions_div { + float: right; + background: [% css_colors.background %]; +} + +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; +} +span#rdetail_hold_counts p { + padding-left: 2em; +} + +#rdetail_image_div { + float: left; + margin-right: 1em; +} + +.rdetail_aux_utils { + border-left:1px dotted [% css_colors.accent_light %]; + padding-left: 17px; + padding-bottom: 6px; + padding-right: 70px; +} + +div.place_hold { + border-bottom: 1px dotted [% css_colors.accent_light %]; + padding-top: 10px; +} + +div.toggle_list { padding-top: 6px; } + +div.share_record { + padding-top: 6px; + border-top: 1px dotted [% css_colors.accent_light %]; +} + +div.format_icon { + float: right; + margin-right: 17px; +} + +.result_util { + border-bottom: 1px dotted [% css_colors.accent_light %]; + padding-top: 6px; +} + +.results_aux_utils { + display: table-cell; +} + +.result_util { + padding-left: 1em; +} + +.results_reviews { + top: -5px; +} + +#rdetail_copies { + padding-top: 1.5em; +} + +#rdetails_status td { + padding: 7px 0px 3px 13px; + white-space: nowrap; +} + +#rdetails_status td[headers=copy_header_library], +#rdetails_status td[headers=copy_header_shelfloc] { + white-space: normal; +} + +#rdetails_status thead th { + background-color: [% css_colors.accent_lighter2 %]; + padding: 13px 0px 13px 13px; + font-size: [% css_fonts.size_smaller %]; + font-weight: bold; + text-align: left; +} + +#rdetails_status tbody td { + padding-left: 13px; + text-align: left; +} +#rdetails_status tbody td.copy_note { + color: [% css_colors.primary %]; + text-wrap:normal; + white-space:pre-wrap !important; + word-wrap:normal; +} + +.rdetail_extras { +/* background: [% css_colors.primary_fade %]; */ + background:#fff; +/* border: 1px solid [% css_colors.primary %]; */ + padding-top:1px; + clear:both; +} + +#rdetail_extras_div { + margin: 1em 0; +} + +/* .rdetail_extras_hr { */ +/* height: 1px; */ +/* background: [% css_colors.accent_light %]; */ +/* margin-left: 1px; */ +/* margin-right: 1px; */ +/* } */ + +.rdetail_extras_link { + padding: 6px 12px; + font-size: [% css_fonts.size_smaller %]; + font-weight: bold; +} + +.rdetail_extras_lbl { + position:relative; + top:-4px; + left:7px; + color:#00593d +/* color: [% css_colors.text_invert %]; */ +/* text-decoration: none; */ +} + +##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; +} + +.almost-content-wrapper { + background: [% css_colors.background %]; +} + +#content-wrapper { + background: [% css_colors.background %]; + min-height: 260px; + border-bottom: 1px solid [% css_colors.border_dark %]; +} + +.content-wrapper-record-page { top: -15px; position: relative; } + +#main-content-home { + padding-left: 17px; + margin-left: 1em; +} +#main-content { + padding-left: 0px; + margin: 0 1em; + clear: both; +} + +#main-content-after-bar { + margin-left: 1em; + padding-left: 4px; +} + +#results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; } + +#main-content .login_boxes { + border: 1px solid [% css_colors.accent_lighter %]; + background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); + background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); + background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); + background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); + background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); + + color: [% css_colors.accent_darker %]; +} + +#main-content .login_boxes h1 { + font-weight: normal; + font-size: [% css_fonts.size_biggest %]; + 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; + margin:0; + padding:0; + background: [% css_colors.background %]; + font-size: [% css_fonts.size_bigger %]; + color: [% css_colors.text %]; +} + +#main-content .left_brain .input_bg { + padding:10px 10px 0px 13px; + width:167px; + height:29px; +} + +.login-help-box { + float: left; + width: 200px; + text-align: center; + margin-left: 2em; +} + +.login-help-button { + font-size: [% css_fonts.size_biggest %]; + padding: 1.5em; +} + +#login-failed-message { + font-size: [% css_fonts.size_bigger %]; + font-weight: bold; + color: [% css_colors.text_alert %]; + padding-top: 1em; +} + +#holds_temp_parent td { + border-bottom:1px solid [% css_colors.border_standard %]; +} + +#holds_temp_parent input, #holds_temp_parent select { + margin:0; +} + +#holds_temp_parent tr td div { + margin-top: 10px; + margin-bottom: 10px; +} + +#holds_temp_parent tr td div.format_icon { + margin-top: 6px; + margin-bottom: 6px; + float: none; +} + +#results_header_bar { + background: [% css_colors.accent_medium %]; + border-top:1px solid [% css_colors.accent_mediumdark %]; + border-bottom:1px solid [% css_colors.accent_mediumdark %]; +} + +.results_header_lbl { + font-weight: bold; + float: left; + color: [% css_colors.text %]; + /* this border is not visible, but it keeps these labels the same size + as the buttons */ + border: 1px solid [% css_colors.accent_medium %]; + background: [% css_colors.accent_medium %]; + margin: 0.5em 0.3em; + padding: 0.3em; +} +/* we need a negative margin on the select to allow the containing