From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Thu, 12 Dec 2019 22:32:45 +0000 (-0500)
Subject: PINES logo and color scheme changes
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=b7574fa2d8fd18144d62bdd621e6ce04255feedc;p=evergreen%2Fpines.git

PINES logo and color scheme changes

For January 2020 upgrade

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
---

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index eff36cdb88..7b4ebdd56e 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -46,7 +46,7 @@ input {
     color:red;
 }
 
-a {
+a, .opac_links {
     color: [% css_colors.link %];
 }
 
@@ -199,11 +199,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 %];
@@ -226,6 +228,7 @@ for now until a better color is picked - if needed.
     font-size: [% css_fonts.size_base %];
     font-weight: bold;
     position: relative;
+    padding-top: 12px;
 }
 
 #header-links a {
@@ -454,19 +457,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 {
@@ -507,6 +510,7 @@ for now until a better color is picked - if needed.
 
 .rdetail_results a, .rdetail_result_nav a {
 	text-decoration: none;
+    color: [% css_colors.link %];
 }
 
 .rdetail_result_count {
@@ -876,7 +880,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 {
@@ -1021,6 +1025,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;
 }
@@ -1040,6 +1049,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 {
@@ -1153,6 +1163,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;
 }
@@ -1254,7 +1268,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;
 	margin-bottom:10px;
@@ -1291,6 +1305,7 @@ div.result_table_utils_cont {
     text-transform: none;
     position:relative;
     top:-1px;
+    color: [% css_colors.primary %];
 }
 
 .acct_sum_table .view_link {
@@ -1348,6 +1363,10 @@ div.result_table_utils_cont {
     border-collapse: collapse;
 }
 
+#acct_holds_main_header a {
+    color: [% css_colors.link %];
+}
+
 .acct_fines_header
 {
    width: 100%;
@@ -1422,6 +1441,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;
@@ -1451,14 +1471,27 @@ 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 %];
 }
 
+.browse_the_catalog_lbl a {
+    color: [% css_colors.primary %];
+}
+
 .lbl1 {
     font-size: [% css_fonts.size_bigger %];
     font-weight:bold;
@@ -1472,9 +1505,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;
 }
 
@@ -1740,7 +1778,7 @@ div#facet_sidebar {
 
 .facet_template .count {
     text-align: right;
-    color: [% css_colors.accent_mediumdark %];
+    color: [% css_colors.text%];
 }
 
 .facet_template_selected {
@@ -1750,10 +1788,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 {
@@ -1763,7 +1801,7 @@ div#facet_sidebar {
     margin-left: 1em;
     [% END -%]
     padding-top:5px;
-    padding-bottom: 10px;
+    padding-bottom: 50px;
     font-size: [% css_fonts.size_small %];
 }
 
@@ -1919,6 +1957,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; }
@@ -2008,19 +2049,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 %];
@@ -2156,6 +2203,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' -%]
@@ -2425,6 +2477,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 %];
@@ -2576,6 +2629,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 %];
 }
@@ -2842,6 +2900,7 @@ div.result_table_utils {
     }
 	#footer-menu-wrapper {
 	    display: none;
+        font-weight:bold;
 	}
 	#footer-menu-slim {
 	    display: block;
@@ -3185,7 +3244,7 @@ div.result_table_utils {
     }
     .adv_search_catalog_lbl { 
         margin-top: 0;
-	white-space: nowrap;
+        white-space: nowrap;
     }
     .browse_the_catalog_lbl {
         white-space: nowrap;
@@ -3498,7 +3557,7 @@ label[for*=expert_]
 
 .oils_SH {
     font-weight: bolder;
-    background-color: #99ff99;
+    background-color: [% css_colors.search_highlight %];
 }
 
 .oils_SH.identifier {
@@ -3511,20 +3570,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 %];
@@ -3544,3 +3608,62 @@ label[for*=expert_]
 .carousel .glide__arrow--left {
     left: -5em;
 }
+#carousel_selector {
+    width:300px;
+}
+.pines_carousel_selector {
+    float:left;
+    text-align:center;
+    height:250px;
+    width:350px;
+    margin-left:0px;
+    margin-right:40px;
+}
+.pines_carousel_selector_image {
+    height:150px;
+}
+.pines_carousel_selector_text {
+    font-size:125%;
+    font-weight:bold;
+    color: #00593d;
+}
+
+@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));
 %]
 <ul class="popmenu">
-    <li><a href="#" class="no-dec">
+    <li><a href="#" class="no-dec opac_links">
           <img src="[% ctx.media_prefix %]/images/clipboard.png[% ctx.cache_key %]"
               [% html_text_attr('alt', 
                 l('Add item to a list: [_1]', record_title)) %]/>
diff --git a/Open-ILS/src/templates/opac/parts/css/colors.tt2 b/Open-ILS/src/templates/opac/parts/css/colors.tt2
index 2c0c1f1acf..0385b95ce0 100644
--- a/Open-ILS/src/templates/opac/parts/css/colors.tt2
+++ b/Open-ILS/src/templates/opac/parts/css/colors.tt2
@@ -8,32 +8,33 @@
         text_alert = "red", # red
         text_attention = "#ffcc33", # pumpkin orange
         text_badnews = "#f41d36", # cherry red
-        text_goodnews = "#1dd93c", # lime green
-        text_greatnews = "green", # green
+        text_goodnews = "#8DC641", # lime green
+        text_greatnews = "#79AD37", # green
         text_invert = "#fff", # white
         text_match = "#c00", # deep red
-        primary = "#00593d", # dark green
-        primary_fade = "#007a54", # medium green
-        primary_offset = "#417860", # light_green
-        control = "#69A088", # lighter green
+        primary = "#006838", # dark green
+        primary_fade = "#79AD37", # medium green
+        primary_offset = "#8DC641", # light_green
+        control = "#8DC641", # lighter green
         accent_light = "#ccc", #  grey (light)
         accent_lighter = "#ddd", #  grey (lighter)
         accent_lighter2 = "#d8d8d8", #  grey (lighter again)
         accent_lightest = "#eee", #  grey (lightest)
         accent_ultralight = "#f0f0f0", # ivory
