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 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 December 4, 2012 20:19
Untitled
.comment-text{
background: blue;
width: 300px;
overflow: hidden;
}
p{
background: orange;
}
@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 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 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 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 17, 2012 17:20
Untitled
.bound {
position: relative;
z-index: auto;
}
.popover {
width: 100px;
height: 100px;
background: blue;
position: absolute;
@benjohnson
benjohnson / dabblet.css
Created October 10, 2012 00:27
Untitled
.box {
width: 50%;
height: 170px;
position: relative;
overflow: hidden;
margin: 20px;
}
.box img {
max-width: 100%;
@benjohnson
benjohnson / dabblet.css
Created October 9, 2012 23:53
Untitled
.box {
width: 50%;
height: 180px;
position: relative;
overflow: hidden;
margin: 20px;
}
.box img {
max-width: 100%;
@benjohnson
benjohnson / dabblet.css
Created October 9, 2012 23:53
Untitled
.box {
width: 400px;
height: 200px;
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.box img {
max-width: 100%;