| /* Space out content a bit */ |
| body { |
| padding-top: 20px; |
| padding-bottom: 20px; |
| } |
| |
| /* Everything but the jumbotron gets side spacing for mobile first views */ |
| .header, |
| .marketing, |
| .footer { |
| padding-right: 15px; |
| padding-left: 15px; |
| } |
| |
| .section-header { |
| padding-bottom: 9px; |
| margin: 40px 0 20px; |
| border-bottom: 1px solid #eee; |
| } |
| |
| |
| .anchorjs-icon:before { |
| content: "\e144"; |
| box-sizing: border-box; |
| } |
| |
| .anchorjs-link { |
| float: left; |
| width: 1em; |
| height: 1em; |
| margin-left: -1.2em; |
| opacity: 0; |
| color: inherit; |
| text-align: center; |
| } |
| |
| .anchorjs-icon { |
| font-size: 60%; |
| vertical-align: .2em; |
| } |
| |
| .anchorjs-link:focus, :hover>.anchorjs-link { |
| opacity: .75; |
| transition: color .16s linear; |
| } |
| |
| .anchorjs-icon { |
| /*font-family: anchorjs-link;*/ |
| font-family: 'Glyphicons Halflings'; |
| speak: none; |
| font-style: normal; |
| font-weight: 400; |
| font-variant: normal; |
| text-transform: none; |
| line-height: 1; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| } |
| |
| /* Custom page header */ |
| .header { |
| padding-bottom: 20px; |
| border-bottom: 1px solid #e5e5e5; |
| } |
| |
| /* Make the masthead heading the same height as the navigation */ |
| .header h3 { |
| margin-top: 0; |
| margin-bottom: 0; |
| line-height: 40px; |
| } |
| |
| /* Custom page footer */ |
| .footer { |
| padding-top: 19px; |
| color: #777; |
| border-top: 1px solid #e5e5e5; |
| } |
| |
| .container { |
| width: 80%; |
| } |
| |
| /* Customize container */ |
| @media (min-width: 768px) { |
| |
| } |
| |
| .container-narrow > hr { |
| margin: 30px 0; |
| } |
| |
| /* Main marketing message and sign up button */ |
| .jumbotron { |
| text-align: center; |
| border-bottom: 1px solid #e5e5e5; |
| } |
| |
| .jumbotron .btn { |
| padding: 14px 24px; |
| font-size: 21px; |
| } |
| |
| /* Supporting marketing content */ |
| .marketing { |
| margin: 40px 0; |
| } |
| |
| .marketing p + h4 { |
| margin-top: 28px; |
| } |
| |
| /* Responsive: Portrait tablets and up */ |
| @media screen and (min-width: 768px) { |
| /* Remove the padding we set earlier */ |
| .header, |
| .marketing, |
| .footer { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| |
| /* Space out the masthead */ |
| .header { |
| margin-bottom: 30px; |
| } |
| |
| /* Remove the bottom border on the jumbotron for visual effect */ |
| .jumbotron { |
| border-bottom: 0; |
| } |
| } |