@charset "utf-8"; /** * RESET Browsers Default Styles, slows down the rendering by 5-7% * * TABLE OF CONTENTS: * Clear All Tags * Root Elements * HTML5 Elements Displaying * Link * List * Embedded content * Form * Table * Text * Horizontal Divider * 'hidden' attribute * */ /***************************************************************************************************** * Clear All Tags *****************************************************************************************************/ html, body, div, span, object, embed, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ins, del, em, strong, i, b, small, q, mark, cite, abbr, dfn, kbd, code, samp, var, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, textarea, input, button, select, optgroup, option, table, caption, thead, tbody, tfoot, tr, th, td, /* col, colgroup, */ a, hr, article, aside, details, figcaption, figure, footer, header, hgroup, nav, menu, section, audio, canvas, meter, summary, time, video { margin: 0; padding: 0; border: 0 none; outline: 0 none; vertical-align: baseline; } /***************************************************************************************************** * Root Elements *****************************************************************************************************/ html, body { width: 100%; height: 100%; } body { font-size: 62.5%; } /***************************************************************************************************** * HTML5 Elements Displaying *****************************************************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { /* Corrects block display not defined in IE6/7/8/9 and FF3 */ display: block; } audio, canvas, video { display: inline-block; } .ie7 audio, .ie7 canvas, .ie7 video { /* Corrects inline-block display not defined in IE6/7/8/9 and FF3 */ display: inline-block; } audio:not([controls]) { /* Prevents modern browsers from displaying 'audio' without controls */ display: none; } /***************************************************************************************************** * Link *****************************************************************************************************/ a { text-decoration: underline; } a:hover, a:active { text-decoration: none; outline: 0 none; /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ } a img { border: 0 none; } :focus { outline: 0 none; } /***************************************************************************************************** * List *****************************************************************************************************/ ul, ol { padding-left: 1.2em; } li { display: list-item; } nav ul, nav ol { list-style: none outside none; margin: 0; padding: 0; } /***************************************************************************************************** * Embedded content *****************************************************************************************************/ img { display: inline-block; margin: 0; padding: 0; border: 0 none; outline: none; vertical-align: middle; /* Remove the gap between images and borders on image containers */ background-color: transparent; } .ie7 img { /* Bicubic resizing for non-native sized IMG. Improve image quality when scaled in IE7: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ -ms-interpolation-mode: bicubic; } svg:not(:root) { /* Correct overflow not hidden in IE9 */ overflow: hidden; } /***************************************************************************************************** * Form Elements *****************************************************************************************************/ textarea, input, button, select { display: inline-block; } textarea { /* Remove default vertical scrollbar in IE6/7/8/9: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ overflow: auto; vertical-align: top; resize: vertical; /* Allow only vertical resizing */ } input[type=radio] { /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ vertical-align: middle; } input[type=checkbox] { vertical-align: middle; } .ie6 input { vertical-align: text-bottom; } .ie7 input[type=checkbox], .ie7 input[type=radio], .ie6 input.ie6-input-check, .ie6 input.ie6-input-radio { /* extra margin fix */ width: 12px; height: 12px; } input[type=button], input[type=submit], input[type=reset], button { cursor: pointer; /* Hand cursor on clickable input elements */ -webkit-appearance: button; /* Allow styling of clickable form elements in iOS */ } /* Consistent box sizing and appearance (BEGIN) */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Consistent box sizing and appearance (END) */ button::-moz-focus-inner, input::-moz-focus-inner { /* Remove inner padding and border in FF3/4: http://www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ (BEGIN) */ border: 0; padding: 0; } /* Remove inner padding and border in FF3/4 (END) */ .ie7 input, .ie7 button { /* Correct inner spacing displayed oddly in IE6/7: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ width: auto; overflow: visible; } .ie7 table input, .ie7 table button { /* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ /* overflow: auto; */ } label { /* Indicate that 'label' will shift focus to the associated form element */ cursor: pointer; } /***************************************************************************************************** * Table *****************************************************************************************************/ table { display: table; table-layout: auto; border-collapse: collapse; border-spacing: 0; border: 0 none; empty-cells: show; } caption { display: table-caption; text-align: right; font-weight: bolder; } col { display: table-column; } colgroup { display: table-column-group; } thead { display: table-header-group; } tbody { display: table-row-group; } tfoot { display: table-footer-group; } tr { display: table-row; } td, th { display: table-cell } th { font-weight: bolder; text-align: left; } td { vertical-align: top; } /***************************************************************************************************** * Text *****************************************************************************************************/ strong, b, dt { font-weight: bolder; } cite, em, var, address, i { font-style: italic; } pre, code, kbd, samp { /* Redeclare monospace font family: http://en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ font-family: monospace, sans-serif; } pre { /* Improve readability of pre-formatted text in all browsers www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; } sup, sub { /* Position subscript and superscript content without affecting line-height: https://gist.github.com/413930 */ font-size: 75%; line-height: 0; vertical-align: baseline; position: relative; } sup { top: -0.5em; } sub { bottom: -0.3em; } del { text-decoration: line-through; } ins { text-decoration: underline; } small { font-size: 75%; } dfn { /* Addresses styling not present in S5, Chrome */ font-style: italic; } abbr[title], dfn[title] { /* Addresses styling not present in IE7/8/9, S5, Chrome */ border-bottom: 1px dotted; cursor: help; } mark { /* Addresses styling not present in IE6/7/8 */ display: inline; background-color: #ffff00; color: #000; } s { text-decoration: line-through; } blockquote { quotes: none; font-style: italic; margin-left: 30px; margin-right: 40px; padding-left: 30px; padding-right: 20px; position: relative; } blockquote:before { content: "\201c"; position: absolute; left: 0; top: 0; font-size: 3em; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; } blockquote:after { content: "\201d"; position: absolute; right: 0; bottom: -0.5em; font-size: 3em; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; } .ie7 blockquote { z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML("afterBegin", ''), insertAdjacentHTML("beforeEnd", '')); zoom: 1.0; } blockquote .ie7-open-quote { position: absolute; left: 0; top: -0.3em; font-size: 3em; line-height: 100%; text-decoration: none; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; } blockquote .ie7-close-quote { position: absolute; right: 0; bottom: -0.9em; font-size: 3em; line-height: 100%; text-decoration: none; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; } q { quotes: "\201c" "\201d"; } .ie7 q { z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML("afterBegin", '“'), insertAdjacentHTML("beforeEnd", '”')); zoom: 1.0; } /***************************************************************************************************** * Divider *****************************************************************************************************/ hr { display: block; clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; } /***************************************************************************************************** * 'hidden' attribute *****************************************************************************************************/ [hidden] { /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 */ display: none; }