prettier atoz.html, banner.html, system-wide-js-css.html
This commit is contained in:
Mark Eaton
@@ -1,106 +1,115 @@
|
||||
<body class="s-lib-public-body">
|
||||
<!-- BEGIN: Page Header -->
|
||||
{{public_header}}
|
||||
<!-- END: Page Header -->
|
||||
<!-- BEGIN: Content Header -->
|
||||
<div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
|
||||
<div id="s-lib-bc">
|
||||
{{breadcrumbs}}
|
||||
</div>
|
||||
<h1 id="s-lib-public-header-title">{{page_title}}
|
||||
</h1>
|
||||
<div id="s-lib-public-header-desc">{{page_description}}
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Content Header -->
|
||||
<!-- BEGIN: Nav Bar -->
|
||||
<div id="s-lib-public-nav" class="container s-lib-side-borders">
|
||||
{{page_nav}}
|
||||
</div>
|
||||
<!-- END: Nav Bar -->
|
||||
<!-- BEGIN: content -->
|
||||
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
|
||||
<!-- BEGIN: Page Header -->
|
||||
{{public_header}}
|
||||
<!-- END: Page Header -->
|
||||
<!-- BEGIN: Content Header -->
|
||||
<div
|
||||
id="s-lib-public-header"
|
||||
class="s-lib-header container s-lib-side-borders"
|
||||
>
|
||||
<div id="s-lib-bc">{{breadcrumbs}}</div>
|
||||
<h1 id="s-lib-public-header-title">{{page_title}}</h1>
|
||||
<div id="s-lib-public-header-desc">{{page_description}}</div>
|
||||
</div>
|
||||
<!-- END: Content Header -->
|
||||
<!-- BEGIN: Nav Bar -->
|
||||
<div id="s-lib-public-nav" class="container s-lib-side-borders">
|
||||
{{page_nav}}
|
||||
</div>
|
||||
<!-- END: Nav Bar -->
|
||||
<!-- BEGIN: content -->
|
||||
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
|
||||
<section>
|
||||
<div id="s-lg-az-search-bar" class="row">
|
||||
<div id="az-search-col-1" class="col-md-12 center"></div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div id="s-lg-az-cols" class="row">
|
||||
<div id="col1" class="col-md-8 center">
|
||||
<div id="s-lg-az-filters" class="pad-right-sm pad-bottom-med">
|
||||
<section>
|
||||
<div id="s-lg-az-search-bar" class="row">
|
||||
<div id="az-search-col-1" class="col-md-12 center">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div id="s-lg-az-cols" class="row">
|
||||
<div id="col1" class="col-md-8 center">
|
||||
<div id="s-lg-az-filters" class="pad-right-sm pad-bottom-med">
|
||||
<section>
|
||||
<div id="s-lg-az-filter-cols" class="row">
|
||||
<div id="col-subjects" class="col-md-4 center">
|
||||
{{subject_list}}
|
||||
</div>
|
||||
<div id="col-types" class="col-md-4 center">
|
||||
{{type_list}}
|
||||
</div>
|
||||
<div id="col-vendors" class="col-md-4 center">
|
||||
{{vendor_list}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div id="s-lg-az-index" class="pad-right-sm">
|
||||
{{alpha_list}}
|
||||
</div>
|
||||
<div id="s-lg-az-search-reset" class="pad-top-med pad-bottom-med">
|
||||
{{search_reset}}
|
||||
</div>
|
||||
<div id="s-lg-az-content" class="pad-right-sm pad-top-med">
|
||||
<div class="bold s-lib-color-lt-grey pad-top-med text-center">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="col2" class="col-md-4 center">
|
||||
{{popular_box}}
|
||||
{{trials_box}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- END: content -->
|
||||
<!-- 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">
|
||||
Powered by <a href="http://www.springshare.com">Springshare</a>.
|
||||
</div>
|
||||
<div id="s-lib-footer-rights">
|
||||
All rights reserved.
|
||||
</div>
|
||||
<div id="s-lib-footer-login-link">
|
||||
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a>.
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="s-lib-footer-print-link">
|
||||
View this page in a format suitable for <a href="#">printers and screen-readers</a>.
|
||||
</div>
|
||||
<div id="s-lib-footer-support-link">
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- END: Page Footer -->
|
||||
<div id="s-lib-alert" title="">
|
||||
<div id="s-lib-alert-content"></div>
|
||||
</div>
|
||||
<div id="s-lib-popover-title" class="hide">
|
||||
<span class="text-info"><strong>title</strong></span>
|
||||
<button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">×</button>
|
||||
<div id="s-lg-az-filter-cols" class="row">
|
||||
<div id="col-subjects" class="col-md-4 center">
|
||||
{{subject_list}}
|
||||
</div>
|
||||
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
|
||||
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
|
||||
<div id="col-types" class="col-md-4 center">{{type_list}}</div>
|
||||
<div id="col-vendors" class="col-md-4 center">
|
||||
{{vendor_list}}
|
||||
</div>
|
||||
<div id="s-lib-scroll-top" title="Back to Top">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-square-o fa-stack-2x"></i>
|
||||
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
|
||||
</span>
|
||||
</div>
|
||||
<!-- BEGIN: Custom Footer -->
|
||||
{{public_footer}}
|
||||
<!-- END: Custom Footer -->
|
||||
</body>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div id="s-lg-az-index" class="pad-right-sm">{{alpha_list}}</div>
|
||||
<div id="s-lg-az-search-reset" class="pad-top-med pad-bottom-med">
|
||||
{{search_reset}}
|
||||
</div>
|
||||
<div id="s-lg-az-content" class="pad-right-sm pad-top-med">
|
||||
<div class="bold s-lib-color-lt-grey pad-top-med text-center">
|
||||
Loading...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="col2" class="col-md-4 center">
|
||||
{{popular_box}} {{trials_box}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- END: content -->
|
||||
<!-- 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">
|
||||
Powered by <a href="http://www.springshare.com">Springshare</a>.
|
||||
</div>
|
||||
<div id="s-lib-footer-rights">All rights reserved.</div>
|
||||
<div id="s-lib-footer-login-link">
|
||||
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365"
|
||||
>Login to LibApps</a
|
||||
>.
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div id="s-lib-footer-print-link">
|
||||
View this page in a format suitable for
|
||||
<a href="#">printers and screen-readers</a>.
|
||||
</div>
|
||||
<div id="s-lib-footer-support-link"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END: Page Footer -->
|
||||
<div id="s-lib-alert" title="">
|
||||
<div id="s-lib-alert-content"></div>
|
||||
</div>
|
||||
<div id="s-lib-popover-title" class="hide">
|
||||
<span class="text-info"><strong>title</strong></span>
|
||||
<button
|
||||
type="button"
|
||||
id="popclose"
|
||||
class="close"
|
||||
onclick="jQuery('.s-lib-popover').popover('hide')"
|
||||
>
|
||||
×
|
||||
</button>
|
||||
</div>
|
||||
<div id="s-lib-popover-content" class="hide">
|
||||
<i class="fa fa-refresh fa-spin"></i> Loading...
|
||||
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
|
||||
</div>
|
||||
<div id="s-lib-scroll-top" title="Back to Top">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-square-o fa-stack-2x"></i>
|
||||
<i
|
||||
class="fa fa-angle-double-up fa-stack-1x"
|
||||
style="position: relative; bottom: 2px"
|
||||
></i>
|
||||
</span>
|
||||
</div>
|
||||
<!-- BEGIN: Custom Footer -->
|
||||
{{public_footer}}
|
||||
<!-- END: Custom Footer -->
|
||||
</body>
|
||||
|
||||
+4
-1
@@ -1,3 +1,6 @@
|
||||
<div id="bannercontainer">
|
||||
<img id="newbanner" src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg" />
|
||||
<img
|
||||
id="newbanner"
|
||||
src="https://libapps.s3.amazonaws.com/accounts/16298/images/xsmall-2.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
+99
-100
@@ -1,135 +1,134 @@
|
||||
<style>
|
||||
/* Fix the color of the "Search" button on the subject pages */
|
||||
form .btn.btn-info {
|
||||
background-color: #003466;
|
||||
border: 1px solid #003466;
|
||||
}
|
||||
|
||||
/* 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
|
||||
/* 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.
|
||||
/* 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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
#s-lg-hp-nav-bottom {
|
||||
background-color: rgba(255, 255, 255, 0.55);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#nav-spacer {
|
||||
height:55px;
|
||||
width:400px;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
#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 */
|
||||
/* makes the heading smaller on very small screens */
|
||||
|
||||
@media (max-width: 455px) {
|
||||
@media (max-width: 455px) {
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
font-size: 25px;
|
||||
}
|
||||
#nav-title-spacer {
|
||||
width: inherit;
|
||||
#nav-title-spacer {
|
||||
width: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Making the pills the right color */
|
||||
/* Making the pills the right color */
|
||||
|
||||
a.label.label-info:hover {
|
||||
background-color:#003466;
|
||||
}
|
||||
a.label.label-info:hover {
|
||||
background-color: #003466;
|
||||
}
|
||||
|
||||
.label-info {
|
||||
background-color:#003466;
|
||||
}
|
||||
.label-info {
|
||||
background-color: #003466;
|
||||
}
|
||||
|
||||
/* new nav pills styling (11/17/2016) */
|
||||
/* new nav pills styling (11/17/2016) */
|
||||
|
||||
.s-lg-index-nav-btn.active > .btn {
|
||||
background-color:#003466;
|
||||
}
|
||||
.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:focus {
|
||||
background-color: #003466;
|
||||
}
|
||||
|
||||
.s-lg-index-nav-btn.active > .btn:hover {
|
||||
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 {
|
||||
ul.nav.nav-pills > .s-lg-index-nav-btn.active > button.btn:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* not sure what these are for */
|
||||
#spacer {
|
||||
height:30px;
|
||||
}
|
||||
/* not sure what these are for */
|
||||
#spacer {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#s-lib-bc {
|
||||
clear:both;
|
||||
}
|
||||
#s-lib-bc {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* alternate fonts included to accommodate computers that do not have the defaults */
|
||||
body {
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* new banner 6/27/2021 */
|
||||
#bannercontainer {
|
||||
width: %100;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
/* new banner 6/27/2021 */
|
||||
#bannercontainer {
|
||||
width: %100;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1px) {
|
||||
#newbanner {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
#newbanner {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1px) {
|
||||
#newbanner {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
#newbanner {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user