Skip to content

Instantly share code, notes, and snippets.

@ethangardner
Created November 10, 2011 00:21
Show Gist options
  • Save ethangardner/1353660 to your computer and use it in GitHub Desktop.
Save ethangardner/1353660 to your computer and use it in GitHub Desktop.
/**
* Add whatever reset you want to use here -
* I am using Eric Meyer's CSS reset
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
margin: 0;
padding: 0; }
a img, :link img, :visited img {
border: 0; }
ol, ul {
list-style: none; }
/**
* Begin core styling
*/
body {
background: #dde9de;
color: black;
font: 62.5% cambria, georgia, "Times New Roman", Times, serif;
text-align: center;
margin-top: 10px; }
h5 {
font: 18px/1.389 "Franklin Gothic Medium", Tahoma, "Helvetica Neue", Arial, sans-serif; }
ul, ol, dl, p {
font-size: 14px;
line-height: 1.389;
margin-bottom: 1em; }
dd, dt, li, label {
font-size: 14px;
line-height: 1.389; }
a {
color: #706f5c; }
a:hover {
color: #a3a28f;
text-decoration: underline; }
a:visited {
color: #a3a28f; }
address, div {
font-size: 14px;
line-height: 1.389; }
.container {
text-align: center; }
.content {
margin: 0 auto;
text-align: left; }
/**
* feature box
*/
.feature-box {
background: #fff;
height: 150px;
padding: 10px 5px 0;
overflow: auto;
width: 450px; }
.icons {
float: left; }
.feature-box li {
background: #fffeea;
display: block;
float: left;
margin-bottom: 1em;
width: 250px; }
.icon {
float: left; }
.icon img {
display: block; }
.description {
float: left;
padding: 5px;
width: 140px; }
.collapsed .description {
display: none;
visibility: hidden; }
li.collapsed {
margin: 20px 5px 0;
width: 100px; }
.expanded {
-webkit-box-shadow: 0px 0px 5px black;
-moz-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
border: 1px solid #d6d4b0;
margin-top:0; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment