Skip to content

Instantly share code, notes, and snippets.

@davidmerrique
davidmerrique / dabblet.css
Created February 23, 2012 22:41
Paper Stack
/**
* Paper Stack
*/
* { box-sizing: border-box; }
a { text-decoration: none; color: #AC190C; }
body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background: url("http://subtlepatterns.com/patterns/wood_pattern.png");
background-color: #fff;
/**
* Corner Ribbon - http://jsfiddle.net/chriscoyier/H6rQ6/1/
*/
.wrapper {
margin: 50px auto;
width: 280px;
height: 370px;
background: white;
@davidmerrique
davidmerrique / dabblet.css
Created February 4, 2012 21:28
Tumblr-ish
/**
* Tumblr-ish
*/
* { box-sizing: border-box; }
html {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
@davidmerrique
davidmerrique / dabblet.css
Created February 4, 2012 16:02
Hello Dribbble!
/**
* Hello Dribbble!
*/
* { box-sizing: border-box; }
html {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
background: #fff;
min-height:100%;
@davidmerrique
davidmerrique / dabblet.css
Created January 27, 2012 04:54
Radial Gradients - David Merrique
/**
* Radial Gradients - David Merrique
*/
body {
background: #fff;
min-height:100%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
padding-top: 140px;
text-align: center;
@davidmerrique
davidmerrique / dabblet.css
Created January 25, 2012 16:49
Path Icon Hover - Thanks to Dan Eden
/**
* Path Icon Hover - Thanks to Dan Eden
* Original here: http://dabblet.com/gist/1670215
*
* Dan did a great job emulating the Path icon, so I tried to emulate it without peeking at his code too much.
*/
body {
background: #636864;
height: 100%;
@davidmerrique
davidmerrique / dabblet.css
Created January 25, 2012 15:48
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body { background: #fff; height: 100%; }
.icon {
position: absolute;
top: 50%;
left: 50%;
@davidmerrique
davidmerrique / ios-test.css
Created January 13, 2012 20:50 — forked from tonywok/ios-test.css
iOS Media Queries
// iOS Media Queries
// Goal: capture styles for iPhone, iPhone 3G, iPhone 3GS, iPhone 4, iPhone 4S, iPad, and iPad 2
//
// Author: Tony Schneider (@tonywok)
// Please tell me where I fail. :)
// iPhone v(4,4S) portrait
// test: black text (overwritten by v* portrait) with blue background
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
a {