Flat UI Panel

by gustavox

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="row">
            <div class="col-md-12">
                <div class="panel panel-info">
                    <div class="panel-heading" align="center">
                       Painel do vĂ­deo</div>
                <video class="video-js" preload="auto" poster="Flat-UI-master/docs/assets/img/video/poster.jpg" data-setup="{}">
                    <source src="http://iurevych.github.com/Flat-UI-videos/big_buck_bunny.mp4" type="video/mp4">
                    <source src="http://iurevych.github.com/Flat-UI-videos/big_buck_bunny.webm" type="video/webm">
                </video>
                        Esta margem/padding/we fora (ver classe video-js)
                    </div>
            </div>
            </div>

CSS

.panel-info > .panel-heading {

    background-color: #2d3f51;
    color: #FFFFFF;
}