Instagram

dabblet.css

/**
 * Instagram
 */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

img {
	max-width: 100%;
	display: block;
}

.cf {
	overflow: hidden;
	*overflow: visible;
	zoom: 1;
}

html, body {
	height: 100%;
}

body {
	font: 100%/1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
	background-color: #222222;
	background-image: url(http://subtlepatterns.com/patterns/cartographer.png);
	color: #222;
	-webkit-font-smoothing: antialiased;
}

.wrap {
	text-align: center;
	height: 100%;
}

	.wrap:before  {		content:'';
		height: 100%;
		display: inline-block;
		vertical-align: middle;
		margin-right: -.25em;
	}

.module {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
}

.img {
	border: 4px solid #f7f7f7;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.2);
}

.nav {
	list-style: none;
}

	.nav li, .nav a {
		display: inline-block;
		margin-left: -.24em;
	}

.mini-profile {
	max-height: 220px;
	overflow-y: scroll;
	box-shadow: 0 5px 10px rgba(0,0,0,.6);
}

.card {
	background-image: url(http://distilleryimage11.s3.amazonaws.com/c0f7e9863e3211e2b41b22000a1f9a15_7.jpg);
	background-size: cover;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 0 0 1px rgba(0,0,0,.2);
	padding: 24px 24px 72px;
	padding: 1.5rem 1.5rem 3rem;
}

	.full-name {
		display: block;
		color:#fff;
		font-weight: 700;
		text-decoration: none;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.3333;
		margin-bottom: 12px;
		margin-bottom: .75rem;
	}
	
		.screen-name {
			display: block;
			opacity: .9;
		}
		
.meta {
	background-color: #e5e5e5;
	box-shadow: inset 0 1px rgba(255,255,255,.2), 0 -2px 2px rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.1);
}

	.meta li {
		width: 33.3%;
		padding: .75rem;
		vertical-align: bottom;
		line-height: 1.1;
		text-shadow: 0 1px rgba(255,255,255,.3);
	}
	
		.count {
			font-weight: 700;
		}
		
		.label {
			display: block;
			text-transform: uppercase;
			font-size: 11px;
			font-size: 0.6875rem;
			color: rgba(0,0,0,.3);
		}
		
		.avatar {
			margin-top: -4.5rem;
		}
		
.stream {
	background-color: #e5e5e5;
	padding-top: .5rem;
	box-shadow: inset 0 1px rgba(255,255,255,.3);
}

	.photos li {
		width: 47%;
		padding: .375rem .5rem;
	}

dabblet.html

<div class="wrap">
	<div class="module cf mini-profile">
		<div class="profile cf">
			<div class="card">
				<a title="View profile" href="http://instagram.com/_dte" class="full-name">Dan Eden <small class="screen-name secondary">_dte</small></a>
			</div>
			<ul class="meta nav">
				<li>
					<span class="count">728</span> <b class="label">Photos</b>
				</li>
				<li>				
					<a class="avatar" href="http://instagram.com/_dte">
						<img class="img" src="http://images.instagram.com/profiles/profile_276557_75sq_1353404331.jpg">
					</a>
				</li>
				<li>
					<span class="count">469</span> <b class="label">Followers</b>
					
				</li>
			</ul>
		</div>
		<div class="stream">
			<ol class="nav photos">
				<li><a href="http://instagram.com/p/S0ms11GFr7/"><img class="img" src="http://distilleryimage11.s3.amazonaws.com/c0f7e9863e3211e2b41b22000a1f9a15_7.jpg"></a></li>
				<li><a href="http://instagram.com/p/Sxa8ObGFni/"><img class="img" src="http://distilleryimage2.s3.amazonaws.com/061679643d3a11e2a9ed22000a1fb773_7.jpg"></a></li>
				<li><a href="http://instagram.com/p/SvhSp0mFu0/"><img class="img" src="http://distilleryimage8.s3.amazonaws.com/8698db623ca511e2aaec22000a1faf7c_7.jpg"></a></li>
				<li><a href="http://instagram.com/p/SvgCzqmFtj/"><img class="img" src="http://distilleryimage3.s3.amazonaws.com/00b97d363ca411e2a82b22000a9f1408_7.jpg"></a></li>
				<li><a href="http://instagram.com/p/SvfLXTGFsh/"><img class="img" src="http://distilleryimage9.s3.amazonaws.com/f20112823ca211e282e122000a1f9aae_7.jpg"></a></li>
				<li><a href="http://instagram.com/p/SvfAgMmFsX/"><img class="img" src="http://distilleryimage7.s3.amazonaws.com/bcf8a0463ca211e28eb922000a1fbc88_7.jpg"></a></li>			
			</ol>
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}