Skip to content

Instantly share code, notes, and snippets.

@procload
Created September 23, 2013 19:23
Show Gist options
  • Save procload/6675576 to your computer and use it in GitHub Desktop.
Save procload/6675576 to your computer and use it in GitHub Desktop.
Hyatt responsive Book It/Review It stuff...
<style type="text/css">
.quick-book-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 60px;
border-top: 1px solid rgba(0,0,0,.6);
width: 100%;
z-index: 99999;
}
.quick-book-nav a {
display: inline-block;
box-sizing: border-box;
background: rgba(0,0,0,.9);
color: #FFF;
float: left;
width: 50%;
font-size: 16px;
line-height: 60px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
transition: all .3s linear;
box-shadow: rgba(0,0,0,1) 1px 0 0;
border-right: 1px solid rgba(255,255,255,.08);
}
.quick-book-nav a:hover {
background: rgba(255,255,255,.9);
color: #333;
}
.clear {
clear: both;
}
@media (min-width: 500px) {
.quick-book-nav {
display: none;
}
}
</style>
<nav class="quick-book-nav">
<a href="#" class="book-it">Book it</a>
<a href="#" class="review-it">Review it</a>
<div class="clear"></div>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment