Skip to content

Instantly share code, notes, and snippets.

@andrewdh
andrewdh / dabblet.css
Created July 18, 2012 14:21
CSS Dropdown Menu
/**
* 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
andrewdh / dabblet.css
Created July 18, 2012 11:27
Fluid column layout with fixed pixel margins between them.
/**
* Fluid column layout with fixed pixel margins between them.
*/
.container {
width:50%;
height:10em;
padding-left:20px
}
@andrewdh
andrewdh / dabblet.css
Created July 16, 2012 23:10
Drop-Cap Cross Browser Test
/**
* 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
andrewdh / dabblet.css
Created July 16, 2012 12:39
Header Underline Reduced Case
/**
* Header Underline Reduced Case
*/
body {
font-family:Arial, sans-serif;
}
.title {
font-size: 3rem;
@andrewdh
andrewdh / dabblet.css
Created July 12, 2012 23:20
Header Underline Experiment
/**
* Header Underline Experiment
*/
body {
margin: 0;
font: 1rem/1 Arial, sans-serif;
}
.test {
@andrewdh
andrewdh / dabblet.css
Created June 25, 2012 22:38
A "deeper" indented text effect with the :before and :after pseudo-elements.
/**
* A "deeper" indented text effect with the :before and :after pseudo-elements.
*/
html, body {
height: 100%;
}
body {
margin: 0;
background: #fff;
overflow: hidden;
@andrewdh
andrewdh / Javascript
Created February 10, 2012 22:04
Colour Picker PHP
jQuery(document).ready(function($) {
$('.colorpicker').hide();
$('.colorpicker').farbtastic('.color');
$('.color').click(function() {
$('.colorpicker').fadeIn();
});
$(document).mousedown(function() {
$('.colorpicker').each(function() {