Grawl

<?php if (!defined('APPLICATION')) exit();
/*
Copyright 2008, 2009 Vanilla Forums Inc.
This file is part of Garden.
Garden is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
Garden is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with Garden.  If not, see <http://www.gnu.org/licenses/>.
Contact Vanilla Forums Inc. at support [at] vanillaforums [dot] com
*/
 

Grawl

/**
 * CSS triangle with border
 */

body {
    padding: 10px 30px;
}
div {
    background: white;
    border: 1px solid #666666;

Grawl

/* Centered heading with rules*/
/*General:*/
h1 {
	position: relative;
	overflow: hidden;
	text-align: center;
	}
h1:before,
h1:after {
	content: "";

Grawl

/**
 * Centering in the unknown
 */
/* Functionality */
.block {
	text-align: center;
	}
.block::before {
	content: '';
	display: inline-block;

Grawl

/**
 * CSS3 abuse for all outdated browsers
 */


@font-face {
    font-family: light;
    font-weight: 300;
    src: url('http://shitfonts.bplaced.net/wordpress/wp-content/uploads/HelveticaNeue-Thin.ttf');
    }

Grawl

/**
 * Path app copycat v2
 */


/* Basics */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: .5em;
    }

Grawl

/**
 * iOS-style checkbox
 */


h1{
    font-size:1.5em;
    text-align:center;
    margin-bottom:1em;
}

Grawl

/**
 * CSS triangle with border
 */
html,
body {
	height: 100%;
}
body {
	padding: 10px 30px 0;
	background: linear-gradient(45deg, pink , blue) 100% 100% no-repeat;

Grawl

/**
 * Stycky Footer
 */
/* code below of this comment does all work.
try to play with deleting one of this two characters → */
* {
	margin:0;
	padding:0;
}
html,

Grawl

/**
 * Layered Paper
 * http://css-tricks.com/snippets/css/layered-paper/
 */
.layered-paper {
	/* backgroundColor = hsl(0,0%,50%) */
	background: hsl(0,0%,93%); /* backgroundColor */
	box-shadow:
		0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */
		0 10px 0 -5px hsl(0,0%,93%), /* The second layer, backgroundColor */