Skip to content

Instantly share code, notes, and snippets.

View benjohnson's full-sized avatar

Ben Johnson benjohnson

View GitHub Profile
@benjohnson
benjohnson / dabblet.css
Created October 17, 2012 17:21
Untitled
.bound {
position: relative;
}
.popover {
width: 100px;
height: 100px;
background: blue;
position: absolute;
left: -15px;
@benjohnson
benjohnson / dabblet.css
Created October 19, 2012 15:26
Untitled
body {
width: 400px;
margin: 40px;
font-family: helvetica;
}
a { color: #FFF; }
.noti-slat {
background: #000;
@benjohnson
benjohnson / dabblet.css
Created October 24, 2012 15:26
Untitled
body { width: 400px; margin: 40px; font-family: helvetica; }
a { color: #FFF; }
ul { margin:0; padding:0; list-style-type:none; }
.noti-slat {
background: black;
color: #FFF;
margin-bottom: 10px;
overflow: hidden;
}
@benjohnson
benjohnson / dabblet.css
Created October 24, 2012 19:39
Untitled
body { width: 400px; margin: 40px; font-family: helvetica; }
a { color: #FFF; }
p {margin: 0}
ul { margin:0; padding:0; list-style-type:none; }
.noti-slat {
background: black;
color: #FFF;
margin-bottom: 10px;
position: relative;
@benjohnson
benjohnson / dabblet.css
Created December 4, 2012 20:19
Untitled
.comment-text{
background: blue;
width: 300px;
overflow: hidden;
}
p{
background: orange;
}
@benjohnson
benjohnson / dabblet.css
Created February 21, 2013 18:56
Untitled
body { font-size: 35px; }
.tabs { background: orange; margin: 0; padding:0 }
.tabs li {
float: left;
background: blue;
margin-right: 20px;
list-style-type: none;
}
@benjohnson
benjohnson / dabblet.css
Created February 21, 2013 19:01
Untitled
body { font-size: 35px; }
.tabs { background: orange; margin: 0; padding:0 }
.tabs li {
float: left;
background: blue;
margin-right: 20px;
list-style-type: none;
position: relative;
@benjohnson
benjohnson / dabblet.css
Created February 25, 2013 21:34
Untitled
body { font-size: 35px; font-family: Helvetica; }
.tabs {
background: orange;
margin: 0;
padding:0;
position: relative;
margin-top: -2px;
bottom: -5px;
z-index: 1;
.stuff {
font-size: 24px;
background: orange;
display: block;
position: absolute;
top: 50px;
left: 50px;
}
.padding {
.container {
display: inline-block;
}