dziudek

/**
 * Hex image
 */

body {
	background: url('http://subtlepatterns.com/patterns/gridme.png');
}

.hex {
	height: 448px;

dziudek

/**
 * CSS Timeline
 */

body {
	font-family: Arial, sans-serif;
}

.timeline {
	border: 1px solid #eee;

dziudek

/**
 * Button double border styling without any additional containers.
 */

.btn {
	display: inline-block;
	background: #aaa;
	background-clip: content-box;
	border: 2px solid #aaa;
	border-radius: 3px;

dziudek

/**
 * Button double border styling without any additional containers.
 */

.btn {
	display: inline-block;
	background: #aaa;
	background-clip: content-box;
	border: 2px solid #aaa;
	border-radius: 3px;

dziudek

/**
 * Image always centered vertically and horizontally
 */

div#main {
	border: 2px solid #aaa;
	display: table;
	width: 100%;
	height: 300px;
}

dziudek

/**
 * Image always centered vertically and horizontally
 */

div#main {
	border: 2px solid #aaa;
	display: table;
	width: 100%;
	height: 300px;
}

dziudek

/**
 * Scalable photo scroll
 */

section {
	border: 1px solid #aaa;
	width: 600px;
	max-width: 100%;
}

dziudek

/**
 * Fast CSS tooltips without any JavaScript and with semantic dfn element use ;)
 */

a.tooltip {
	position: relative;
}

a.tooltip dfn {
	position: absolute;

dziudek

/**
 * Image :hover effect
 */

figure {
	background: #eee;
	border: 3px solid #aaa;
	display: block;
	float:left;
	overflow: hidden;

dziudek

/**
 * Image :hover effect
 */

figure {
	background: #eee;
	border: 3px solid #aaa;
	display: block;
	float:left;
	overflow: hidden;