123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882 |
- /*! 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) { }
|