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

/**
 * CSS Timeline
 */

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

.timeline {
	border: 1px solid #eee;

dziudek

/**
 * Hex image
 */

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

.hex {
	height: 448px;

dziudek

/**
 * Photo Stack with :hover animation
 */

figure.img {
	border: 1px solid #eee;
	background: #fff;
	padding: 10px;	
	float: left;
	margin: 20px;

dziudek

/**
 * Image styling - hexagon method 2.
 */
#wrap {
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 0 118px;
}
.img {

dziudek

/**
 * Image styling - octagon method 2.
 */
#wrap {
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 0 118px;
}
.img {

dziudek

/**
 * Image styling - octagon method 1.
 */
.row {
	display: block;
	clear: both;
}
.img {
	border: none;
	float:left;

dziudek

/**
 * Sexy CSS buttons
 */

/* additional styles */
hr {
	
	border: none;
	border-bottom: 2px solid #fafafa;
	border-top: 1px solid #dadada;

dziudek

/**
 * Text-shadow unfortunately doesn't work so good as the multi-layers layout
 */
body {
	background: #11A9E2;
	perspective: 600px;
}


#wrap {

dziudek

/**
 * 3D text
 */

body {
	perspective: 600px;
	width: 100%;
}

#wrap {