-        accent_medium = "#999", # gun metal grey (medium)
-        accent_mediumdark = "#888", # gun metal grey (medium dark)
-        accent_dark = "#666", # gun metal grey (dark)
-        accent_darker = "#333", # gun metal grey (darker)
+        accent_medium = "#CCCCCC", # gun metal grey (medium)
+        accent_mediumdark = "#AAAAAA", # gun metal grey (medium dark)
+        accent_dark = "#777777", # gun metal grey (dark)
+        accent_darker = "#555555", # gun metal grey (darker)
         border_standard = "#e9ebf3", # light grey-blue
         border_dark = "black", # black
         border_alert = "red", # red
         button_text = "#fbf9f9", # off-white 
-        button_text_shadow = "#555555", # medium grey
-        table_heading = "#d8d8d8", # grey-blue
+        button_text_shadow = "#5781AB", # medium grey
+        table_heading = "#AAAAAA", # grey-blue
         mobile_header_text = "#fff", # white
         item_selected = "#ddd", # grey (lighter)
-        link = "#00593d", # dark green
+        link = "#006838", # dark green
+        search_highlight = "#D2EFAD", # lighter green
     };
     
 %]
diff --git a/Open-ILS/src/templates/opac/parts/footer.tt2 b/Open-ILS/src/templates/opac/parts/footer.tt2
index 172403420b..3235605b09 100644
--- a/Open-ILS/src/templates/opac/parts/footer.tt2
+++ b/Open-ILS/src/templates/opac/parts/footer.tt2
@@ -6,18 +6,20 @@
     [% IF ctx.get_org_setting(
         ctx.physical_loc || ctx.aou_tree.id, 'opac.allow_pending_user') %]
     <a href="[% mkurl(ctx.opac_root _ '/register') %]">
-	    <img alt="[% l('Request Library Card') %]" src="[% ctx.media_prefix %]/images/navbar-card.png" />
+	    <img alt="[% l('Request Library Card') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
 		[% l('Request Library Card') %]</a> &nbsp; &nbsp; &nbsp; &nbsp;
     [% END %]
     <!-- <a href="/eg/kpac/home">[% l("Kids Catalog") %]</a> &nbsp;|&nbsp; -->
     <!-- <a href="http://pines.georgialibraries.org/pinesLocator/locator.html">[% l('Library Locations') %]</a> &nbsp;|&nbsp;-->
     <!-- <a href="http://pines.georgialibraries.org/catalog-help">[% l('Help') %]</a> &nbsp;|&nbsp; -->
     <a href="http://pines.georgialibraries.org/about">
-	    <img alt="[% l('About PINES') %]" src="[% ctx.media_prefix %]/images/navbar-about.png" />[%- l('Learn More About PINES') %]</a> <!-- &nbsp;|&nbsp; -->
-    <a href="http://pines.georgialibraries.org/news-2017-03-07-app">
-        <img alt="PINES Android App" src="[% ctx.media_prefix %]/images/navbar-about.png" />PINES Android App</a> 
-    <a href="https://pines.georgialibraries.org/news-2018-08-24-ios-app">
-        <img alt="PINES iOS App" src="[% ctx.media_prefix %]/images/navbar-about.png" />PINES iOS App</a>     
+	    <img alt="[% l('About PINES') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" /> [%- l('Learn More About PINES') %]</a> <!-- &nbsp;|&nbsp; -->
+        &nbsp; &nbsp; &nbsp; &nbsp;        
+    <a href="http://pines.georgialibraries.org/catalog-help">
+        <img alt="[% l('Help') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
+        [% l('Help') %]</a>
+        &nbsp; &nbsp; &nbsp; &nbsp;
+        
     <!-- &nbsp;|&nbsp; -->
     <!-- <a href="/">[% l('Dynamic catalog') -%]</a> &nbsp;|&nbsp; -->
     <!-- [% gurl = mkurl(ctx.opac_root _ '/galileo', {}, 1) %]
diff --git a/Open-ILS/src/templates/opac/parts/library_name_link.tt2 b/Open-ILS/src/templates/opac/parts/library_name_link.tt2
index 01483b5cf9..60ae4c896f 100644
--- a/Open-ILS/src/templates/opac/parts/library_name_link.tt2
+++ b/Open-ILS/src/templates/opac/parts/library_name_link.tt2
@@ -19,10 +19,10 @@
     UNLESS lib_url && prefer_external_url;
         lib_url = mkurl(opac_root _ '/library/' _ org_sname, {}, 1);
     END; 
-    IF lib_url; '<a property="offeredBy" typeof="Library" href="'; lib_url | url; '">'; END;
+    IF lib_url; '<a property="offeredBy" class="opac_links" typeof="Library" href="'; lib_url | url; '">'; END;
     '<span property="name">'; parent_org_name _ ':' | html; '</a></span>';
     '<br/> &nbsp; &nbsp; &nbsp; ';
-    IF lib_url; '<a property="offeredBy" typeof="Library" href="'; lib_url | url; '">'; END;
+    IF lib_url; '<a property="offeredBy" class="opac_links" typeof="Library" href="'; lib_url | url; '">'; END;
     org_name;
     IF lib_url; '</a>'; END;
 
diff --git a/Open-ILS/src/templates/opac/parts/locale_picker.tt2 b/Open-ILS/src/templates/opac/parts/locale_picker.tt2
index 2ba56c0350..1534040918 100644
--- a/Open-ILS/src/templates/opac/parts/locale_picker.tt2
+++ b/Open-ILS/src/templates/opac/parts/locale_picker.tt2
@@ -23,6 +23,6 @@
         <option value="[% locale | html %]" [% selected %]>[% ctx.locales.$locale | html %]</option>
     [%- END %]
     </select>
