/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ 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, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#222; } /* change colours to suit your needs */ ins { background-color:transparent; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { font-style:italic; line-height: initial; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:0; padding:0; } input, textarea { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; } input, select { vertical-align:middle; } select { font-family: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; &::-ms-expand { display: none; } } ul,ol,li{ list-style: none; } input { font-family: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill{ &, &:hover, &:focus, &:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important; } } textarea{ font-family: inherit; } input[type=button], input[type=submit], button { font-family: inherit; background: transparent ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; color: inherit; font-size: 1em; } button:active, button:focus { outline: none; } img { -ms-interpolation-mode: bicubic !important; } html { font-size: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } a{ text-decoration: none; color: inherit; } *{ box-sizing: border-box; &:before,&:after{ content: ''; box-sizing: border-box; display: none; } }