Skip to content

Instantly share code, notes, and snippets.

@Bodacious
Created June 18, 2010 15:24
Show Gist options
  • Save Bodacious/443775 to your computer and use it in GitHub Desktop.
Save Bodacious/443775 to your computer and use it in GitHub Desktop.
/* ================================================================== */
/* = Reset and some HTML 5 styles in case the browser aint so sharp = */
/* ================================================================== */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
a,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,input, textarea, button,
table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
article,aside,figure,footer,header,
hgroup,menu,nav,section,
time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
/* Some rules for HTML 5 */
article,aside,figure,footer,header,hgroup,nav,section{display:block;}
body{line-height:1;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
del{text-decoration:line-through;}
:focus,:active{outline:0;}
ins{text-decoration:none;}
input,select{vertical-align:middle;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
select{margin:0;}
/* ======================= */
/* = Some useful classes = */
/* ======================= */
/* Below are some generic classes that are useful to use throughout the app */
.align_left{text-align:left;}
.align_center{text-align:center;}
.align_right{text-align:right;}
.smaller{font-size:smaller;}
.larger{font-size:larger;}
em{font-style:italic;}
strong{font-weight:bold;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.easy_read{line-height:1.6em;color:#222222;word-spacing:0.2em;letter-spacing:0.05em;text-align:justify;margin: 0.5em 0;}
.easy_read p{margin:0.2em 0;}
.hidden,.disabled{display:none;}
.clear{clear:both;}
.light_grey{color: #CCCCCC;}
.outlined{outline: thin solid red;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment