/* ************************************************************************************************* * * Ground Floor * by Scott O'Hara - @scottohara - scottohara.me - https://github.com/scottaohara * v 1.6 - October 17, 2014 * * Ground Floor is a trimmed down version of Brass Tacks, an OOCSS, SASS, HTML framework * for rapid development of web projects. Ground Floor takes many of the principals of * Brass Tacks and applies them to basic HTML tags, for HTML that has been slightly more * stylized than a basic reset / normalize. * ************************************************************************************************* */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic); *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; } body, blockquote, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, img, legend, table, th, td, caption, hr, dl { border: 0; margin: 0; outline: 0; padding: 0; } body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; font-weight: 300; line-height: 1.3; } article, aside, details, figure, figcaption, footer, header, main, nav, section, summary { display: block; } article > :last-child, aside > :last-child, details > :last-child, figure > :last-child, figcaption > :last-child, footer > :last-child, header > :last-child, main > :last-child, nav > :last-child, section > :last-child, summary > :last-child { margin-bottom: 0; } [hidden], template { display: none; } blockquote, form, h1, h2, h3, h4, h5, h6, li, p, table, dl, samp, code, kbd, address { margin-bottom: 8px; } header, main, article, section, div, footer, form, aside { padding: 20px; } header header, header main, header article, header section, header div, header footer, header form, header aside, main header, main main, main article, main section, main div, main footer, main form, main aside, article header, article main, article article, article section, article div, article footer, article form, article aside, section header, section main, section article, section section, section div, section footer, section form, section aside, div header, div main, div article, div section, div div, div footer, div form, div aside, footer header, footer main, footer article, footer section, footer div, footer footer, footer form, footer aside, form header, form main, form article, form section, form div, form footer, form form, form aside, aside header, aside main, aside article, aside section, aside div, aside footer, aside form, aside aside { padding: 0; } hr { border-top: 1px solid #ddd; display: block; height: 1px; margin: 8px 0; } ::-moz-selection { background: #54a4a3; color: #eee; text-shadow: none; } ::selection { background: #54a4a3; color: #eee; text-shadow: none; } a { color: #3B8BBA; } a:hover, a:focus, a:active { color: #22516d; } img { color: #f00; font-style: italic; } audio, img, object, embed, video { display: inline-block; max-width: 100%; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } button, input, textarea { border: 0; font-family: inherit; font-size: 100%; line-height: normal; margin: 0; text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; cursor: pointer; } input[type='search'] { -webkit-appearance: textfield; } input[disabled] { cursor: not-allowed; } input[readonly] { background: #fafafa; } input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } buton::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } ul, ol { margin: 0 0 8px; padding: 0 0 0 24px; } ul > li:last-child, ol > li:last-child { margin-bottom: 0; } ul li ol, ul li ul, ol li ol, ol li ul { margin-top: 8px; } dt { margin-bottom: 4px; } dd { margin: 0 0 8px; padding-left: 16px; } b, strong { font-weight: bold; } i, em, dfn { font-style: italic; } blockquote { font-size: 1.25em; font-style: italic; } blockquote:before, blockquote:after { font-size: 1.25em; font-weight: 400; line-height: 1; position: relative; top: 2px; } blockquote:before { content: '"'; left: -1px; } blockquote:after { content: '"'; right: -1px; } q { quotes: '\201C' '\201D' '\2018' '\2019'; } abbr[title] { border-bottom: 1px dotted #ccc; } abbr[title], dfn[title] { cursor: help; } mark { background: #ff0; color: #101010; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 300; } text-decoration:none h1 a:hover, text-decoration:none h2 a:hover, text-decoration:none h3 a:hover, text-decoration:none h4 a:hover, text-decoration:none h5 a:hover, text-decoration:none h6 a:hover { text-decoration: underline; } h1 { font-size: 3.125em; } h2 { font-size: 2.5em; } h3 { font-size: 2em; } h4 { font-size: 1.625em; } h5 { font-size: 1.25em; } h6 { font-size: 1.125em; } p, li, li p { font-size: 1em; } small { font-size: 0.75em; } table { background: #fafafa; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 1em; width: 100%; } table tr { border-top: 1px solid #ccc; } table tr:nth-child(2n) { background: #eee; } table th, table td { border-left: 1px solid #ccc; padding: 4px; text-align: left; } thead { background: #eee; } tfoot { background: #e3e3e3; } nav { background: rgba(255, 255, 255, 0.3); } nav > a:last-child { border-right: none; } nav ul, nav ol { font-size: 0; list-style: none; margin: 0; padding: 0; } nav li { display: inline-block; font-size: 18px; margin: 0; } nav li:last-child a { border-right: none; } nav a { border-right: 1px solid rgba(100, 100, 100, 0.1); display: inline-block; padding: 4px 12px; text-decoration: underline; } nav a:hover { text-decoration: none; } form { background: #fdfdfd; border: 1px solid #ccc; padding: 8px !important; } legend { font-size: 1.25em; margin-left: -4px; padding: 0 4px; } /* Text Input Areas & Labels */ label { cursor: pointer; display: inline-block; font-weight: 400; margin-bottom: 4px; } input[type='text'], textarea, input[type='date'], input[type='time'], input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='reset']):not([type='button']) { background: #fff; border: 1px solid #ccc; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.25; margin-bottom: 8px; padding: 8px 4px; width: 50%; } input[type='text']:focus, textarea:focus, input[type='date']:focus, input[type='time']:focus, input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='reset']):not([type='button']):focus { background: #f8f8f8; border: 1px solid #50B6D5; } input[type='text'][disabled], textarea[disabled], input[disabled][type='date'], input[disabled][type='time'], input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='reset']):not([type='button'])[disabled] { background: #ddd; } input[type='text'][required], textarea[required], input[required][type='date'], input[required][type='time'], input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='reset']):not([type='button'])[required] { border-color: #f00; } textarea { display: block; min-height: 150px; resize: vertical; width: 100%; } select { margin-bottom: 8px; width: 50%; } input[type='radio'], input[type='checkbox'] { margin: 0 4px 4px; vertical-align: middle; } /* Inputs not supported in all browsers */ input[type='color'] { border: 1px solid #ccc; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; margin-bottom: 8px; padding: 0 4px; height: 45px; width: 50%; } input[type='color']:focus { background: #f8f8f8; border: 1px solid #50B6D5; } input[type='date'], input[type='time'] { font-size: 1em; } .txt-center { text-align: center; } .txt-left { text-align: left; } .txt-right { text-align: right; } .txt-just { text-align: justify; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .clear { clear: both; } .clearfix, .row { *zoom: 1; } .clearfix:before, .row:before, .clearfix:after, .row:after { content: ''; display: table; } .clearfix:after, .row:after { clear: both; } .overflow { overflow: hidden; } .row { margin-left: -20px; margin-bottom: 20px; padding: 0; } .col { float: left; margin-bottom: 0 !important; padding-left: 20px; position: relative; width: 100%; } .col-90 { width: 90%; } .col-80 { width: 80%; } .col-75 { width: 75%; } .col-66 { width: 66.6666%; } .col-60 { width: 60%; } .col-50 { width: 50%; } .col-40 { width: 40%; } .col-33 { width: 33.3333%; } .col-25 { width: 25%; } .col-20 { width: 20%; } .col-10 { width: 10%; } .block { background: #ccc; color: #333; padding: 4px; } .block > :last-child { margin-bottom: 0; } .btn, .btn-small, .btn-large, .btn-xlarge, .btn-action, button, input[type='submit'], .btn-action-2, .btn-action-2:visited, .btn-action-3, .btn-action-3:visited, .btn-negative, input[type='reset'], button[type='reset'], .btn-disable, .btn-disable:hover, [disabled] { -moz-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; background: #444; color: #f8f8f8; cursor: pointer; display: inline-block; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1em; line-height: 1; padding: 8px 12px; text-align: center; text-decoration: none !important; vertical-align: middle; -webkit-appearance: none; } .btn.btn-pad, .btn-pad.btn-small, .btn-pad.btn-large, .btn-pad.btn-xlarge, .btn-pad.btn-action, button.btn-pad, input.btn-pad[type='submit'], .btn-pad.btn-action-2, .btn-pad.btn-action-3, .btn-pad.btn-negative, input.btn-pad[type='reset'], .btn-pad.btn-disable, .btn-pad[disabled] { padding: 8px 16px; } .btn:hover, .btn:focus, .btn:active, .btn-small:hover, .btn-large:hover, .btn-xlarge:hover, .btn-action:hover, button:hover, input[type='submit']:hover, .btn-action-2:hover, .btn-action-3:hover, .btn-negative:hover, input[type='reset']:hover, .btn-disable:hover, [disabled]:hover, .btn-small:focus, .btn-large:focus, .btn-xlarge:focus, .btn-action:focus, button:focus, input[type='submit']:focus, .btn-action-2:focus, .btn-action-3:focus, .btn-negative:focus, input[type='reset']:focus, .btn-disable:focus, [disabled]:focus, .btn-small:active, .btn-large:active, .btn-xlarge:active, .btn-action:active, button:active, input[type='submit']:active, .btn-action-2:active, .btn-action-3:active, .btn-negative:active, input[type='reset']:active, .btn-disable:active, [disabled]:active { background: #101010; color: #f8f8f8; } .btn:visited, .btn-small:visited, .btn-large:visited, .btn-xlarge:visited, .btn-action:visited, button:visited, input[type='submit']:visited, .btn-action-2:visited, .btn-action-3:visited, .btn-negative:visited, input[type='reset']:visited, .btn-disable:visited, [disabled]:visited { color: #f8f8f8 !important; } .btn-small { font-size: 0.75em; padding: 4px 8px; } .btn-small.btn-pad { padding: 4px 12px; } .btn-large { font-size: 2em; padding: 12px; } .btn-large.btn-pad { padding: 12px 20px; } .btn-xlarge { font-size: 2.5em; padding: 12px 16px; } .btn-xlarge.btn-pad { padding: 16px 24px; } .btn-wide { display: block; } .btn-action, button, input[type='submit'] { background: #3B8BBA; } .btn-action:hover, button:hover, input[type='submit']:hover { background: #296080; } .btn-action-2, .btn-action-2:visited { background: #1dccaa; } .btn-action-2:hover, .btn-action-2:visited:hover { background: #138972; } .btn-action-3, .btn-action-3:visited { background: #b94a48; } .btn-action-3:hover, .btn-action-3:visited:hover { background: #833332; } .btn-negative, input[type='reset'], button[type='reset'] { background: #aaa; color: #f8f8f8; } .btn-negative:hover, input[type='reset']:hover, button[type='reset']:hover { background: #848484; } .btn-disable, .btn-disable:hover, [disabled] { background: #fafafa; border: 1px solid #eee; color: #444; cursor: default; } .btn-disable:visited, .btn-disable:hover:visited, [disabled]:visited { color: #444 !important; } body { background: #fff; letter-spacing: .01em; line-height: 1.5; } header { background: #fafafa; border-bottom: 1px solid #ddd; font-size: 1.1em; } header > :last-child { margin-bottom: 0; } header h1, header h2, header h3, header h4 { font-family: "Open Sans"; font-weight: 600; } nav { border: 1px solid rgba(100, 100, 100, 0.2); } kbd, samp, code { background: #2e2e2e; border: 2px solid; color: #eee; display: block; padding: 12px; } p > code, p > kbd, p > samp, li > code, li > kbd, li > samp { display: inline-block; } footer { background: #eee; font-size: .9em; } /*# sourceMappingURL=default.css.map */