daneden

/* HTML5 Video with flash fallback */

daneden

/**
 * Slider
 */
 
 * {
 margin: 0;
 padding: 0;
 }
 
html {

daneden

/**
 * Gradient Text with webkit quarantine
 */

h1 {
	font-size: 5em;
	text-align: center;
	color: #222;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;

daneden

/**
 * Picture frame
 */
 
 * {
 margin: 0;
 padding: 0;
 }
 
html {

daneden

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

html {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAVUlEQVQYGV2OgQ0AIQgDu4ZzMKBDMSBPeTEVEyQEri0AWESAlW9nLZm9F8alLFbOXlB9P6lK3krZH5JKRR6QSsNzZpJLJW+mDnk9ZyZaKEnPzaNzaB+YaWuR6GfrqQAAAABJRU5ErkJggg==),
	linear-gradient(#456,#123);
	min-height: 100%;

daneden

/* Transition aliasing bug */

body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
}

div {
	width: 100px;
	height: 100px;

daneden

/* Transition aliasing bug - with font-smoothing fix */

body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
}

div {
	width: 100px;

daneden

/* Transition aliasing bug - with 3D transform fix */

body {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
	transform: translate3d(0,0,0);
}

div {
	width: 100px;

daneden

/* CSS map pins */

body {
text-align: center;
margin: 80px;
background: #eee;
}

.pin.a {
	display: inline-block;

daneden

/* Gloss layer style */

.demo {
	background: #000;
	width: 200px;
	height: 200px;
	position: relative;
}

.gloss:after {