ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

baseline for redesign

Browse Source
This commit is contained in:
Mark Eaton
2021-01-13 11:38:22 -05:00
parent 0676fef995
commit e5ae3c9c8b
5 changed files with 188 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files
LibGuide-banner.html
-16
View File
@@ -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>
LibGuide.css
-155
View File
@@ -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>
banner.html
+5
View File
@@ -0,0 +1,5 @@
<div id="bannerwrap">
<div id="bannerleft"></div>
<div id="bannerx"></div>
</div>
<div id="spacer"></div>
LibGuide-home.html → groups/old-homepage/homepage-experiments-template.html
+16 -1
View File
@@ -58,6 +58,21 @@
</div> </div>
<!-- END: content --> <!-- END: content -->
<!-- BEGIN: Page Footer --> <!-- 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 id="s-lib-footer-public" class="s-lib-footer footer container s-lib-side-borders">
<div> <div>
<div id="s-lib-footer-brand"> <div id="s-lib-footer-brand">
@@ -78,7 +93,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- END: Page Footer --> END: Page Footer -->
<div id="s-lib-alert" title=""> <div id="s-lib-alert" title="">
<div id="s-lib-alert-content"></div> <div id="s-lib-alert-content"></div>
</div> </div>
system-wide.css
+167
View File
@@ -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>