Metro Bootstrap

HTML

<link rel="stylesheet" href="//cdn.rawgit.com/TalksLab/metro-bootstrap/master/dist/css/metro-bootstrap.min.css">
<div class="double-vertical ol-transparent bg-white  ng-scope" style="float:left;margin:5px 5px 5px 5px;width:100%;border:1px;height:auto;box-shadow:2px 2px 2px 2px #e8e8e8;border-radius:5px">
<div class="tile-content">
    <div class="panel no-border">
        <!--	<div class="bg-white text-left" style="padding:10px 10px;color:#323641;font-weight:400;font-size:12px;" >As of: <small>Jun 22,2014</small></div>-->
        <div class="panel-header fg-black bg-white" style="padding:10px 15px 0px 15px;border-bottom:#bbb solid 1px;color:#323641;font-size:18px;background-color: rgb(244, 244, 244);">
            <p class="item-title">Credit score</p>
        </div>
        <div class="panel-content fg-dark nrp nlp no-padding">
            <div class="grid fluid">
                <div class="row no-margin">
                    <div class="span8">
                        <div rng-gauge="creditReport.creditScore" class="ng-isolate-scope" style=";width:170px; height:135px;margin-top:-20px" id="gauge_1"><svg height="100%" version="1.1" width="100%" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; top: -0.328125px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.1.0</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><filter id="gauge_1-inner-shadow"><feOffset dx="0" dy="3"></feOffset><feGaussianBlur result="offset-blur" stdDeviation="4"></feGaussianBlur><feComposite operator="out" in="SourceGraphic" in2="offset-blur" result="inverse"></feComposite><feFlood flood-color="black" flood-opacity="0.2" result="color"></feFlood><feComposite operator="in" in="color" in2="inverse" result="shadow"></feComposite><feComposite operator="over" in="shadow" in2="SourceGraphic"></feComposite></filter></defs><path fill="#edebeb" stroke="none"...

CSS

#main {
  margin-top: 20px;
}