-    <input type="submit" value="[% l("Change") %]" />
+    <input type="submit" value="[% l("Change") %]" class="opac-button" />
 </form>
 [%- END %]
diff --git a/Open-ILS/src/templates/opac/parts/place_hold.tt2 b/Open-ILS/src/templates/opac/parts/place_hold.tt2
index e6e7546156..c359157320 100644
--- a/Open-ILS/src/templates/opac/parts/place_hold.tt2
+++ b/Open-ILS/src/templates/opac/parts/place_hold.tt2
@@ -195,10 +195,10 @@ function maybeToggleNumCopies(obj) {
                            [% bre_id = hdata.target.id %]
                             <b><a  id='advanced_hold_link'
                                 href="[% mkurl('', {hold_type => 'M', hold_target => hdata.record.metarecord.id, bre_id => bre_id}) %]">
-                                <br/>[% l('Advanced Hold Options') %]</a></b>
+                                [% l('Advanced Hold Options') %]</a></b>
                         [% END %]
                         [% IF CGI.param('hold_type') == 'M' AND CGI.param('bre_id') %]
-                            <input type="hidden" name="bre_id" value="[% CGI.param('bre_id') | html %]" />
+                            <input type="hidden" name="bre_id" value="[% CGI.param('bre_id') %]" />
                             <a id='basic_hold_link'
                                href="[% mkurl('', {hold_target => CGI.param('bre_id'), hold_type => 'T'}) %]">
                                 [% l('Basic Hold Options') %]</a>
diff --git a/Open-ILS/src/templates/opac/parts/place_hold_result.tt2 b/Open-ILS/src/templates/opac/parts/place_hold_result.tt2
index 3320fdb62d..ade993e8a0 100644
--- a/Open-ILS/src/templates/opac/parts/place_hold_result.tt2
+++ b/Open-ILS/src/templates/opac/parts/place_hold_result.tt2
@@ -155,10 +155,10 @@ function disable_submit() {
 	[% END %]
         <span>
         [% IF any_failures OR ctx.general_hold_error %]
-        <a href="[% (CGI.param('redirect_to') || CGI.referer) | html %]">[% l('Cancel') %]</a>
+        <a href="javascript:history.go(-2);" class="hold_links">[% l('Cancel') %]</a>
         [% ELSE %]
         <div class='hold_success_links'>
-          <span><a href="[% (CGI.param('redirect_to') || CGI.referer) | html %]">[% l('Continue') %]</a></span>
+          <span><a href="javascript:history.go(-2);" class="hold_links">[% l('Continue') %]</a></span>
            [% IF ctx.is_staff %]
              [% IF CGI.param('hold_type') == 'C';
                   hold_type_label = l('copy');
@@ -167,7 +167,8 @@ function disable_submit() {
                 ELSE;
                   hold_type_label = l('title');
               END %]
-               <span><a href="[% mkurl(ctx.opac_root _ '/place_hold', {hold_source_page => CGI.param('hold_source_page'), bre_id => CGI.param('bre_id')}) %]">
+               <span><a class="hold_links"
+               href="[% mkurl(ctx.opac_root _ '/place_hold', {hold_source_page => CGI.param('hold_source_page'), bre_id => CGI.param('bre_id')}) %]">
                [% l('Place another hold for this ') %] [% hold_type_label %]</a>
                </span>
           [% END %]
diff --git a/Open-ILS/src/templates/opac/parts/record/copy_table.tt2 b/Open-ILS/src/templates/opac/parts/record/copy_table.tt2
index 8da3244836..739e38bf30 100644
--- a/Open-ILS/src/templates/opac/parts/record/copy_table.tt2
+++ b/Open-ILS/src/templates/opac/parts/record/copy_table.tt2
@@ -112,7 +112,7 @@ END; # FOREACH bib
         [% END %]
             <td property="availableAtOrFrom" valign="top" style="background-color:#fff;">[% copy_info.copy_location | html %]</td>
             <td valign="top" style="background-color:#fff;"><span property="sku">[% callnum | html %]</span>[% IF ctx.get_org_setting(CGI.param('loc') OR ctx.aou_tree.id, 'sms.enable') == 1 %]<br/>(<a href="[% mkurl(ctx.opac_root 
-			    _ '/sms_cn', {copy_id => copy_info.id}) %];rec=[%- ctx.bre_id -%]">Send Call No. in Text Message</a>)[% END %]</td>
+			    _ '/sms_cn', {copy_id => copy_info.id}) %];rec=[%- ctx.bre_id -%]" class="opac_links">Send Call No. in Text Message</a>)[% END %]</td>
             [%- IF has_parts == 'true' %]
             <td valign="top" style="background-color:#fff;">[% copy_info.part_label | html %]</td>
             [%- END %]
@@ -286,13 +286,13 @@ END; # FOREACH bib
             new_offset = ctx.copy_offset - ctx.copy_limit;
             IF new_offset < 0; new_offset = 0; END %]
             <td>
