jdsteinbach

/*
Pointing boxes, ice cream cone
*/

div{
	width:400px;
	margin:40px auto;
	box-shadow: 5px 5x 0px 0px #000;
}
.commentbox{

jdsteinbach

/**
 * Short Text
 */
body{
background:#fff;
}
.shortText{
width:50%;
margin:0px auto;
font-family:"Century Gothic",Helvetica,sans-serif;

jdsteinbach

/**
 * Vertical centering with Flexbox + margin fallback
 * Lea Verou & David Storey
 */

html, body { height: 100%; }

body {
	width: 100%; /* needed for FF */
	margin: 0;

jdsteinbach

/*
Testing Gradient Fade 
*/
body{
	background:#000;
	margin:0;
	padding:0;
	color:#eee;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;

jdsteinbach

/* Accordian */
body {
	background: #eee;
	font-family: "Gill Sans MT", sans-serif;
}
#container { 
	background: transparent; 
	width: 500px; 
	margin: 25px auto;
}

jdsteinbach

/**
WordArt TTT */

body {
background: #fff;
min-height: 100%;
}
#title {
font-family: "Lobster Two",cursive;
font-weight: bold;

jdsteinbach

/* 
border-top + box-shadow for content divider with depth illusion
*/
* {
	font-family: "Myriad Pro",Helvetica,sans-serif;
}
body {
	background: #aaa;
}
#container {

jdsteinbach

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

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

jdsteinbach

<div class="eight-box">
  <div class="fig-8 col-1 pos-1">1</div>
  <div class="fig-8 col-2 pos-2">2</div>
  <div class="fig-8 col-3 pos-3">3</div>
  <div class="fig-8 col-4 pos-4">4</div>
  <div class="fig-8 col-5 pos-5">5</div>
  <div class="fig-8 col-6 pos-6">6</div>
  <div class="fig-8 col-7 pos-7">7</div>
  <div class="fig-8 col-8 pos-8">8</div>
  <div class="fig-8 col-9 pos-9">9</div>

jdsteinbach

<h1 class="page-title">Page Title</h1>