Skip to content

Instantly share code, notes, and snippets.

@MadaraUchiha
MadaraUchiha / dabblet.css
Created May 14, 2012 19:47
Works for me...
/* Works for me... */
#S5:hover {
background-color: brown;
display: inline-block;
color: white;
padding: 3px;
border-radius: 10px;
box-shadow: 4px 4px 3px black;
cursor: pointer;
ul.inline li {
display: inline;
list-style-type: none;
}
ul {
width: 400px;
}
@MadaraUchiha
MadaraUchiha / dabblet.css
Created May 17, 2012 16:19
Scrollable Table
/* Scrollable Table */
div {
width: 300px;
overflow: auto;
}
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 5, 2012 21:10
Tabbed view without separation border
/* Tabbed view without separation border */
* {
padding: 0;
margin: 0;
}
#wrapper {
width: 600px;
padding: 10px;
margin: 10px;
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 5, 2012 21:15
Floated Image
/**
* Floated Image
*/
img {
width: 100px;
float: left;
}
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 5, 2012 21:16
Floated Image
/**
* Floated Image
*/
img {
float: left;
width: 100px;
}
p {
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 6, 2012 15:43
Wobbling Mirror Animation
/* Wobbling Mirror Animation */
#oval {
background: url(http://www.hdwallpapersarena.com/wp-content/uploads/2012/05/sunset_landscape.jpg);
height: 300px;
width: 300px;
margin: 20px;
border-radius: 150px;
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 6, 2012 16:54
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.c_1b3a8e:active {
color: green;
}
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 6, 2012 20:54
Compressed Oval Animation
/* Compressed Oval Animation */
#oval {
background: url(http://www.hdwallpapersarena.com/wp-content/uploads/2012/05/sunset_landscape.jpg);
height: 300px;
width: 300px;
margin: 20px;
border-radius: 150px;
-webkit-animation: compress 2s infinite;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5), inset 0 50px 50px rgba(255,255,255,0.5);
@MadaraUchiha
MadaraUchiha / dabblet.css
Created June 10, 2012 07:37
Using Tables for tabular data isn't Evil
/* Using Tables for tabular data isn't Evil */
* {
padding: 0;
margin: 0;
}
#container {
width: 1000px;
margin: auto;
}
#container aside {