This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Corner Ribbon - http://jsfiddle.net/chriscoyier/H6rQ6/1/ | |
*/ | |
.wrapper { | |
margin: 50px auto; | |
width: 280px; | |
height: 370px; | |
background: white; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Tumblr-ish | |
*/ | |
* { box-sizing: border-box; } | |
html { | |
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
font-size: 14px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Hello Dribbble! | |
*/ | |
* { box-sizing: border-box; } | |
html { | |
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
background: #fff; | |
min-height:100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* 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%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
body { background: #fff; height: 100%; } | |
.icon { | |
position: absolute; | |
top: 50%; | |
left: 50%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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 { |
NewerOlder