Skip to content

Instantly share code, notes, and snippets.

@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:44 — forked from chriscoyier/dabblet.css
YouTube Footer Buttons
/*
YouTube Footer Buttons
*/
.button {
border: 1px solid #DDD;
border-radius: 3px;
text-shadow: 0 1px 1px white;
box-shadow: 0 1px 1px #fff;
font: bold 11px Sans-Serif;
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:43 — forked from chriscoyier/dabblet.css
Loading dot dot dot
/*
Loading dot dot dot
*/
body {
padding: 100px;
font-size: 62.5%;
}
.loading {
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:42 — forked from chriscoyier/dabblet.css
Ratings Stars
/*
Ratings Stars
(with as little code as possible)
*/
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating > span {
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:42 — forked from chriscoyier/dabblet.css
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%;
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:41 — forked from chriscoyier/dabblet.css
Lined Paper
/**
* Lined Paper
*/
html {
background-color:white;
padding:10px;
font-family:sans-serif; font-size:15px;
}
body {
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:41 — forked from chriscoyier/dabblet.css
Untitled
.holder {
position: relative;
width: 215px;
height: 215px;
margin: 20px;
z-index: 999;
cursor: pointer;
}
.h1 {
/**
* Rainbow
*/
html, body {
height: 100%;
}
#rainbow {
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:39 — forked from bennyschudel/dabblet.css
a close icon
/*
* a close icon
*/
a.icon {
backround-color: white;
border: 5px solid black;
border-radius: 50%;
position: relative;
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:39 — forked from bennyschudel/dabblet.css
CSS Bookmarks
/**
* CSS Bookmarks
*/
.bookmark {
width: 60px;
height: 60px;
position: relative;
cursor: pointer;
@michanismus
michanismus / dabblet.css
Created April 29, 2013 06:38 — forked from bennyschudel/dabblet.css
Stepnavigation
/**
* Stepnavigation
*/
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
}
ul {