From 6f2b897166cb45730c4772647df53ac0d177a072 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 | 216 +++++++++++++++------ .../src/templates/opac/parts/bookbag_actions.tt2 | 2 +- Open-ILS/src/templates/opac/parts/css/colors.tt2 | 27 +-- Open-ILS/src/templates/opac/parts/footer.tt2 | 13 +- .../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 | 17 +- .../src/templates/opac/parts/record/navigation.tt2 | 6 +- .../src/templates/opac/parts/record/series.tt2 | 4 +- .../src/templates/opac/parts/record/subjects.tt2 | 4 +- .../src/templates/opac/parts/record/summary.tt2 | 42 ++-- .../src/templates/opac/parts/result/facets.tt2 | 7 +- Open-ILS/src/templates/opac/parts/result/table.tt2 | 8 +- 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, 258 insertions(+), 147 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 002644f140..cfbfa25ebe 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 %]; } @@ -186,11 +191,13 @@ for now until a better color is picked - if needed. } #header-wrap { - background-color: [% css_colors.primary_fade %]; + 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 %]; @@ -213,6 +220,7 @@ for now until a better color is picked - if needed. font-size: [% css_fonts.size_small %]; font-weight: bold; position: relative; + padding-top: 12px; } #header-links a { @@ -429,19 +437,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 { @@ -480,10 +488,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 { @@ -846,7 +853,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 { @@ -986,6 +993,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; } @@ -1005,6 +1017,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 { @@ -1115,6 +1128,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; } @@ -1216,7 +1233,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; } @@ -1252,6 +1269,7 @@ div.result_table_utils_cont { text-transform: none; position:relative; top:-1px; + color: [% css_colors.primary %]; } .acct_sum_table .view_link { @@ -1309,6 +1327,10 @@ div.result_table_utils_cont { border-collapse: collapse; } +#acct_holds_main_header a { + color: [% css_colors.link %]; +} + .acct_fines_header { width: 100%; @@ -1394,6 +1416,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_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; @@ -1417,16 +1440,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 { @@ -1442,9 +1474,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; } @@ -1710,7 +1747,7 @@ div#facet_sidebar { .facet_template .count { text-align: right; - color: [% css_colors.accent_mediumdark %]; + color: [% css_colors.text%]; } .facet_template_selected { @@ -1720,10 +1757,10 @@ div#facet_sidebar { #footer-wrap { background-color: [% css_colors.primary %]; - 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-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 %]); } #footer { @@ -1733,7 +1770,7 @@ div#facet_sidebar { margin-left: 1em; [% END -%] padding-top:5px; - padding-bottom: 10px; + padding-bottom: 50px; font-size: [% css_fonts.size_small %]; } @@ -1885,6 +1922,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; } @@ -1971,19 +2011,25 @@ 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; cursor: pointer !important; border-radius: 5px; - border: 1px solid [% css_colors.primary %]; - background-color: [% css_colors.primary_fade %]; + border: 1px solid [% css_colors.accent_darker %]; + background-color: [% css_colors.primary %]; margin: 0.5em; padding: 0.3em; 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.primary %]; @@ -2116,6 +2162,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' -%] @@ -2380,6 +2431,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 %]; @@ -2531,6 +2583,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 %]; } @@ -2774,6 +2831,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; } @@ -3109,7 +3173,7 @@ a.preflib_change { } .adv_search_catalog_lbl { margin-top: 0; - white-space: nowrap; + white-space: nowrap; } .browse_the_catalog_lbl { white-space: nowrap; @@ -3421,7 +3485,7 @@ label[for*=expert_] .oils_SH { font-weight: bolder; - background-color: #99ff99; + background-color: [% css_colors.search_highlight %]; } .oils_SH.identifier { @@ -3434,20 +3498,25 @@ label[for*=expert_] */ .carousel { - width: 40%; - 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 %]; @@ -3467,39 +3536,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)); %]