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">
|
<body class="s-lib-public-body">
|
||||||
<!-- BEGIN: Page Header -->
|
<!-- BEGIN: Page Header -->
|
||||||
{{public_header}}
|
{{public_header}}
|
||||||
<!-- END: Page Header -->
|
<!-- END: Page Header -->
|
||||||
<!-- BEGIN: Content Header -->
|
<!-- BEGIN: Content Header -->
|
||||||
<div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
|
<div
|
||||||
<div id="s-lib-bc">
|
id="s-lib-public-header"
|
||||||
{{breadcrumbs}}
|
class="s-lib-header container s-lib-side-borders"
|
||||||
</div>
|
>
|
||||||
<h1 id="s-lib-public-header-title">{{page_title}}
|
<div id="s-lib-bc">{{breadcrumbs}}</div>
|
||||||
</h1>
|
<h1 id="s-lib-public-header-title">{{page_title}}</h1>
|
||||||
<div id="s-lib-public-header-desc">{{page_description}}
|
<div id="s-lib-public-header-desc">{{page_description}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- END: Content Header -->
|
||||||
<!-- END: Content Header -->
|
<!-- BEGIN: Nav Bar -->
|
||||||
<!-- BEGIN: Nav Bar -->
|
<div id="s-lib-public-nav" class="container s-lib-side-borders">
|
||||||
<div id="s-lib-public-nav" class="container s-lib-side-borders">
|
{{page_nav}}
|
||||||
{{page_nav}}
|
</div>
|
||||||
</div>
|
<!-- END: Nav Bar -->
|
||||||
<!-- END: Nav Bar -->
|
<!-- BEGIN: content -->
|
||||||
<!-- BEGIN: content -->
|
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
|
||||||
<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>
|
<section>
|
||||||
<div id="s-lg-az-search-bar" class="row">
|
<div id="s-lg-az-filter-cols" class="row">
|
||||||
<div id="az-search-col-1" class="col-md-12 center">
|
<div id="col-subjects" class="col-md-4 center">
|
||||||
|
{{subject_list}}
|
||||||
</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>
|
</div>
|
||||||
<div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
|
<div id="col-types" class="col-md-4 center">{{type_list}}</div>
|
||||||
<button class="btn btn-default btn-sm popclose" type="button">Close</button>
|
<div id="col-vendors" class="col-md-4 center">
|
||||||
</div>
|
{{vendor_list}}
|
||||||
<div id="s-lib-scroll-top" title="Back to Top">
|
</div>
|
||||||
<span class="fa-stack fa-lg">
|
</div>
|
||||||
<i class="fa fa-square-o fa-stack-2x"></i>
|
</section>
|
||||||
<i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
|
</div>
|
||||||
</span>
|
<div id="s-lg-az-index" class="pad-right-sm">{{alpha_list}}</div>
|
||||||
</div>
|
<div id="s-lg-az-search-reset" class="pad-top-med pad-bottom-med">
|
||||||
<!-- BEGIN: Custom Footer -->
|
{{search_reset}}
|
||||||
{{public_footer}}
|
</div>
|
||||||
<!-- END: Custom Footer -->
|
<div id="s-lg-az-content" class="pad-right-sm pad-top-med">
|
||||||
</body>
|
<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">
|
<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>
|
</div>
|
||||||
|
|||||||
+99
-100
@@ -1,135 +1,134 @@
|
|||||||
<style>
|
<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 */
|
/* Make the badges KBCC blue so they doesn't clash
|
||||||
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 {
|
.s-lg-az-result-badge-new, .s-lg-az-result-badge-popular, .s-lg-az-result-badge-featured {
|
||||||
background-color:#003466;
|
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 */
|
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 {
|
.s-lg-hp-btn-section,
|
||||||
background-color:#003466;
|
.s-lg-hp-btn-section:hover,
|
||||||
border:1px solid #003466;
|
.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 */
|
/* temporary rule to keep non-working links to librarians pages from displaying on the guides -> course guides page */
|
||||||
.s-lg-guide-info-account {
|
.s-lg-guide-info-account {
|
||||||
display:none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* styling the header on the main page */
|
/* styling the header on the main page */
|
||||||
#s-lg-hp-nav {
|
#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: 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-color: #258;
|
||||||
background-size:100%;
|
background-size: 100%;
|
||||||
height:190px;
|
height: 190px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#s-lg-hp-nav-bottom {
|
#s-lg-hp-nav-bottom {
|
||||||
background-color:rgba(255,255,255,0.55);
|
background-color: rgba(255, 255, 255, 0.55);
|
||||||
border-radius:0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-spacer {
|
#nav-spacer {
|
||||||
height:55px;
|
height: 55px;
|
||||||
width:400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-title-spacer {
|
#nav-title-spacer {
|
||||||
height:42px;
|
height: 42px;
|
||||||
width:400px;
|
width: 400px;
|
||||||
padding:0px 0px 0px 20px;
|
padding: 0px 0px 0px 20px;
|
||||||
margin-bottom:10px;
|
margin-bottom: 10px;
|
||||||
background-color:rgba(0,0,0,0.65);
|
background-color: rgba(0, 0, 0, 0.65);
|
||||||
color:white;
|
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 {
|
h1 {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
#nav-title-spacer {
|
#nav-title-spacer {
|
||||||
width: inherit;
|
width: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Making the pills the right color */
|
/* Making the pills the right color */
|
||||||
|
|
||||||
a.label.label-info:hover {
|
a.label.label-info:hover {
|
||||||
background-color:#003466;
|
background-color: #003466;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-info {
|
.label-info {
|
||||||
background-color:#003466;
|
background-color: #003466;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* new nav pills styling (11/17/2016) */
|
/* new nav pills styling (11/17/2016) */
|
||||||
|
|
||||||
.s-lg-index-nav-btn.active > .btn {
|
.s-lg-index-nav-btn.active > .btn {
|
||||||
background-color:#003466;
|
background-color: #003466;
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-lg-index-nav-btn.active > .btn:focus {
|
.s-lg-index-nav-btn.active > .btn:focus {
|
||||||
background-color:#003466;
|
background-color: #003466;
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-lg-index-nav-btn.active > .btn:hover {
|
.s-lg-index-nav-btn.active > .btn:hover {
|
||||||
background-color:#003466;
|
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;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* not sure what these are for */
|
/* not sure what these are for */
|
||||||
#spacer {
|
#spacer {
|
||||||
height:30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#s-lib-bc {
|
#s-lib-bc {
|
||||||
clear:both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* alternate fonts included to accommodate computers that do not have the defaults */
|
/* alternate fonts included to accommodate computers that do not have the defaults */
|
||||||
body {
|
body {
|
||||||
font-family: arial, sans-serif;
|
font-family: arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* add a bit of space above the blue "Go To A-Z List" button on the LibGuides homepage*/
|
/* 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 {
|
a[href^="/az.php"].btn.btn-info.s-lg-hp-btn-section {
|
||||||
margin-top:9px;
|
margin-top: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* new banner 6/27/2021 */
|
/* new banner 6/27/2021 */
|
||||||
#bannercontainer {
|
#bannercontainer {
|
||||||
width: %100;
|
width: %100;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1px) {
|
@media only screen and (min-width: 1px) {
|
||||||
#newbanner {
|
#newbanner {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) {
|
|
||||||
#newbanner {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) {
|
||||||
|
#newbanner {
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user