From 2060fd012eb17f52ea33c540e004d9e1957dfc61 Mon Sep 17 00:00:00 2001 From: Terran McCanna Date: Thu, 12 Dec 2019 17:32:45 -0500 Subject: [PATCH] PINES logo and color scheme changes For January 2020 upgrade Signed-off-by: Terran McCanna --- Open-ILS/src/templates/opac/css/style.css.tt2 | 218 +++++++++++++++------ .../src/templates/opac/parts/bookbag_actions.tt2 | 2 +- Open-ILS/src/templates/opac/parts/css/colors.tt2 | 24 +-- Open-ILS/src/templates/opac/parts/footer.tt2 | 11 +- .../src/templates/opac/parts/library_name_link.tt2 | 7 +- .../src/templates/opac/parts/locale_picker.tt2 | 2 +- Open-ILS/src/templates/opac/parts/place_hold.tt2 | 4 +- .../src/templates/opac/parts/place_hold_result.tt2 | 7 +- .../src/templates/opac/parts/record/copy_table.tt2 | 8 +- .../src/templates/opac/parts/record/navigation.tt2 | 6 +- .../src/templates/opac/parts/record/series.tt2 | 5 +- .../src/templates/opac/parts/record/subjects.tt2 | 4 +- .../src/templates/opac/parts/record/summary.tt2 | 40 ++-- .../src/templates/opac/parts/result/facets.tt2 | 7 +- Open-ILS/src/templates/opac/parts/result/table.tt2 | 6 +- Open-ILS/src/templates/opac/parts/searchbar.tt2 | 2 +- .../templates/opac/parts/sms_number_textbox.tt2 | 7 +- Open-ILS/src/templates/opac/parts/topnav_links.tt2 | 30 +-- Open-ILS/web/favicon.ico | Bin 1905 -> 1150 bytes Open-ILS/web/images/pines-dot.png | Bin 0 -> 1306 bytes Open-ILS/web/opac/images/small_logo.png | Bin 5376 -> 8012 bytes 21 files changed, 249 insertions(+), 141 deletions(-) create mode 100644 Open-ILS/web/images/pines-dot.png diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2 index c17da05a39..59577f690e 100644 --- a/Open-ILS/src/templates/opac/css/style.css.tt2 +++ b/Open-ILS/src/templates/opac/css/style.css.tt2 @@ -33,7 +33,12 @@ img { width: 50%; } -a { +#surveylink { + padding:1em; + color:red; +} + +a, .opac_links { color: [% css_colors.link %]; } @@ -190,11 +195,13 @@ for now until a better color is picked - if needed. } #header-wrap { - background-color: [% css_colors.header %]; + background-color: [% css_colors.background %]; + /* background-image: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); background-image: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); background-image: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); background-image: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); + */ } #header { color: [% css_colors.background %]; @@ -217,8 +224,7 @@ for now until a better color is picked - if needed. font-size: [% css_fonts.size_small %]; font-weight: bold; position: relative; - top:4px; - + padding-top: 12px; } #header-links a { @@ -435,19 +441,19 @@ for now until a better color is picked - if needed. } #adv_search.on, #num_search.on, #expert_search.on { - color: [% css_colors.accent_darker %]; + color: [% css_colors.primary %]; background-color: [% 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 %]; + color: [% css_colors.primary %]; background-color: [% css_colors.background %]; text-decoration: none; } .acct-tab-off { - background-color: [% css_colors.control %]; + background-color: [% css_colors.primary_fade %]; } #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a { @@ -486,10 +492,9 @@ for now until a better color is picked - if needed. 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_results a, .rdetail_result_nav a { + text-decoration: none; + color: [% css_colors.link %]; } .rdetail_result_count { @@ -852,7 +857,7 @@ div.format_icon { background-image: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); background-image: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); background-image: linear-gradient(to bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%); - color: [% css_colors.accent_darker %]; + color: [% css_colors.primary %]; } #main-content .login_boxes h1 { @@ -992,6 +997,11 @@ collapse correctly when the window width decreases */ .table_no_border_space { border-spacing: 0px; } + +.table_no_border_space a { + color: [% css_colors.link %]; +} + .table_no_cell_pad td { padding: 0px; } @@ -1011,6 +1021,7 @@ 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; + padding:5px; } .result_metadata { @@ -1121,6 +1132,10 @@ div.result_table_utils_cont { margin-bottom: 10px; } +#myopac_summary_tbody a { + color: [% css_colors.link %] +} + #acct_sum_checked_table td { padding-bottom:5px; } @@ -1222,7 +1237,7 @@ div.result_table_utils_cont { height:22px; font-size: [% css_fonts.size_bigger %]; font-weight:bold; - color:[% css_colors.primary_fade %]; + color:[% css_colors.primary %]; border-bottom: 1px dotted [% css_colors.accent_light %]; clear: both; } @@ -1258,6 +1273,7 @@ div.result_table_utils_cont { text-transform: none; position:relative; top:-1px; + color: [% css_colors.primary %]; } .acct_sum_table .view_link { @@ -1315,6 +1331,10 @@ div.result_table_utils_cont { border-collapse: collapse; } +#acct_holds_main_header a { + color: [% css_colors.link %]; +} + .acct_fines_header { width: 100%; @@ -1400,7 +1420,7 @@ div.result_table_utils_cont { } .hold_note_title { font-weight: bold; } -#acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_groups_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td, #acct_reservations_main_header td { +#acct_checked_main_header td, #acct_holds_main_header td, #acct_fines_main_header td, #acct_fines_confirm_header td, #acct_fees_main_header td,#acct_checked_hist_header td, #acct_holds_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td, #acct_messages_main_header td, #ebook_circs_main_table td, #ebook_holds_main_table td, #acct_reservations_main_header td { background-color: [% css_colors.background %]; padding: 10px; border: 1px solid #d3d3d3; @@ -1423,16 +1443,25 @@ div.result_table_utils_cont { .search_catalog_lbl { font-size: [% css_fonts.size_bigger %]; } + +.search_catalog_lbl a { + color: [% css_colors.primary %]; +} + .adv_search_catalog_lbl { font-size: [% css_fonts.size_bigger %]; } +.adv_search_catalog_lbl a { + color: [% css_colors.primary %]; +} + .browse_the_catalog_lbl { font-size: [% css_fonts.size_bigger %]; } -.search_courses_label { - font-size: [% css_fonts.size_bigger %]; +.browse_the_catalog_lbl a { + color: [% css_colors.primary %]; } .lbl1 { @@ -1448,9 +1477,14 @@ div.result_table_utils_cont { max-width:300px; } -#myopac_tabs, #adv_search_parent, #fines_payments_wrapper { +#vendor_tabs { background-color: [% css_colors.primary_fade %]; padding-top:5px; +} + +#myopac_tabs, #adv_search_parent, #fines_payments_wrapper { + background-color: #000; + padding-top:5px; margin-bottom:20px; } @@ -1716,7 +1750,7 @@ div#facet_sidebar { .facet_template .count { text-align: right; - color: [% css_colors.accent_mediumdark %]; + color: [% css_colors.text%]; } .facet_template_selected { @@ -1725,11 +1759,12 @@ div#facet_sidebar { } #footer-wrap { - background-color: [% css_colors.footer %]; - background-image: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); - background-image: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); - background-image: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); - background-image: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]); + background-color: [% css_colors.primary %]; + background-image: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); + background-image: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); + background-image: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); + background-image: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]); +>>>>>>> 6f2b897166... PINES logo and color scheme changes } #footer { @@ -1739,7 +1774,7 @@ div#facet_sidebar { margin-left: 1em; [% END -%] padding-top:5px; - padding-bottom: 10px; + padding-bottom: 50px; font-size: [% css_fonts.size_small %]; } @@ -1891,6 +1926,9 @@ a.dash-link:hover { text-decoration: underline !important; } padding-bottom: 10px; display: inline-block; } +.rdetail-author-div a { + color: [% css_colors.link %]; +} .invisible { visibility: hidden; } .rdetail-extras-summary { margin: 10px; } @@ -1977,7 +2015,8 @@ a.dash-link:hover { text-decoration: underline !important; } */ .opac-multiline-button > a, -.opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a { +.opac-button, .results_header_btns a, #simple-detail-view-links a, .dash_account_buttons a, + #actDateToggle, #advanced_hold_link, #basic_hold_link, .hold_links { color: [% css_colors.button_text %]; font-weight: bold; text-decoration: none; @@ -1990,6 +2029,11 @@ a.dash-link:hover { text-decoration: underline !important; } display: inline-block; } +#actDateToggle { + padding: 3px !important; + font-size: .8em !important; +} + .opac-multiline-button > a:hover, .opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover, #dash_wrapper a.opac-button:hover { background-color: [% css_colors.opac_button_hover %]; @@ -2124,6 +2168,11 @@ a.opac-button-header:hover, #dash_wrapper a.opac-button:hover { width:50%; } h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; } + +h2.bookbag-name a { + color: [% css_colors.link %] +} + .bookbag-share .fixed { min-width: 4em; } .bookbag-specific { [% IF rtl == 't' -%] @@ -2388,6 +2437,7 @@ table.bookbag-specific { table.result_holdings_table { margin-top: 1em; margin-bottom: 1em; + width:500px; } table.result_holdings_table thead tr { background-color: [% css_colors.table_heading %]; @@ -2539,6 +2589,11 @@ a.preflib_change { vertical-align: middle; } +#locale_picker { + color: [% css_colors.text %]; + border: 1px solid [% css_colors.border_dark %]; +} + #patron_usr_barcode_not_found { font-weight: bold; color: [% css_colors.text_alert %]; } @@ -2768,6 +2823,13 @@ a.preflib_change { #gold-links-holder { display: none; } + #footer-menu-wrapper { + display: none; + font-weight:bold; + } + #footer-menu-slim { + display: block; + } #simple-detail-view-links { display: none; } @@ -3103,7 +3165,7 @@ a.preflib_change { } .adv_search_catalog_lbl { margin-top: 0; - white-space: nowrap; + white-space: nowrap; } .browse_the_catalog_lbl { white-space: nowrap; @@ -3419,7 +3481,7 @@ label[for*=expert_] .oils_SH { font-weight: bolder; - background-color: #99ff99; + background-color: [% css_colors.search_highlight %]; } .oils_SH.identifier { @@ -3432,20 +3494,25 @@ label[for*=expert_] */ .carousel { - width: 80%; - margin: 0 auto; + width: 50%; + margin-left:430px; } .carousel-title { font-size: 150%; font-weight: bold; text-align: center; + padding-bottom: 5px; } .carousel-entry { - max-width: 150px; + max-width: 130px; } .carousel-entry-image { - width: 100%; - height: auto; + width: auto; + height: 160px; + border: 1px solid #999; +} +.carousel-entry-title a { + color: [% css_colors.link %]; } .carousel .glide__arrow { color: [% css_colors.button_text %]; @@ -3465,39 +3532,62 @@ label[for*=expert_] .carousel .glide__arrow--left { left: -5em; } -.archived_course { - color: [% css_colors.text_badnews %]; - font-weight: bold; +#carousel_selector { + width:300px; } -.course_details { - padding-top: 1em; +.pines_carousel_selector { + float:left; + text-align:center; + height:250px; + width:350px; + margin-left:0px; + margin-right:40px; } -.course_details_div { - padding-bottom: 1em; +.pines_carousel_selector_image { + height:150px; +} +.pines_carousel_selector_text { + font-size:125%; + font-weight:bold; + color: #00593d; } -/* - Fake tables for form-rows -*/ - -div.egtable { display:table; } -form.egtr, div.egtr { display:table-row; } -span.egth { display:table-cell; font-weight: bold; } -span.egtd { display:table-cell; } - -/* Example: - -
-
- - -
-
- (cell data) - (cell data) -
- ... -
- -*/ - +@media only screen and (max-width: 1200px) { + .carousel { + margin-left:430px; + width:40%; + } + .carousel-entry-image { + width: auto; + height: 90px; + border: 1px solid #999; + } +} +@media only screen and (max-width: 1000px) { + .carousel { + margin:auto; + width:80%; + } + .carousel-entry-image { + width: auto; + height: 100px; + border: 1px solid #999; + } + .pines_carousel_selector { + float:none; + text-align:center; + height:80px; + width:100%; + margin:auto; + margin-top: -50px; + margin-bottom: 40px; + } + .pines_carousel_selector_image { + display:none; + } + .pines_carousel_selector_text { + font-size:125%; + font-weight:bold; + color: #00593d; + } +} diff --git a/Open-ILS/src/templates/opac/parts/bookbag_actions.tt2 b/Open-ILS/src/templates/opac/parts/bookbag_actions.tt2 index b18a4aeb90..9369105f68 100644 --- a/Open-ILS/src/templates/opac/parts/bookbag_actions.tt2 +++ b/Open-ILS/src/templates/opac/parts/bookbag_actions.tt2 @@ -37,7 +37,7 @@ }, stop_parms)); %]