-                <a href="[% mkurl('', {copy_offset => new_offset, copy_limit => ctx.copy_limit}) %]">&laquo; [%
+                <a href="[% mkurl('', {copy_offset => new_offset, copy_limit => ctx.copy_limit}) %]" class="opac_links">&laquo; [%
                     l('Previous [_1]', ctx.copy_offset - new_offset) %]</a>
             </td>
         [%- END %]
         [%- IF copies.size >= ctx.copy_limit AND NOT serial_holdings AND (ctx.copy_offset + ctx.copy_limit < total_copies) %]
             <td>
-                <a href="[% mkurl('', {copy_offset => ctx.copy_offset + ctx.copy_limit, copy_limit => ctx.copy_limit}) %]">[%
+                <a href="[% mkurl('', {copy_offset => ctx.copy_offset + ctx.copy_limit, copy_limit => ctx.copy_limit}) %]" class="opac_links">[%
                     l('Next [_1]', ctx.copy_limit) %] &raquo;</a>
             </td>
         [%- END %]
@@ -304,12 +304,12 @@ END; # FOREACH bib
                 [%- IF  ctx.copy_limit != more_copies_limit AND copies.size >= ctx.copy_limit AND ctx.copy_limit < total_copies %]
                     <div class="rdetail_show_copies">
                         <img src="[% ctx.media_prefix %]/images/plus_sign.png[% ctx.cache_key %]" alt="[% l('Show more copies icon') %]"/>
-                        <a href="[% mkurl('', {copy_limit => more_copies_limit, copy_offset => 0}) %]">[% l('Show more copies') %]</a>
+                        <a href="[% mkurl('', {copy_limit => more_copies_limit, copy_offset => 0}) %]" class="opac_links">[% l('Show more copies') %]</a>
                     </div>
                 [%- ELSIF ctx.copy_limit == more_copies_limit %]
                     <div  class="rdetail_show_copies">
                         <img src="[% ctx.media_prefix %]/images/minus_sign.png[% ctx.cache_key %]" alt="[% l('Show fewer copies icon') %]"/>
-                        <a href="[% mkurl('', {copy_limit => 0, copy_offset => 0}) %]">[% l('Show fewer copies') %]</a>
+                        <a href="[% mkurl('', {copy_limit => 0, copy_offset => 0}) %]" class="opac_links">[% l('Show fewer copies') %]</a>
                     </div>
                 [%- END %]
             </td>
diff --git a/Open-ILS/src/templates/opac/parts/record/navigation.tt2 b/Open-ILS/src/templates/opac/parts/record/navigation.tt2
index a6b132173f..5f28efd73b 100644
--- a/Open-ILS/src/templates/opac/parts/record/navigation.tt2
+++ b/Open-ILS/src/templates/opac/parts/record/navigation.tt2
@@ -1,7 +1,7 @@
 [% IF ctx.search_result_index.defined && ctx.search_result_index >= 0 %]
 <div class="rdetail_header">
     <span class="rdetail_results">
-        <a href='[% mkurl(ctx.opac_root _ '/results', {}, stop_parms); %]'><span class="nav_arrow_fix">&#9668;</span> [% l('Search Results') %]</a>
+        <a href='[% mkurl(ctx.opac_root _ '/results', {}, stop_parms); %]' class="opac_links"><span class="nav_arrow_fix">&#9668;</span> [% l('Search Results') %]</a>
         <!-- stash these in JS for the web staff client to find -->
         <script>
             window.search_result_hit_count = [% ctx.hit_count %];
@@ -22,7 +22,7 @@
                 END;
                 ctx.prev_rec_url = mkurl(ctx.prev_search_record, prev_args, stop_parms);
         %]
-        <a class='np_nav_link classic_link' title='[% l("Previous Record") %]'
+        <a class='np_nav_link classic_link opac_links' title='[% l("Previous Record") %]'
             href='[% ctx.prev_rec_url %]' rel="nofollow" vocab=""><span class="nav_arrow_fix">&#9668;</span> [% l('Previous') %]</a> &nbsp; &nbsp; &nbsp;
         [% END %]
 
@@ -34,7 +34,7 @@
                 END;
                 ctx.next_rec_url = mkurl(ctx.next_search_record, next_args, stop_parms);
         %]
-        <a class='np_nav_link classic_link' title='[% l("Next Record") %]'
+        <a class='np_nav_link classic_link opac_links' title='[% l("Next Record") %]'
             href='[% ctx.next_rec_url %]' rel="nofollow" vocab="">[% l('Next') %] <span class="nav_arrow_fix">&#9658;</span></a>
         [% END %]
 
diff --git a/Open-ILS/src/templates/opac/parts/record/series.tt2 b/Open-ILS/src/templates/opac/parts/record/series.tt2
index 9d29e31d39..299b70a7a0 100644
--- a/Open-ILS/src/templates/opac/parts/record/series.tt2
+++ b/Open-ILS/src/templates/opac/parts/record/series.tt2
@@ -12,7 +12,7 @@ BLOCK render_series;
             url = mkurl(ctx.opac_root _ '/results',
                 { qtype=>'series', query=>search_term }, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms)
             );
-            series = '<a href="' _ url _ '">' _ s.$hl_field _ '</a> ';
+            series = '<a href="' _ url _ '" class="opac_links">' _ s.$hl_field _ '</a> ';
             results.push(series);
         END;
     ELSE;
@@ -38,7 +38,7 @@ BLOCK render_series;
                     url = mkurl(ctx.opac_root _ '/results',
                         { qtype=>'series', query=>total_term }, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms)
                     );
-                    series = series _ '<a href="' _ url _ '">' _ single_term _ '</a> ';
+                    series = series _ '<a href="' _ url _ '" class="opac_links">' _ single_term _ '</a> ';
                 END;
                 FOREACH link880 IN graphics;
                     link = link880.value | html;
diff --git a/Open-ILS/src/templates/opac/parts/record/subjects.tt2 b/Open-ILS/src/templates/opac/parts/record/subjects.tt2
index e9c7e8dfa1..bb87893829 100644
--- a/Open-ILS/src/templates/opac/parts/record/subjects.tt2
+++ b/Open-ILS/src/templates/opac/parts/record/subjects.tt2
@@ -70,7 +70,7 @@
 
                 %]<a href="[%-
                        mkurl(ctx.opac_root _ '/results', {qtype=>'subject', query=>total_term}, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms))
-                -%]">[% single_term %]</a> [%-
+                -%]" class="opac_links">[% single_term %]</a> [%-
 
             END;
             IF all_terms.size; "<br/>"; END;
