first new working footer

This commit is contained in:
Mark Eaton
2021-03-10 15:53:32 -05:00
parent b40087ba54
commit 7c90661d38
2 changed files with 80 additions and 12 deletions
@@ -232,17 +232,68 @@ a.no-underline {
margin: -15px 0px;
}
/* style footer */
#orange-line {
height:10px;
background-color: #ff4e00;
}
#main-blue-footer {
background-color: #003466;
color: white;
padding: 30px;
}
.whiteahrefs a:link, .whiteahrefs a:hover, .whiteahrefs a:visited, .whiteahrefs a:active {
color: white;
text-decoration:none;
}
.whiteahrefs {
margin-top: 10px;
}
#lighthouse-logo > img {
max-width: 300px;
}
/* media queries */
@media only screen and (min-width: 992px) {
.form-width {
width: 350px;
}
#cuny-logo {
float: right;
}
.library-address {
display: inline-block;
margin: 30px;
font-size: 1.1em;
vertical-align: -40px;
}
#lighthouse-logo {
display: inline-block;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.form-width {
width: 220px;
}
#cuny-logo {
float: right;
}
.library-address {
display: inline-block;
margin: 30px;
font-size: 1.1em;
vertical-align: -40px;
}
#lighthouse-logo {
display: inline-block;
}
}
@media only screen and (max-width: 767px) {
@@ -258,6 +309,15 @@ a.no-underline {
#onesearch-header {
font-size: 5em;
}
#main-blue-footer {
min-height: 500px;
}
.library-address {
float: left;
}
#cuny-logo {
float: left;
}
}
/*!
+20 -12
View File
@@ -430,18 +430,26 @@
<div class="container-fluid">
<div class="row">
<!-- 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 id="orange-line"></div>
<div id="main-blue-footer">
<div id="lighthouse-logo">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/KCC-lighthouse.png" />
</div>
<div class="library-address">
<div>
<strong>Robert J. Kibbee Library</strong><br />
2001 Oriental Blvd<br />
Brooklyn, NY, 11209<br />
718-368-5632
</div>
<div class="whiteahrefs">
<a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a><br />
<a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a>
</div>
</div>
<div id="cuny-logo">
<img src="https://libapps.s3.amazonaws.com/accounts/16298/images/CUNYlogo-white.png" />
</div>
</div>
<!-- END: Page Footer -->
</div>