update system wide CSS
This commit is contained in:
Mark Eaton
+33
-140
@@ -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>
|
<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 {
|
#bannercontainer {
|
||||||
width: %100;
|
width: %100;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -126,6 +6,7 @@ a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
margin-bottom: -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1px) {
|
@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%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- scripts to replace Email Me buttons in profiles with LibAnswers widgets -->
|
/* tighten up elements at the top of the AtoZ */
|
||||||
<script>
|
#s-lib-public-header-desc { margin-top: -30px; }
|
||||||
$(document).ready(function() {
|
#s-lib-public-main-searchbar { margin-top: -20px; }
|
||||||
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>
|
|
||||||
|
|
||||||
<!-- global style to replace Email Me buttons in profiles with LibAnswers widgets -->
|
/* change search button color to Kingsborough orange */
|
||||||
<style>
|
.btn-primary, .btn-primary:hover, .btn-primary:active { border-color: #ff4e00 !important; background-color: #ff4e00 !important; }
|
||||||
#s-la-widget-19393 {
|
|
||||||
margin-bottom: 8px;
|
.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 {
|
/* make skiplink focus outline orange */
|
||||||
background-color: #003466;
|
.s-lg-guide-body #s-lg-public-skiplink:focus {
|
||||||
border: #003466;
|
outline: 3px solid #ff4e00 !important;
|
||||||
color: #fff;
|
outline-offset: 2px !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user