From 7ec70eabffc160774a94696923b0e16f64131cf9 Mon Sep 17 00:00:00 2001
From: Mark Eaton <markeeaton@noreply.tildegit.org>
Date: Wed, 1 Apr 2026 20:28:13 +0000
Subject: [PATCH] update system wide CSS

---
 misc/system-wide-js-css.html | 175 +++++++----------------------------
 1 file changed, 34 insertions(+), 141 deletions(-)

diff --git a/misc/system-wide-js-css.html b/misc/system-wide-js-css.html
index 31063b6..23bc4e3 100644
--- a/misc/system-wide-js-css.html
+++ b/misc/system-wide-js-css.html
@@ -1,124 +1,4 @@
-<!-- Google Tag Manager -->
-<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-})(window,document,'script','dataLayer','GTM-NXHWQX3');</script>
-<!-- End Google Tag Manager -->
-
 <style>
-
-/* Fix the color of the "Search" button on the subject pages */
-form .btn.btn-info {
-    background-color:#003466;
-    border:1px solid #003466;
-}
-
-/* Make the badges KBCC blue so they doesn't clash
-.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
-    background-color:#003466;
-} */
-
-
-/* CSS to target buttons on the LibGuides homepage more specifically.
-    These had been broken by a LibGuides update, 9/6/2016 */
-
-.s-lg-hp-btn-section, .s-lg-hp-btn-section:hover, .s-lg-hp-btn-section:focus {
-    background-color:#003466;
-    border:1px solid #003466;
-}
-
-/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
-.s-lg-guide-info-account {
-    display:none;
-}
-
-/* styling the header on the main page */
-#s-lg-hp-nav {     
-    background:url(https://www1.kingsborough.edu/photo_album/kcc_campus_06/images/KG_Kibbee_3_jpg.jpg); /* does not seem to work well with .png files */ 
-    background-color:#258;     
-    background-size:100%;     
-    height:190px;
-}
-
-#s-lg-hp-nav-bottom {
-    background-color:rgba(255,255,255,0.55); 
-    border-radius:0;
-} 
-
-#nav-spacer {
-    height:55px;
-    width:400px;
-}
-
-#nav-title-spacer {
-    height:42px; 
-    width:400px; 
-    padding:0px 0px 0px 20px; 
-    margin-bottom:10px;
-    background-color:rgba(0,0,0,0.65);
-    color:white;
-}
-
-/* makes the heading smaller on very small screens */
-
-@media (max-width: 455px) {
-    h1 {
-        font-size: 25px;
-    }
-   #nav-title-spacer {
-        width: inherit;
-    }
-}
-
-/* Making the pills the right color */
-
-a.label.label-info:hover {
-    background-color:#003466;
-} 
-
-.label-info {
-   background-color:#003466;
-}
-
-/* new nav pills styling (11/17/2016) */
-
-.s-lg-index-nav-btn.active > .btn {
-   background-color:#003466;
-}
-
-.s-lg-index-nav-btn.active > .btn:focus {
-   background-color:#003466;
-}
-
-.s-lg-index-nav-btn.active > .btn:hover {
-   background-color:#003466;
-}
-
-ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
-    outline: none;
-}
-
-/* not sure what these are for */
-#spacer {
-        height:30px;
-}
-
-#s-lib-bc {
-       clear:both;
-}
-
-/* alternate fonts included to accommodate computers that do not have the defaults */
-body {
-        font-family: arial, sans-serif;
-}
-
-/* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/
-a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
-       margin-top:9px;
-}
-
-/* new banner 6/27/2021 */
 #bannercontainer {
         width: %100;
         display: flex;
@@ -126,6 +6,7 @@ a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
         flex-wrap: wrap;
         justify-content: center;
         align-items: center;
+        margin-bottom: -20px;
 }
 
 @media only screen and (min-width: 1px) {
@@ -139,29 +20,41 @@ a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
                 width: 60%;
         }
 }
-</style>
 
-<!-- scripts to replace Email Me buttons in profiles with LibAnswers widgets -->
-<script>
-$(document).ready(function() { 
-  try {
-    document.querySelector("[id^='s-lib-profile-email-']").innerHTML = "<div id='s-la-widget-19393'></div>"
-  } catch (error) {
-    console.log("Email Me button not found on this page. No action taken. This is just a warning...")
-  };
-});
-</script>
-<script src="https://kbcc-cuny.libanswers.com/1.0/widgets/19393"></script>
+/* tighten up elements at the top of the AtoZ */
+#s-lib-public-header-desc { margin-top: -30px; }
+#s-lib-public-main-searchbar { margin-top: -20px; }
 
-<!-- global style to replace Email Me buttons in profiles with LibAnswers widgets -->
-<style>
-#s-la-widget-19393 { 
-       margin-bottom: 8px; 
+/* change search button color to Kingsborough orange */
+.btn-primary, .btn-primary:hover, .btn-primary:active { border-color: #ff4e00 !important; background-color: #ff4e00 !important; }
+
+.btn.btn-info { color: #fff; }
+
+/* change the background color of the header on mobile */ 
+#az-public-mobile-filters { background-color: #003466; } 
+
+/* make the text in the header white, so that it shows up on the dark blue background */
+.select2 { background-color: white; }
+.collapsible, .s-lg-az-reset { color: white !important; }
+
+/* make nav items bigger */
+textarea::placeholder, input::placeholder, .select2-selection__choice__display { font-size: 1.3em !important; }
+.select2-container { overflow: visible; }
+#col-search > .w-100 > input:not(:placeholder-shown) { font-size: 1em !important } /* fix text size on filled out text box */
+
+/* make keyboard focus outlines orange */
+:is(a, button, input, select, textarea, iframe, [tabindex]):focus-visible {
+  outline: 3px solid #ff4e00 !important;
+  outline-offset: 2px !important;
+  box-shadow: none !important;
 }
 
-#s-la-widget-19393 > button {
-       background-color: #003466;
-       border: #003466;
-       color: #fff;
+/* make skiplink focus outline orange */
+.s-lg-guide-body #s-lg-public-skiplink:focus {
+  outline: 3px solid #ff4e00 !important;
+  outline-offset: 2px !important;
+  box-shadow: none !important;
+  border: 0;
 }
-</style>
+
+</style>
\ No newline at end of file