| /*Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License.*/ |
| @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic"); |
| /* @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700"); */ |
| /* Key scaffolding |
| -------------------------------------------------- */ |
| body { |
| position: relative; /* For scrollyspy */ |
| padding-top: 50px; /* Account for fixed navbar */ |
| font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; |
| font-size:14px; |
| background-color: #FAFBFC; |
| /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; */ |
| } |
| h1, h2, h3, h4, .h1, .h2, .h3, .h4 { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; |
| font-weight: 300; |
| } |
| a:hover {text-decoration: none;} |
| h2>a, h3>a, h2>a:hover, h3>a:hover { color: rgb(51,51,51); } |
| h2:hover>a:after { |
| content: "\F0C1"; |
| font-family: 'FontAwesome'; |
| /*position:absolute;*/ |
| padding-left: 12px; |
| vertical-align: 15%; |
| font-size: 20px; |
| } |
| h3:hover>a:after { |
| content: "\F0C1"; |
| font-family: 'FontAwesome'; |
| /*position:absolute;*/ |
| padding-left: 8px; |
| vertical-align: 15%; |
| font-size: 15px; |
| } |
| h5, h6, .h5, .h6 { |
| font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; |
| } |
| .bf-sidebar .nav-list code{ |
| margin-left: -3px; |
| } |
| .done { |
| opacity: 0.6; |
| } |
| .nav-list > li { |
| font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 400 !important; |
| opacity: 0.8; |
| margin-bottom: 3px; |
| } |
| header .navbar-nav { |
| font-size: 120%; |
| } |
| .nav-list > li > ul { |
| padding-left: 0; |
| } |
| .nav-list > li ul ul { |
| padding-left: 19px; |
| } |
| .nav-list > li ul > li { |
| list-style-type: none !important; |
| } |
| .nav-list > li ul > li:before { |
| content:"\221F"; |
| font-weight: 200; |
| opacity: 0.5; |
| line-height: 50%; |
| vertical-align: 60%; |
| padding-left: 3px; |
| } |
| .nav-list > li ul > li > a { |
| padding: 0 0 0 3px; |
| margin-bottom: 0px; |
| } |
| .nav-list > li > a { |
| padding: 0; |
| } |
| .nav-list > li > a.icns-apple:before { |
| text-align: right; |
| content: "\F179"; |
| font-family: 'FontAwesome'; |
| font-size: 110%; |
| margin-left: -18px; |
| padding-right: 8px; |
| line-height: 0; |
| } |
| .nav-list > li > a.icns-android:before { |
| text-align: right; |
| content: "\F17B"; |
| font-family: 'FontAwesome'; |
| font-size: 110%; |
| margin-left: -18px; |
| padding-right: 8px; |
| line-height: 0; |
| } |
| .nav-list > li > a.icns-html5:before { |
| text-align: right; |
| content: "\F13B"; |
| font-family: 'FontAwesome'; |
| font-size: 110%; |
| margin-left: -18px; |
| padding-right: 8px; |
| line-height: 0; |
| } |
| .nav-list > li > a.icns-windows:before { |
| text-align: right; |
| content: "\F17A"; |
| font-family: 'FontAwesome'; |
| margin-left: -19px; |
| padding-right: 7px; |
| line-height: 0; |
| } |
| li.nav-header { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600 !important; |
| opacity: 1.0; |
| padding-top: 0 !important; |
| padding-left: 0 !important; |
| font-size: 120%; |
| margin-top: 33px; |
| } |
| .twitter-timeline { |
| margin-top: 33px; |
| } |
| .bf-docs-container .nav-list li.nav-header { |
| padding: 0 !important; |
| border-bottom: solid 1px #ccc; |
| line-height: 0; |
| margin-top: 33px; |
| margin-bottom: 13px; |
| } |
| .bf-docs-container .nav-list li.nav-header span { |
| background-color: #FAFBFC; |
| padding-right: 8px; |
| } |
| |
| .bf-community h2, .bf-docs-container h2, .bf-docs-container h3 { |
| padding-top: 90px; |
| margin-top: -60px; |
| } |
| |
| .bf-docs-container .github-callout { |
| padding: 20px 0 40px 0; |
| font-style: italic; |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| opacity: 0.8; |
| font-size: 110%; |
| } |
| .navbar-nav > li a { |
| font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 300 !important; |
| opacity: 0.8; |
| } |
| |
| .navbar-nav > li > a.major { |
| font-weight: 400 !important; |
| opacity: 1.0; |
| } |
| |
| .navbar-collapse { |
| max-height: none; |
| } |
| |
| .bf-masthead-bg p { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-style: normal; |
| font-weight: 200; |
| font-size: 120%; |
| line-height: 120%; |
| } |
| .bf-features p { |
| font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-style: normal; |
| font-weight: 400; |
| } |
| .bf-features p a { |
| /*font-weight: 600;*/ |
| /*color: rgb(52,73,94);*/ |
| } |
| a.btn { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 500 !important; |
| font-style: normal; |
| letter-spacing: 110%; |
| } |
| h1 { |
| font-weight: 200; |
| letter-spacing: 110%; |
| font-size: 200%; |
| } |
| .page-header { |
| padding-top: 2px; |
| } |
| .page-header h1 { |
| padding-top:20px; |
| font-weight: 400; |
| font-size:350%; |
| } |
| .page-header small{ |
| float: right; |
| background-color: #fff; |
| padding-left: 10px; |
| } |
| .page-header small a { |
| color: #ddd; |
| font-style: italic; |
| } |
| .page-header small a:hover { |
| color: #2481A6; |
| } |
| h2 { |
| font-weight: 400; |
| } |
| h3 { |
| padding-top: 20px; |
| font-weight: 400 !important; |
| } |
| .bf-features h3 { |
| padding-top: 0; |
| } |
| #copyright { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 300 !important; |
| font-style: italic; |
| } |
| #copyright img { |
| border-radius: 4px; |
| } |
| #copyright p { |
| opacity: 0.8; |
| } |
| #copyright .credits { |
| color: #fff; |
| font-weight: 600; |
| opacity: 1 !important; |
| font-style: normal; |
| } |
| .table { |
| margin: 20px 0 0 0; |
| background-color: transparent; |
| } |
| .table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td { |
| padding-left: 0; |
| } |
| .toc { |
| margin-bottom:40px; |
| /*background-color: #fff; |
| border-radius: 4px;*/ |
| /*padding: 20px;*/ |
| } |
| /*.toc > h4 { |
| padding-top: 0; |
| margin-top: 0; |
| font-size: 150%; |
| font-weight:400; |
| }*/ |
| .toc > ul { |
| margin-bottom: 0; |
| padding-left: 20px; |
| } |
| section > .container > h2 { |
| color: #2481A6 !important; |
| } |
| div.row > div.text-left > h2 { |
| margin-top: 40px; |
| margin-bottom: 10px; |
| } |
| .bf-docs-container h2 { |
| font-size: 250%; |
| } |
| |
| /* Navs and headers |
| -------------------------------------------------- */ |
| header.navbar .container { |
| padding-right: 0; |
| } |
| footer > .container { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| header.navbar.secondary { |
| box-shadow: 0px 1px 2px #7b48fe; |
| } |
| .navbar-inverse { |
| background-color: #3c3c3c; |
| /*background-color: #3c3c3c;*/ |
| } |
| nav.navbar-collapse { |
| border-color: rgb(52, 73, 94) !important; |
| border-width: 1px; |
| box-shadow: none; |
| padding-left: 15px; |
| } |
| .bf-docs-nav { |
| border-bottom: 0px; |
| padding-left: 20px; |
| padding-right: 20px; |
| } |
| .navbar-nav { |
| margin: 0; |
| } |
| |
| .navbar-brand { |
| padding-left: 0; |
| } |
| .bf-docs-nav .navbar-nav > li > a { |
| margin: 20px 0 0 5px; |
| padding: 5px; |
| -webkit-border-radius: 4px; |
| -moz-border-radius: 4px; |
| border-radius: 4px; |
| color: white; |
| } |
| .bf-docs-nav .navbar-nav > li > a:hover { |
| color: #fff; |
| background-color: #1e90ff; |
| } |
| .bf-docs-nav .navbar-nav > .active > a, |
| .bf-docs-nav .navbar-nav > .active > a:hover { |
| color: #fff; |
| background-color: #1e90ff !important; |
| } |
| li.divider { |
| margin-left: 0 !important; |
| } |
| |
| /* Homepage masthead |
| -------------------------------------------------- */ |
| .bf-masthead { |
| position: relative; |
| text-align: left; |
| /*background: #cbcbcd url(../img/rende.png) no-repeat 50% 100px;*/ |
| } |
| .bf-masthead .bf-masthead-bg { |
| /*margin-top: 10px;*/ |
| padding: 30px 15px; |
| color:#3c3c3c; |
| background-color: #fff; |
| } |
| /*.bf-masthead .logo { |
| height: 203px; |
| }*/ |
| .bf-masthead .logo-title { |
| width: 600px; |
| padding: 20px 0 0 0; |
| margin-left: 0; |
| } |
| .bf-masthead .text-container { |
| margin-left: auto; |
| margin-right: auto; |
| text-align: left; |
| } |
| .bf-masthead .tagline { |
| font-style:normal; |
| font-weight:200; |
| font-size: 300%; |
| margin-bottom: 0; |
| margin-top: 30px; |
| padding-bottom: 30px; |
| color: #3c3c3c; |
| line-height: 90%; |
| } |
| .bf-masthead .tagline em { |
| font-style: italic; |
| } |
| .bf-masthead .description { |
| font-style: normal; |
| font-size: 150%; |
| margin-bottom: 45px; |
| /*line-height: 100%;*/ |
| } |
| .bf-masthead .btn-wrapper { |
| text-align: center; |
| margin-bottom: 20px; |
| clear:both; |
| } |
| .bf-masthead .btn-wrapper { |
| text-align: left; |
| width: 100%; |
| margin-right: 20px; |
| } |
| .bf-masthead .social-btn { |
| float: left; |
| margin: 0 20px 10px 0; |
| } |
| .bf-masthead .or { |
| margin-left: 0px; |
| font-style: normal; |
| font-weight: 200; |
| opacity: 0.8; |
| } |
| |
| .bf-masthead a { |
| line-height: 30px; |
| color: #FAFBFC; |
| font-style: normal; |
| font-weight: 400; |
| } |
| .bf-masthead h1 { |
| font-size: 30px; |
| line-height: 1.4; |
| color: #fff; |
| } |
| .bf-masthead .bf-masthead-links a, |
| .bf-masthead .bf-masthead-links a:hover { |
| color: #fff; |
| } |
| .bf-masthead-info { |
| padding: 80px 20px; |
| font-size: 28px; |
| text-align: center; |
| background-color: #fc5d7b; |
| color: rgba(0, 0, 0, .3) |
| } |
| .bf-masthead-info .icon-angle-down { |
| font-size: 40px; |
| } |
| |
| /* Download button */ |
| .bf-masthead .btn-outline { |
| margin-top: 20px; |
| margin-bottom: 20px; |
| border: 1px solid #fff; |
| padding: 18px 24px; |
| font-size: 21px; |
| color: #fff; |
| } |
| .bf-masthead .btn-outline:hover { |
| background-color: #fff; |
| color: #42a8d2; |
| } |
| |
| .bf-masthead-links { |
| margin-top: 20px; |
| margin-bottom: 20px; |
| padding-left: 0; |
| list-style: none; |
| text-align: center; |
| } |
| .bf-masthead-links li { |
| margin-bottom: 15px; |
| color: #fff; |
| } |
| .bf-masthead-links a { |
| color: #c8c7c6; |
| } |
| |
| /* Homepage features |
| -------------------------------------------------- */ |
| section > .container > h2 { |
| text-align: left; |
| margin-bottom: 16px; |
| padding-bottom: 6px; |
| font-size: 28px; |
| color:#3c3c3c; |
| /* border-bottom: 1px solid #e5e5e5; */ |
| } |
| .bf-features { |
| color: white; |
| text-align: center; |
| padding: 20px 0; |
| } |
| .bf-features h2 ~ p { |
| margin-bottom: 40px; |
| font-size: 16px; |
| } |
| .bf-features .bf-icon-wrap { |
| margin: 0 auto 10px; |
| -webkit-border-radius: 50%; |
| -moz-border-radius: 50%; |
| border-radius: 50%; |
| background-color: #7b48fe; |
| width: 90px; |
| height: 90px; |
| line-height: 90px; |
| font-size: 50px; |
| color: #FAFBFC; |
| } |
| .bf-features h3 { |
| margin: 0 0 10px; |
| color: rgb(52,73,94); |
| font-weight: 400 !important; |
| } |
| .bf-features h3 ~ p { |
| color: #656565; |
| } |
| /* |
| .bf-features2 { |
| color: #292929; |
| text-align: center; |
| } |
| .bf-features2 { |
| padding: 40px 0; |
| } |
| .bf-features2 h2 { |
| text-align: left; |
| margin-bottom: 16px; |
| padding-bottom: 6px; |
| font-size: 28px; |
| color:#666666; |
| border-bottom: 1px solid #e5e5e5; |
| } |
| .bf-features2 h2 ~ p { |
| margin-bottom: 40px; |
| font-size: 16px; |
| } |
| .bf-features2 .bf-icon-wrap { |
| margin: 0 auto 20px; |
| -webkit-border-radius: 50%; |
| -moz-border-radius: 50%; |
| border-radius: 50%; |
| background-color: #e5e9ed; |
| width: 80px; |
| height: 80px; |
| line-height: 80px; |
| font-size: 40px; |
| color: #a5b6c7; |
| } |
| .bf-features2 h3 { |
| margin: 0 0 10px; |
| color: #696969; |
| } |
| .bf-features2 h3 ~ p { |
| color: #656565; |
| } */ |
| .bf-features-inverse { |
| padding: 140px 0; |
| font-size: 16px; |
| color: white; |
| text-align: center; |
| background-color: #3c3c3c; |
| } |
| .bf-features-inverse h2 { |
| margin-bottom: 20px; |
| font-size: 40px; |
| } |
| .bf-features-inverse h2 ~ p { |
| margin-bottom: 40px; |
| font-size: 16px; |
| } |
| .bf-features-inverse .bf-icon-wrap { |
| margin: 0 auto 20px; |
| -webkit-border-radius: 50%; |
| -moz-border-radius: 50%; |
| border-radius: 50%; |
| background-color: #fff; |
| width: 80px; |
| height: 80px; |
| line-height: 80px; |
| font-size: 40px; |
| color: #3dc0f1; |
| } |
| .bf-features-inverse h3 ~ p { |
| font-size: 14px; |
| } |
| .bf-features-inverse a, |
| .bf-features-inverse a:hover { |
| color: #fff; |
| text-decoration: underline; |
| } |
| .bf-news ul { |
| margin-bottom: 20px; |
| } |
| |
| .bf-questions .container { |
| border-top: 1px solid rgb(52,73,94); |
| border-bottom: 1px solid rgb(52,73,94); |
| padding: 60px 0; |
| margin-top: 0px; |
| } |
| |
| .bf-questions div { |
| line-height: 30px; |
| } |
| |
| .bf-community .container, .bf-tagline .container { |
| padding-left: 0; |
| padding-right: 0; |
| } |
| |
| .bf-community h3 { |
| font-weight: 600; |
| margin-top: 0; |
| } |
| |
| .bf-community .row a p { |
| color: rgb(51,51,51); |
| } |
| |
| /*.bf-community h2 { |
| padding-bottom: 10px; |
| border-bottom: 1px solid rgb(51,51,51); |
| }*/ |
| |
| .bf-community h2 { |
| /*padding: 0 !important;*/ |
| border-bottom: solid 1px #ccc; |
| line-height: 0; |
| /*margin-top: 33px;*/ |
| margin-bottom: 13px; |
| } |
| .bf-releases h2 { |
| /*padding: 0 !important;*/ |
| border-bottom: solid 1px #ccc; |
| line-height: 0; |
| /*margin-top: 33px;*/ |
| margin-bottom: 13px; |
| } |
| |
| .bf-community h2 span { |
| background-color: #FAFBFC; |
| padding-right: 10px; |
| } |
| |
| |
| .bf-releases h2 span { |
| background-color: #FAFBFC; |
| padding-right: 10px; |
| } |
| |
| .bf-releases p { |
| padding: 10px 0 5px 0; |
| } |
| |
| .bf-community { |
| margin-top: 80px; |
| } |
| |
| .bf-releases { |
| margin-top: 10px; |
| } |
| |
| #map-canvas { |
| border-bottom: 1px solid rgb(52, 73, 94); |
| } |
| |
| .bf-community img { |
| #border-radius: 4px; |
| #border: solid 1px rgb(52, 73, 94); |
| margin-top: 20px; |
| margin-bottom: 10px; |
| width: 100%; |
| #box-shadow: rgb(52, 73, 94) 2px 2px 4px; |
| } |
| |
| .bf-releases img { |
| border-radius: 4px; |
| border: solid 1px rgb(52, 73, 94); |
| margin-top: 20px; |
| margin-bottom: 10px; |
| width: 100%; |
| box-shadow: rgb(52, 73, 94) 2px 2px 4px; |
| } |
| |
| |
| h2.icns-calendar:before{ |
| text-align: right; |
| content: "\F073"; |
| font-family: 'FontAwesome'; |
| font-size: 100%; |
| margin-left: -40px; |
| padding-right: 10px; |
| line-height: 0; |
| } |
| h2.icns-chat:before{ |
| text-align: right; |
| content: "\F0FC"; |
| font-family: 'FontAwesome'; |
| font-size: 100%; |
| margin-left: -40px; |
| padding-right: 10px; |
| line-height: 0; |
| } |
| |
| h2.icns-envelope:before{ |
| text-align: right; |
| content: "\F0E0"; |
| font-family: 'FontAwesome'; |
| font-size: 100%; |
| margin-left: -40px; |
| padding-right: 10px; |
| line-height: 0; |
| } |
| h2.icns-briefcase:before{ |
| text-align: right; |
| content: "\F0B1"; |
| font-family: 'FontAwesome'; |
| font-size: 100%; |
| margin-left: -42px; |
| padding-right: 10px; |
| line-height: 0; |
| } |
| h2.icns-group:before{ |
| text-align: right; |
| content: "\F005"; |
| font-family: 'FontAwesome'; |
| font-size: 100%; |
| margin-left: -37px; |
| padding-right: 8px; |
| line-height: 0; |
| } |
| h2.icns-tools:before{ |
| text-align: right; |
| content: "\F006"; |
| font-family: 'FontAwesome'; |
| font-size: 100%; |
| margin-left: -37px; |
| padding-right: 8px; |
| line-height: 0; |
| } |
| /* Docs pages and sections |
| -------------------------------------------------- */ |
| |
| /* Page headers */ |
| .bf-header { |
| padding: 5px 20px 10px; |
| font-size: 16px; |
| color: #5a5a5a; |
| text-align: center; |
| border-bottom: 1px solid #e5e5e5; |
| } |
| .bf-header p { |
| font-weight: 300; |
| line-height: 1.5; |
| } |
| .bf-header .container { |
| position: relative; |
| } |
| |
| .bf-docs-container { |
| margin-top: 60px; |
| } |
| |
| .bf-docs-container .col-md-3{ |
| padding-left: 0; |
| } |
| |
| |
| .bf-docs-container .col-md-9.main-article { |
| background-color: #fff; |
| border-radius: 4px; |
| border: 1px solid #ccc; |
| padding-bottom: 15px; |
| min-height: 820px; |
| } |
| |
| .bf-docs-section + .bf-docs-section { |
| padding-top: 20px; |
| } |
| |
| .bf-docs-container .nav-list { |
| padding-top: 20px; |
| } |
| |
| /* Bootstrap code examples |
| -------------------------------------------------- */ |
| |
| /* Base class */ |
| .bf-example { |
| position: relative; |
| margin: 20px 0 40px; |
| } |
| .bf-example > .btn-toolbar + .btn-toolbar { |
| margin-top: 10px; |
| } |
| |
| .bf-example .row { |
| margin-bottom: 20px; |
| } |
| |
| /* Tweak display of the examples */ |
| .bf-example + .highlight { |
| margin: 0 -15px; |
| border-radius: 0; |
| border-width: 0 0 1px; |
| } |
| |
| /* Tweak content of examples for optimum awesome */ |
| .bf-example > p:last-child, |
| .bf-example > ul:last-child, |
| .bf-example > ol:last-child, |
| .bf-example > blockquote:last-child, |
| .bf-example > input:last-child, |
| .bf-example > select:last-child, |
| .bf-example > textarea:last-child, |
| .bf-example > .table:last-child, |
| .bf-example > .navbar:last-child |
| .bf-example > .jumbotron:last-child, |
| .bf-example > .alert:last-child, |
| .bf-example > .panel:last-child, |
| .bf-example > .list-group:last-child, |
| .bf-example > .well:last-child { |
| margin-bottom: 0; |
| } |
| .bf-example > p > .close { |
| float: none; |
| } |
| .bf-example-title { |
| border-left: 3px solid #08d; |
| padding-left: 10px; |
| line-height: 24px; |
| margin: 20px 0; |
| font-size: 16px; |
| } |
| .bf-example-align .btn { |
| margin-top: 4px; |
| } |
| .bf-example-align .btn-xs { |
| margin-top: 16px; |
| } |
| .bf-example-align .btn-sm { |
| margin-top: 8px; |
| } |
| .bf-example-align .btn-lg { |
| margin-top: -7px; |
| } |
| |
| /* Navbar examples */ |
| .bf-example .navbar:last-child { |
| margin-bottom: 0; |
| } |
| .bf-navbar-top-example, |
| .bf-navbar-bottom-example { |
| z-index: 1; |
| padding: 0; |
| min-height: 110px; |
| overflow: hidden; /* cut the drop shadows off */ |
| } |
| .bf-navbar-top-example .navbar-fixed-top, |
| .bf-navbar-bottom-example .navbar-fixed-bottom { |
| position: relative; |
| margin-left: 0; |
| margin-right: 0; |
| } |
| .bf-navbar-top-example .navbar-fixed-top { |
| top: -1px; |
| } |
| .bf-navbar-bottom-example .navbar-fixed-bottom { |
| bottom: -1px; |
| } |
| .bf-navbar-top-example { |
| -webkit-border-radius: 0 0 4px 4px; |
| -moz-border-radius: 0 0 4px 4px; |
| border-radius: 0 0 4px 4px; |
| } |
| .bf-navbar-top-example:after { |
| top: auto; |
| bottom: 15px; |
| -webkit-border-radius: 0 4px 0 4px; |
| -moz-border-radius: 0 4px 0 4px; |
| border-radius: 0 4px 0 4px; |
| } |
| .bf-navbar-bottom-example { |
| -webkit-border-radius: 4px 4px 0 0; |
| -moz-border-radius: 4px 4px 0 0; |
| border-radius: 4px 4px 0 0; |
| } |
| .bf-navbar-bottom-example .navbar { |
| margin-bottom: 0; |
| } |
| .bf-navbar-top-example.bf-example:after { |
| bottom: -1px; |
| border-radius: 0 4px; |
| } |
| |
| /* Example modals */ |
| .bf-example-modal { |
| background-color: #f5f5f5; |
| } |
| .bf-example-modal .modal { |
| position: relative; |
| top: auto; |
| right: auto; |
| left: auto; |
| bottom: auto; |
| z-index: 1; |
| display: block; |
| } |
| .bf-example-modal .modal-dialog { |
| left: auto; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| /* Example dropdowns */ |
| .bf-example > .dropdown > .dropdown-menu, |
| .bf-example-submenu > .pull-left > .dropup > .dropdown-menu, |
| .bf-example-submenu > .pull-left > .dropdown > .dropdown-menu { |
| position: static; |
| display: block; |
| margin-bottom: 5px; |
| } |
| .bf-example-submenu { |
| min-height: 230px; |
| } |
| .bf-example-submenu > .pull-left + .pull-left { |
| margin-left: 20px; |
| } |
| |
| /* Tooltips */ |
| .bf-example-tooltips { |
| text-align: center; |
| } |
| |
| /* Popovers */ |
| .bf-example-popover { |
| padding-bottom: 24px; |
| } |
| .bf-example-popover .popover { |
| position: relative; |
| display: block; |
| float: left; |
| width: 260px; |
| margin: 20px; |
| } |
| |
| /* Example templates |
| -------------------------------------------------- */ |
| |
| .bf-examples h4 { |
| margin-bottom: 5px; |
| } |
| .bf-examples p { |
| margin-bottom: 20px; |
| } |
| |
| /* Responsive docs |
| -------------------------------------------------- */ |
| |
| /* Responsive (scrollable) doc tables */ |
| @media (max-width: 768px) { |
| .bf-table-scrollable { |
| width: 100%; |
| margin-bottom: 15px; |
| overflow-y: hidden; |
| overflow-x: scroll; |
| border: 1px solid #ddd; |
| } |
| .bf-table-scrollable .table { |
| margin-bottom: 0; |
| border: 0; |
| } |
| .bf-table-scrollable .table th, |
| .bf-table-scrollable .table td { |
| white-space: nowrap; |
| } |
| .bf-table-scrollable .table th:first-child, |
| .bf-table-scrollable .table td:first-child { |
| border-left: 0; |
| } |
| .bf-table-scrollable .table th:last-child, |
| .bf-table-scrollable .table td:last-child { |
| border-right: 0; |
| } |
| .bf-table-scrollable .table tr:last-child th, |
| .bf-table-scrollable .table tr:last-child td { |
| border-bottom: 0; |
| } |
| } |
| |
| /* Footer |
| -------------------------------------------------- */ |
| |
| .bf-footer { |
| margin-top: 40px; |
| padding: 30px 5px; |
| /*text-align: left;*/ |
| background:#1e90ff; |
| color:white; |
| } |
| |
| .bf-footer a { |
| color:#f0f0f0 !important; |
| } |
| .bf-footer.bf-footer-margin { |
| margin-top: 100px; |
| margin-bottom: 20px; |
| } |
| |
| .bf-footer .bf-icon-wrap { |
| font-size: 40px; |
| color: #a5b6c7; |
| display: inline; |
| margin: 10px; |
| } |
| |
| #footer-icons { |
| float: right; |
| display: inline; |
| line-height: 20px; |
| margin: 40px 10px 20px 10px; |
| } |
| |
| #copyright { |
| float: left; |
| display: inline; |
| line-height: 20px; |
| margin: 20px 10px 20px 10px; |
| } |
| |
| /* Social proof buttons from GitHub & Twitter */ |
| .bf-social { |
| margin-bottom: 20px; |
| } |
| .bf-social-buttons { |
| display: inline-block; |
| margin-bottom: 0; |
| padding-left: 0; |
| list-style: none; |
| } |
| .bf-social-buttons li { |
| display: inline-block; |
| line-height: 1; |
| } |
| .bf-social-buttons li + li { |
| margin-left: 15px; |
| } |
| .bf-social-buttons .twitter-follow-button { |
| width: 225px !important; |
| } |
| .bf-social-buttons .twitter-share-button { |
| width: 98px !important; |
| } |
| /* Style the GitHub buttons via CSS instead of inline attributes */ |
| .github-btn { |
| border: 0; |
| overflow: hidden; |
| } |
| |
| .highlight { |
| padding: 9px 14px; |
| margin-bottom: 40px; |
| border: 1px solid #e1e1e8; |
| border-radius: 4px; |
| } |
| .highlight pre { |
| padding: 0; |
| margin-top: 0; |
| margin-bottom: 0; |
| background-color: rgb(248, 248, 255); |
| border: 0; |
| white-space: nowrap; |
| } |
| .highlight pre code { |
| font-size: inherit; |
| font-family: Consolas, 'Liberation Mono', Courier, monospace; |
| color: #333; /* Effectively the base text color */ |
| } |
| .highlight pre .lineno { |
| display: inline-block; |
| width: 22px; |
| padding-right: 5px; |
| margin-right: 10px; |
| text-align: right; |
| color: #bebec5; |
| } |
| |
| .c { color: #999988; font-style: italic } /* Comment */ |
| .err { color: #a61717; background-color: #e3d2d2 } /* Error */ |
| .k { color: #000000; font-weight: bold } /* Keyword */ |
| .o { color: #000000; font-weight: bold } /* Operator */ |
| .cm { color: #999988; font-style: italic } /* Comment.Multiline */ |
| .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ |
| .c1 { color: #999988; font-style: italic } /* Comment.Single */ |
| .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ |
| .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ |
| .ge { color: #000000; font-style: italic } /* Generic.Emph */ |
| .gr { color: #aa0000 } /* Generic.Error */ |
| .gh { color: #999999 } /* Generic.Heading */ |
| .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ |
| .go { color: #888888 } /* Generic.Output */ |
| .gp { color: #555555 } /* Generic.Prompt */ |
| .gs { font-weight: bold } /* Generic.Strong */ |
| .gu { color: #aaaaaa } /* Generic.Subheading */ |
| .gt { color: #aa0000 } /* Generic.Traceback */ |
| .kc { color: #000000; font-weight: bold } /* Keyword.Constant */ |
| .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ |
| .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ |
| .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ |
| .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ |
| .kt { color: #445588; font-weight: bold } /* Keyword.Type */ |
| .m { color: #009999 } /* Literal.Number */ |
| .s { color: #d01040 } /* Literal.String */ |
| .na { color: #008080 } /* Name.Attribute */ |
| .nb { color: #0086B3 } /* Name.Builtin */ |
| .nc { color: #445588; font-weight: bold } /* Name.Class */ |
| .no { color: #008080 } /* Name.Constant */ |
| .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ |
| .ni { color: #800080 } /* Name.Entity */ |
| .ne { color: #990000; font-weight: bold } /* Name.Exception */ |
| .nf { color: #990000; font-weight: bold } /* Name.Function */ |
| .nl { color: #990000; font-weight: bold } /* Name.Label */ |
| .nn { color: #555555 } /* Name.Namespace */ |
| .nt { color: #000080 } /* Name.Tag */ |
| .nv { color: #008080 } /* Name.Variable */ |
| .ow { color: #000000; font-weight: bold } /* Operator.Word */ |
| .w { color: #bbbbbb } /* Text.Whitespace */ |
| .mf { color: #009999 } /* Literal.Number.Float */ |
| .mh { color: #009999 } /* Literal.Number.Hex */ |
| .mi { color: #009999 } /* Literal.Number.Integer */ |
| .mo { color: #009999 } /* Literal.Number.Oct */ |
| .sb { color: #d01040 } /* Literal.String.Backtick */ |
| .sc { color: #d01040 } /* Literal.String.Char */ |
| .sd { color: #d01040 } /* Literal.String.Doc */ |
| .s2 { color: #d01040 } /* Literal.String.Double */ |
| .se { color: #d01040 } /* Literal.String.Escape */ |
| .sh { color: #d01040 } /* Literal.String.Heredoc */ |
| .si { color: #d01040 } /* Literal.String.Interpol */ |
| .sx { color: #d01040 } /* Literal.String.Other */ |
| .sr { color: #009926 } /* Literal.String.Regex */ |
| .s1 { color: #d01040 } /* Literal.String.Single */ |
| .ss { color: #990073 } /* Literal.String.Symbol */ |
| .bp { color: #999999 } /* Name.Builtin.Pseudo */ |
| .vc { color: #008080 } /* Name.Variable.Class */ |
| .vg { color: #008080 } /* Name.Variable.Global */ |
| .vi { color: #008080 } /* Name.Variable.Instance */ |
| .il { color: #009999 } /* Literal.Number.Integer.Long */ |
| |
| .css .o, |
| .css .o + .nt, |
| .css .nt + .nt { color: #999; } |
| /* Show code snippets when we have the space */ |
| @media screen and (min-width: 481px) { |
| .highlight { |
| display: block; |
| } |
| } |
| |
| .demoColorSwatches { |
| color: #FFF; |
| } |
| .demoColorSwatches h4 { |
| color: #292929; |
| } |
| .demoColorSwatches .colorPanel { |
| padding: 15px; |
| } |
| .demoColorSwatches .colorPanel:hover { |
| opacity: 0.85; |
| filter: alpha(opacity=85); |
| } |
| |
| /* Responsive variations |
| -------------------------------------------------- */ |
| |
| /* Hide code snippets on mobile devices */ |
| @media screen and (max-width: 480px) { |
| .highlight { |
| display: none; |
| } |
| } |
| |
| |
| .bf-docs-container { |
| margin-top: 40px; |
| } |
| |
| /* Navbars */ |
| .bf-example .navbar:last-child { |
| margin-bottom: 0; |
| } |
| .bf-navbar-top-example, |
| .bf-navbar-bottom-example { |
| z-index: 1; |
| padding: 0; |
| overflow: hidden; /* cut the drop shadows off */ |
| border: 1px solid #ddd ; |
| } |
| .bf-navbar-top-example .navbar-header, |
| .bf-navbar-bottom-example .navbar-header { |
| margin-left: 0; |
| } |
| .bf-navbar-top-example .navbar-fixed-top, |
| .bf-navbar-bottom-example .navbar-fixed-bottom { |
| position: relative; |
| margin-left: 0; |
| margin-right: 0; |
| } |
| .bf-navbar-top-example { |
| padding-bottom: 45px; |
| } |
| .bf-navbar-top-example:after { |
| top: auto; |
| bottom: 15px; |
| } |
| .bf-navbar-top-example .navbar-fixed-top { |
| top: -1px; |
| } |
| .bf-navbar-bottom-example { |
| padding-top: 65px; |
| } |
| .bf-navbar-bottom-example .navbar-fixed-bottom { |
| bottom: -1px; |
| } |
| .bf-navbar-bottom-example .navbar { |
| margin-bottom: 0; |
| } |
| |
| /* Phone and below */ |
| @media screen and (max-width: 768px) { |
| #home-logo { opacity: 1; height: 25px;} |
| span.fa-book:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Docs"; |
| } |
| span.fa-users:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Community"; |
| } |
| span.fa-github-square:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Github"; |
| } |
| span.icon-trello:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Trello"; |
| } |
| span.fa-bug:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " JIRA"; |
| } |
| span.fa-stack-overflow:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " StackOverflow"; |
| } |
| span.icon-chat:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " HipChat"; |
| } |
| span.fa-twitter:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Twitter"; |
| } |
| span.fa-pencil-square-o:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Wiki"; |
| } |
| span.fa-arrow-circle-o-down:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Releases"; |
| } |
| span.icon-comments:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Chat"; |
| } |
| span.fa-envelope:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Mailing Lists"; |
| } |
| span.icon-flag-checkered:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Milestones"; |
| } |
| |
| |
| div.cta { |
| line-height: 60px; |
| } |
| span.avoidwrap { display:inline-block; } |
| .navbar-nav > li > a { |
| opacity: 1.0; |
| } |
| .bf-masthead .tagline { |
| line-height: 90%; |
| } |
| |
| .bf-masthead .description { |
| margin-bottom: 30px; |
| } |
| .bf-masthead p { |
| clear:both; |
| line-height: 100%; |
| padding-top: 5px; |
| } |
| .bf-masthead .or { |
| margin-right: 0; |
| } |
| .bf-questions .container{ |
| padding: 30px 0; |
| } |
| } |
| |
| /* Phones and Tablets */ |
| /*@media screen and (min-width: 768px) and (max-width: 992px) { |
| |
| .bf-masthead .tagline { |
| padding-bottom: 20px; |
| } |
| |
| }*/ |
| |
| @media screen and (max-width: 992px) { |
| .bf-community.committers .col-md-3 p{ |
| margin-bottom: 40px; |
| } |
| } |
| |
| /* Tablets and below */ |
| @media screen and (max-width: 1200px) { |
| .row { |
| padding: 0 25px; |
| } |
| .bf-docs-container .nav-list { |
| padding-left: 30px; |
| } |
| .bf-docs-container .colb-md-3 .nav-list { |
| padding-top: 0; |
| } |
| .bf-community .container, .bf-tagline .container { |
| padding-left: 50px; |
| } |
| .bf-community.committers .col-md-3 h3{ |
| margin-top: 0px; |
| } |
| #map-canvas { height: 300px; margin-top: 5px;} |
| } |
| /* Tablets and up */ |
| @media screen and (min-width: 768px) { |
| header.secondary #home-logo { opacity: 1; } |
| #home-logo { opacity: 1; height: 40px;} |
| .bf-header { |
| font-size: 21px; |
| text-align: left; |
| } |
| .bf-header h1 { |
| font-size: 60px; |
| line-height: 1; |
| } |
| |
| .bf-masthead p { |
| float:left; |
| } |
| |
| .bf-masthead .or { |
| margin-right: 20px; |
| } |
| .bf-features .row { |
| padding: 20px 0; |
| } |
| .bf-example { |
| margin-left: 0; |
| margin-right: 0; |
| border-radius: 4px; |
| background-color: #fff; |
| border-width: 1px; |
| border-color: #ddd; |
| box-shadow: none; |
| } |
| .bf-example + .prettyprint, |
| .bf-example + .highlight { |
| margin-top: -16px; |
| margin-left: 0; |
| margin-right: 0; |
| border-width: 1px; |
| border-bottom-left-radius: 4px; |
| border-bottom-right-radius: 4px; |
| } |
| |
| /* Show the docs nav */ |
| .bf-sidebar { |
| display: block; |
| } |
| .bf-sidebar > .nav > li > a { |
| display: inline-block; |
| } |
| |
| .bf-navbar-top-example .navbar-fixed-top, |
| .bf-navbar-bottom-example .navbar-fixed-bottom { |
| position: absolute; |
| } |
| .bs-navbar-top-example { |
| border-radius: 0 0 4px 4px; |
| } |
| .bs-navbar-bottom-example { |
| border-radius: 4px 4px 0 0; |
| } |
| } |
| |
| /* Tablets */ |
| @media screen and (min-width: 768px) and (max-width: 1200px) { |
| span.icns { |
| font-size: 140%; |
| } |
| } |
| |
| /* Tablets/desktops and up */ |
| @media screen and (min-width: 1200px) { |
| span.fa-book:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Docs"; |
| } |
| span.fa-users:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Community"; |
| } |
| span.fa-github-square:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Github"; |
| } |
| span.icon-trello:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Trello"; |
| } |
| span.fa-bug:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " JIRA"; |
| } |
| span.fa-stack-overflow:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " StackOverflow"; |
| } |
| span.icon-chat:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " HipChat"; |
| } |
| span.fa-twitter:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Twitter"; |
| } |
| span.fa-pencil-square-o:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Wiki"; |
| } |
| span.fa-arrow-circle-o-down:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Releases"; |
| } |
| span.icon-comments:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Chat"; |
| } |
| span.fa-envelope:after { |
| font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-weight: 600; |
| content: " Mailing Lists"; |
| } |
| .bf-header h1, |
| .bf-header p { |
| margin-right: 380px; |
| } |
| .bf-docs-container { |
| margin-top: 40px; |
| } |
| |
| .bf-masthead .tagline, .bf-masthead .description, .bf-masthead .btn-wrapper { |
| margin-left: 120px; |
| } |
| .bf-community.committers .col-md-3 h3{ |
| margin-top: 40px; |
| } |
| .bf-community.committers img { |
| width: 100%; |
| } |
| #map-canvas { height: 500px; margin-top: 10px;} |
| |
| } |
| |
| .navbar-toggle { |
| background-color: rgb(36,129,166); |
| margin: 12px 0 0 0; |
| } |
| |
| /* desert scheme ported from vim to google prettify */ |
| pre.prettyprint { display: block; background-color: #333 } |
| pre .nocode { background-color: none; color: #000 } |
| pre .str { color: #ffa0a0 } /* string - pink */ |
| pre .kwd { color: #f0e68c; font-weight: bold } |
| pre .com { color: #87ceeb } /* comment - skyblue */ |
| pre .typ { color: #98fb98 } /* type - lightgreen */ |
| pre .lit { color: #cd5c5c } /* literal - darkred */ |
| pre .pun { color: #fff } /* punctuation */ |
| pre .pln { color: #fff } /* plaintext */ |
| pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */ |
| pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */ |
| pre .atv { color: #ffa0a0 } /* attribute value - pink */ |
| pre .dec { color: #98fb98 } /* decimal - lightgreen */ |
| |
| /* Specify class=linenums on a pre to get line numbering */ |
| ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */ |
| li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none } |
| /* Alternate shading for lines */ |
| li.L1,li.L3,li.L5,li.L7,li.L9 { } |
| |
| @media print { |
| pre.prettyprint { background-color: none } |
| pre .str, code .str { color: #060 } |
| pre .kwd, code .kwd { color: #006; font-weight: bold } |
| pre .com, code .com { color: #600; font-style: italic } |
| pre .typ, code .typ { color: #404; font-weight: bold } |
| pre .lit, code .lit { color: #044 } |
| pre .pun, code .pun { color: #440 } |
| pre .pln, code .pln { color: #000 } |
| pre .tag, code .tag { color: #006; font-weight: bold } |
| pre .atn, code .atn { color: #404 } |
| pre .atv, code .atv { color: #060 } |
| } |