dziudek

/**
 * CSS arrow
 */

body {
	background: #4546da;
}

.arrow {
	background: #fff;

dziudek

/**
 * Simple animated CSS3 switcher
 */

label {
	display: inline-block;
	line-height: 24px;
}
.switcher {
	display: inline-block;

dziudek

/**
 * The first commented line is your dabblet’s title
 */

.circle {
	background: #fff;
	margin: 50px 25px;
	width: 24px;
	height: 24px;
	border: 12px solid #f55;

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;

dziudek

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

a.tooltip {
	position: relative;
}

a.tooltip dfn {
	position: absolute;

dziudek

/**
 * Scalable photo scroll
 */

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

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

/**
 * 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;