afraser

/**
 * Toggle switch
 */
*{
  box-sizing: border-box;
}
input, textarea{
  box-sizing: content-box;
}
body{

afraser

/**
*   ribbon banner
*/
body{
	background: #333;
	padding: 35px 0 0;
	position: relative;
}
.ribbon {

afraser

/* Boundless Plus v2 layout - Hodgie */
html {
	height: 100%;
	max-height: 100%;
}
body {
 	margin: 0;
 	background-color: #333;
	height: 100%;
	max-height: 100%;

afraser

/* Boundless Plus v2 layout - Hodgie */
html {
	height: 100%;
	max-height: 100%;
}
body {
 	margin: 0;
 	background-color: #333;
	height: 100%;
	max-height: 100%;

afraser

/* Boundless Plus v2 layout */
body {
 	margin: 0;
 	background-color: #333;
	height: 100%;
	max-height: 100%;
}
header{
	height: 100%;
	max-height: 100%;

afraser

/* Boundless Plus v2 layout _2*/
body {
 	margin: 0;
}
header{
	height: 100%;
	position: fixed;
	background-color: #333;
	width: 150px;
	color: white;

afraser

/* Boundless Plus v2 layout */
body {
 	margin: 0;
}
header{
	height: 100%;
	position: fixed;
	background-color: #333;
	width: 150px;
	color: white;

afraser

/*Sexy paper shadow*/
.post {
   position:relative;
   
   width: 500px;
   height: 400px;
   background-color: #ECEAe2;
   padding: 30px;
   width: 500px;
   height: 100px;

afraser

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

body{
	background: #f06;
	background: linear-gradient(0deg, #f06, yellow);
	min-height:100%;
}
/*Note that the styles here are using 

afraser

/* Fold/Unfold animation
Now with gradients and expanding container!
*/
body { margin-top: 200px; }

@keyframes topfold {
  0%  {
    transform: rotateX(0deg);
  }
  50%  {