| /* |
| * Globals |
| */ |
| |
| body { |
| font-family: Georgia, "Times New Roman", Times, serif; |
| color: #555; |
| } |
| |
| h1, .h1, |
| h2, .h2, |
| h3, .h3, |
| h4, .h4, |
| h5, .h5, |
| h6, .h6 { |
| margin-top: 0; |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| font-weight: normal; |
| color: #333; |
| } |
| |
| h1 { |
| font-size: 22pt; |
| } |
| |
| h2 { |
| text-decoration: underline; |
| font-size: 18pt; |
| } |
| |
| h3 { |
| font-size: 14pt; |
| font-weight: bold; |
| } |
| |
| /* |
| * Override Bootstrap's default container. |
| */ |
| |
| @media (min-width: 1200px) { |
| .container { |
| /* width: 970px; */ |
| width: 100%; |
| } |
| } |
| |
| |
| /* |
| * Masthead for nav |
| */ |
| |
| .blog-masthead { |
| background-color: #007777; |
| -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); |
| box-shadow: inset 0 -2px 5px rgba(0,0,0,.1); |
| } |
| |
| /* Nav links */ |
| .blog-nav-item { |
| position: relative; |
| display: inline-block; |
| padding: 10px; |
| font-weight: 500; |
| color: #cdddeb; |
| } |
| .blog-nav-item:hover, |
| .blog-nav-item:focus { |
| color: #fff; |
| text-decoration: none; |
| } |
| |
| /* Active state gets a caret at the bottom */ |
| .blog-nav .active { |
| color: #fff; |
| } |
| .blog-nav .active:after { |
| position: absolute; |
| bottom: 0; |
| left: 50%; |
| width: 0; |
| height: 0; |
| margin-left: -5px; |
| vertical-align: middle; |
| content: " "; |
| border-right: 5px solid transparent; |
| border-bottom: 5px solid; |
| border-left: 5px solid transparent; |
| } |
| |
| |
| /* |
| * Blog name and description |
| */ |
| |
| .blog-header { |
| padding-top: 20px; |
| padding-bottom: 20px; |
| } |
| .blog-title { |
| margin-top: 30px; |
| margin-bottom: 0; |
| font-size: 60px; |
| font-weight: normal; |
| } |
| .blog-description { |
| font-size: 20px; |
| color: #999; |
| } |
| |
| |
| /* |
| * Main column and sidebar layout |
| */ |
| |
| .blog-main { |
| font-size: 14px; |
| |
| } |
| |
| /* Sidebar modules for boxing content */ |
| .sidebar-module { |
| padding: 3px; |
| margin-top: 1px; |
| margin-left: 0px; |
| margin-right: 5px; |
| margin-bottom: 5px; |
| } |
| .sidebar-module-inset { |
| padding: 0px; |
| background-color: #f5f5f5; |
| border-radius: 0px; |
| } |
| .sidebar-module-inset p:last-child, |
| .sidebar-module-inset ul:last-child, |
| .sidebar-module-inset ol:last-child { |
| margin-bottom: 0; |
| } |
| |
| |
| /* Pagination */ |
| .pager { |
| margin-bottom: 60px; |
| text-align: left; |
| } |
| .pager > li > a { |
| width: 140px; |
| padding: 10px 20px; |
| text-align: center; |
| border-radius: 30px; |
| } |
| |
| |
| /* |
| * Blog posts |
| */ |
| |
| .blog-post { |
| margin-bottom: 60px; |
| } |
| .blog-post-title { |
| margin-top: 10px; |
| margin-bottom: 5px; |
| font-size: 24px; |
| } |
| .blog-post-meta { |
| margin-bottom: 20px; |
| color: #999; |
| } |
| |
| |
| /* |
| * Footer |
| */ |
| |
| .blog-footer { |
| padding: 40px 0; |
| color: #999; |
| text-align: center; |
| background-color: #f9f9f9; |
| border-top: 1px solid #e5e5e5; |
| } |
| .blog-footer p:last-child { |
| margin-bottom: 0; |
| } |
| |
| #download { |
| background-color: green; |
| font-size: 14pt; |
| font-weight: bold; |
| text-align: center; |
| color: white; |
| border-radius: 5px; |
| padding: 4px; |
| } |
| |
| #download a:link { |
| color: white; |
| } |
| |
| #download a:hover { |
| color: lightgrey; |
| } |
| |
| #download a:visited { |
| color: white; |
| } |
| |
| .twitter { |
| margin-top: 70px; |
| } |
| |
| .button { |
| background-color: green; |
| font-size: 14pt; |
| font-weight: bold; |
| text-align: center; |
| color: white; |
| border-radius: 5px; |
| padding: 4px; |
| } |