Flat UI Panel

by ifinto

HTML

<link rel="stylesheet" href="http://designmodo.github.io/Flat-UI/dist/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="http://designmodo.github.io/Flat-UI/dist/css/flat-ui.css">
<script src="http://designmodo.github.io/Flat-UI/dist/js/vendor/jquery.min.js"></script>
<script src="http://designmodo.github.io/Flat-UI/dist/js/flat-ui.min.js"></script>
<script src="http://designmodo.github.io/Flat-UI/docs/assets/js/application.js"></script>
<div class="dropdown">
<a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown<b class="caret"></b></a>
<ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
</ul>
</div>

CSS

body {
    padding: 40px;
}

.open > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-top: 9px;
}

.dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
    transition: 0.5s;
}