| /* |
| ▄▄▄ ██▓███ ▄▄▄ ▄████▄ ██░ ██ ▓█████ ██▓ ▄████ ███▄ █ ██▓▄▄▄█████▓▓█████ |
| ▒████▄ ▓██░ ██▒▒████▄ ▒██▀ ▀█ ▓██░ ██▒▓█ ▀ ▓██▒ ██▒ ▀█▒ ██ ▀█ █ ▓██▒▓ ██▒ ▓▒▓█ ▀ |
| ▒██ ▀█▄ ▓██░ ██▓▒▒██ ▀█▄ ▒▓█ ▄ ▒██▀▀██░▒███ ▒██▒▒██░▄▄▄░▓██ ▀█ ██▒▒██▒▒ ▓██░ ▒░▒███ |
| ░██▄▄▄▄██ ▒██▄█▓▒ ▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ ▒▓█ ▄ ░██░░▓█ ██▓▓██▒ ▐▌██▒░██░░ ▓██▓ ░ ▒▓█ ▄ |
| ▓█ ▓██▒▒██▒ ░ ░ ▓█ ▓██▒▒ ▓███▀ ░░▓█▒░██▓░▒████▒ ░██░░▒▓███▀▒▒██░ ▓██░░██░ ▒██▒ ░ ░▒████▒ |
| ▒▒ ▓▒█░▒▓▒░ ░ ░ ▒▒ ▓▒█░░ ░▒ ▒ ░ ▒ ░░▒░▒░░ ▒░ ░ ░▓ ░▒ ▒ ░ ▒░ ▒ ▒ ░▓ ▒ ░░ ░░ ▒░ ░ |
| ▒ ▒▒ ░░▒ ░ ▒ ▒▒ ░ ░ ▒ ▒ ░▒░ ░ ░ ░ ░ ▒ ░ ░ ░ ░ ░░ ░ ▒░ ▒ ░ ░ ░ ░ ░ |
| ░ ▒ ░░ ░ ▒ ░ ░ ░░ ░ ░ ▒ ░░ ░ ░ ░ ░ ░ ▒ ░ ░ ░ |
| ░ ░ ░ ░░ ░ ░ ░ ░ ░ ░ ░ ░ ░ ░ ░ ░ |
| */ |
| |
| /* |
| 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. |
| */ |
| |
| // Flat colors. |
| $color-turquoise: #1abc9c; |
| $color-emerald: #2ecc71; |
| $color-river: #3498db; |
| $color-amethyst: #9b59b6; |
| $color-asphalt: #34495e; |
| $color-sea: #16a085; |
| $color-nephritis: #27ae60; |
| $color-belize: #2980b9; |
| $color-wisteria: #8e44ad; |
| $color-midnight: #2C3E50; |
| $color-sunflower: #F1C40F; |
| $color-orange: #F39C12; |
| $color-carrot: #E67E22; |
| $color-pumpkin: #D35400; |
| $color-alizarin: #E74C3C; |
| $color-pomegranate: #C0392B; |
| $color-cloud: #ECF0F1; |
| $color-silver: #BDC3C7; |
| $color-concrete: #95A5A6; |
| $color-asbestos: #7F8C8D; |
| |
| div, p, h1, h2, h3, span, body, html, ul, li { |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| font-size: 18px; |
| } |
| |
| .carousel { |
| min-height: 500px; |
| } |
| |
| #overview h2, |
| #cluster-compute h2, |
| #streaming h2, |
| #documentation h2, |
| #download h2, |
| #community h2, |
| #data-grid h2, |
| #features h2 { |
| font-size: 28px; |
| color: #333; |
| padding: 5px 0 20px 0; |
| text-align: center; |
| } |
| |
| #overview h2:after, |
| #cluster-compute h2:after, |
| #streaming h2:after, |
| #documentation h2:after, |
| #download h2:after, |
| #community h2:after, |
| #data-grid h2:after { |
| display: none; |
| width: 0; |
| height: 0; |
| } |
| |
| h3, .h3 { |
| font-size: 22px; |
| color: #333; |
| } |
| |
| p { |
| line-height: 1.2em; |
| color: #333; |
| font-size: 18px; |
| } |
| |
| #overview { |
| margin: -38px 0 0; |
| padding-top: 80px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| #cluster-compute { |
| margin: -38px 0 0; |
| padding-top: 20px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| #data-grid { |
| margin: -38px 0 0; |
| padding-top: 20px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| #streaming { |
| margin: -38px 0 0; |
| padding-top: 20px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| #documentation { |
| margin: -38px 0 0; |
| padding-top: 20px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| #download { |
| margin: -38px 0 0; |
| padding-top: 20px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| #community { |
| margin: -38px 0 0; |
| padding-top: 20px; |
| |
| p { |
| text-align: center; |
| } |
| } |
| |
| .feature-block { |
| margin-top: 40px; |
| padding: 40px 0 24px; |
| border-top: 1px dotted #ddd; |
| |
| .inside-feature-block-1 { |
| display: inline-block; |
| width: 100%; |
| margin-top: 20px; |
| |
| & > img { |
| float: right; |
| vertical-align: top; |
| } |
| |
| ul > li { |
| padding-bottom: 4px; |
| } |
| |
| .feature-header { |
| font-weight: 700; |
| padding-bottom: 10px; |
| padding-left: 20px; |
| } |
| |
| & > div { |
| float: left; |
| vertical-align: top; |
| } |
| } |
| |
| .inside-feature-block-2 { |
| display: inline-block; |
| width: 100%; |
| margin-top: 20px; |
| |
| & > img { |
| float: left; |
| vertical-align: top; |
| } |
| |
| ul > li { |
| padding-bottom: 4px; |
| } |
| |
| .feature-header { |
| font-weight: 700; |
| padding-bottom: 10px; |
| padding-left: 20px; |
| } |
| |
| & > div { |
| float: right; |
| vertical-align: top; |
| } |
| } |
| } |
| |
| .carousel-inner p { |
| color: #fff; |
| } |
| |
| .carousel .img-holder { |
| margin: 0; |
| |
| img { |
| width: auto; |
| height: auto; |
| } |
| } |
| |
| div#banner1 { |
| & p { |
| padding-bottom: 40px; |
| font-size: 24px; |
| } |
| } |
| |
| #documentation table, |
| #download table { |
| & > tbody > tr > th { |
| text-align: center; |
| background-color: $color-asphalt; |
| color: #fff; |
| } |
| |
| &, |
| & > tbody > tr > tr, |
| & > tbody > tr > th, |
| & > tbody > tr > td { |
| border: 1px solid $color-asphalt; |
| } |
| |
| ul#javadoc, |
| ul#docs, |
| ul#videos { |
| margin: 0; |
| padding: 4px 0; |
| list-style: none; |
| |
| & > li { |
| padding-bottom: 4px; |
| } |
| } |
| } |
| |
| #community { |
| ul#lists { |
| margin: 0; |
| padding: 4px 0; |
| list-style: none; |
| |
| & > li { |
| padding-bottom: 4px; |
| } |
| } |
| } |
| |
| #download table > tbody > tr > td { |
| text-align: center; |
| } |
| |
| #footer { |
| .social-networks { |
| float: right; |
| } |
| } |
| |
| .footer-nav > ul { |
| padding-left: 95px; |
| } |
| |
| #header { |
| background: rgba(54, 54, 54, 0.95); |
| top: 0; |
| } |
| |
| .key-features { |
| h2 { |
| font-size: 34px; |
| color: #333; |
| padding: 0 0 35px 0; |
| text-align: center; |
| } |
| |
| .examples-heading, |
| .screencasts-heading, |
| .features-heading { |
| font-weight: 700; |
| padding-bottom: 10px; |
| } |
| |
| ul.features-list { |
| padding-left: 20px; |
| |
| & > li { |
| padding-bottom: 4px; |
| } |
| } |
| |
| .feature-links { |
| margin-top: 20px; |
| |
| & > a:last-child { |
| padding-left: 10px; |
| } |
| } |
| |
| section.feature-section { |
| padding: 95px 0 30px 0; |
| margin-top: -40px; |
| border-bottom: 2px dotted #ddd; |
| |
| &:last-child { |
| border-bottom: none |
| } |
| } |
| |
| img { |
| display: block; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| .code-examples { |
| margin: 20px 0 30px 0; |
| } |
| |
| .screencasts { |
| iframe { |
| border: 1px solid #eee; |
| } |
| } |
| |
| #features { |
| padding-top: 100px; |
| |
| table { |
| margin: 40px 0; |
| border: none; |
| border-spacing: 10px; |
| border-collapse: separate; |
| |
| tbody > tr > td, |
| tbody > tr > td:first-child { |
| padding: 15px 15px; |
| text-align: center; |
| vertical-align: middle; |
| font-weight: 400; |
| width: 100px; |
| |
| } |
| |
| td.datagrid { |
| background: lighten(#16a085, 8%); |
| border: 2px solid #16a085; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.computegrid { |
| background: lighten(#E74C3C, 8%); |
| border: 2px solid #E74C3C; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.servicegrid { |
| background: lighten(#F1C40F, 8%); |
| border: 2px solid #F1C40F; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.streaming { |
| background: lighten(#3498db, 8%); |
| border: 2px solid #3498db; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.hadoop { |
| background: lighten(#9b59b6, 8%); |
| border: 2px solid #9b59b6; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.filesystem { |
| background: lighten(#E67E22, 8%); |
| border: 2px solid #E67E22; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.clustering { |
| background: lighten(#34495e, 8%); |
| border: 2px solid #34495e; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.events { |
| background: lighten(#C0392B, 8%); |
| border: 2px solid #C0392B; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.messaging { |
| background: lighten(#1abc9c, 8%); |
| border: 2px solid #1abc9c; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| td.datastructures { |
| background: lighten(#7F8C8D, 8%); |
| border: 2px solid #7F8C8D; |
| border-radius: 6px; |
| margin: 5px; |
| |
| & > a { |
| color: #fff; |
| } |
| } |
| } |
| } |
| } |
