andrewdh

jQuery(document).ready(function($) {
    $('.colorpicker').hide();
    $('.colorpicker').farbtastic('.color');

    $('.color').click(function() {
        $('.colorpicker').fadeIn();
    });

    $(document).mousedown(function() {
        $('.colorpicker').each(function() {

andrewdh

/**
 * A "deeper" indented text effect with the :before and :after pseudo-elements.
 */
html, body {
    height: 100%;
}
body {
    margin: 0;
    background: #fff;
    overflow: hidden;

andrewdh

/**
 * Header Underline Experiment
 */
 
 body {
 	margin: 0;
 	font: 1rem/1 Arial, sans-serif;
 }

.test {

andrewdh

/**
 * Header Underline Reduced Case
 */
 
 body {
 	font-family:Arial, sans-serif;
 }

.title {
	font-size: 3rem;

andrewdh

/**
 * Drop-Cap Cross Browser Test
 */

/* Baseline Grid */
body {
	background: linear-gradient(90deg, hsla(0,0%,55%,.5) 1px, transparent 1px);
	background-size: 24px 24px;
}

andrewdh

/**
 * Fluid column layout with fixed pixel margins between them.
 */

.container {
	width:50%;
	height:10em;
	padding-left:20px
}

andrewdh

/**
 * CSS Dropdown Menu
 * http://stackoverflow.com/questions/11540268/prevent-wrapping-of-menu-item
 */

#cssmenu { 
	height: 70px; 
	background-color: #6699CC; 
	box-shadow: 0px 2px 3px rgba(0,0,0,.4); 
}

andrewdh

/**
 * Abstract Border Radius Shapes
 */

.shape {
	background-color: hsla(50,100%,50%,1);
	width: 10%;
	height: 7em;
	margin: 2em auto;
	border-radius: 90% 10% 90% 10% / 50% 10% 50% 10%;

andrewdh

/**
 * Site Nav Idea
 */
body { font:1em/1.5 Georgia, serif; }
.nav { margin-left: 0; list-style: none; }
.nav li { display: inline; }
.nav a { display: inline-block; text-decoration: none; }
.dropdown { position: absolute; visibility: hidden; }

.site-nav > li {

andrewdh

/**
 * Animated CSS hover effect

Replicate:
http://www.vanschneider.com/ */

body {
	background-color: #000;
}