@@ -92,7 +92,7 @@
         '<span property="about"><!-- highlighted -->';
         %]<a href="[%-
                mkurl(ctx.opac_root _ '/results', {qtype=>'subject', query=>total_term}, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms))
-        -%]">[% s.$f %]</a> [%-
+        -%]" class="opac_links">[% s.$f %]</a> [%-
         '</span>';
     END;
 %]
diff --git a/Open-ILS/src/templates/opac/parts/record/summary.tt2 b/Open-ILS/src/templates/opac/parts/record/summary.tt2
index e676988d2c..f5b74fd31c 100644
--- a/Open-ILS/src/templates/opac/parts/record/summary.tt2
+++ b/Open-ILS/src/templates/opac/parts/record/summary.tt2
@@ -73,7 +73,7 @@
             <div class="rdetail_aux_utils place_hold">
                 <a href="[% mkurl(ctx.opac_root _ '/place_hold', 
                     {hold_target => ctx.bre_id, hold_type => 'T', hold_source_page => mkurl()}, stop_parms) %]" 
-                class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/green_check.png[% ctx.cache_key %]"
+                class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/green_check.png[% ctx.cache_key %]"
                     [% img_alt(l('Place Hold on [_1]', attrs.title)) %]/>
                 <span class="place_hold">[% l('Place Hold') %]</span></a>
             </div>
@@ -83,14 +83,14 @@
             <div id="[%- ctx.bre_id -%]_ebook_checkout" class="rdetail_aux_utils ebook_action hidden">
                 <a href="[% mkurl(ctx.opac_root _ '/myopac/ebook_checkout',
                     {title => args.ebook.ebook_id, vendor => args.ebook.vendor, action => 'checkout'}, stop_parms) %]"
-                class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/green_check.png[% ctx.cache_key %]"
+                class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/green_check.png[% ctx.cache_key %]"
                     [% img_alt(l('Check Out [_1]', attrs.title)) %]/>
                 <span class="place_hold">[% l('Check Out E-Item') %]</span></a>
             </div>
             <div id="[%- ctx.bre_id -%]_ebook_place_hold" class="rdetail_aux_utils ebook_action hidden">
                 <a href="[% mkurl(ctx.opac_root _ '/myopac/ebook_place_hold',
                     {title => args.ebook.ebook_id, vendor => args.ebook.vendor, action => 'place_hold'}, stop_parms) %]"
-                class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/green_check.png[% ctx.cache_key %]"
+                class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/green_check.png[% ctx.cache_key %]"
                     [% img_alt(l('Place Hold on [_1]', attrs.title)) %]/>
                 <span class="place_hold">[% l('Place Hold on E-Item') %]</span></a>
             </div>
@@ -105,7 +105,7 @@
                 <a href="[% addhref %]" id="mylist_add_[% ctx.bre_id %]"
                     rel="nofollow" vocab=""
                     data-recid="[% ctx.bre_id %]" data-action="add"
-                    class="no-dec mylist_action [% IF ctx.mylist.grep('^' _ ctx.bre_id _ '$').size %]hidden[% END %]"
+                    class="no-dec mylist_action opac_links [% IF ctx.mylist.grep('^' _ ctx.bre_id _ '$').size %]hidden[% END %]"
                     title="[% l("Add [_1] to basket", attrs.title) %]" rel="nofollow" vocab="">
                     <img src="[% ctx.media_prefix %]/images/add-to-cart.png[% ctx.cache_key %]" alt="" />
                     [% l("Add to basket") %]
@@ -113,7 +113,7 @@
                 <a href="[% delhref %]" id="mylist_delete_[% ctx.bre_id %]"
                      rel="nofollow" vocab=""
                     data-recid="[% ctx.bre_id %]" data-action="delete"
-                    class="mylist_action [% IF !ctx.mylist.grep('^' _ ctx.bre_id _ '$').size %]hidden[% END %]"
+                    class="mylist_action opac_links [% IF !ctx.mylist.grep('^' _ ctx.bre_id _ '$').size %]hidden[% END %]"
                     title="[% l("Remove [_1] from basket", attrs.title) %]" rel="nofollow" vocab="">
                     <img src="[% ctx.media_prefix %]/images/add-to-cart.png[% ctx.cache_key %]" alt="" />
                     [% l("Remove from basket") %]
@@ -122,9 +122,9 @@
             <div class="rdetail_aux_utils toggle_list">
                      [% IF ctx.mylist.size %]
                         [%- IF ctx.user; %]
-                        <a href="[% mkurl(ctx.opac_root _ '/myopac/lists') %]" class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/clipboard.png[% ctx.cache_key %]" alt="[% l('View Basket') %]" />[% l(' View Basket') %]</a>
+                        <a href="[% mkurl(ctx.opac_root _ '/myopac/lists') %]" class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/clipboard.png[% ctx.cache_key %]" alt="[% l('View Basket') %]" />[% l(' View Basket') %]</a>
                         [%- ELSE %]
-                        <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/add-to-cart.png[% ctx.cache_key %]" alt="[% l('View My Basket') %]" />[% l(' View My Basket') %]</a>
+                        <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/add-to-cart.png[% ctx.cache_key %]" alt="[% l('View My Basket') %]" />[% l(' View My Basket') %]</a>
                         [%- END %]
                     [% END %]
                 </div>
@@ -139,23 +139,23 @@
             <div class="rdetail_aux_utils toggle_list">				 
                      [% IF ctx.mylist.size %]
                         [%- IF ctx.user; %]
-                        <a href="[% mkurl(ctx.opac_root _ '/myopac/lists') %]" class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/clipboard.png" alt="[% l('View My Lists') %]" />[% l(' View My Lists') %]</a>
+                        <a href="[% mkurl(ctx.opac_root _ '/myopac/lists') %]" class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/clipboard.png" alt="[% l('View My Lists') %]" />[% l(' View My Lists') %]</a>
                         [%- ELSE %]
