remove js, rename to .css

misc/system-wide.css

@@ -0,0 +1,60 @@
+<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%;
+        }
+}
+
+/* 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;
+}
+
+</style>