Foundation 5 Off Canvas Fixed tap bar

http://indreamhk.blogspot.com/2013/12/foundation-5-off-canvas.html

by liammccann1992

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/css/normalize.min.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/css/foundation.min.css">
<div class="container">
    <div class="content nobg">
        <div class="sideEffectBox text-center medium-6 columns">
            <div class="panel hlib"> <img src="http://upload.wikimedia.org/wikipedia/commons/2/24/Icon_Transparent_Loupe_256x256.png"/>
          
 <span class="linkText">Record Side Effects</span>

            </div>
        </div>
    </div>
</div>

CSS

.container .content .panel.hlib {
    background: #ECC100;
    border:none;
    text-align:center;
}

.sideEffectBox :active{
    background: pink;
}
.container .content .panel.hlib:active {
    background: pink;
    border:10px black solid;
}
.container .content .panel.hlib img {
    display: block;
    padding-bottom: 24px;
    height: 110px;
}
.container .content .panel.hlib .linkText {
    font-size: 20px;
    color: #605748;
    display: block;
    text-align: center;
}