-                        <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/clipboard.png" alt="[% l('View My Temporary List') %]" />[% l(' View My Temporary List') %]</a>
+                        <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec opac_links" rel="nofollow" vocab=""><img src="[% ctx.media_prefix %]/images/clipboard.png" alt="[% l('View My Temporary List') %]" />[% l(' View My Temporary List') %]</a>
                         [%- END %]
                     [% END %]
                 </div>
                 <div class="rdetail_aux_utils">
                     <img src="[% ctx.media_prefix %]/images/clipboard.png[% ctx.cache_key %]" alt="[% l('Print / Email Actions Image') %]" />
-                    <a href="[% mkurl(ctx.opac_root _ '/record/print/' _ ctx.bre_id) %]" class="no-dec" rel="nofollow" vocab="">[% l('Print') %]</a> /
-                    <a href="[% mkurl(ctx.opac_root _ '/record/email/' _ ctx.bre_id) %]" class="no-dec" rel="nofollow" vocab="">[% l('Email') %]</a>
+                    <a href="[% mkurl(ctx.opac_root _ '/record/print/' _ ctx.bre_id) %]" class="no-dec opac_links" rel="nofollow" vocab="">[% l('Print') %]</a> /
+                    <a href="[% mkurl(ctx.opac_root _ '/record/email/' _ ctx.bre_id) %]" class="no-dec opac_links" rel="nofollow" vocab="">[% l('Email') %]</a>
                 </div>
                 [%- IF ctx.refworks.enabled == 'true' %]
                     [%- INCLUDE 'opac/parts/record/refworks.tt2' %]
                 [%- END %]
             [% IF !ctx.is_staff %]
                 <div class="rdetail_aux_utils share_record">
-                    <a href="[% mkurl('', {locg =>CGI.param('locg'), copy_depth =>CGI.param('copy_depth')}, 1) %]" class="no-dec">
+                    <a href="[% mkurl('', {locg =>CGI.param('locg'), copy_depth =>CGI.param('copy_depth')}, 1) %]" class="no-dec opac_links">
                          <img src="[% ctx.media_prefix %]/images/link.png" alt="[% l('Permalink') %]" />
                          [% l('Permalink') %]
                     </a>
@@ -164,9 +164,9 @@
             [% IF !search.no_highlight %]
             <div class="rdetail_aux_utils highlighting">
               [% IF CGI.param('no_highlight') %]
-                <a href="[% mkurl('', {}, ['no_highlight']) %]" class="no-dec">
+                <a href="[% mkurl('', {}, ['no_highlight']) %]" class="no-dec opac_links">
               [% ELSE %]
-                <a href="[% mkurl('', {no_highlight => '1'}) %]" class="no-dec">
+                <a href="[% mkurl('', {no_highlight => '1'}) %]" class="no-dec opac_links">
               [% END %]
                      <img src="[% ctx.media_prefix %]/images/highlight.png[% ctx.cache_key %]" alt="[% l('Toggle highlighting') %]" />
                      [% CGI.param('no_highlight') ?  l('Enable Highlighting') : l('Disable Highlighting') %]
@@ -175,7 +175,7 @@
             [% END %]
             [%- IF ctx.is_staff %]
             <div class="rdetail_aux_utils clear_addedcontent_cache">
-                <a href="[% ctx.media_prefix %]/opac/extras/ac/clearcache/all/r/[% ctx.bre_id | uri %]" class="no-dec" target="_blank">
+                <a href="[% ctx.media_prefix %]/opac/extras/ac/clearcache/all/r/[% ctx.bre_id | uri %]" class="no-dec opac_links" target="_blank">
                      [% l('Clear AddedContent Cache') %]
                 </a>
             </div>
@@ -199,7 +199,7 @@
         FOREACH res IN openurls;
 %]
         <tr>
-            <td class='rdetail_openurl_entry'><a href="[% res.target_url %]" target="_blank" rel="noopener">[% res.public_name | html %]</a></td>
+            <td class='rdetail_openurl_entry'><a href="[% res.target_url %]" target="_blank">[% res.public_name | html %]</a></td>
             <td>[% res.target_coverage | html %]
             [%- IF res.target_embargo != '';
                     ' - ';
@@ -226,7 +226,7 @@ IF num_uris > 0;
         [%- ELSE -%]
             <li class="rdetail_uri" property="offers" vocab="http://schema.org/" typeof="Offer">
         [%- END -%]
-        <a href="[% uri.href %]" class="uri_link" property="url" target="_blank" rel="noopener">
+        <a href="[% uri.href %]" class="uri_link" property="url" target="_new">
         [%- IF uri.href != uri.link;
                 '<span property="description">' _ uri.link _ '</span>';
             ELSE;
@@ -295,7 +295,7 @@ IF args.mmr_unique_bib.size > 1;
             link = mkurl( ctx.opac_root _ '/results', { modifier => 'metabib', metarecord => ctx.mmr_id, 'fi:icon_format' => format.search_format, 'fi:from_metarecord' => ctx.mmr_id }, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms, ['qtype','fi:search_format','fi:icon_format','fi:item_lang','fi:from_metarecord']) );
         END; -%]
         <span class="metarecord_population_span_link">
-            <a href="[%- l( link ) %]">
+            <a href="[%- l( link ) %]" class="opac_links">
         [% format.label | html %]
         ([%- l( format.source_bibs.size ) %])
         </a></span><br />
@@ -311,7 +311,7 @@ IF args.mmr_unique_bib.size > 1;
             link = mkurl( ctx.opac_root _ '/results', { modifier => 'metabib', metarecord => ctx.mmr_id, 'fi:item_lang' => lang.search_format, 'fi:from_metarecord' => ctx.mmr_id }, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms, ['qtype','fi:search_format','fi:icon_format','fi:item_lang','fi:from_metarecord']) );
         END; -%]
         <span class="metarecord_population_span_link">
