Tower 3.0 footer

footer with copyright and logo
This commit is contained in:
Jared Tabor 2015-11-04 14:24:09 -08:00
parent 45982e50e6
commit 0c6bb50dd4
2 changed files with 45 additions and 1 deletions

View File

@ -0,0 +1,37 @@
/** @define DashboardCounts */
.Footer {
height: 40px;
background-color: #d7d7d7;
color: #848992;
width: 100%;
z-index: 1040;
position: fixed;
right: 0;
left: 0;
bottom: 0;
}
.Footer-logo {
float: left;
height: 40px;
width: 250px;
}
.Footer-logoImage {
height: 40px;
width: 250px;
}
.Footer-copyright{
float: right;
font-size: 12px;
margin-right: 20px;
margin-top: 10px;
}
.Footer-link:hover{
color: #ffffff;
}
.Footer-link{
color: #848992;
}

View File

@ -247,7 +247,14 @@
</div>
-->
<div class="site-footer"></div>
<footer class='Footer'>
<a href="http://www.ansible.com" target="_blank">
<div class="Footer-logo">
<img id="footer-logo" alt="Red Hat, Inc. | Ansible, Inc." class="Footer-logoImage" src="/static/assets/footer-logo.png">
</div>
</a>
<div class="Footer-copyright">Copyright &copy 2015 <a class="Footer-link" href="http://www.redhat.com" target="_blank">Red Hat</a>, Inc. All Rights Reserved.</div>
</footer>
<script>
// HACK: Need this to support global-dependent