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; 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 queries */
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.form-width { .form-width {
width: 350px; 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) { @media only screen and (min-width: 768px) and (max-width: 991px) {
.form-width { .form-width {
width: 220px; 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) { @media only screen and (max-width: 767px) {
@@ -258,6 +309,15 @@ a.no-underline {
#onesearch-header { #onesearch-header {
font-size: 5em; 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="container-fluid">
<div class="row"> <div class="row">
<!-- BEGIN: Page Footer --> <!-- BEGIN: Page Footer -->
<div style="height:10px; background-color:#ff4e00"></div> <div id="orange-line"></div>
<div style="height:50px; background-color:#003466; color:white; padding:5px 20px 0px 20px"> <div id="main-blue-footer">
<span> <div id="lighthouse-logo">
Robert J. Kibbee Library, 2001 Oriental Blvd, Brooklyn, NY, 11235<br> <img src="https://libapps.s3.amazonaws.com/accounts/16298/images/KCC-lighthouse.png" />
</span> </div>
<span style="float:right" class="whiteahrefs"> <div class="library-address">
<a href="https://kbcc-cuny.libapps.com/libapps/login.php?site_id=2365">Login to LibApps</a> <div>
</span> <strong>Robert J. Kibbee Library</strong><br />
<span style="clear:both" class="whiteahrefs"> 2001 Oriental Blvd<br />
718-368-5632 | <a href="mailto:reference.desk@kbcc.cuny.edu">reference.desk@kbcc.cuny.edu</a> | Brooklyn, NY, 11209<br />
<a href="https://www.twitter.com/kbcclibrary">@kbcclibrary</a> 718-368-5632
</span> </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> </div>
<!-- END: Page Footer --> <!-- END: Page Footer -->
</div> </div>