84 lines
2.3 KiB
CSS
84 lines
2.3 KiB
CSS
<style>
|
|
#bannercontainer {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-bottom: -20px;
|
|
}
|
|
|
|
@media only screen and (min-width: 1px) {
|
|
#newbanner {
|
|
width: 80%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) {
|
|
#newbanner {
|
|
width: 60%;
|
|
}
|
|
}
|
|
|
|
h1, h2 {
|
|
color: white;
|
|
font-family: Arial, Helvetica, Verdana;
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, Helvetica, Verdana;
|
|
}
|
|
|
|
/* this code makes the <a> tag that holds bannercontainer a block element,
|
|
so that it can take up the full width of the screen */
|
|
a:has(#bannercontainer) {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
/* 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; }
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* fix the problem with vertical nav list items not displaying at 100% width */
|
|
li.nav-item { width: 100%; }
|
|
|
|
li.nav-item a {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
</style> |