Skip to content

Instantly share code, notes, and snippets.

@pawelmhm
pawelmhm / dabblet.css
Created January 18, 2013 14:19
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
#classer {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
width:300px;
height:300px;
margin:auto;
}
@pawelmhm
pawelmhm / dabblet.css
Created December 2, 2012 16:23
Simple way to animate content
/*Dynamic content system */
#view {
position:relative;
width:900px;
height:200px;
margin:auto;
border:5px dashed #000;
overflow:hidden;}
#holder {
@pawelmhm
pawelmhm / dabblet.css
Created December 2, 2012 15:23
Dynamic content system
/**
* Dynamic content system
*
*/
#container { }
#viewer {
position:relative;
border:8px red solid;
@pawelmhm
pawelmhm / dabblet.css
Created December 2, 2012 14:48
Animate conent
#holder {
position:relative;
width:700px;
height:200px;
margin:auto;
border:10px solid #000;
overflow:hidden;}
.panel {
position:absolute;
@pawelmhm
pawelmhm / dabblet.css
Created December 1, 2012 22:39
Bomis header
body {
width:75%;
margin-left:auto;
margin-right:auto;
}
header {
position:relative;
font-family:sylfaen;
top:0;}