From e5ae3c9c8b2015d8a84e20bb2f032b1edef8468a Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Wed, 13 Jan 2021 11:38:22 -0500
Subject: [PATCH] baseline for redesign

---
 LibGuide-banner.html                          |  16 --
 LibGuide.css                                  | 155 ----------------
 banner.html                                   |   5 +
 .../homepage-experiments-template.html        |  17 +-
 system-wide.css                               | 167 ++++++++++++++++++
 5 files changed, 188 insertions(+), 172 deletions(-)
 delete mode 100644 LibGuide-banner.html
 delete mode 100644 LibGuide.css
 create mode 100644 banner.html
 rename LibGuide-home.html => groups/old-homepage/homepage-experiments-template.html (82%)
 create mode 100644 system-wide.css

diff --git a/LibGuide-banner.html b/LibGuide-banner.html
deleted file mode 100644
index e42c303..0000000
--- a/LibGuide-banner.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div id="bannerwrap">
-	<div id="innerbannercont" class="hidden-sm hidden-xs">													           
-		<a href="http://www.kbcc.cuny.edu/Pages/webmail_portal.aspx" target="_blank">Webmail</a> |           
-		<a href="http://www.kbcc.cuny.edu/its/Pages/default.aspx" target="_blank"> IT Helpdesk</a> |           
-		<a href="http://www.kbcc.cuny.edu/Pages/directory.aspx" target="_blank"> Directory: Name</a> |           
-		<a href="http://www.kbcc.cuny.edu/InstantSearch/Pages/officedept.aspx" target="_blank"> Directory: Dept.</a> |           
-		<a href="http://www.kbcc.cuny.edu/sub-about/Pages/maps_directions.aspx" target="_blank"> Directions</a> |  	   
-		<a href="http://www.kbcc.cuny.edu/kcclibrary/Pages/default.aspx" target="_blank">Library</a> |             
-		<a href="http://www.kbcc.cuny.edu/access-ability/Pages/welcome.aspx" target="_blank">Access-Ability Services</a>     
-	</div>
-
-	<div id="bannerleft"></div>
-	<div id="bannerx"></div>
-
-</div>
-<div id="spacer"></div>
diff --git a/LibGuide.css b/LibGuide.css
deleted file mode 100644
index 7058d3f..0000000
--- a/LibGuide.css
+++ /dev/null
@@ -1,155 +0,0 @@
-<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(http://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;
-}
-
-/* New CSS for the Kingsborough banner that was developed by Kwatei */
-
-#bannerwrap {
-	top:10px;
-	width:100%;
-	height:100px;
-	position:relative;
-	margin:0px auto;
-	float:none;
-	clear:none;	
-}
-
-#bannerleft {
-	background:url(http://www2.kingsborough.edu/kcclibrary/Images/logoleft.png);
-	width:281px;
-	height:100px;
-	margin:0px auto;
-	position:relative;
-	float:left;
-	clear:none;
-}
-
-#bannerx {
-	height:100px;
-	background-image:url(http://www2.kingsborough.edu/kcclibrary/Images/logo_x.png);
-	background-repeat: repeat-x;
-}
-
-#innerbannercont {
-	width:660px;
-	float:right;
-	clear:left;
-	height:33px;	
-	position:relative;
-	z-index:12;
-	font-size:12px;
-        text-align:right;
-        color:#fff;
-        margin:3px;
-}
-
-#innerbannercont a {
-        color:#fff;
-	text-decoration:none;
-}
-
-#spacer {
-        height:15px;
-}
-
-#s-lib-bc {
-	clear:both;
-}
-
-/* alternate fonts included to accommodate computers that do not have the defaults */
-
-body {
-	font-family: arial, sans-serif;
-}
-
-
-</style>
diff --git a/banner.html b/banner.html
new file mode 100644
index 0000000..143c275
--- /dev/null
+++ b/banner.html
@@ -0,0 +1,5 @@
+<div id="bannerwrap">
+<div id="bannerleft"></div>
+<div id="bannerx"></div>
+</div>
+<div id="spacer"></div>
diff --git a/LibGuide-home.html b/groups/old-homepage/homepage-experiments-template.html
similarity index 82%
rename from LibGuide-home.html
rename to groups/old-homepage/homepage-experiments-template.html
index 3b2dd27..06ead4d 100644
--- a/LibGuide-home.html
+++ b/groups/old-homepage/homepage-experiments-template.html
@@ -58,6 +58,21 @@
         </div>
         <!-- END: content -->
         <!-- BEGIN: Page Footer -->
+        <div style="height:10px; background-color:#ff4e00"></div>
+                <div style="height:50px; background-color:#003466; color:white; padding:5px 20px 0px 20px">
+                <span>
+                        Robert J. Kibbee Library, 2001 Oriental Blvd, Brooklyn, NY, 11235<br>
+                </span>
+                <span style="float:right" class="whiteahrefs">
+                        <a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a>
+                </span>
+                <span style="clear:both" class="whiteahrefs">
+                        718-368-5632 | <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a> | 
+                       <a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a>
+                </span>
+        </div>
+        <!-- END: Page Footer -->
+        <!-- BEGIN: Page Footer
         <div id="s-lib-footer-public" class="s-lib-footer footer container  s-lib-side-borders">
             <div>
                 <div id="s-lib-footer-brand">
@@ -78,7 +93,7 @@
                 </div>
             </div>
         </div>
-        <!-- END: Page Footer -->
+        END: Page Footer -->
         <div id="s-lib-alert" title="">
             <div id="s-lib-alert-content"></div>
         </div>        
diff --git a/system-wide.css b/system-wide.css
new file mode 100644
index 0000000..d2fe5b9
--- /dev/null
+++ b/system-wide.css
@@ -0,0 +1,167 @@
+<style>
+
+/* In the footer, make links white, even when hovered, active or visited */
+.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active { 
+        color: white;
+        text-decoration:none;
+}
+
+/* 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;
+}
+
+/* New CSS for the Kingsborough banner that was developed by Kwatei */
+
+#bannerwrap {
+top:10px;
+width:100%;
+height:100px;
+position:relative;
+margin:0px auto;
+float:none;
+clear:none;	
+}
+
+#bannerleft {
+background:url(https://libapps.s3.amazonaws.com/accounts/16298/images/KCC_Offical_Logo.jpg);
+background-size:contain;
+width:367px;
+height:105px;
+margin:0px auto;
+position:relative;
+float:left;
+clear:none;
+}
+
+#bannerx {
+	height:105px;
+        background-image:url(https://libapps.s3.amazonaws.com/accounts/16298/images/logo_x_new.png);
+        background-size:contain;
+	background-repeat: repeat-x;
+}
+
+#innerbannercont {
+	width:660px;
+	float:right;
+	clear:left;
+	height:33px;	
+	position:relative;
+	z-index:12;
+	font-size:12px;
+        text-align:right;
+        color:#fff;
+        margin:3px;
+}
+
+#innerbannercont a {
+        color:#fff;
+	text-decoration:none;
+}
+
+#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;
+}
+
+</style>