-            <a href="[%- l( link ) %]">
+            <a href="[%- l( link ) %]" class="opac_links">
         [% lang.label | html %]
         ([%- l( lang.source_bibs.size ) %])
         </a></span><br />
@@ -323,7 +323,7 @@ IF args.mmr_unique_bib.size > 1;
     link = mkurl( ctx.opac_root _ '/results', { modifier => 'metabib', metarecord => ctx.mmr_id, 'fi:from_metarecord' => ctx.mmr_id }, stop_parms.merge(expert_search_parms, general_search_parms, browse_search_parms, facet_search_parms, ['qtype','fi:search_format','fi:icon_format','fi:item_lang','fi:from_metarecord'] ) );
     %]
     <span class="metarecord_population_span_link">
-        <a href="[%- l( link ) %]">[% l("View all formats and editions ") %] ([%- args.mmr_unique_bib.size %]) 
+        <a href="[%- l( link ) %]" class="opac_links">[% l("View all formats and editions ") %] ([%- args.mmr_unique_bib.size %]) 
         </a></span><br />
 </div>
 [%- END;
diff --git a/Open-ILS/src/templates/opac/parts/result/facets.tt2 b/Open-ILS/src/templates/opac/parts/result/facets.tt2
index 98311ca8e5..0faae4605b 100644
--- a/Open-ILS/src/templates/opac/parts/result/facets.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/facets.tt2
@@ -121,11 +121,11 @@ FOR facet IN sorted_facets;
                             [% IF new_facets.size == 0 %]
                             <a
                               title="[% l('Show all results, not just those matching this term') %]"
-                              href="[% mkurl('', {}, ['facet']) %]" rel="nofollow" vocab="">[% display_value %]</a>
+                              href="[% mkurl('', {}, ['facet']) %]" rel="nofollow" vocab="" class="opac_links" style="font-weight:bold;">[% display_value %]</a>
                             [% ELSE %]
                             <a
                               title="[% l('Expand to also show results not matching this term') %]"
-                              href="[% mkurl('', {facet => new_facets}) %]" rel="nofollow" vocab="">[% display_value %]</a>
+                              href="[% mkurl('', {facet => new_facets}) %]" rel="nofollow" vocab="" class="opac_links" style="font-weight:bold;">[% display_value %]</a>
                             [% END %]
                         </div>
                         <div class="count">([% facet_data.count; IF facet_data.count == (ctx.superpage + 1) * ctx.superpage_size; '+'; END %])</div>
@@ -139,7 +139,8 @@ FOR facet IN sorted_facets;
                         <div class="facet">
                             <a
                               title="[% l('Limit to results matching this term') %]"
-                              href='[% mkurl('', {facet => selected_facets.merge([param_string])}, ['page']) %]' rel="nofollow" vocab="">
+                              href='[% mkurl('', {facet => selected_facets.merge([param_string])}, ['page']) %]' rel="nofollow" vocab=""
+                              class="opac_links">
                               [% display_value %]
                             </a>
                         </div>
diff --git a/Open-ILS/src/templates/opac/parts/result/table.tt2 b/Open-ILS/src/templates/opac/parts/result/table.tt2
index ffc995f0ea..210d8ed85b 100644
--- a/Open-ILS/src/templates/opac/parts/result/table.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/table.tt2
@@ -35,7 +35,7 @@
                     <input type="checkbox" id="select_all_records"></input>
                     <label for="select_all_records">[% l('Select [_1] - [_2]', ctx.result_start, ctx.result_stop) %]</label>
                     <span id="selected_records_summary">
-                        <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
+                        <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec opac_links" rel="nofollow" vocab="">
                           <span id="selected_records_count">[% ctx.mylist.size %]</span>
                           [% IF ctx.mylist.size == 1; %]
                               [% l('selected title') %]
@@ -45,7 +45,7 @@
                         </a>
                         <span id="hit_selected_record_limit" class="hidden">Reached limit!</span>
                     <span>
-                    <a id="clear_basket" href="#">[% l('Clear basket') %]</a>
+                    <a id="clear_basket" href="#" class="opac_links">[% l('Clear basket') %]</a>
                 </div>
                 [% END %]
                 <table id="result_table_table" title="[% l('Search Results') %]"
@@ -352,7 +352,7 @@ END;
                                                                 <td valign='top'>
                                                                     <strong>[% l('Electronic resource') %]</strong>
                                                                 </td>
-                                                                <td><a href="[% uri.href %]" class="uri_link" target="_blank" rel="noopener">[% uri.link | html %]</a>[% ' - ' _ uri.note | html IF uri.note %]</td>
+                                                                <td><a href="[% uri.href %]" class="uri_link" target="_blank">[% uri.link | html %]</a>[% ' - ' _ uri.note | html IF uri.note %]</td>
                                                             </tr>
                                                             [% END %]
                                                          [% END %]
@@ -535,7 +535,7 @@ END;
                                                                [% html_text_attr('title', l('Reviews and More for [_1]', attrs.title)) %]
                                                                 href="[% ctx.ext_proto %]://contentcafe2.btol.com/ContentCafeClient/ContentCafe.aspx?UserID=[%- 
                                                                     ENV.OILS_CONTENT_CAFE_USER %]&amp;Password=[%-
-                                                                    ENV.OILS_CONTENT_CAFE_PASS %]&amp;ItemKey=[% ident | uri %]&amp;Options=Y" rel="noopener nofollow" vocab="">
+                                                                    ENV.OILS_CONTENT_CAFE_PASS %]&amp;ItemKey=[% ident | uri %]&amp;Options=Y" rel="nofollow" vocab="">
                                                                 <img src='[% ctx.media_prefix %]/images/starz.png[% ctx.cache_key %]' alt="[% l('Ratings Icon') %]"/>
                                                                 <span class="results_reviews">[% l('Reviews &amp; More') %]</span>
                                                             </a>
