Skip to content

Instantly share code, notes, and snippets.

@innovationhero
innovationhero / dabblet.css
Created July 12, 2012 19:44
start of my textbox sticker
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
font:20px 'Gloria Hallelujah', cursive;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
#notes li {
position: relative;
width: 300px;
min-height: 100px;
margin: 25px auto;
padding: 60px 15px 15px 15px;
-webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 12px rgba(0,0,0,.5);
box-shadow: 0 1px 2px #000;
@innovationhero
innovationhero / dabblet.css
Created July 12, 2012 21:23
start of my textbox sticker
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
font:20px 'Gloria Hallelujah', cursive;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
@innovationhero
innovationhero / dabblet.css
Created July 12, 2012 21:23
start of my textbox sticker
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
font:20px 'Gloria Hallelujah', cursive;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
@innovationhero
innovationhero / dabblet.css
Created July 12, 2012 21:23
start of my textbox sticker
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
font:20px 'Gloria Hallelujah', cursive;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
@innovationhero
innovationhero / dabblet.css
Created July 12, 2012 21:23
missing after & before
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
@innovationhero
innovationhero / dabblet.css
Created July 13, 2012 11:06
missing after & before
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
@innovationhero
innovationhero / dabblet.css
Created July 13, 2012 11:06
missing after & before
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
textbox
{
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
body { padding:20px 0 30px; font:14px/1.5 Arial, sans-serif; text-align:center; color:#333; background:#FAF0D9; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:#FAF0D9; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */
.drop-shadow { position:relative; float:left; width:40%; padding:1em; margin:2em 10px 4em; background:#fff; -web
/* rotated http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
body { padding:20px 0 30px; font: 20px 'Gloria Hallelujah', cursive; ;
text-align:center; color:#333; background:white; }
a { font-weight:bold; color:#346AA8; }
a:hover, a:focus, a:active { text-decoration:none; }
.container { position:relative; z-index:1; width:600px; padding:20px; margin:0 auto; background:white; }
.container:after { content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
/* Shared styles */