From 3a4b105caa584bd9c59f5c772ee9018304e517b2 Mon Sep 17 00:00:00 2001
From: Mark Eaton <Mark.Eaton@kbcc.cuny.edu>
Date: Mon, 8 Jun 2015 20:04:25 -0400
Subject: [PATCH] a bunch of various improvements

---
 LibGuide-banner.html | 26 +++++++++-------
 LibGuide-home.html   |  4 +--
 LibGuide.css         | 74 ++++++++++++++++++++++++++++++++++----------
 3 files changed, 75 insertions(+), 29 deletions(-)

diff --git a/LibGuide-banner.html b/LibGuide-banner.html
index 8e51057..e42c303 100644
--- a/LibGuide-banner.html
+++ b/LibGuide-banner.html
@@ -1,12 +1,16 @@
-<div id="bannercont">
-     <img id="bannerimage" src="http://lgimages.s3.amazonaws.com/data/headers/3762/Kingsborough_Community_College_.jpg">
-     <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="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-home.html b/LibGuide-home.html
index 508e3f6..3b2dd27 100644
--- a/LibGuide-home.html
+++ b/LibGuide-home.html
@@ -31,9 +31,9 @@
                                 <div id="s-lg-hp-nav-bottom">
                                  <li>
                                     <ul class="nav nav-pills">
-                                        {{button_all_guides}}
                                         {{button_by_subject}}
                                         {{button_by_type}}                                
+                                        {{button_all_guides}}
                                      </ul>
                                  </li>
                                </div>
@@ -98,4 +98,4 @@
 	<!-- BEGIN: Custom Footer -->
         {{public_footer}}
         <!-- END: Custom Footer -->
-</body>
+	</body>
diff --git a/LibGuide.css b/LibGuide.css
index c2628fd..08ff8a0 100644
--- a/LibGuide.css
+++ b/LibGuide.css
@@ -1,5 +1,10 @@
 <style>
 
+/* 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 */ 
@@ -20,7 +25,7 @@
 
 #nav-title-spacer {
     height:42px; 
-    width:365px; 
+    width:400px; 
     padding:0px 0px 0px 20px; 
     margin-bottom:10px;
     background-color:rgba(0,0,0,0.65);
@@ -29,7 +34,7 @@
 
 /* makes the heading smaller on very small screens */
 
-@media (max-width: 420px) {
+@media (max-width: 455px) {
     h1 {
         font-size: 25px;
     }
@@ -52,11 +57,11 @@ a.label.label-info:hover {
     background-color:#003466;
 }
 
-.nav-pills > li.active > a:hover {
+.nav-pills>li.active>a:hover {
     background-color:#003466;
 }
 
-.nav-pills > li.active > a:focus {
+.nav-pills>li.active>a:focus {
     background-color:#003466;
 }
 
@@ -69,7 +74,7 @@ a.label.label-info:hover {
     border:1px solid #003466;
 }
 
-.btn:hover {
+.btn-info:hover {
     background-color:#003466;
     border:1px solid #003466;
 }
@@ -79,26 +84,63 @@ a.label.label-info:hover {
     border:1px solid #ccc;
 }
 
-/* Making the Kingsborough banner */
+/* New CSS for the Kingsborough banner that was developed by Kwatei */
 
-#bannerimage {
+#bannerwrap {
+    top:10px;
     width:100%;
-    height: 125px;
+    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 {
-    color:gray;
-    position:absolute;
-    top: 10px;
-    right: 17px;
+    width:660px;
+    float:right;
+    clear:left;
+    height:33px;	
+    position:relative;
+    z-index:12;
+    font-size:12px;
+    text-align:right;
 }
 
-#innerbannercont a:link {
-    color:gray;
+#innerbannercont a {
+    color:#777;
+    text-decoration:none;
 }
 
-#innerbannercont a:visited {
-    color:gray;
+#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>