diff --git a/Open-ILS/src/templates/opac/parts/searchbar.tt2 b/Open-ILS/src/templates/opac/parts/searchbar.tt2
index ae64c6542a..4e468228ae 100644
--- a/Open-ILS/src/templates/opac/parts/searchbar.tt2
+++ b/Open-ILS/src/templates/opac/parts/searchbar.tt2
@@ -182,7 +182,7 @@ END;
     [% END %]
     [% IF (is_advanced AND NOT is_special) AND CGI.param('qtype') %]
     <div class="refine_search result_block_visible">
-        <span id="refine_search_link">[ <a href="[% mkurl(ctx.opac_root _ '/advanced') %]">[%
+        <span id="refine_search_link">[ <a href="[% mkurl(ctx.opac_root _ '/advanced') %]" class="opac_links">[%
             l('Refine My Original Search')
         %]</a> ]</span>
     </div>
diff --git a/Open-ILS/src/templates/opac/parts/sms_number_textbox.tt2 b/Open-ILS/src/templates/opac/parts/sms_number_textbox.tt2
index 9deaedc338..a2622d0c28 100644
--- a/Open-ILS/src/templates/opac/parts/sms_number_textbox.tt2
+++ b/Open-ILS/src/templates/opac/parts/sms_number_textbox.tt2
@@ -1,5 +1,6 @@
 [% IF NOT sms_number_hide_label; '<label for="sms_notify">' _ l('Mobile number:') _ '</label>'; END; %]
 <input type="text" name="sms_notify" [% setting = 'opac.default_sms_notify';
-IF ctx.user_setting_map.$setting; %] value='[% ctx.user_setting_map.$setting | html %]' [% END %]/><br/><i>
-[% IF sms_number_hide_label; 'aria-label="' _ l('Mobile number') _ '"'; END; %] id="sms_notify" />
+    IF ctx.user_setting_map.$setting; %] value='[% ctx.user_setting_map.$setting | html %]' [% END %] id="sms_notify" />
+<br/><i>
+[% IF sms_number_hide_label; 'aria-label="' _ l('Mobile number') _ '"'; END; %]
 [% IF NOT sms_number_hide_hint; l('Hint: Use the full 10 digits of your phone number including area code.'); END; %]</i>
diff --git a/Open-ILS/src/templates/opac/parts/topnav_links.tt2 b/Open-ILS/src/templates/opac/parts/topnav_links.tt2
index a87297a0d9..5dca27e0aa 100644
--- a/Open-ILS/src/templates/opac/parts/topnav_links.tt2
+++ b/Open-ILS/src/templates/opac/parts/topnav_links.tt2
@@ -1,8 +1,8 @@
 <div id="gold-links-holder">
     <div id="gold-links">
-        <div id="header-links">
+    <div id="header-links">
         <a href="/eg/opac/home">
-		    <img alt="[% l('PINES Home Page') %]" src="[% ctx.media_prefix %]/images/navbar-home.png" />
+		    <img alt="[% l('PINES Home Page') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
 		    [% l("Home") %]</a>
 	<!--
 	[% IF ctx.get_org_setting(
@@ -12,26 +12,25 @@
 	[% END %]
 	-->
 	<a href="http://pines.georgialibraries.org/pinesLocator/locator.html">
-	    <img alt="[% l('Library Locations') %]" src="[% ctx.media_prefix %]/images/navbar-findalibrary.png" />
+	    <img alt="[% l('Library Locations') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
 		[% l('Library Locations') %]</a>
 	<a href="/eg/kpac/home">
-	    <img alt="[% l('Kids Catalog') %]" src="[% ctx.media_prefix %]/images/navbar-kids.png" />
+	    <img alt="[% l('Kids Catalog') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
 		[% l("Kids Catalog") %]</a> 
-    <!-- <a href="http://pines.georgialibraries.org/about">[% l('About PINES') %]</a> -->
-    [% IF ctx.physical_loc;
+    <a href="https://pines.georgialibraries.org/app">
+        <img alt="[% l('PINES App') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
+        [% l("Download the PINES App") %]</a>
+   [% IF ctx.physical_loc;
         # patron is at the branch, no redirect needed
         gurl = 'http://www.galileo.usg.edu/express';
     ELSE;
         # send patron to galileo auth redirector
         gurl = mkurl(ctx.opac_root _ '/galileo', {}, 1);
     END %]
-   <a href="[% gurl %]">
-	    <img alt="[% l('GALILEO') %]" src="[% ctx.media_prefix %]/images/navbar-galileo.png" />
-		[% l('GALILEO') %]</a>
-    <a href="http://pines.georgialibraries.org/catalog-help">
-	    <img alt="[% l('Help') %]" src="[% ctx.media_prefix %]/images/navbar-help.png" />
-		[% l('Help') %]</a>
-	</div>
+    <a href="[% gurl %]">
+        <img alt="[% l('GALILEO') %]" src="[% ctx.media_prefix %]/images/pines-dot.png" />
+        [% l('GALILEO Virtual Library') %]</a>
+    </div>
     </div>
 </div>
 
diff --git a/Open-ILS/web/favicon.ico b/Open-ILS/web/favicon.ico
index 00a604ec23..a51b6eb42a 100644
Binary files a/Open-ILS/web/favicon.ico and b/Open-ILS/web/favicon.ico differ
diff --git a/Open-ILS/web/images/pines-dot.png b/Open-ILS/web/images/pines-dot.png
new file mode 100644
index 0000000000..16f002b94a
Binary files /dev/null and b/Open-ILS/web/images/pines-dot.png differ
diff --git a/Open-ILS/web/opac/images/small_logo.png b/Open-ILS/web/opac/images/small_logo.png
index 1be4f93dde..00189f8ccb 100644
Binary files a/Open-ILS/web/opac/images/small_logo.png and b/Open-ILS/web/opac/images/small_logo.png differ