Create gh-pages branch via GitHub
Torey Heinz
committed Dec 06, 2016
commit 24d9f6a2570e586d30fad291eebd2647dc61a9a2
Showing 12
changed files with
1299 additions
and 0 deletions
images/body-bg.jpg
+0
-0
images/download-button.png
+0
-0
images/github-button.png
+0
-0
images/header-bg.jpg
+0
-0
images/highlight-bg.jpg
+0
-0
images/sidebar-bg.jpg
+0
-0
index.html
+59
-0
| @@ | @@ -0,0 +1,59 @@ |
| + | <!DOCTYPE html> |
| + | <html> |
| + | <head> |
| + | <meta charset='utf-8'> |
| + | <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| + | <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'> |
| + | <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen"> |
| + | <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen"> |
| + | <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print"> |
| + | |
| + | <!--[if lt IE 9]> |
| + | <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
| + | <![endif]--> |
| + | |
| + | <title>C & C Roofing by toreyheinz</title> |
| + | </head> |
| + | |
| + | <body> |
| + | <header> |
| + | <div class="inner"> |
| + | <h1>C & C Roofing</h1> |
| + | <h2>Grand Haven Area Roofing Contractor</h2> |
| + | <a href="https://github.com/toreyheinz/cnc-roofing.com" class="button"><small>View project on</small> GitHub</a> |
| + | </div> |
| + | </header> |
| + | |
| + | <div id="content-wrapper"> |
| + | <div class="inner clearfix"> |
| + | <section id="main-content"> |
| + | <h2> |
| + | <a id="c--c-roofing-grand-haven-mi" class="anchor" href="#c--c-roofing-grand-haven-mi" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>C & C Roofing, Grand Haven, MI</h2> |
| + | |
| + | <p>C & C Roofing |
| + | (616) 850-2622 |
| + | 13061 Ferris St |
| + | Grand Haven, MI 49417</p> |
| + | </section> |
| + | |
| + | <aside id="sidebar"> |
| + | <a href="https://github.com/toreyheinz/cnc-roofing.com/zipball/master" class="button"> |
| + | <small>Download</small> |
| + | .zip file |
| + | </a> |
| + | <a href="https://github.com/toreyheinz/cnc-roofing.com/tarball/master" class="button"> |
| + | <small>Download</small> |
| + | .tar.gz file |
| + | </a> |
| + | |
| + | <p class="repo-owner"><a href="https://github.com/toreyheinz/cnc-roofing.com"></a> is maintained by <a href="https://github.com/toreyheinz">toreyheinz</a>.</p> |
| + | |
| + | <p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p> |
| + | </aside> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | </body> |
| + | </html> |
javascripts/main.js
+1
-0
| @@ | @@ -0,0 +1 @@ |
| + | console.log('This would be the main JS file.'); |
params.json
+6
-0
| @@ | @@ -0,0 +1,6 @@ |
| + | { |
| + | "name": "C & C Roofing", |
| + | "tagline": "Grand Haven Area Roofing Contractor", |
| + | "body": "## C & C Roofing, Grand Haven, MI\r\n\r\nC & C Roofing\r\n(616) 850-2622\r\n13061 Ferris St\r\nGrand Haven, MI 49417", |
| + | "note": "Don't delete this file! It's used internally to help with page regeneration." |
| + | } |
| \ No newline at end of file | |
stylesheets/github-light.css
+124
-0
| @@ | @@ -0,0 +1,124 @@ |
| + | /* |
| + | The MIT License (MIT) |
| + | |
| + | Copyright (c) 2016 GitHub, Inc. |
| + | |
| + | Permission is hereby granted, free of charge, to any person obtaining a copy |
| + | of this software and associated documentation files (the "Software"), to deal |
| + | in the Software without restriction, including without limitation the rights |
| + | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
| + | copies of the Software, and to permit persons to whom the Software is |
| + | furnished to do so, subject to the following conditions: |
| + | |
| + | The above copyright notice and this permission notice shall be included in all |
| + | copies or substantial portions of the Software. |
| + | |
| + | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
| + | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
| + | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
| + | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
| + | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
| + | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
| + | SOFTWARE. |
| + | |
| + | */ |
| + | |
| + | .pl-c /* comment */ { |
| + | color: #969896; |
| + | } |
| + | |
| + | .pl-c1 /* constant, variable.other.constant, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header */, |
| + | .pl-s .pl-v /* string variable */ { |
| + | color: #0086b3; |
| + | } |
| + | |
| + | .pl-e /* entity */, |
| + | .pl-en /* entity.name */ { |
| + | color: #795da3; |
| + | } |
| + | |
| + | .pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */, |
| + | .pl-s .pl-s1 /* string source */ { |
| + | color: #333; |
| + | } |
| + | |
| + | .pl-ent /* entity.name.tag */ { |
| + | color: #63a35c; |
| + | } |
| + | |
| + | .pl-k /* keyword, storage, storage.type */ { |
| + | color: #a71d5d; |
| + | } |
| + | |
| + | .pl-s /* string */, |
| + | .pl-pds /* punctuation.definition.string, string.regexp.character-class */, |
| + | .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */, |
| + | .pl-sr /* string.regexp */, |
| + | .pl-sr .pl-cce /* string.regexp constant.character.escape */, |
| + | .pl-sr .pl-sre /* string.regexp source.ruby.embedded */, |
| + | .pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ { |
| + | color: #183691; |
| + | } |
| + | |
| + | .pl-v /* variable */ { |
| + | color: #ed6a43; |
| + | } |
| + | |
| + | .pl-id /* invalid.deprecated */ { |
| + | color: #b52a1d; |
| + | } |
| + | |
| + | .pl-ii /* invalid.illegal */ { |
| + | color: #f8f8f8; |
| + | background-color: #b52a1d; |
| + | } |
| + | |
| + | .pl-sr .pl-cce /* string.regexp constant.character.escape */ { |
| + | font-weight: bold; |
| + | color: #63a35c; |
| + | } |
| + | |
| + | .pl-ml /* markup.list */ { |
| + | color: #693a17; |
| + | } |
| + | |
| + | .pl-mh /* markup.heading */, |
| + | .pl-mh .pl-en /* markup.heading entity.name */, |
| + | .pl-ms /* meta.separator */ { |
| + | font-weight: bold; |
| + | color: #1d3e81; |
| + | } |
| + | |
| + | .pl-mq /* markup.quote */ { |
| + | color: #008080; |
| + | } |
| + | |
| + | .pl-mi /* markup.italic */ { |
| + | font-style: italic; |
| + | color: #333; |
| + | } |
| + | |
| + | .pl-mb /* markup.bold */ { |
| + | font-weight: bold; |
| + | color: #333; |
| + | } |
| + | |
| + | .pl-md /* markup.deleted, meta.diff.header.from-file */ { |
| + | color: #bd2c00; |
| + | background-color: #ffecec; |
| + | } |
| + | |
| + | .pl-mi1 /* markup.inserted, meta.diff.header.to-file */ { |
| + | color: #55a532; |
| + | background-color: #eaffea; |
| + | } |
| + | |
| + | .pl-mdr /* meta.diff.range */ { |
| + | font-weight: bold; |
| + | color: #795da3; |
| + | } |
| + | |
| + | .pl-mo /* meta.output */ { |
| + | color: #1d3e81; |
| + | } |
| + | |
stylesheets/print.css
+228
-0
| @@ | @@ -0,0 +1,228 @@ |
| + | html, body, div, span, applet, object, iframe, |
| + | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
| + | a, abbr, acronym, address, big, cite, code, |
| + | del, dfn, em, img, ins, kbd, q, s, samp, |
| + | small, strike, strong, sub, sup, tt, var, |
| + | b, u, i, center, |
| + | dl, dt, dd, ol, ul, li, |
| + | fieldset, form, label, legend, |
| + | table, caption, tbody, tfoot, thead, tr, th, td, |
| + | article, aside, canvas, details, embed, |
| + | figure, figcaption, footer, header, hgroup, |
| + | menu, nav, output, ruby, section, summary, |
| + | time, mark, audio, video { |
| + | padding: 0; |
| + | margin: 0; |
| + | font: inherit; |
| + | font-size: 100%; |
| + | vertical-align: baseline; |
| + | border: 0; |
| + | } |
| + | /* HTML5 display-role reset for older browsers */ |
| + | article, aside, details, figcaption, figure, |
| + | footer, header, hgroup, menu, nav, section { |
| + | display: block; |
| + | } |
| + | body { |
| + | line-height: 1; |
| + | } |
| + | ol, ul { |
| + | list-style: none; |
| + | } |
| + | blockquote, q { |
| + | quotes: none; |
| + | } |
| + | blockquote:before, blockquote:after, |
| + | q:before, q:after { |
| + | content: ''; |
| + | content: none; |
| + | } |
| + | table { |
| + | border-spacing: 0; |
| + | border-collapse: collapse; |
| + | } |
| + | body { |
| + | font-family: 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 13px; |
| + | line-height: 1.5; |
| + | color: #000; |
| + | } |
| + | |
| + | a { |
| + | font-weight: bold; |
| + | color: #d5000d; |
| + | } |
| + | |
| + | header { |
| + | padding-top: 35px; |
| + | padding-bottom: 10px; |
| + | } |
| + | |
| + | header h1 { |
| + | font-size: 48px; |
| + | font-weight: bold; |
| + | line-height: 1.2; |
| + | color: #303030; |
| + | letter-spacing: -1px; |
| + | } |
| + | |
| + | header h2 { |
| + | font-size: 24px; |
| + | font-weight: normal; |
| + | line-height: 1.3; |
| + | color: #aaa; |
| + | letter-spacing: -1px; |
| + | } |
| + | #downloads { |
| + | display: none; |
| + | } |
| + | #main_content { |
| + | padding-top: 20px; |
| + | } |
| + | |
| + | code, pre { |
| + | margin-bottom: 30px; |
| + | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; |
| + | font-size: 12px; |
| + | color: #222; |
| + | } |
| + | |
| + | code { |
| + | padding: 0 3px; |
| + | } |
| + | |
| + | pre { |
| + | padding: 20px; |
| + | overflow: auto; |
| + | border: solid 1px #ddd; |
| + | } |
| + | pre code { |
| + | padding: 0; |
| + | } |
| + | |
| + | ul, ol, dl { |
| + | margin-bottom: 20px; |
| + | } |
| + | |
| + | |
| + | /* COMMON STYLES */ |
| + | |
| + | table { |
| + | width: 100%; |
| + | border: 1px solid #ebebeb; |
| + | } |
| + | |
| + | th { |
| + | font-weight: 500; |
| + | } |
| + | |
| + | td { |
| + | font-weight: 300; |
| + | text-align: center; |
| + | border: 1px solid #ebebeb; |
| + | } |
| + | |
| + | form { |
| + | padding: 20px; |
| + | background: #f2f2f2; |
| + | |
| + | } |
| + | |
| + | |
| + | /* GENERAL ELEMENT TYPE STYLES */ |
| + | |
| + | h1 { |
| + | font-size: 2.8em; |
| + | } |
| + | |
| + | h2 { |
| + | margin-bottom: 8px; |
| + | font-size: 22px; |
| + | font-weight: bold; |
| + | color: #303030; |
| + | } |
| + | |
| + | h3 { |
| + | margin-bottom: 8px; |
| + | font-size: 18px; |
| + | font-weight: bold; |
| + | color: #d5000d; |
| + | } |
| + | |
| + | h4 { |
| + | font-size: 16px; |
| + | font-weight: bold; |
| + | color: #303030; |
| + | } |
| + | |
| + | h5 { |
| + | font-size: 1em; |
| + | color: #303030; |
| + | } |
| + | |
| + | h6 { |
| + | font-size: .8em; |
| + | color: #303030; |
| + | } |
| + | |
| + | p { |
| + | margin-bottom: 20px; |
| + | font-weight: 300; |
| + | } |
| + | |
| + | a { |
| + | text-decoration: none; |
| + | } |
| + | |
| + | p a { |
| + | font-weight: 400; |
| + | } |
| + | |
| + | blockquote { |
| + | padding: 0 0 0 30px; |
| + | margin-bottom: 20px; |
| + | font-size: 1.6em; |
| + | border-left: 10px solid #e9e9e9; |
| + | } |
| + | |
| + | ul li { |
| + | padding-left: 20px; |
| + | list-style-position: inside; |
| + | list-style: disc; |
| + | } |
| + | |
| + | ol li { |
| + | padding-left: 3px; |
| + | list-style-position: inside; |
| + | list-style: decimal; |
| + | } |
| + | |
| + | dl dd { |
| + | font-style: italic; |
| + | font-weight: 100; |
| + | } |
| + | |
| + | footer { |
| + | padding-top: 20px; |
| + | padding-bottom: 30px; |
| + | margin-top: 40px; |
| + | font-size: 13px; |
| + | color: #aaa; |
| + | } |
| + | |
| + | footer a { |
| + | color: #666; |
| + | } |
| + | |
| + | /* MISC */ |
| + | .clearfix:after { |
| + | display: block; |
| + | height: 0; |
| + | clear: both; |
| + | visibility: hidden; |
| + | content: '.'; |
| + | } |
| + | |
| + | .clearfix {display: inline-block;} |
| + | * html .clearfix {height: 1%;} |
| + | .clearfix {display: block;} |
stylesheets/stylesheet.css
+881
-0
| @@ | @@ -0,0 +1,881 @@ |
| + | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ |
| + | |
| + | /** |
| + | * 1. Set default font family to sans-serif. |
| + | * 2. Prevent iOS text size adjust after orientation change, without disabling |
| + | * user zoom. |
| + | */ |
| + | |
| + | html { |
| + | font-family: sans-serif; /* 1 */ |
| + | -webkit-text-size-adjust: 100%; /* 2 */ |
| + | -ms-text-size-adjust: 100%; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Remove default margin. |
| + | */ |
| + | |
| + | body { |
| + | margin: 0; |
| + | } |
| + | |
| + | /* HTML5 display definitions |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Correct `block` display not defined for any HTML5 element in IE 8/9. |
| + | * Correct `block` display not defined for `details` or `summary` in IE 10/11 |
| + | * and Firefox. |
| + | * Correct `block` display not defined for `main` in IE 11. |
| + | */ |
| + | |
| + | article, |
| + | aside, |
| + | details, |
| + | figcaption, |
| + | figure, |
| + | footer, |
| + | header, |
| + | hgroup, |
| + | main, |
| + | menu, |
| + | nav, |
| + | section, |
| + | summary { |
| + | display: block; |
| + | } |
| + | |
| + | /** |
| + | * 1. Correct `inline-block` display not defined in IE 8/9. |
| + | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
| + | */ |
| + | |
| + | audio, |
| + | canvas, |
| + | progress, |
| + | video { |
| + | display: inline-block; /* 1 */ |
| + | vertical-align: baseline; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Prevent modern browsers from displaying `audio` without controls. |
| + | * Remove excess height in iOS 5 devices. |
| + | */ |
| + | |
| + | audio:not([controls]) { |
| + | display: none; |
| + | height: 0; |
| + | } |
| + | |
| + | /** |
| + | * Address `[hidden]` styling not present in IE 8/9/10. |
| + | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
| + | */ |
| + | |
| + | [hidden], |
| + | template { |
| + | display: none; |
| + | } |
| + | |
| + | /* Links |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Remove the gray background color from active links in IE 10. |
| + | */ |
| + | |
| + | a { |
| + | background-color: transparent; |
| + | } |
| + | |
| + | /** |
| + | * Improve readability when focused and also mouse hovered in all browsers. |
| + | */ |
| + | |
| + | a:active, |
| + | a:hover { |
| + | outline: 0; |
| + | } |
| + | |
| + | /* Text-level semantics |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
| + | */ |
| + | |
| + | abbr[title] { |
| + | border-bottom: 1px dotted; |
| + | } |
| + | |
| + | /** |
| + | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | |
| + | b, |
| + | strong { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | /** |
| + | * Address styling not present in Safari and Chrome. |
| + | */ |
| + | |
| + | dfn { |
| + | font-style: italic; |
| + | } |
| + | |
| + | /** |
| + | * Address variable `h1` font-size and margin within `section` and `article` |
| + | * contexts in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | |
| + | h1 { |
| + | margin: 0.67em 0; |
| + | font-size: 2em; |
| + | } |
| + | |
| + | /** |
| + | * Address styling not present in IE 8/9. |
| + | */ |
| + | |
| + | mark { |
| + | color: #000; |
| + | background: #ff0; |
| + | } |
| + | |
| + | /** |
| + | * Address inconsistent and variable font size in all browsers. |
| + | */ |
| + | |
| + | small { |
| + | font-size: 80%; |
| + | } |
| + | |
| + | /** |
| + | * Prevent `sub` and `sup` affecting `line-height` in all browsers. |
| + | */ |
| + | |
| + | sub, |
| + | sup { |
| + | position: relative; |
| + | font-size: 75%; |
| + | line-height: 0; |
| + | vertical-align: baseline; |
| + | } |
| + | |
| + | sup { |
| + | top: -0.5em; |
| + | } |
| + | |
| + | sub { |
| + | bottom: -0.25em; |
| + | } |
| + | |
| + | /* Embedded content |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Remove border when inside `a` element in IE 8/9/10. |
| + | */ |
| + | |
| + | img { |
| + | border: 0; |
| + | } |
| + | |
| + | /** |
| + | * Correct overflow not hidden in IE 9/10/11. |
| + | */ |
| + | |
| + | svg:not(:root) { |
| + | overflow: hidden; |
| + | } |
| + | |
| + | /* Grouping content |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Address margin not present in IE 8/9 and Safari. |
| + | */ |
| + | |
| + | figure { |
| + | margin: 1em 40px; |
| + | } |
| + | |
| + | /** |
| + | * Address differences between Firefox and other browsers. |
| + | */ |
| + | |
| + | hr { |
| + | height: 0; |
| + | -moz-box-sizing: content-box; |
| + | box-sizing: content-box; |
| + | } |
| + | |
| + | /** |
| + | * Contain overflow in all browsers. |
| + | */ |
| + | |
| + | pre { |
| + | overflow: auto; |
| + | } |
| + | |
| + | /** |
| + | * Address odd `em`-unit font size rendering in all browsers. |
| + | */ |
| + | |
| + | code, |
| + | kbd, |
| + | pre, |
| + | samp { |
| + | font-family: monospace, monospace; |
| + | font-size: 1em; |
| + | } |
| + | |
| + | /* Forms |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Known limitation: by default, Chrome and Safari on OS X allow very limited |
| + | * styling of `select`, unless a `border` property is set. |
| + | */ |
| + | |
| + | /** |
| + | * 1. Correct color not being inherited. |
| + | * Known issue: affects color of disabled elements. |
| + | * 2. Correct font properties not being inherited. |
| + | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
| + | */ |
| + | |
| + | button, |
| + | input, |
| + | optgroup, |
| + | select, |
| + | textarea { |
| + | margin: 0; /* 3 */ |
| + | font: inherit; /* 2 */ |
| + | color: inherit; /* 1 */ |
| + | } |
| + | |
| + | /** |
| + | * Address `overflow` set to `hidden` in IE 8/9/10/11. |
| + | */ |
| + | |
| + | button { |
| + | overflow: visible; |
| + | } |
| + | |
| + | /** |
| + | * Address inconsistent `text-transform` inheritance for `button` and `select`. |
| + | * All other form control elements do not inherit `text-transform` values. |
| + | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
| + | * Correct `select` style inheritance in Firefox. |
| + | */ |
| + | |
| + | button, |
| + | select { |
| + | text-transform: none; |
| + | } |
| + | |
| + | /** |
| + | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
| + | * and `video` controls. |
| + | * 2. Correct inability to style clickable `input` types in iOS. |
| + | * 3. Improve usability and consistency of cursor style between image-type |
| + | * `input` and others. |
| + | */ |
| + | |
| + | button, |
| + | html input[type="button"], /* 1 */ |
| + | input[type="reset"], |
| + | input[type="submit"] { |
| + | -webkit-appearance: button; /* 2 */ |
| + | cursor: pointer; /* 3 */ |
| + | } |
| + | |
| + | /** |
| + | * Re-set default cursor for disabled elements. |
| + | */ |
| + | |
| + | button[disabled], |
| + | html input[disabled] { |
| + | cursor: default; |
| + | } |
| + | |
| + | /** |
| + | * Remove inner padding and border in Firefox 4+. |
| + | */ |
| + | |
| + | button::-moz-focus-inner, |
| + | input::-moz-focus-inner { |
| + | padding: 0; |
| + | border: 0; |
| + | } |
| + | |
| + | /** |
| + | * Address Firefox 4+ setting `line-height` on `input` using `!important` in |
| + | * the UA stylesheet. |
| + | */ |
| + | |
| + | input { |
| + | line-height: normal; |
| + | } |
| + | |
| + | /** |
| + | * It's recommended that you don't attempt to style these elements. |
| + | * Firefox's implementation doesn't respect box-sizing, padding, or width. |
| + | * |
| + | * 1. Address box sizing set to `content-box` in IE 8/9/10. |
| + | * 2. Remove excess padding in IE 8/9/10. |
| + | */ |
| + | |
| + | input[type="checkbox"], |
| + | input[type="radio"] { |
| + | box-sizing: border-box; /* 1 */ |
| + | padding: 0; /* 2 */ |
| + | } |
| + | |
| + | /** |
| + | * Fix the cursor style for Chrome's increment/decrement buttons. For certain |
| + | * `font-size` values of the `input`, it causes the cursor style of the |
| + | * decrement button to change from `default` to `text`. |
| + | */ |
| + | |
| + | input[type="number"]::-webkit-inner-spin-button, |
| + | input[type="number"]::-webkit-outer-spin-button { |
| + | height: auto; |
| + | } |
| + | |
| + | /** |
| + | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
| + | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
| + | * (include `-moz` to future-proof). |
| + | */ |
| + | |
| + | input[type="search"] { |
| + | -webkit-box-sizing: content-box; /* 2 */ |
| + | -moz-box-sizing: content-box; |
| + | box-sizing: content-box; |
| + | -webkit-appearance: textfield; /* 1 */ |
| + | } |
| + | |
| + | /** |
| + | * Remove inner padding and search cancel button in Safari and Chrome on OS X. |
| + | * Safari (but not Chrome) clips the cancel button when the search input has |
| + | * padding (and `textfield` appearance). |
| + | */ |
| + | |
| + | input[type="search"]::-webkit-search-cancel-button, |
| + | input[type="search"]::-webkit-search-decoration { |
| + | -webkit-appearance: none; |
| + | } |
| + | |
| + | /** |
| + | * Define consistent border, margin, and padding. |
| + | */ |
| + | |
| + | fieldset { |
| + | padding: 0.35em 0.625em 0.75em; |
| + | margin: 0 2px; |
| + | border: 1px solid #c0c0c0; |
| + | } |
| + | |
| + | /** |
| + | * 1. Correct `color` not being inherited in IE 8/9/10/11. |
| + | * 2. Remove padding so people aren't caught out if they zero out fieldsets. |
| + | */ |
| + | |
| + | legend { |
| + | padding: 0; /* 2 */ |
| + | border: 0; /* 1 */ |
| + | } |
| + | |
| + | /** |
| + | * Remove default vertical scrollbar in IE 8/9/10/11. |
| + | */ |
| + | |
| + | textarea { |
| + | overflow: auto; |
| + | } |
| + | |
| + | /** |
| + | * Don't inherit the `font-weight` (applied by a rule above). |
| + | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
| + | */ |
| + | |
| + | optgroup { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | /* Tables |
| + | ========================================================================== */ |
| + | |
| + | /** |
| + | * Remove most spacing between table cells. |
| + | */ |
| + | |
| + | table { |
| + | border-spacing: 0; |
| + | border-collapse: collapse; |
| + | } |
| + | |
| + | td, |
| + | th { |
| + | padding: 0; |
| + | } |
| + | |
| + | /* LAYOUT STYLES */ |
| + | body { |
| + | font-family: 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 15px; |
| + | font-weight: 400; |
| + | line-height: 1.5; |
| + | color: #666; |
| + | background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; |
| + | } |
| + | |
| + | p { |
| + | margin-top: 0; |
| + | } |
| + | |
| + | a { |
| + | color: #2879d0; |
| + | } |
| + | a:hover { |
| + | color: #2268b2; |
| + | } |
| + | |
| + | header { |
| + | padding-top: 40px; |
| + | padding-bottom: 40px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x; |
| + | border-bottom: solid 1px #275da1; |
| + | } |
| + | |
| + | header h1 { |
| + | width: 540px; |
| + | margin-top: 0; |
| + | margin-bottom: 0.2em; |
| + | font-size: 72px; |
| + | font-weight: normal; |
| + | line-height: 1; |
| + | color: #fff; |
| + | letter-spacing: -1px; |
| + | } |
| + | |
| + | header h2 { |
| + | width: 540px; |
| + | margin-top: 0; |
| + | margin-bottom: 0; |
| + | font-size: 26px; |
| + | font-weight: normal; |
| + | line-height: 1.3; |
| + | color: #9ddcff; |
| + | letter-spacing: 0; |
| + | } |
| + | |
| + | .inner { |
| + | position: relative; |
| + | width: 940px; |
| + | margin: 0 auto; |
| + | } |
| + | |
| + | #content-wrapper { |
| + | padding-top: 30px; |
| + | border-top: solid 1px #fff; |
| + | } |
| + | |
| + | #main-content { |
| + | float: left; |
| + | width: 690px; |
| + | } |
| + | |
| + | #main-content img { |
| + | max-width: 100%; |
| + | } |
| + | |
| + | aside#sidebar { |
| + | float: right; |
| + | width: 200px; |
| + | min-height: 504px; |
| + | padding-left: 20px; |
| + | font-size: 12px; |
| + | line-height: 1.3; |
| + | background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat; |
| + | } |
| + | |
| + | aside#sidebar p.repo-owner, |
| + | aside#sidebar p.repo-owner a { |
| + | font-weight: bold; |
| + | } |
| + | |
| + | #downloads { |
| + | margin-bottom: 40px; |
| + | } |
| + | |
| + | a.button { |
| + | width: 134px; |
| + | height: 58px; |
| + | padding-top: 22px; |
| + | padding-left: 68px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 23px; |
| + | line-height: 1.2; |
| + | color: #fff; |
| + | } |
| + | a.button small { |
| + | display: block; |
| + | font-size: 11px; |
| + | } |
| + | header a.button { |
| + | position: absolute; |
| + | top: 0; |
| + | right: 0; |
| + | background: transparent url(../images/github-button.png) 0 0 no-repeat; |
| + | } |
| + | aside a.button { |
| + | display: block; |
| + | width: 138px; |
| + | padding-left: 64px; |
| + | margin-bottom: 20px; |
| + | font-size: 21px; |
| + | background: transparent url(../images/download-button.png) 0 0 no-repeat; |
| + | } |
| + | |
| + | code, pre { |
| + | margin-bottom: 30px; |
| + | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; |
| + | font-size: 13px; |
| + | color: #222; |
| + | } |
| + | |
| + | code { |
| + | padding: 0 3px; |
| + | background-color: #f2f8fc; |
| + | border: solid 1px #dbe7f3; |
| + | } |
| + | |
| + | pre { |
| + | padding: 20px; |
| + | overflow: auto; |
| + | text-shadow: none; |
| + | background: #fff; |
| + | border: solid 1px #f2f2f2; |
| + | } |
| + | pre code { |
| + | padding: 0; |
| + | color: #2879d0; |
| + | background-color: #fff; |
| + | border: none; |
| + | } |
| + | |
| + | ul, ol, dl { |
| + | margin-bottom: 20px; |
| + | } |
| + | |
| + | |
| + | /* COMMON STYLES */ |
| + | |
| + | hr { |
| + | height: 0; |
| + | margin-top: 1em; |
| + | margin-bottom: 1em; |
| + | border: 0; |
| + | border-top: solid 1px #ddd; |
| + | } |
| + | |
| + | table { |
| + | width: 100%; |
| + | border: 1px solid #ebebeb; |
| + | } |
| + | |
| + | th { |
| + | font-weight: 500; |
| + | } |
| + | |
| + | td { |
| + | font-weight: 300; |
| + | text-align: center; |
| + | border: 1px solid #ebebeb; |
| + | } |
| + | |
| + | form { |
| + | padding: 20px; |
| + | background: #f2f2f2; |
| + | |
| + | } |
| + | |
| + | |
| + | /* GENERAL ELEMENT TYPE STYLES */ |
| + | |
| + | #main-content h1 { |
| + | margin-top: 0; |
| + | margin-bottom: 0; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 2.8em; |
| + | font-weight: normal; |
| + | color: #474747; |
| + | text-indent: 6px; |
| + | letter-spacing: -1px; |
| + | } |
| + | |
| + | #main-content h1:before { |
| + | padding-right: 0.3em; |
| + | margin-left: -0.9em; |
| + | color: #9ddcff; |
| + | content: "/"; |
| + | } |
| + | |
| + | #main-content h2 { |
| + | margin-bottom: 8px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 22px; |
| + | font-weight: bold; |
| + | color: #474747; |
| + | text-indent: 4px; |
| + | } |
| + | #main-content h2:before { |
| + | padding-right: 0.3em; |
| + | margin-left: -1.5em; |
| + | content: "//"; |
| + | color: #9ddcff; |
| + | } |
| + | |
| + | #main-content h3 { |
| + | margin-top: 24px; |
| + | margin-bottom: 8px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 18px; |
| + | font-weight: bold; |
| + | color: #474747; |
| + | text-indent: 3px; |
| + | } |
| + | |
| + | #main-content h3:before { |
| + | padding-right: 0.3em; |
| + | margin-left: -2em; |
| + | content: "///"; |
| + | color: #9ddcff; |
| + | } |
| + | |
| + | #main-content h4 { |
| + | margin-bottom: 8px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 15px; |
| + | font-weight: bold; |
| + | color: #474747; |
| + | text-indent: 3px; |
| + | } |
| + | |
| + | h4:before { |
| + | padding-right: 0.3em; |
| + | margin-left: -2.8em; |
| + | content: "////"; |
| + | color: #9ddcff; |
| + | } |
| + | |
| + | #main-content h5 { |
| + | margin-bottom: 8px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: 14px; |
| + | color: #474747; |
| + | text-indent: 3px; |
| + | } |
| + | h5:before { |
| + | padding-right: 0.3em; |
| + | margin-left: -3.2em; |
| + | content: "/////"; |
| + | color: #9ddcff; |
| + | } |
| + | |
| + | #main-content h6 { |
| + | margin-bottom: 8px; |
| + | font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
| + | font-size: .8em; |
| + | color: #474747; |
| + | text-indent: 3px; |
| + | } |
| + | h6:before { |
| + | padding-right: 0.3em; |
| + | margin-left: -3.7em; |
| + | content: "//////"; |
| + | color: #9ddcff; |
| + | } |
| + | |
| + | p { |
| + | margin-bottom: 20px; |
| + | } |
| + | |
| + | a { |
| + | text-decoration: none; |
| + | } |
| + | |
| + | p a { |
| + | font-weight: 400; |
| + | } |
| + | |
| + | blockquote { |
| + | padding: 0 0 0 30px; |
| + | margin-bottom: 20px; |
| + | font-size: 1.6em; |
| + | border-left: 10px solid #e9e9e9; |
| + | } |
| + | |
| + | ul { |
| + | list-style-position: inside; |
| + | list-style: disc; |
| + | padding-left: 20px; |
| + | } |
| + | |
| + | ol { |
| + | list-style-position: inside; |
| + | list-style: decimal; |
| + | padding-left: 3px; |
| + | } |
| + | |
| + | dl dd { |
| + | font-style: italic; |
| + | font-weight: 100; |
| + | } |
| + | |
| + | footer { |
| + | padding-top: 20px; |
| + | padding-bottom: 30px; |
| + | margin-top: 40px; |
| + | font-size: 13px; |
| + | color: #aaa; |
| + | background: transparent url('../images/hr.png') 0 0 no-repeat; |
| + | } |
| + | |
| + | footer a { |
| + | color: #666; |
| + | } |
| + | footer a:hover { |
| + | color: #444; |
| + | } |
| + | |
| + | /* MISC */ |
| + | .clearfix:after { |
| + | display: block; |
| + | height: 0; |
| + | clear: both; |
| + | visibility: hidden; |
| + | content: '.'; |
| + | } |
| + | |
| + | .clearfix {display: inline-block;} |
| + | * html .clearfix {height: 1%;} |
| + | .clearfix {display: block;} |
| + | |
| + | /* #Media Queries |
| + | ================================================== */ |
| + | |
| + | /* Smaller than standard 960 (devices and browsers) */ |
| + | @media only screen and (max-width: 959px) { } |
| + | |
| + | /* Tablet Portrait size to standard 960 (devices and browsers) */ |
| + | @media only screen and (min-width: 768px) and (max-width: 959px) { |
| + | .inner { |
| + | width: 740px; |
| + | } |
| + | header h1, header h2 { |
| + | width: 340px; |
| + | } |
| + | header h1 { |
| + | font-size: 60px; |
| + | } |
| + | header h2 { |
| + | font-size: 30px; |
| + | } |
| + | #main-content { |
| + | width: 490px; |
| + | } |
| + | #main-content h1:before, |
| + | #main-content h2:before, |
| + | #main-content h3:before, |
| + | #main-content h4:before, |
| + | #main-content h5:before, |
| + | #main-content h6:before { |
| + | padding-right: 0; |
| + | margin-left: 0; |
| + | content: none; |
| + | } |
| + | } |
| + | |
| + | /* All Mobile Sizes (devices and browser) */ |
| + | @media only screen and (max-width: 767px) { |
| + | .inner { |
| + | width: 93%; |
| + | } |
| + | header { |
| + | padding: 20px 0; |
| + | } |
| + | header .inner { |
| + | position: relative; |
| + | } |
| + | header h1, header h2 { |
| + | width: 100%; |
| + | } |
| + | header h1 { |
| + | font-size: 48px; |
| + | } |
| + | header h2 { |
| + | font-size: 24px; |
| + | } |
| + | header a.button { |
| + | position: relative; |
| + | display: inline-block; |
| + | width: auto; |
| + | height: auto; |
| + | padding: 5px 10px; |
| + | margin-top: 15px; |
| + | font-size: 13px; |
| + | line-height: 1; |
| + | color: #2879d0; |
| + | text-align: center; |
| + | background-color: #9ddcff; |
| + | background-image: none; |
| + | border-radius: 5px; |
| + | -moz-border-radius: 5px; |
| + | -webkit-border-radius: 5px; |
| + | } |
| + | header a.button small { |
| + | display: inline; |
| + | font-size: 13px; |
| + | } |
| + | #main-content, |
| + | aside#sidebar { |
| + | float: none; |
| + | width: 100% ! important; |
| + | } |
| + | aside#sidebar { |
| + | min-height: 0; |
| + | padding: 20px 0; |
| + | margin-top: 20px; |
| + | background-image: none; |
| + | border-top: solid 1px #ddd; |
| + | } |
| + | aside#sidebar a.button { |
| + | display: none; |
| + | } |
| + | #main-content h1:before, |
| + | #main-content h2:before, |
| + | #main-content h3:before, |
| + | #main-content h4:before, |
| + | #main-content h5:before, |
| + | #main-content h6:before { |
| + | padding-right: 0; |
| + | margin-left: 0; |
| + | content: none; |
| + | } |
| + | } |
| + | |
| + | /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
| + | @media only screen and (min-width: 480px) and (max-width: 767px) { } |
| + | |
| + | /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ |
| + | @media only screen and (max-width: 479px) { } |
| + | |