/*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ /*! normalize.css v2.1.0 | 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; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.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: 0.35em 0.625em 0.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; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { max-width: 100%; height: auto; vertical-align: middle; } .img-rounded { border-radius: 6px; } .img-circle { border-radius: 500px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } small { font-size: 85%; } cite { font-style: normal; } .text-muted { color: #999999; } a.text-muted:hover, a.text-muted:focus { color: #808080; } .text-warning { color: #c09853; } a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } .text-danger { color: #b94a48; } a.text-danger:hover, a.text-danger:focus { color: #953b39; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: normal; line-height: 1; color: #999999; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } h1 small, .h1 small { font-size: 24px; } h2 small, .h2 small { font-size: 18px; } h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; /* 1 */ display: table; /* 2 */ } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; /* 1 */ display: table; /* 2 */ } .dl-horizontal dd:after { clear: both; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { display: block; line-height: 1.42857143; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; border-radius: 4px; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; white-space: nowrap; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; } .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after { clear: both; } .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after { clear: both; } .row:before, .row:after { content: " "; /* 1 */ display: table; /* 2 */ } .row:after { clear: both; } .row:before, .row:after { content: " "; /* 1 */ display: table; /* 2 */ } .row:after { clear: both; } @media (min-width: 768px) { .row { margin-left: -15px; margin-right: -15px; } } .row .row { margin-left: -15px; margin-right: -15px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; } .col-1 { width: 8.33333333%; } .col-2 { width: 16.66666667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333333%; } .col-5 { width: 41.66666667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333333%; } .col-8 { width: 66.66666667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333333%; } .col-11 { width: 91.66666667%; } .col-12 { width: 100%; } @media (min-width: 768px) { .container { max-width: 728px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333333%; } .col-sm-2 { width: 16.66666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333%; } .col-sm-5 { width: 41.66666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333333%; } .col-sm-8 { width: 66.66666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333%; } .col-sm-11 { width: 91.66666667%; } .col-sm-12 { width: 100%; } .col-push-1 { left: 8.33333333%; } .col-push-2 { left: 16.66666667%; } .col-push-3 { left: 25%; } .col-push-4 { left: 33.33333333%; } .col-push-5 { left: 41.66666667%; } .col-push-6 { left: 50%; } .col-push-7 { left: 58.33333333%; } .col-push-8 { left: 66.66666667%; } .col-push-9 { left: 75%; } .col-push-10 { left: 83.33333333%; } .col-push-11 { left: 91.66666667%; } .col-pull-1 { right: 8.33333333%; } .col-pull-2 { right: 16.66666667%; } .col-pull-3 { right: 25%; } .col-pull-4 { right: 33.33333333%; } .col-pull-5 { right: 41.66666667%; } .col-pull-6 { right: 50%; } .col-pull-7 { right: 58.33333333%; } .col-pull-8 { right: 66.66666667%; } .col-pull-9 { right: 75%; } .col-pull-10 { right: 83.33333333%; } .col-pull-11 { right: 91.66666667%; } } @media (min-width: 992px) { .container { max-width: 940px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333333%; } .col-lg-2 { width: 16.66666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333%; } .col-lg-5 { width: 41.66666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333333%; } .col-lg-8 { width: 66.66666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333%; } .col-lg-11 { width: 91.66666667%; } .col-lg-12 { width: 100%; } .col-offset-1 { margin-left: 8.33333333%; } .col-offset-2 { margin-left: 16.66666667%; } .col-offset-3 { margin-left: 25%; } .col-offset-4 { margin-left: 33.33333333%; } .col-offset-5 { margin-left: 41.66666667%; } .col-offset-6 { margin-left: 50%; } .col-offset-7 { margin-left: 58.33333333%; } .col-offset-8 { margin-left: 66.66666667%; } .col-offset-9 { margin-left: 75%; } .col-offset-10 { margin-left: 83.33333333%; } .col-offset-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .affix { position: fixed; } @-ms-viewport { width: device-width; } @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } .hidden { display: none; visibility: hidden; } .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .hidden-sm { display: none !important; } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; } .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-lg { display: none !important; } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } .hidden-md { display: none !important; } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } } @media (min-width: 992px) { .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print { display: none !important; } } ::selection, -moz::selection { background: #0a91ff; color: #ffffff; } * { padding: 0; margin: 0; } #header_content { width: 960px; margin: 0 auto; } #main { float: none; } #main_content { width: 960px; margin: 0 auto; float: none; } h2 { font-family: 'Average Sans', sans-serif; color: #0099FF; margin-top: 25px; margin-bottom: 15px; } .left { float: left; width: 320px; } .center { float: left; width: 320px; } .right { float: left; width: 320px; } .icon { font-family: 'weathericons'; src: url('../font/weathericons-regular-webfont.eot'); src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); font-weight: normal; font-style: normal; } .icon_name { font-family: 'Average Sans', sans-serif; } .icon_unicode { font-family: 'Average Sans', sans-serif; color: #BBBBBB; font-size: 0.8em; float: none; } .stop_float { clear: both; } #footer_content { width: 960px; margin: 0 auto; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; color: #333333; font-family: weathericons; } .reference { font-family: "Helvetica", Arial, sans-serif; font-size: 22px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } header { position: relative; height: 100px; padding-top: 0px; background: url("img/sky.jpg") top center no-repeat fixed; border-bottom: 5px solid #404040; } @media (min-width: 768px) { header { height: 300px; } } header h1 { float: left; font-family: "proxima nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; font-size: 30px; margin-top: 40px; margin-left: 0px; color: #ffffff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9); } @media (min-width: 768px) { header h1 { font-size: 60px; margin-top: 180px; } } header .icon { position: absolute; right: 20px; top: 40px; color: #ffffff; font-size: 55px; margin-left: 100px; float: left; line-height: .65em; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); } @media (min-width: 768px) { header .icon { font-size: 200px; top: 100px; } } footer { height: 200px; background-color: #333333; margin-top: 30px; color: #ffffff; padding-top: 15px; font-weight: 400; } footer a { color: #b3b3b3; } .buttons { font-size: 100px; } .follow { text-align: center; } .intro-icons { font-size: 15px; color: #357cbb; } .intro-icons i { margin-right: 10px; } @media (min-width: 768px) { .intro-icons { font-size: 25px; } .intro-icons i { margin-right: 10px; } } @media (min-width: 992px) { .intro-icons { font-size: 45px; } .intro-icons i { margin-right: 10px; } } .headline { font-size: 25px; line-height: 1.3em; margin-bottom: 30px; } .social { margin-top: 15px; } .social p { margin-bottom: 0px; text-align: center; } .download-here { margin-top: 20px; } .download { display: block; } .intro { font-size: 18px; margin-top: 30px; font-weight: 400; } .beta { margin-top: 20px; color: #808080; } .beta .title { color: #808080; font-weight: 500; font-size: 20px; } .beta p { font-weight: 400; font-size: 15px; } .download-button { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .download-button { width: 33.33333333%; } } @media (min-width: 768px) { .download-button { margin-left: 33.33333333%; } } .banner { background-color: #e6e6e6; background-image: url("img/large-bg2.jpg"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; height: 250px; } .banner h1 { color: #ffffff; font-weight: 400; } .banner a { display: block; text-decoration: none; } .banner .tweet .icon-circle { color: #33bbff; } .banner .tweet .icon-twitter { color: #ffffff; } .banner .tweet:hover .icon-circle { color: #0088cc; } .banner .icon-stack { display: inline-block; } .banner .tweeter { display: inline-block; font-weight: 700; color: #ffffff; } .banner .github { font-size: 25px; float: left; } .banner .github .icon-circle { color: #999999; } .banner .github .icon-github-alt { color: #ffffff; } .iconExamples:before, .iconExamples:after { content: " "; /* 1 */ display: table; /* 2 */ } .iconExamples:after { clear: both; } .iconExamples:before, .iconExamples:after { content: " "; /* 1 */ display: table; /* 2 */ } .iconExamples:after { clear: both; } .iconExamples h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #3b6ab5; } .iconExamples .example { text-align: center; margin: 10px 3px; } .iconExamples .example:before, .iconExamples .example:after { content: " "; /* 1 */ display: table; /* 2 */ } .iconExamples .example:after { clear: both; } .iconExamples .example:before, .iconExamples .example:after { content: " "; /* 1 */ display: table; /* 2 */ } .iconExamples .example:after { clear: both; } .iconExamples .example .icon { font-size: 28px; float: left; width: 35px; } .iconExamples .example .class { text-align: center; font-size: 14px; float: left; margin-top: 6px; font-weight: 400; margin-left: 10px; color: #333333; } .download-share { padding: 20px 0px 30px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #f2f2f2; margin-top: 30px; -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1); } * { padding: 0; margin: 0; } #header_content { width: 960px; margin: 0 auto; } #main { float: none; } #main_content { width: 960px; margin: 0 auto; float: none; } h2 { font-family: 'Average Sans', sans-serif; color: #0099FF; margin-top: 25px; margin-bottom: 15px; } .left { float: left; width: 320px; } .center { float: left; width: 320px; } .right { float: left; width: 320px; } .icon { font-family: 'weathericons'; src: url('../font/weathericons-regular-webfont.eot'); src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); font-weight: normal; font-style: normal; } .icon_name { font-family: 'Average Sans', sans-serif; } .icon_unicode { font-family: 'Average Sans', sans-serif; color: #BBBBBB; font-size: 0.8em; float: none; } .stop_float { clear: both; } #footer_content { width: 960px; margin: 0 auto; } .icon-wrap { float: left; width: 50px; height: 120px; font-size: 20px; } .icon-wrap .icon_name { font-size: 10px; } .icon-wrap .icon { display: inline-block; font-family: 'weathericons'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }