Skip to content

Instantly share code, notes, and snippets.

@louisbullock
louisbullock / dabblet.css
Created June 10, 2012 14:16
Font UI Window
/**
* Font UI Window
*/
html,body {
height: 100%;
overflow: hidden;
}
/**
* Best Yellow
*/
html,body {
height: 100%;
overflow: hidden;
}
body {
/**
* CSS
*
* @version 2.0
* @author Louis Bullock
* louisbullock.com.au
*
*/
@louisbullock
louisbullock / dabblet.css
Created June 14, 2012 23:54
Butterfly UI CSS
/**
* Butterfly UI CSS
*/
* {
margin:0;
padding:0;
}
html {
@louisbullock
louisbullock / dabblet.css
Created June 16, 2012 06:38
Reload Icon in CSS
/**
* Reload Icon in CSS
*/
body {
font: 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
text-shadow:0 0 1px rgba(0,0,0,0.01);
-webkit-text-stroke:1px transparent;
text-rendering:optimizeLegibility;
@louisbullock
louisbullock / dabblet.css
Created June 17, 2012 23:56 — forked from daneden/dabblet.css
Resizable <i> Cloud
/* Resizable <i> Cloud */
html {
min-height: 100%;
font-size: 1em;
background-image: -webkit-radial-gradient(#E5E8EB,#8894A2);
background-image: -moz-radial-gradient(#E5E8EB,#8894A2);
background-image: -o-radial-gradient(#E5E8EB,#8894A2);
background-image: -ms-radial-gradient(#E5E8EB,#8894A2);
@louisbullock
louisbullock / dabblet.css
Created June 22, 2012 04:58
iTunes Album Art Mini Player CSS
/**
* iTunes Album Art Mini Player CSS
*/
html,body {
height: 100%;
overflow: hidden;
}
@louisbullock
louisbullock / dabblet.css
Created June 22, 2012 05:01
iTunes Album Art Mini Player CSS
/**
* iTunes Album Art Mini Player CSS
*/
html,body {
height: 100%;
overflow: hidden;
}
@louisbullock
louisbullock / dabblet.css
Created June 25, 2012 07:41 — forked from LeaVerou/dabblet.css
CSS Box model demo
/**
* CSS Box model demo
*/
body {
width: 300px;
height: 200px;
padding: 30px;
border-width: 10px;
/*box-sizing: border-box;*/
@louisbullock
louisbullock / dabblet.css
Created July 12, 2012 10:48
Resizable <i> Cloud
/* Resizable <i> Cloud */
html {
min-height: 100%;
font-size: 1em;
background-image: -webkit-radial-gradient(#E5E8EB,#8894A2);
background-image: -moz-radial-gradient(#E5E8EB,#8894A2);
background-image: -o-radial-gradient(#E5E8EB,#8894A2);
background-image: -ms-radial-gradient(#E5E8EB,#8894A2);