/* ================================================================== *\ Global base styles Description -------------------- Contains normalize.css, and useful defaults that apply to all app types and client themes. Table of contents (Ctrl/Cmd + F, and search for `$section` to jump to a section) -------------------- 01. Normalize 02. Typography 03. Non-typography 04. Forms 05. Bootstrap - buttons & icons only 06. Layout 07. Live.js 08. Lytebox.js 09. Helpers 10. Print \* ================================================================== */ /* ================================================================== *\ Normalize ($normalize) \* ================================================================== */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* `border-box`... ALL THE THINGS - http://cbrac.co/RQrDL5 */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Set and to inherit the height of the viewport */ html, body { min-height: 100%; } /** * NOTE: Use `text-rendering` with caution - http://cbrac.co/SJt8p1 * NOTE: Avoid the webkit anti-aliasing trap - http://cbrac.co/TAdhbH * 1. Force a vertical scrollbar * 2. Remove iOS text size adjust without disabling user zoom (removed!) */ html { overflow-y: scroll; /* 1 */ } /** * 1. Customize `background` for text selections * 2. Remove `text-shadow` selection highlight - http://cbrac.co/Q6swON */ ::-moz-selection { background: #b3d4fc; /* 1 */ text-shadow: none; /* 2 */ } ::selection { background: #b3d4fc; /* 1 */ text-shadow: none; /* 2 */ } /* Change `background` for text selections when browser is unfocused */ ::selection:window-inactive { background: #d0d0d0; } /* Remove `background` on images when selected */ img::selection { background: transparent; } img::-moz-selection { background: transparent; } /* ================================================================== *\ Typography ($typography) \* ================================================================== */ /* Custom fonts */ @font-face { font-family: "Din"; src: url("fonts/din_medium.ttf"); src: local("☺"), url("fonts/din_medium.ttf") format("truetype"); } @font-face { font-family: "DinLight"; src: url("fonts/din_light.ttf"); src: local("☺"), url("fonts/din_light.ttf") format("truetype"); } @font-face { font-family: "DinBold"; src: url("fonts/din_bold.ttf"); src: local("☺"), url("fonts/din_bold.ttf") format("truetype"); } body { background: #fff; color: #333; font-size: 13px; font-family: Arial, sans-serif; line-height: 1.5; } /* Define a mobile tap highlight color (iOS 1.1.1+) */ a:link { -webkit-tap-highlight-color: #b3d4fc; } a { outline: none; color: #333; text-decoration: underline; } a:hover { color: #069; } abbr, acronym, dfn[title] { cursor: help; } abbr a { text-decoration: none; } acronym { text-transform: uppercase; } blockquote, dl, hr, menu, ol, p, pre, summary, table, ul { margin: 0 0 20px; } dl dt { font-weight: 700; color: #222; } dl dd { margin: 0; } del { color: #686868; text-decoration: line-through; } details { cursor: pointer; } em, i, cite { font-style: italic; } /* NOTE: Use `text-rendering` with caution - http://cbrac.co/SJt8p1 */ h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #222; font-weight: 700; font-family: Arial, sans-serif; line-height: 1.333; text-rendering: optimizeLegibility; } h1, h2 { font-size: 20px; font-weight: normal; } h3 { font-size: 14px; } hr { border: 0; border-bottom: 1px solid #c0c0c0; } ins, mark { background: #ff9; color: #000; text-decoration: none; } nav ul, nav ol { margin: 0; padding: 0; list-style: none; } /* Nested `list-style` types for ordered lists */ ol { list-style: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ol li ol, ol li ul, ul li ul, ul li ol { margin-bottom: 0; } p, table, textarea, td, th { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } small { display: inline-block; font-size: 75%; line-height: 1.333; } /* ================================================================== *\ Non-typography ($non-typography) \* ================================================================== */ /* Fluid-width