Kingsborough-LibGuide/misc/system-wide-js-css.html

<!-- 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;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
}

@media only screen and (min-width: 1px) {
        #newbanner {
                width: 80%;
        }
} 

@media only screen and (min-width: 992px) {
        #newbanner {
                width: 60%;
        }
}
</style>

<!-- scripts to replace Email Me buttons in profiles with LibAnswers widgets -->
<script src="https://kbcc-cuny.libanswers.com/1.0/widgets/19393"></script>
<script>
$(document).ready(function() { 
  try {
    document.getElementsByClassName("s-lib-profile-email")[0].innerHTML = "<div id='s-la-widget-19393'></div>"
  } catch (error) {
    console.log(error);
  };
});
</script>

<!-- global style to replace Email Me buttons in profiles with LibAnswers widgets -->
<style>
#s-la-widget-19393 { 
       margin-bottom: 8px; 
}

#s-la-widget-19393 > button {
       background-color: #003466;
       border: #003466;
       color: #fff;
}
</style>