Skip to content

Instantly share code, notes, and snippets.

@rdallaire
Created October 16, 2012 22:01
Show Gist options
  • Save rdallaire/3902324 to your computer and use it in GitHub Desktop.
Save rdallaire/3902324 to your computer and use it in GitHub Desktop.
starter CSS file
@charset "utf-8";
/*
Author CrystalCommerce.com // Ross Dallaire
Colors
*/
/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
html,
body {
margin:0;
padding:0;
height:100%;
}
/* /END RESET */
body {
background: #6d6d6d url("img/bodyBg_repeatX.gif") top repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
p {
line-height: 150%;
margin: 0 0 10px;
}
h1, h2, h3, h4, h5, h6 {
color: #2E4A74;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-size: 20px;
margin: 0 0 15px;
font-weight: normal;
}
h2 {
font-size: 18px;
margin: 0 0 12px;
font-weight: normal;
}
h3 {
font-size: 15px;
margin: 0 0 12px;
font-weight: normal;
}
h4, h5, h6 {
margin: 5px 0 5px;
font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {}
a img {
border: none;
outline: none;
}
a {
color: #363636;
outline: none;
text-decoration: none;
}
a:hover {
color: #999;
}
/* remove dotted lines on some links in FF browser */
a,
a:active,
a:visited,
a img {
outline: none;
}
/* / */
/* CLEARFIX */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* /END CLEARFIX */
/*
=====================================================
Layout & Framework
===================================================== */
/*
=====================================================
Dynamic Displays
===================================================== */
@frontaid
Copy link

Hi! There is also Natural Selection which is a CSS starter that includes more best-practice selectors. It is a great CSS base to start new projects, design systems, or CSS frameworks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment