maxhoffmann

/* CSS3 Transitions */

div {
 width: 200px;
 height: 200px;
 padding-top: 85px;
 margin: 20px;
 background: RoyalBlue;
 box-sizing: border-box;

maxhoffmann

/* CSS3 Box Sizing */

.box {
  height: 200px;
  width: 200px;
  background: blue;
  color: white;
  padding: 20px;
  box-sizing: border-box;
}

maxhoffmann

/**
 * CSS3 Border-Radius with Border - Circle Avatars
 */
 
/* General Styles */

body {  background: url(http://subtlepatterns.com/patterns/white_texture.png);
	font: 400 14px sans-serif;
	color: #666777; text-shadow: 0 1px white;
	text-align: center;

maxhoffmann

/**
 * Flipboard Page 3D
 */

body {
  background: #eee;
}

.container {
  position: relative;

maxhoffmann

{
	// Enforcing
	"bitwise": true,
	"camelcase": false,
	"eqeqeq": true,
	"forin": false,
	"immed": false,
	"latedef": false,
	"newcap": false,
	"noarg": true,

maxhoffmann

/**
 * Perfect Page Layout
 */

* {
  box-sizing: border-box;
}

html {
  margin: 0;

maxhoffmann

/* Gradient Box Shadow */

body {
  font: 16px/24px Helvetica Neue, Helvetica, sans-serif;
  color: hsl(210, 8%, 55%);
  background-color: hsl(210,10%,95%);
  text-shadow: 0 1px 0 white;
  -webkit-font-smoothing: antialiased;
}

maxhoffmann

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

.segoe {
  font-family: "Segoe UI", sans-serif;
}

h1 {
  font-family: sans-serif;

maxhoffmann

/**
 * Micro Clearfix IE8+ 
 */
 
.bg {
  background: red;
}
.cf:after{
  content: "";
  display: table;

maxhoffmann

/**
 * _nav without clearfix
 */
 
.nav{
  list-style:none;
  margin-left:0;
}

.nav > li,