Skip to content

Instantly share code, notes, and snippets.

@piatra
piatra / dabblet.css
Created January 13, 2012 08:47
Speech bubble
/*
Speech bubble
*/
body {
padding: 100px;
}
#speech_bubble {
background:#34c8f5;
@piatra
piatra / dabblet.css
Created February 1, 2012 15:24
smart use of css selectors
/**
* smart use of css selectors
*/
body {
background: #f06;
padding:100px;
}
.selector {
@piatra
piatra / dabblet.css
Created February 4, 2012 21:24
smart use of css selectors
/**
* smart use of css selectors
*/
body {
background: #f06;
padding:100px;
}
.selector {
@piatra
piatra / dabblet.css
Created February 4, 2012 21:29
Comments structure
/**
* Comments structure
*/
body {
background:#f5f5f5;
}
#comments {
}
@piatra
piatra / dabblet.css
Created February 7, 2012 20:48
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
@piatra
piatra / dabblet.css
Created February 12, 2012 19:57 — forked from LeaVerou/dabblet.css
TV screen
/**
* TV screen
*/
html { background: white; }
.tv {
position: relative;
width: 200px;
height: 150px;
@piatra
piatra / dabblet.css
Created February 12, 2012 19:58 — forked from LeaVerou/dabblet.css
TV screen
/**
* TV screen
*/
html { background: white; }
.tv {
position: relative;
width: 200px;
height: 150px;
@piatra
piatra / dabblet.css
Created February 12, 2012 19:58 — forked from LeaVerou/dabblet.css
TV screen
/**
* TV screen
*/
html { background: white; }
.tv {
position: relative;
width: 200px;
height: 150px;
@piatra
piatra / dabblet.css
Created February 12, 2012 19:58 — forked from LeaVerou/dabblet.css
TV screen
/**
* TV screen
*/
html { background: white; }
.tv {
position: relative;
width: 200px;
height: 150px;
@piatra
piatra / dabblet.css
Created February 12, 2012 20:02 — forked from LeaVerou/dabblet.css
TV screen
/**
* TV screen
*/
html { background: white; }
.tv {
position: relative;
width: 200px;
height: 150px;