Skip to content

Instantly share code, notes, and snippets.

@krutz27
krutz27 / new_gist_file
Created October 23, 2013 05:52
ios 7 elements
/* 1px hairline, using a GIF */
background: repeat-x bottom left
url(data:image/gif;base64,R0lGODlhAQACAPABAMjHzP///yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAAAQACAAACAgwKADs=);
background-size: 100% 1px;
background: -webkit-linear-gradient(0deg, #be0344, #be0344 0.88%,
rgba(229, 70, 127, 0.91) 0.881%, #e5467f);
font-weight:300 or 500;
<div class="span6">
<h5>Poll: Where do you usually browse</h5>
<strong>Windows PC</strong><span class="pull-right">30%</span>
<div class="progress progress-danger active">
<div class="bar" style="width: 30%;"></div>
</div>
<strong>Mac</strong><span class="pull-right">40%</span>
<div class="progress progress-info active">
<div class="bar" style="width: 40%;"></div>
</div>
<div class="span6">
<h5>Poll: Where do you usually browse</h5>
<strong>Windows PC</strong><span class="pull-right">30%</span>
<div class="progress progress-danger active">
<div class="bar" style="width: 30%;"></div>
</div>
<strong>Mac</strong><span class="pull-right">40%</span>
<div class="progress progress-info active">
<div class="bar" style="width: 40%;"></div>
</div>
<div class="container">
<form>
<div class="row-fluid clearfix">
<h4 class="float-l"><i class="icon-asterisk icon-large"></i> Order Details</h4>
<ul class="nav nav-tabs">
<li class="active"><a href="#">General Information</a></li>
<li><a href="#">Tab 2</a></li>
<li><a href="#">Tab 3</a> </li>
<li><a href="#">Tab 4</a></li>
</ul>
<div class="container">
<h1>Bootstrap and Isotope</h1>
<div id="posts" class="row">
<div id="1" class="post item span3">
<div class="well">
<h4>
<a href="#" target="_blank">Bootstrap</a>
</h4>
<img class="thumbnail" src="//lorempixel.com/150/180">
<div class="info">
<div class="container">
<h1>Bootstrap and Isotope</h1>
<div id="posts" class="row">
<div id="1" class="post item span3">
<div class="well">
<h4>
<a href="#" target="_blank">Bootstrap</a>
</h4>
<img class="thumbnail" src="//lorempixel.com/150/180">
<div class="info">
<div class="row-fluid">
<p class="lead well">
This page is both a demonstration of the accordion wizard and instructions. Click the buttons and links to see the wizard in action, or view the source to see a complete implementation. Full details, including API documentation and full source code, are available on <a href="https://github.com/sathomas/acc-wizard">GitHub</a>.
</p>
</div>
<div class="row-fluid acc-wizard">
<div class="span3" style="padding-left: 2em;">
<p style="margin-bottom: 2em;">
Follow the steps below to follow the workflow / wizard.
</p>
<div class="col-md-2"></div><!-- Begin Navbar -->
<div class="navbar navbar-static">
<div class="navbar-header">
<a class="navbar-brand" href="http://www.bootply.com" target="ext"><b>Bootply</b></a>
<a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="glyphicon glyphicon-chevron-down"></span>
</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<!-- Begin Navbar -->
<div class="navbar navbar-static">
<div class="container">
<a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="glyphicon glyphicon-chevron-down"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Project name</a>
<div class="btn-group pull-right">