Author: nivanov
Date: Wed Jan 21 20:23:44 2015
New Revision: 1653642
URL: http://svn.apache.org/r1653642
Log:
Removed tabs.
Modified:
incubator/ignite/site/branches/sidenav/css/all.css
incubator/ignite/site/branches/sidenav/index.html
incubator/ignite/site/branches/sidenav/scss/all.scss
Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1653642&r1=1653641&r2=1653642&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Wed Jan 21 20:23:44 2015
@@ -7443,7 +7443,7 @@ p {
left: 3px;
background: url(../images/sprite.png) no-repeat -78px 0;
}
-.download th:first-chhild {
+.download th:first-child {
width: 476px;
}
.download th.version {
@@ -7676,7 +7676,7 @@ p {
}
}
.main-content h1 {
- margin: 80 0 10px;
+ margin: 80px 0 10px;
}
.main-content h2 {
margin: 0 0 10px;
@@ -7882,3 +7882,19 @@ p {
.tabs ul.nav.nav-tabs li a:hover {
color: #f00;
}
+
+/*
+ * Added by Nikita Ivanov.
+ */
+h2 {
+ font-size: 28px;
+}
+.overview h2:after, .documentation h2:after, .download h2:after, .community
h2:after {
+ top: 3px;
+}
+
+.info-blocks {
+ margin-top: 40px;
+ padding: 40px 0 24px;
+ border-top: 2px solid #ebebeb;
+}
Modified: incubator/ignite/site/branches/sidenav/index.html
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/index.html?rev=1653642&r1=1653641&r2=1653642&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/index.html (original)
+++ incubator/ignite/site/branches/sidenav/index.html Wed Jan 21 20:23:44 2015
@@ -1,593 +1,301 @@
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="utf-8">
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<title>Apache Ignite</title>
-
<link media="all" rel="stylesheet" href="css/all.css">
-
<link
href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
rel='stylesheet' type='text/css'>
-
</head>
-
<body>
-
<div id="wrapper">
-
<header id="header" class="affix" data-spy="affix"
data-offset-top="37">
-
<div class="container">
-
<div class="row">
-
<div class="col-md-3 col-sm-3 col-xs-8">
-
<div class="logo"><a href="#wrapper"><img
src="images/logo.png" alt="ApacheIgnite"></a></div>
-
</div>
-
<div class="col-md-9 col-sm-9 col-xs-4">
-
<nav id="nav" class="navbar navbar-default"
role="navigation">
-
<div class="container-fluid">
-
<div class="navbar-header">
-
<button type="button" class="navbar-toggle
collapsed" data-toggle="collapse" data-target="#navbar">
-
<span class="sr-only">Toggle
navigation</span>
-
<span class="icon-bar"></span>
-
<span class="icon-bar"></span>
-
<span class="icon-bar"></span>
-
</button>
-
</div>
-
<div class="collapse navbar-collapse"
id="navbar">
-
<ul class="nav navbar-nav">
-
<li><a
href="#overview">Overview</a></li>
-
<li><a
href="#documentation">Documentation</a></li>
-
<li><a
href="#community">Community</a></li>
-
<li><a
href="#download">Download</a></li>
-
</ul>
-
</div>
-
</div>
-
</nav>
-
</div>
-
</div>
-
</div>
-
</header>
-
<div id="carousel" class="carousel slide" data-ride="carousel"
data-interval="3000">
-
<div class="container">
-
<div class="carousel-inner" role="listbox">
-
<!-- Carousel items -->
<div class="item active">
-
<header>
-
<h1>Apache Ignite</h1>
-
<p>In-Memory Data Fabric</p>
-
<ul class="buttons list-unstyled">
-
<li><a href="#download" class="btn
btn-danger">Download</a></li>
-
<li><a href="#overview" class="btn
btn-default">Learn More</a></li>
-
</ul>
-
</header>
-
<div class="text">
-
<p>In Memory Computing Made Simple</p>
-
</div>
-
</div>
-
<div class="item cloud">
-
<div class="row">
-
<div class="col-md-4 col-sm-5">
-
<header>
-
<h1>Apache Ignite</h1>
-
<p>In-Memory Data Fabric</p>
-
<ul class="buttons list-unstyled">
-
<li><a href="#download" class="btn
btn-danger">Download</a></li>
-
<li><a href="#overview" class="btn
btn-default">Learn More</a></li>
-
</ul>
-
</header>
-
<div class="text">
-
<small>In Memory Computing Made
Simple</small>
-
</div>
-
</div>
-
<div class="col-md-8 col-sm-7">
-
<div class="img-holder">
-
<img src="images/img1.png" alt="image
description">
-
</div>
-
</div>
-
</div>
-
</div>
-
<div class="item cloud">
-
<div class="row">
-
<div class="col-md-4 col-sm-5">
-
<header>
-
<h1>Apache Ignite</h1>
-
<p>In-Memory Data Fabric</p>
-
<ul class="buttons list-unstyled">
-
<li><a href="#download" class="btn
btn-danger">Download</a></li>
-
<li><a href="#overview" class="btn
btn-default">Learn More</a></li>
-
</ul>
-
</header>
-
<div class="text">
-
<small>In Memory Computing Made
Simple</small>
-
</div>
-
</div>
-
<div class="col-md-8 col-sm-7">
-
<div class="img-holder">
-
<img src="images/compute_grid.png"
alt="image description">
-
</div>
-
</div>
-
</div>
-
</div>
-
<div class="item cloud">
-
<div class="row">
-
<div class="col-md-4 col-sm-5">
-
<header>
-
<h1>Apache Ignite</h1>
-
<p>In-Memory Data Fabric</p>
-
<ul class="buttons list-unstyled">
-
<li><a href="#download" class="btn
btn-danger">Download</a></li>
-
<li><a href="#overview" class="btn
btn-default">Learn More</a></li>
-
</ul>
-
</header>
-
<div class="text">
-
<small>In Memory Computing Made
Simple</small>
-
</div>
-
</div>
-
<div class="col-md-8 col-sm-7">
-
<div class="img-holder">
-
<img src="images/streaming.png" alt="image
description">
-
</div>
-
</div>
-
</div>
-
</div>
-
</div>
-
</div>
-
<!-- Carousel nav -->
<a class="carousel-control left" href="#carousel" role="button"
data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
-
<a class="carousel-control right" href="#carousel" role="button"
data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
-
</div>
-
<main id="main" role="main" class="container">
-
<section class="overview" id="overview">
-
<h2>Overview</h2>
-
<p>Apache Ignite In-Memory Data Fabric is a high-performance,
integrated and distributed in-memory platform for computing and transacting on
large-scale data sets in real-time, orders of magnitude faster than possible
with traditional disk-based or flash technologies.
-
<img src="images/fabric.jpg" alt="image description"
class="img-responsive">
-
<p>Apache Ignite In-Memory Data Fabric is designed to deliver
uncompromised performance for a wide set of in-memory computing use cases from
high performance computing, to the industry most advanced data grid and
streaming.</p>
-
<div class="info-blocks">
-
<h3>Clustering & Compute</h3>
-
<img src="images/in_memory_compute.png"/><br/><br/>
-
<div class="row">
-
<p>Apache Ignite computational features include</p>
-
<ul class="list-unstyled">
-
<li>Dynamic Clustering</li>
-
<li>Fork-Join & MapReduce Processing</li>
-
<li>Distributed Closure Execution</li>
-
<li>Load Balancing and Fault Tolerance</li>
-
<li>Distributed Messaging and Events</li>
-
<li>Linear Scalability</li>
-
</ul>
-
</div>
-
</div>
-
<div class="info-blocks">
-
<h3>In-Memory Caching & Data Grid</h3>
-
<img src="images/in_memory_data.png"/><br/><br/>
-
<div class="row">
-
<p>Some of the key features of Apache Ignite In-Memory
Data Grid include:</p>
-
<ul class="list-unstyled">
-
<li>Distributed In-Memory Caching</li>
-
<li>Elastic Scalability</li>
-
<li>Lightning Fast Performance</li>
-
<li>Distributed In-Memory Transactions</li>
-
<li>Distributed In-Memory Queue and Other Data
Structures</li>
-
<li>Web Session Clustering</li>
-
<li>Hibernate L2 Cache Integration</li>
-
<li>Distributed SQL Queries with Distributed
Joins</li>
-
</ul>
-
</div>
-
</div>
-
<div class="info-blocks">
-
<h3>In-Memory Streaming</h3>
-
<p>Streaming support allows to query into rolling windows
of coming data, and enable users to answer such questions as âWhat are the 10
most popular products over last 2 hours?â, or âWhat is the average product
price in a certain category for the past day?â.</p>
-
<img src="images/in_memory_streaming.png"/>
-
<p>Another most common use case for stream processing is
the ability to control and properly pipeline distributed events workflow. As
events are coming into the system at high rates, the processing of events is
split into multiple stages and each stage has to be properly routed within a
cluster for processing.</p>
-
</div>
-
</section>
-
<section class="documentation" id="documentation">
-
<h2>Documentation</h2>
-
<p>We are currently in process of moving GridGain Open Source
edition to Apache Ignite. Until this migration is complete, please refer to the
GridGain In-Memory Data Fabric documentation.</p>
-
<table>
-
<tr>
-
<th class="heading">In-Memory Data Fabric</th>
-
<th class="data">APIs</th>
-
<th class="tutorial">Videos</th>
-
</tr>
-
<tr class="java">
-
<td title="In-Memory Data Fabric 6.5.0 for Java">
-
<div class="icon">
-
<img src="images/ico-java.png" width="31"
height="42" alt="Java">
-
</div>
-
<ul class="list-unstyled">
-
<li><a href="http://doc.gridgain.org/";>Wiki
â Open Source Documentation</a></li>
-
</ul>
-
</td>
-
<td title="APIs">
-
<ul class="list-unstyled">
-
<li><a
href="http://javadoc.gridgain.org/";>Javadoc APIs</a></li>
-
<li><a
href="http://scaladoc.gridgain.org/";>Scaladoc APIs</a></li>
-
</ul>
-
</td>
-
<td title="Videos">
-
<ul class="list-unstyled">
-
<li><a
href="https://vimeo.com/107643054?width=1024&height=576";><nobr>Video: In-Memory
Data Grid</nobr></a></li>
-
<li><a
href="https://vimeo.com/107641014?width=1024&height=576";><nobr>Video:
Clustering With Apache Ignite</nobr></a></li>
-
<li><a
href="https://vimeo.com/107644353?width=1024&height=576";><nobr>Video:
Distributed Messaging</nobr></a></li>
-
<li><a
href="https://vimeo.com/107645729?width=1024&height=576";><nobr>Video:
Distributed Events</nobr></a></li>
-
<li><a
href="https://vimeo.com/107648158?width=1024&height=576";><nobr>Video:
Distributed Managed Services</nobr></a></li>
-
<li><a
href="https://vimeo.com/107646721?width=1024&height=576";><nobr>Video:
Distributed Cache Queries</nobr></a></li>
-
</ul>
-
</td>
-
</tr>
-
</table>
-
</section>
-
<section class="community" id="community">
-
<h2>Community</h2>
-
<p>We are very excited to grow our community. If you are
interested in becoming a contributor,
please <a
href="mailto:dev-subscr...@ignite.incubator.apache.org";>subscribe
to dev@ list</a> and let us know how you'd
like to help.</p>
-
</section>
-
<section class="download" id="download">
-
<h2>Download</h2>
-
<p>We are currently in process of moving GridGain Open Source
edition to Apache Ignite. Until this migration is complete, please download
GridGain In-Memory Data Fabric.</p>
-
<table>
-
<tr>
-
<th class="product">Product</th>
-
<th class="version">Version</th>
-
<th class="release">Release</th>
-
</tr>
-
<tr>
-
<td title="Download Apache Ignite"><span><a
href="http://gridgain.com/download/open-source/";>In-Memory Data
Fabric</a></span></td>
-
<td title="Version"><span>V 6.5.5</span></td>
-
<td title="Release"><span><time
datetime="2014-11-17">November 17, 2014</time></span></td>
-
</tr>
-
</table>
-
</section>
-
<div class="info-blocks">
-
<div class="row">
-
<div class="col-md-5 col-sm-5">
-
<h3>Mailing lists subscription</h3>
-
<ul class="list-unstyled">
-
<li><a
href="mailto:dev-subscr...@ignite.incubator.apache.org";>d...@ignite.incubator.apache.org</a></li>
-
<li><a
href="mailto:commits-subscr...@ignite.incubator.apache.org";>commits@ignite.incubator.apache.org</a></li>
-
</ul>
-
<h3>Mailing lists archives</h3>
-
<ul class="list-unstyled">
-
<li><a
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-dev/";>dev@
archive</a></li>
-
<li><a
href="http://mail-archives.apache.org/mod_mbox/incubator-ignite-commits/";>commits@
archive</a></li>
-
</ul>
-
</div>
-
</div>
-
</div>
-
</main>
-
<footer id="footer">
-
<div class="container">
-
<div class="row">
-
<div class="col-md-4 col-sm-5">
-
<div class="logo"><a href="#wrapper"><img
src="images/logo2.png" alt="Crowley Marine serving boalers for over
years."></a></div>
-
</div>
-
<nav class="col-md-4 col-sm-3 footer-nav">
-
<ul class="list-unstyled">
-
<li><a href="#overview">Overview</a></li>
-
<li><a href="#documentation">Documentation</a></li>
-
<li><a href="#community">Community</a></li>
-
<li><a href="#download">Download</a></li>
-
</ul>
-
</nav>
-
<div class="col-md-4 col-sm-4">
-
<p>©2014 Copyright <a href="#">Apache
Ignite</a></p>
-
<ul class="social-networks list-unstyled">
-
<li><a
href="https://www.linkedin.com/company/249196"; class="icon-linkedin"></a></li>
-
<li><a href="https://www.twitter.com/gridgain";
class="icon-twitter"></a></li>
-
<li><a
href="https://plus.google.com/101084158514011491168/posts";
class="icon-google-plus"></a></li>
-
<li><a href="https://www.vimeo.com/gridgain";
class="icon-youtube"></a></li>
-
</ul>
-
</div>
-
</div>
-
</div>
-
</footer>
-
</div>
-
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js";></script>
-
<script type="text/javascript">window.jQuery || document.write('<script
src="js/jquery-1.11.1.min.js"><\/script>')</script>
-
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js";></script>
-
<script type="text/javascript" src="js/jquery.main.js"></script>
-
<script type="text/javascript">
-
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
-
var msViewportStyle = document.createElement('style');
-
msViewportStyle.appendChild(
-
document.createTextNode(
-
'@-ms-viewport{width:auto!important}'
-
)
-
);
-
document.querySelector('head').appendChild(msViewportStyle)
-
}
-
</script>
-
</body>
-
</html>
-
Modified: incubator/ignite/site/branches/sidenav/scss/all.scss
URL:
http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/all.scss?rev=1653642&r1=1653641&r2=1653642&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/all.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/all.scss Wed Jan 21 20:23:44
2015
@@ -5,16 +5,16 @@
@font-face { @include fontface(harabara, harabara-webfont) }
@font-face { @include fontface(icomoon, icomoon) }
html{
- background: $gray-light;
+ background: $gray-light;
}
body {
- margin: 0;
- min-width: $base-min-width;
- line-height: $base-line-height;
+ margin: 0;
+ min-width: $base-min-width;
+ line-height: $base-line-height;
}
a:hover, a:focus {
- text-decoration: none;
- outline: none;
+ text-decoration: none;
+ outline: none;
}
@viewport { width: device-width;}
@-o-viewport { width: device-width;}
@@ -23,15 +23,15 @@ a:hover, a:focus {
@-webkit-viewport { width: device-width;}
[class^="icon-"],
[class*=" icon-"] {
- font-family: 'icomoon';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
.icon-rss:before { content: "\e600"; }
.icon-linkedin:before { content: "\e601"; }
@@ -40,738 +40,738 @@ a:hover, a:focus {
.icon-google-plus:before { content: "\e604"; }
.icon-youtube:before { content: "\e605"; }
h1, .h1{
- line-height: 30px;
- margin: 0;
+ line-height: 30px;
+ margin: 0;
}
h2, .h2{
- line-height: 25px;
- margin: 0;
+ line-height: 25px;
+ margin: 0;
}
h3, .h3{
- line-height: 22px;
- margin: 0;
+ line-height: 22px;
+ margin: 0;
}
h4, .h4 {
- line-height: 20px;
- margin: 0;
+ line-height: 20px;
+ margin: 0;
}
h5, .h5,
h6, .h6 {
- line-height: 17px;
- margin: 0;
+ line-height: 17px;
+ margin: 0;
}
p {
- margin: 0 0 $base-line-height;
+ margin: 0 0 $base-line-height;
}
.btn{
- min-width: 160px;
- height: 40px;
- border-radius: 4px;
- text-align: center;
- text-transform: capitalize;
- font-size: 20px;
- line-height: 28px;
- padding: 5px;
-
- @media (max-width: $mobile) {
- min-width: 130px;
- height: 36px;
- font-size: 17px;
- line-height: 24px;
- }
+ min-width: 160px;
+ height: 40px;
+ border-radius: 4px;
+ text-align: center;
+ text-transform: capitalize;
+ font-size: 20px;
+ line-height: 28px;
+ padding: 5px;
+
+ @media (max-width: $mobile) {
+ min-width: 130px;
+ height: 36px;
+ font-size: 17px;
+ line-height: 24px;
+ }
}
.btn-default:hover {
- background: $white;
- color: $gray;
+ background: $white;
+ color: $gray;
}
.btn-danger {
- border: none;
- line-height: 30px;
- @include background-image(linear-gradient(top, #ff0000 0%,#eb0101
21%,#940206 77%,#7a0308 100%));
- $experimental-support-for-svg: true;
-
- @media (max-width: $mobile) {
- line-height: 26px;
- }
- &:hover {
- @include background-image(linear-gradient(top, #7b0308
0%,#840308 10%,#9b0206 28%,#eb0101 79%,#ff0000 100%));
- }
+ border: none;
+ line-height: 30px;
+ @include background-image(linear-gradient(top, #ff0000 0%,#eb0101
21%,#940206 77%,#7a0308 100%));
+ $experimental-support-for-svg: true;
+
+ @media (max-width: $mobile) {
+ line-height: 26px;
+ }
+ &:hover {
+ @include background-image(linear-gradient(top, #7b0308 0%,#840308
10%,#9b0206 28%,#eb0101 79%,#ff0000 100%));
+ }
}
#wrapper{
- overflow: hidden;
+ overflow: hidden;
}
#header {
- left: 0;
- right: 0;
- top: 37px;
- z-index: 9999;
- padding: 5px 0;
-
- &.affix-top {
- position: absolute;
-
- @media (max-width: $tablet) {
- top: 0;
- }
- }
- &.affix {
- top: 0;
- background: rgba(54,54,54,0.95);
-
- @media (max-width: $tablet) {
- position: absolute;
- background: none;
- }
- }
- .container {
- position: relative;
- }
- .logo {
- width: 140px;
- margin: 0 0 0 1px;
-
- img{
- @extend %img-full-width;
- }
- }
- div[class*="col-"] {
- position: static;
- }
+ left: 0;
+ right: 0;
+ top: 37px;
+ z-index: 9999;
+ padding: 5px 0;
+
+ &.affix-top {
+ position: absolute;
+
+ @media (max-width: $tablet) {
+ top: 0;
+ }
+ }
+ &.affix {
+ top: 0;
+ background: rgba(54,54,54,0.95);
+
+ @media (max-width: $tablet) {
+ position: absolute;
+ background: none;
+ }
+ }
+ .container {
+ position: relative;
+ }
+ .logo {
+ width: 140px;
+ margin: 0 0 0 1px;
+
+ img{
+ @extend %img-full-width;
+ }
+ }
+ div[class*="col-"] {
+ position: static;
+ }
}
#nav {
- text-align: right;
- text-transform: capitalize;
- font-size: 16px;
- line-height: 20px;
- padding: 21px 0 0;
- letter-spacing: 0.1px;
- position: static;
-
- @media (max-width: $mobile) {
- padding: 10px 10px 0;
- text-align: center;
-
- .navbar-collapse {
- overflow: hidden;
- position: absolute;
- top: 100%;
- left: 0;
- right: 0;
- z-index: 99;
- margin: 10px 0 0;
- background: rgba(54,54,54,0.95);
- }
- }
- .container-fluid {
- padding: 0;
- }
- .navbar-toggle {
- margin: 0;
- }
- .navbar-nav {
- float: none;
- letter-spacing: -4px;
-
- @media (max-width: $mobile) {
- padding: 10px 0;
- }
- > li {
- @extend %align-top;
- letter-spacing: normal;
- float: none;
- margin: 0 0 0 32px;
-
- @media (max-width: $mobile) {
- display: block;
- margin: 0;
- padding: 5px 10px;
- }
- >a {
- padding: 0;
- @extend %align-top;
- }
- }
- }
+ text-align: right;
+ text-transform: capitalize;
+ font-size: 16px;
+ line-height: 20px;
+ padding: 21px 0 0;
+ letter-spacing: 0.1px;
+ position: static;
+
+ @media (max-width: $mobile) {
+ padding: 10px 10px 0;
+ text-align: center;
+
+ .navbar-collapse {
+ overflow: hidden;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ z-index: 99;
+ margin: 10px 0 0;
+ background: rgba(54,54,54,0.95);
+ }
+ }
+ .container-fluid {
+ padding: 0;
+ }
+ .navbar-toggle {
+ margin: 0;
+ }
+ .navbar-nav {
+ float: none;
+ letter-spacing: -4px;
+
+ @media (max-width: $mobile) {
+ padding: 10px 0;
+ }
+ > li {
+ @extend %align-top;
+ letter-spacing: normal;
+ float: none;
+ margin: 0 0 0 32px;
+
+ @media (max-width: $mobile) {
+ display: block;
+ margin: 0;
+ padding: 5px 10px;
+ }
+ >a {
+ padding: 0;
+ @extend %align-top;
+ }
+ }
+ }
}
.carousel {
- min-height: 597px;
- padding: 114px 0 50px;
- font-size: 18px;
- line-height: 24px;
- color: $white;
- text-align: center;
- position: relative;
- z-index: 9;
- background: url(../images/bg-carousel.jpg) no-repeat center/cover;
- @include transition(all, 0.2s, linear);
-
- @media (max-width: $tablet) {
- min-height: 470px;
- padding: 100px 0 50px;
- }
- @media (max-width: $mobile) {
- min-height: 300px;
- font-size: 14px;
- line-height: 17px;
- padding: 100px 0 20px;
- }
- &:after {
- height: 106px;
- @include after(auto,0,0,0);
- @include background-image(linear-gradient(top, rgba(47,47,47,0)
0%,rgba(47,47,47,0.05) 8%,rgba(47,47,47,0.18) 23%,rgba(47,47,47,0.82)
77%,rgba(47,47,47,0.95) 92%,rgba(47,47,47,1) 100%));
- $experimental-support-for-svg: true;
- pointer-events: none;
-
- @media (max-width: $tablet) {
- height: 60px;
- }
- @media (max-width: $mobile) {
- height: 30px;
- }
- }
- .item {
- padding: 82px 0 0;
-
- @media (max-width: $tablet) {
- padding: 20px 0 0;
- }
- }
- header {
- font-size: 28px;
- line-height: 36px;
- text-transform: capitalize;
- letter-spacing: 0.8px;
-
- @media (max-width: $tablet) {
- font-size: 25px;
- line-height: 30px;
- }
- @media (max-width: $mobile) {
- font-size: 20px;
- }
- p{
- margin: 0 0 18px;
-
- @media (max-width: $mobile) {
- margin: 0 0 10px;
- }
- }
- }
- h1 {
- font: 100px/100px $alt-font-harabara;
- letter-spacing: 2.3px;
- margin: 0 0 15px;
-
- @media (max-width: $tablet) {
- font-size: 70px;
- line-height: 70px;
- }
- @media (max-width: $mobile) {
- font-size: 42px;
- line-height: 42px;
- margin: 0 0 5px;
- }
- }
- .buttons {
- margin: 0 0 12px;
- letter-spacing: -4px;
-
- @media (max-width: $mobile) {
- margin: 0;
- }
- li{
- @extend %align-top;
- letter-spacing: normal;
- margin: 0 10px 10px;
- }
- }
- .text {
- max-width: 820px;
- margin: 0 auto;
- }
- p{
- margin: 0;
- }
- .item.cloud{
- padding: 0;
- text-align: right;
-
- @media (max-width: $mobile) {
- text-align: center;
- }
- h1 {
- font-size: 53px;
- line-height: 53px;
- letter-spacing: 1.3px;
- margin: 0 0 6px;
-
- @media (max-width: $tablet) {
- font-size: 42px;
- line-height: 45px;
- }
- }
- header {
- font-size: 15px;
- line-height: 20px;
- letter-spacing: 0.4px;
- margin: 104px -2px 0 0;
-
- @media (max-width: $tablet) {
- font-size: 15px;
- line-height: 18px;
- margin: 50px 0 0;
- }
- @media (max-width: $mobile) {
- margin: 0;
- }
- p{
- margin: 0 0 7px;
- }
- }
- .buttons li {
- margin: 0 0 10px 13px;
- }
- .btn{
- height: 26px;
- min-width: 104px;
- font-size: 13px;
- line-height: 18px;
- padding: 4px;
- }
- }
- .img-holder {
- overflow: hidden;
- margin: 0 0 0 -9px;
-
- @media (max-width: $mobile) {
- margin: 0;
- }
- img{
- @extend %img-full-width;
- }
- }
+ min-height: 597px;
+ padding: 114px 0 50px;
+ font-size: 18px;
+ line-height: 24px;
+ color: $white;
+ text-align: center;
+ position: relative;
+ z-index: 9;
+ background: url(../images/bg-carousel.jpg) no-repeat center/cover;
+ @include transition(all, 0.2s, linear);
+
+ @media (max-width: $tablet) {
+ min-height: 470px;
+ padding: 100px 0 50px;
+ }
+ @media (max-width: $mobile) {
+ min-height: 300px;
+ font-size: 14px;
+ line-height: 17px;
+ padding: 100px 0 20px;
+ }
+ &:after {
+ height: 106px;
+ @include after(auto,0,0,0);
+ @include background-image(linear-gradient(top, rgba(47,47,47,0)
0%,rgba(47,47,47,0.05) 8%,rgba(47,47,47,0.18) 23%,rgba(47,47,47,0.82)
77%,rgba(47,47,47,0.95) 92%,rgba(47,47,47,1) 100%));
+ $experimental-support-for-svg: true;
+ pointer-events: none;
+
+ @media (max-width: $tablet) {
+ height: 60px;
+ }
+ @media (max-width: $mobile) {
+ height: 30px;
+ }
+ }
+ .item {
+ padding: 82px 0 0;
+
+ @media (max-width: $tablet) {
+ padding: 20px 0 0;
+ }
+ }
+ header {
+ font-size: 28px;
+ line-height: 36px;
+ text-transform: capitalize;
+ letter-spacing: 0.8px;
+
+ @media (max-width: $tablet) {
+ font-size: 25px;
+ line-height: 30px;
+ }
+ @media (max-width: $mobile) {
+ font-size: 20px;
+ }
+ p{
+ margin: 0 0 18px;
+
+ @media (max-width: $mobile) {
+ margin: 0 0 10px;
+ }
+ }
+ }
+ h1 {
+ font: 100px/100px $alt-font-harabara;
+ letter-spacing: 2.3px;
+ margin: 0 0 15px;
+
+ @media (max-width: $tablet) {
+ font-size: 70px;
+ line-height: 70px;
+ }
+ @media (max-width: $mobile) {
+ font-size: 42px;
+ line-height: 42px;
+ margin: 0 0 5px;
+ }
+ }
+ .buttons {
+ margin: 0 0 12px;
+ letter-spacing: -4px;
+
+ @media (max-width: $mobile) {
+ margin: 0;
+ }
+ li{
+ @extend %align-top;
+ letter-spacing: normal;
+ margin: 0 10px 10px;
+ }
+ }
+ .text {
+ max-width: 820px;
+ margin: 0 auto;
+ }
+ p{
+ margin: 0;
+ }
+ .item.cloud{
+ padding: 0;
+ text-align: right;
+
+ @media (max-width: $mobile) {
+ text-align: center;
+ }
+ h1 {
+ font-size: 53px;
+ line-height: 53px;
+ letter-spacing: 1.3px;
+ margin: 0 0 6px;
+
+ @media (max-width: $tablet) {
+ font-size: 42px;
+ line-height: 45px;
+ }
+ }
+ header {
+ font-size: 15px;
+ line-height: 20px;
+ letter-spacing: 0.4px;
+ margin: 104px -2px 0 0;
+
+ @media (max-width: $tablet) {
+ font-size: 15px;
+ line-height: 18px;
+ margin: 50px 0 0;
+ }
+ @media (max-width: $mobile) {
+ margin: 0;
+ }
+ p{
+ margin: 0 0 7px;
+ }
+ }
+ .buttons li {
+ margin: 0 0 10px 13px;
+ }
+ .btn{
+ height: 26px;
+ min-width: 104px;
+ font-size: 13px;
+ line-height: 18px;
+ padding: 4px;
+ }
+ }
+ .img-holder {
+ overflow: hidden;
+ margin: 0 0 0 -9px;
+
+ @media (max-width: $mobile) {
+ margin: 0;
+ }
+ img{
+ @extend %img-full-width;
+ }
+ }
}
#main {
- margin-bottom: 50px;
-
- @media (max-width: $mobile) {
- margin-bottom: 0;
- }
- table{
- width: 100%;
- border: 2px solid $gray-light;
-
- th,
- td {
- height: 40px;
- border-width: 0 0 2px 2px;
- border-color: $gray-light;
- border-style: solid;
- padding: 5px 20px;
- position: relative;
-
- &:first-child {
- border-left-width: 0;
- }
- }
- th{
- font-size: 18px;
- line-height: 20px;
-
- @media (max-width: $tablet) {
- font-size: 15px;
- }
- &:first-child{
- padding: 5px 38px;
- }
- }
- td:first-child{
- padding-left: 58px;
- }
- .btn-video {
- color: $black;
-
- &:hover {
- color: $red;
- }
- }
- @media (max-width: $mobile) {
- border: none;
- display: block;
- overflow:hidden;
- border-top:1px solid $black;
-
- tbody {
- border-left:120px solid $gray;
- float:left;
- width:100%;
- padding:0 1px 0 1px;
- }
- tr {
- float:left;
- width:100%;
- clear:both;
-
- &:nth-child(odd) td {
- background-color: rgba(0,0,0,0.1);
- }
- }
- td {
- width: 100% !important;
- height: auto;
- padding:0 0 0 120px !important;
- margin:0 -1px 0 -121px;
- display: block;
- float:left;
- clear:both;
- width:100%;
- white-space:nowrap;
- border-width: 0 1px 1px 1px !important;
- border-color: $black;
- @include box-sizing(content-box);
-
- &:before {
- content:attr(title);
- padding: 10px;
- display:inline-block;
- color:$white !important;
- font-weight:bold;
- width:120px;
- vertical-align:middle;
- margin:0 0 0 -120px;
- position:relative;
- white-space:normal;
- }
- ul,
- span {
- white-space:normal;
- display:inline-block;
- vertical-align:middle;
- padding:5px;
- }
- }
- thead,
- th {display:none;}
- }
- }
+ margin-bottom: 50px;
+
+ @media (max-width: $mobile) {
+ margin-bottom: 0;
+ }
+ table{
+ width: 100%;
+ border: 2px solid $gray-light;
+
+ th,
+ td {
+ height: 40px;
+ border-width: 0 0 2px 2px;
+ border-color: $gray-light;
+ border-style: solid;
+ padding: 5px 20px;
+ position: relative;
+
+ &:first-child {
+ border-left-width: 0;
+ }
+ }
+ th{
+ font-size: 18px;
+ line-height: 20px;
+
+ @media (max-width: $tablet) {
+ font-size: 15px;
+ }
+ &:first-child{
+ padding: 5px 38px;
+ }
+ }
+ td:first-child{
+ padding-left: 58px;
+ }
+ .btn-video {
+ color: $black;
+
+ &:hover {
+ color: $red;
+ }
+ }
+ @media (max-width: $mobile) {
+ border: none;
+ display: block;
+ overflow:hidden;
+ border-top:1px solid $black;
+
+ tbody {
+ border-left:120px solid $gray;
+ float:left;
+ width:100%;
+ padding:0 1px 0 1px;
+ }
+ tr {
+ float:left;
+ width:100%;
+ clear:both;
+
+ &:nth-child(odd) td {
+ background-color: rgba(0,0,0,0.1);
+ }
+ }
+ td {
+ width: 100% !important;
+ height: auto;
+ padding:0 0 0 120px !important;
+ margin:0 -1px 0 -121px;
+ display: block;
+ float:left;
+ clear:both;
+ width:100%;
+ white-space:nowrap;
+ border-width: 0 1px 1px 1px !important;
+ border-color: $black;
+ @include box-sizing(content-box);
+
+ &:before {
+ content:attr(title);
+ padding: 10px;
+ display:inline-block;
+ color:$white !important;
+ font-weight:bold;
+ width:120px;
+ vertical-align:middle;
+ margin:0 0 0 -120px;
+ position:relative;
+ white-space:normal;
+ }
+ ul,
+ span {
+ white-space:normal;
+ display:inline-block;
+ vertical-align:middle;
+ padding:5px;
+ }
+ }
+ thead,
+ th {display:none;}
+ }
+ }
}
.overview {
- margin: -8px 0 0;
- padding: 80px 0 0;
- position: relative;
- z-index: 4;
-
- @media (max-width: $tablet) {
- margin: 0;
- padding: 30px 0 0;
- }
- h2{
- position: relative;
- padding: 3px 0 12px 40px;
-
- &:after {
- @include size(21px,25px);
- @include after(0,auto,auto,0);
- background: url(../images/sprite.png) no-repeat;
- }
- }
+ margin: -8px 0 0;
+ padding: 80px 0 0;
+ position: relative;
+ z-index: 4;
+
+ @media (max-width: $tablet) {
+ margin: 0;
+ padding: 30px 0 0;
+ }
+ h2{
+ position: relative;
+ padding: 3px 0 12px 40px;
+
+ &:after {
+ @include size(21px,25px);
+ @include after(0,auto,auto,0);
+ background: url(../images/sprite.png) no-repeat;
+ }
+ }
}
.documentation {
- margin: -52px 0 0;
- padding: 80px 0 0;
- position: relative;
- z-index: 3;
-
- @media (max-width: $tablet) {
- margin: 0;
- padding: 30px 0 0;
- }
- table {
- @media (min-width: $min-mobile) {
- td,
- th {
- padding: 5px 20px !important;
-
- &:first-child{
- width: 476px;
- padding-left: 78px !important;
- }
- }
- .java td {
- height: 78px !important;
- }
- }
- @media (max-width: $mobile) {
- tr.even td {
- background-color: rgba(0,0,0,0.1);
- }
- }
- .icon {
- width: 58px;
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- text-align: center;
- border-right: 2px solid $gray-light;
-
- @media (max-width: $mobile) {
- display: none;
- }
- &:after {
- content:'';
- @extend %align-middle;
- height:100%;
- width:1px;
- overflow:hidden;
- margin:0 0 0 -5px;
- }
- img{
- @extend %align-middle;
- }
- }
- .data {
- width: 240px;
- }
- .tutorial {
- width: 218px;
- }
- ul{
- margin: 0;
- @extend %align-middle;
- }
- }
- h2{
- position: relative;
- padding: 3px 0 20px 40px;
-
- &:after {
- @include size(21px,25px);
- @include after(0,auto,auto,1px);
- background: url(../images/sprite.png) no-repeat -26px 0;
- }
- }
+ margin: -52px 0 0;
+ padding: 80px 0 0;
+ position: relative;
+ z-index: 3;
+
+ @media (max-width: $tablet) {
+ margin: 0;
+ padding: 30px 0 0;
+ }
+ table {
+ @media (min-width: $min-mobile) {
+ td,
+ th {
+ padding: 5px 20px !important;
+
+ &:first-child{
+ width: 476px;
+ padding-left: 78px !important;
+ }
+ }
+ .java td {
+ height: 78px !important;
+ }
+ }
+ @media (max-width: $mobile) {
+ tr.even td {
+ background-color: rgba(0,0,0,0.1);
+ }
+ }
+ .icon {
+ width: 58px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ text-align: center;
+ border-right: 2px solid $gray-light;
+
+ @media (max-width: $mobile) {
+ display: none;
+ }
+ &:after {
+ content:'';
+ @extend %align-middle;
+ height:100%;
+ width:1px;
+ overflow:hidden;
+ margin:0 0 0 -5px;
+ }
+ img{
+ @extend %align-middle;
+ }
+ }
+ .data {
+ width: 240px;
+ }
+ .tutorial {
+ width: 218px;
+ }
+ ul{
+ margin: 0;
+ @extend %align-middle;
+ }
+ }
+ h2{
+ position: relative;
+ padding: 3px 0 20px 40px;
+
+ &:after {
+ @include size(21px,25px);
+ @include after(0,auto,auto,1px);
+ background: url(../images/sprite.png) no-repeat -26px 0;
+ }
+ }
}
.community {
- margin: -18px 0 0;
- padding: 80px 0 0;
- position: relative;
- z-index: 2;
-
- @media (max-width: $tablet) {
- margin: 0;
- padding: 30px 0 0;
- }
- table {
- @media (min-width: $min-mobile) {
-
- th,
- td {
- width: 60%;
- padding: 5px 20px !important;
-
- &:first-child,
- &:nth-child(2) {
- width: 20%;
- }
- }
- }
- }
- h2{
- position: relative;
- padding: 4px 0 13px 40px;
-
- &:after {
- @include size(21px,25px);
- @include after(0,auto,auto,3px);
- background: url(../images/sprite.png) no-repeat -52px 0;
- }
- }
+ margin: -18px 0 0;
+ padding: 80px 0 0;
+ position: relative;
+ z-index: 2;
+
+ @media (max-width: $tablet) {
+ margin: 0;
+ padding: 30px 0 0;
+ }
+ table {
+ @media (min-width: $min-mobile) {
+
+ th,
+ td {
+ width: 60%;
+ padding: 5px 20px !important;
+
+ &:first-child,
+ &:nth-child(2) {
+ width: 20%;
+ }
+ }
+ }
+ }
+ h2{
+ position: relative;
+ padding: 4px 0 13px 40px;
+
+ &:after {
+ @include size(21px,25px);
+ @include after(0,auto,auto,3px);
+ background: url(../images/sprite.png) no-repeat -52px 0;
+ }
+ }
}
.download {
- margin: -54px 0 0;
- padding: 80px 0 94px;
-
- @media (max-width: $tablet) {
- padding: 30px 0;
- margin: 0;
- }
- h2{
- position: relative;
- padding: 3px 0 8px 40px;
-
- &:after {
- @include size(21px,25px);
- @include after(0,auto,auto,3px);
- background: url(../images/sprite.png) no-repeat -78px 0;
- }
- }
- th{
- &:first-chhild {
- width: 476px;
- }
- &.version {
- width: 240px;
- }
- &.release {
- width: 220px;
- }
- }
+ margin: -54px 0 0;
+ padding: 80px 0 94px;
+
+ @media (max-width: $tablet) {
+ padding: 30px 0;
+ margin: 0;
+ }
+ h2{
+ position: relative;
+ padding: 3px 0 8px 40px;
+
+ &:after {
+ @include size(21px,25px);
+ @include after(0,auto,auto,3px);
+ background: url(../images/sprite.png) no-repeat -78px 0;
+ }
+ }
+ th{
+ &:first-child {
+ width: 476px;
+ }
+ &.version {
+ width: 240px;
+ }
+ &.release {
+ width: 220px;
+ }
+ }
}
.info-blocks {
- padding: 101px 0 24px;
- border-top: 2px solid $gray-light;
-
- @media (max-width: $tablet) {
- padding: 30px 0 20px;
- }
- h3{
- margin: 0 0 10px;
-
- @media (max-width: $mobile) {
- margin: 0;
- }
- }
- p{
- margin: 0 0 7px;
- }
- .list {
- line-height: 18px;
- }
- li {
- padding: 0 0 0 20px;
- position: relative;
- @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
- &:before{
- left: 0;
- margin: 0;
- }
- }
- a {
- color: $black;
-
- &:hover {
- color: $red;
- }
- }
+ padding: 101px 0 24px;
+ border-top: 2px solid $gray-light;
+
+ @media (max-width: $tablet) {
+ padding: 30px 0 20px;
+ }
+ h3{
+ margin: 0 0 10px;
+
+ @media (max-width: $mobile) {
+ margin: 0;
+ }
+ }
+ p{
+ margin: 0 0 7px;
+ }
+ .list {
+ line-height: 18px;
+ }
+ li {
+ padding: 0 0 0 20px;
+ position: relative;
+ @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+ &:before{
+ left: 0;
+ margin: 0;
+ }
+ }
+ a {
+ color: $black;
+
+ &:hover {
+ color: $red;
+ }
+ }
}
#footer {
- padding: 71px 0 30px;
- background: $gray-light;
+ padding: 71px 0 30px;
+ background: $gray-light;
- @media (max-width: $mobile) {
- text-align: center;
- padding: 30px 0 10px;
- }
- a {
- color: $black;
-
- &:hover {
- color: $red;
- }
- }
- .logo {
- width: 230px;
- @extend %align-top;
- margin: 0 0 20px;
-
- @media (max-width: $mobile) {
- width: 150px;
- margin: 0 0 10px;
- }
- img{
- @extend %img-full-width;
- }
- }
- p{
- margin: 0 0 22px;
-
- @media (max-width: $mobile) {
- margin: 0 0 10px;
- }
- }
- .security {
- letter-spacing: -4px;
- margin: 0 -69px 0 0;
-
- @media (max-width: $mobile){
- margin: 0;
- }
- li{
- @extend %align-top;
- letter-spacing: normal;
- margin: 0 69px 20px 0;
-
- @media (max-width: $mobile) {
- margin: 0 20px 10px;
- }
- }
- a:hover {
- @include opacity(0.8);
- }
- img {
- display: block;
- }
- }
+ @media (max-width: $mobile) {
+ text-align: center;
+ padding: 30px 0 10px;
+ }
+ a {
+ color: $black;
+
+ &:hover {
+ color: $red;
+ }
+ }
+ .logo {
+ width: 230px;
+ @extend %align-top;
+ margin: 0 0 20px;
+
+ @media (max-width: $mobile) {
+ width: 150px;
+ margin: 0 0 10px;
+ }
+ img{
+ @extend %img-full-width;
+ }
+ }
+ p{
+ margin: 0 0 22px;
+
+ @media (max-width: $mobile) {
+ margin: 0 0 10px;
+ }
+ }
+ .security {
+ letter-spacing: -4px;
+ margin: 0 -69px 0 0;
+
+ @media (max-width: $mobile){
+ margin: 0;
+ }
+ li{
+ @extend %align-top;
+ letter-spacing: normal;
+ margin: 0 69px 20px 0;
+
+ @media (max-width: $mobile) {
+ margin: 0 20px 10px;
+ }
+ }
+ a:hover {
+ @include opacity(0.8);
+ }
+ img {
+ display: block;
+ }
+ }
}
.footer-nav {
- line-height: 18px;
-
- ul {
- margin: 0;
- }
- li{
- margin: 0 0 18px;
-
- @media (max-width: $mobile) {
- margin: 0 0 5px;
- }
- }
+ line-height: 18px;
+
+ ul {
+ margin: 0;
+ }
+ li{
+ margin: 0 0 18px;
+
+ @media (max-width: $mobile) {
+ margin: 0 0 5px;
+ }
+ }
}
.social-networks{
- font-size: 30px;
- letter-spacing: -4px;
- margin: 0 0 16px;
-
- li{
- @extend %align-top;
- letter-spacing: normal;
- margin: 0 3px 10px 0;
-
- @media (max-width: $mobile) {
- margin: 0 3px 10px;
- }
- }
- a{
- color: $gray !important;
-
- &:hover {
- color: $red !important;
- }
- }
+ font-size: 30px;
+ letter-spacing: -4px;
+ margin: 0 0 16px;
+
+ li{
+ @extend %align-top;
+ letter-spacing: normal;
+ margin: 0 3px 10px 0;
+
+ @media (max-width: $mobile) {
+ margin: 0 3px 10px;
+ }
+ }
+ a{
+ color: $gray !important;
+
+ &:hover {
+ color: $red !important;
+ }
+ }
}
.subnav {
- padding: 55px 0 10px;
- text-align: center;
-
- @media (max-width: $mobile) {
- padding: 0 0 10px;
- }
- ul{
- margin: 0;
- letter-spacing: -4px;
- }
- li{
- @extend %align-top;
- letter-spacing: normal;
- margin: 0 34px;
-
- @media (max-width: $mobile) {
- display: block;
- margin: 0 0 5px;
- }
- }
+ padding: 55px 0 10px;
+ text-align: center;
+
+ @media (max-width: $mobile) {
+ padding: 0 0 10px;
+ }
+ ul{
+ margin: 0;
+ letter-spacing: -4px;
+ }
+ li{
+ @extend %align-top;
+ letter-spacing: normal;
+ margin: 0 34px;
+
+ @media (max-width: $mobile) {
+ display: block;
+ margin: 0 0 5px;
+ }
+ }
}
.sidebar {
display: block;
@@ -822,7 +822,7 @@ p {
}
h1{
- margin: 80 0 10px;
+ margin: 80px 0 10px;
}
h2{
margin: 0 0 10px;
@@ -840,28 +840,28 @@ p {
}
}
.hpc {
- margin: -8px 0 0;
- padding: 80px 0 0;
- position: relative;
- z-index: 4;
-
- @media (max-width: $tablet) {
- margin: 0;
- padding: 30px 0 0;
- }
- h2{
- position: relative;
- padding: 3px 0 12px 40px;
-
- &:after {
- @include size(21px,25px);
- @include after(0,auto,auto,0);
- background: url(../images/sprite.png) no-repeat;
- }
- @media (max-width: $mobile) {
+ margin: -8px 0 0;
+ padding: 80px 0 0;
+ position: relative;
+ z-index: 4;
+
+ @media (max-width: $tablet) {
+ margin: 0;
+ padding: 30px 0 0;
+ }
+ h2{
+ position: relative;
+ padding: 3px 0 12px 40px;
+
+ &:after {
+ @include size(21px,25px);
+ @include after(0,auto,auto,0);
+ background: url(../images/sprite.png) no-repeat;
+ }
+ @media (max-width: $mobile) {
margin: 0;
}
- }
+ }
}
.clustering {
margin: -8px 0 0;
@@ -973,4 +973,25 @@ p {
}
}
}
+}
+
+/*
+ * Added by Nikita Ivanov.
+ */
+
+h2 {
+ font-size: 28px;
+
+ .overview &:after,
+ .documentation &:after,
+ .download &:after,
+ .community &:after {
+ top: 3px;
+ }
+}
+
+.info-blocks {
+ margin-top: 40px;
+ padding: 40px 0 24px;
+ border-top: 2px solid #ebebeb;
}
\ No newline at end of file
