"r3"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="billing-settings-panel"> <div class="panel panel-default "> <div class="panel-heading">Billing Settings <div class="pull-right"> <a href="/020-1145433/settings">View <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> </div> </div> <div class="panel-body"> <div class="overview-billing-threshold"> <section class="overview-panel-section"> <dl class=" m-b-n"> <dt>Billing Threshold Notification</dt> <dd> <div> <div>Not Set</div> </div> </dd> </dl> </section> </div> <hr> <section class="overview-panel-section"> <dl class=" m-b-n"> <dt>Receive Invoice By Email</dt> <dd> <div class="receive-invoice-info break-word"> <span class="invoice-not-set">Not Enrolled</span> </div> </dd> </dl> </section> <hr> <div class="overview-billing-address"> <section class="overview-panel-section"> <dl class=" m-b-n"> <dt>Billing Address</dt> <dd> <div class="billing-address-line1 break-word">1234 www Dr</div> <div class="billing-city-state-zip break-word">eee, California 95409</div> <div class="break-word">United States</div> </dd> </dl> </section> </div> <hr> <div class="overview-primary-address"> <section class="overview-panel-section"> <dl class=" m-b-n"> <dt>Primary Address</dt> <dd> <div class="primary-address-line1 break-word">1234 www Dr</div> <div class="primary-city-state-zip break-word">eee, California 95409</div> <div class="break-word">United States</div> </dd> </dl> </section> </div> <hr> <section class="overview-panel-section"> <dl class=" m-b-n"> <dt>VAT Registration Number</dt> <dd> <div class="break-word">N/A</div> </dd> </dl> </section> </div> </div> </div>
/*! CSS Used from: https://mybill.rackspace.com/lib/bootstrap/dist/css/bootstrap.min.css */ section { display: block; } a { background-color: transparent; } a:active,a:hover { outline: 0; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } @media print { *,:after,:before { color: #000!important; text-shadow: none!important; background: 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; } a,a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { color: #337ab7; text-decoration: none; } a:focus,a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } dl { margin-top: 0; margin-bottom: 20px; } dd,dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-default { border-color: #ddd; } .panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-body:after,.panel-body:before { display: table; content: " "; } .panel-body:after { clear: both; } .pull-right { float: right!important; } /*! CSS Used from: https://mybill.rackspace.com/lib/font-awesome/css/font-awesome.min.css */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pull-right { float: right; } .fa-long-arrow-right:before { content: "\f178"; } /*! CSS Used from: Embedded */ .break-word { word-wrap: break-word; } a { color: #0c7c84; } a:focus,a:hover { color: #008085; text-decoration: underline; } .m-b-n { margin-bottom: 0; } dl dt { color: #707070; font-weight: 400; margin-bottom: 4px; } .panel { border-radius: 0; border-color: #e3e6e6; box-shadow: none; margin-bottom: 20px; width: 100%; transition: all .1s ease; } .panel .panel-heading { border-radius: 0; border-color: transparent; font-weight: 500; background-color: #e8eaea; color: #4f4e4e; } .panel .panel-heading a { font-weight: 300; } .panel .panel-body { padding: 16px; } .panel .panel-body hr { margin: 16px -16px; border-color: #e3e6e6; } /*! CSS Used fontfaces */ @font-face { font-family:'FontAwesome';src:url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://mybill.rackspace.com/lib/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal; }

Related: See More


Questions / Comments: