You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by dm...@apache.org on 2017/08/17 00:42:46 UTC
svn commit: r1805247 - in /ignite/site/trunk: ./ css/ features/ includes/
scss/
Author: dmagda
Date: Thu Aug 17 00:42:46 2017
New Revision: 1805247
URL: http://svn.apache.org/viewvc?rev=1805247&view=rev
Log:
added memory-centric page
Added:
ignite/site/trunk/memorycentric.html
Modified:
ignite/site/trunk/css/all.css
ignite/site/trunk/download.html
ignite/site/trunk/features/cpp.html
ignite/site/trunk/features/datagrid.html
ignite/site/trunk/features/datastructures.html
ignite/site/trunk/features/deploy.html
ignite/site/trunk/features/durablememory.html
ignite/site/trunk/features/java.html
ignite/site/trunk/features/machinelearning.html
ignite/site/trunk/features/persistence.html
ignite/site/trunk/features/runseverywhere.html
ignite/site/trunk/includes/header.html
ignite/site/trunk/includes/scripts.html
ignite/site/trunk/news.html
ignite/site/trunk/scss/ignite.scss
Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Thu Aug 17 00:42:46 2017
@@ -7664,7 +7664,7 @@ div, p, h1, h2, h3, span, body, html, ul
#startdata h2,
#startcompute h2 {
padding: 0 0 20px 0;
- line-height: 1.2em;
+ line-height: 1.5em;
}
h3, .h3 {
@@ -7678,7 +7678,7 @@ h4, b {
}
p {
- line-height: 1.2em;
+ line-height: 1.5em;
color: #333;
font-size: 18px;
font-weight: 300;
@@ -7861,6 +7861,7 @@ section.page-section h1 {
font-size: 32px;
margin-bottom: 25px;
padding-bottom: 5px;
+ line-height: 1.5em;
}
section.page-section h3 {
font-size: 20px;
@@ -7874,11 +7875,9 @@ section.page-section:last-child {
section.page-section ul.page-list, section.page-section ol.page-list {
padding-left: 20px;
color: #333;
- line-height: 1.2em;
+ line-height: 1.5em;
}
-s
-section.page-section ul.page-list > li, s
-section.page-section ol.page-list > li {
+section.page-section ul.page-list > li, section.page-section ol.page-list > li {
padding-bottom: 4px;
}
section.page-section div.page-links {
@@ -8288,28 +8287,6 @@ section.news-section p {
padding-top: 10px;
}
-.testimonials {
- background: #e8f1fc;
- text-align: left;
- border-radius: 6px;
- padding: 12px 12px 0px 12px;
-}
-.testimonials h4 {
- font-size: 16px;
- margin-bottom: 12px;
-}
-.testimonials ul {
- list-style-type: none;
- padding-left: 0px;
-}
-.testimonials ul li {
- padding-bottom: 25px;
- font-size: 15px;
- line-height: 1.2em;
- color: #333;
- font-style: italic;
-}
-
.credits {
font-style: normal;
font-size: 15px;
@@ -9229,6 +9206,7 @@ div.square {
#whatisignite .description-block {
padding: 0px;
height: 250px;
+ margin-bottom: 60px;
}
@media (max-width: 992px) {
#whatisignite .description-block {
@@ -9272,6 +9250,120 @@ div.square {
background-color: black;
}
+table.common-table {
+ border: none !important;
+ margin-bottom: 20px;
+ position: relative;
+}
+table.common-table > thead > tr {
+ background: #e50000;
+ border: 1px solid #e50000;
+}
+table.common-table > thead > tr > th {
+ color: white;
+ font-size: 20px !important;
+ font-weight: 400;
+ border: none !important;
+}
+table.common-table > thead > tr .left {
+ padding-left: 20px !important;
+}
+table.common-table > tbody > tr {
+ border-bottom: 1px solid #d7d7d7;
+}
+table.common-table > tbody > tr > td {
+ border: none !important;
+ font-weight: 300;
+ letter-spacing: 0.2px;
+ padding-right: 0px !important;
+ line-height: 1.5em;
+}
+table.common-table > tbody > tr > td > p {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+@media (max-width: 767px) {
+ table.common-table > tbody > tr > td > p {
+ margin-top: 0px;
+ margin-right: 5px;
+ padding-right: 5px;
+ }
+}
+@media (max-width: 767px) {
+ table.common-table > tbody > tr > td {
+ white-space: normal !important;
+ }
+}
+table.common-table > tbody > tr .left {
+ font-weight: bold;
+ padding-left: 20px !important;
+}
+@media (max-width: 767px) {
+ table.common-table > tbody {
+ border: none !important;
+ }
+}
+@media (max-width: 767px) {
+ table.common-table {
+ display: none !important;
+ }
+}
+
+table.common-table-mobile {
+ display: none;
+}
+@media (max-width: 767px) {
+ table.common-table-mobile {
+ border: none !important;
+ padding-bottom: 20px;
+ position: relative;
+ }
+ table.common-table-mobile > thead {
+ display: block !important;
+ }
+ table.common-table-mobile > thead > tr {
+ background: #e50000;
+ border: 1px solid #e50000;
+ height: 40px;
+ }
+ table.common-table-mobile > thead > tr > th {
+ color: white;
+ font-size: 20px !important;
+ font-weight: 400;
+ border: none !important;
+ display: block !important;
+ text-align: center;
+ padding: 10px !important;
+ }
+ table.common-table-mobile > tbody > tr {
+ border-bottom: 1px solid #d7d7d7;
+ }
+ table.common-table-mobile > tbody > tr > td {
+ border: none !important;
+ font-weight: 300;
+ letter-spacing: 0.2px;
+ vertical-align: middle;
+ line-height: 1.5em;
+ text-align: center;
+ }
+ table.common-table-mobile > tbody > tr > td > span {
+ padding: 0px !important;
+ }
+ table.common-table-mobile > tbody > tr > td .right {
+ float: right;
+ width: 50%;
+ margin-left: 10px;
+ }
+ table.common-table-mobile > tbody > tr.ignite {
+ background: #eee;
+ }
+}
+@media (max-width: 767px) and (max-width: 767px) {
+ table.common-table-mobile > tbody {
+ border: none !important;
+ }
+}
+
.btn-transparent {
color: #fff;
background-color: transparent;
Modified: ignite/site/trunk/download.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/download.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/download.html (original)
+++ ignite/site/trunk/download.html Thu Aug 17 00:42:46 2017
@@ -123,7 +123,8 @@ under the License.
<a href="/features.html">Features<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li role="presentation" class="submenu-header">Overview</li>
- <li><a href="/whatisignite">What is Ignite?</a></li>
+ <li><a href="/whatisignite.html">What is Ignite?</a></li>
+ <li><a href="/memorycentric.html">What is Memory-Centric?</a></li>
<li class="divider"></li>
<li role="presentation" class="submenu-header">Main Features</li>
<li><a href="/features/durablememory.html">Durable Memory</a></li>
@@ -275,7 +276,7 @@ under the License.
<div class="col-sm-12 col-md-12 col-xs-12" style="padding:0px">
<div class="col-sm-6 col-md-6 col-xs-12" style="padding:0px">
<h1 class="first" style="text-align: left;">Apache Ignite Downloads</h1>
- <ul style="line-height: 112%" class="page-list">
+ <ul class="page-list">
<li><a href="#sources">Source Releases</a></li>
<li><a href="#binaries">Binary Releases</a></li>
<li><a href="#docker">Docker and Cloud Images</a></li>
@@ -289,13 +290,13 @@ under the License.
<p style="text-align: right;">
<a style="color: black;" href=" https://github.com/apache/ignite"><i class="fa fa-github fa-2x github-image" aria-hidden="true" ></i></a>
<!-- Github Stargazers -->
- <a class="github-button" href="https://github.com/apache/ignite" data-icon="octicon-star" data-style="mega" data-show-count="true" aria-label="Star apache/ignite on GitHub">Star</a>
+ <a class="github-button" href="https://github.com/apache/ignite" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star apache/ignite on GitHub">Star</a>
<!-- Github Fork -->
- <a class="github-button" href="https://github.com/apache/ignite/fork" data-icon="octicon-repo-forked" data-style="mega" data-show-count="true" aria-label="Fork apache/ignite on GitHub">Fork</a>
+ <a class="github-button" href="https://github.com/apache/ignite/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork apache/ignite on GitHub">Fork</a>
<!-- Github Watch -->
- <a class="github-button" href="https://github.com/apache/ignite/subscription" data-icon="octicon-eye" data-style="mega" data-show-count="true" aria-label="Watch apache/ignite on GitHub">Watch</a>
+ <a class="github-button" href="https://github.com/apache/ignite/subscription" data-icon="octicon-eye" data-size="large" data-show-count="true" aria-label="Watch apache/ignite on GitHub">Watch</a>
</p>
</div>
</div>
Modified: ignite/site/trunk/features/cpp.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/cpp.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
Binary files - no diff available.
Modified: ignite/site/trunk/features/datagrid.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/datagrid.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/features/datagrid.html (original)
+++ ignite/site/trunk/features/datagrid.html Thu Aug 17 00:42:46 2017
@@ -72,7 +72,7 @@ under the License.
<div class="videos">
<div class="page-heading">Videos:</div>
- <ul>
+ <ul class="page-list">
<li>
<i class="fa fa-lg fa-play-circle-o"></i>
<span class="video-title">
Modified: ignite/site/trunk/features/datastructures.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/datastructures.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/features/datastructures.html (original)
+++ ignite/site/trunk/features/datastructures.html Thu Aug 17 00:42:46 2017
@@ -51,7 +51,7 @@ under the License.
<!--#include virtual="/includes/header.html" -->
<main id="main" role="main" class="container">
- <section id="servicegrid" class="page-section">
+ <section id="datastructures" class="page-section">
<h1 class="first">Distributed Data Structures</h1>
<p>
Ignite allows for most of the data structures from <code>java.util.concurrent</code>
Modified: ignite/site/trunk/features/deploy.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/deploy.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/features/deploy.html (original)
+++ ignite/site/trunk/features/deploy.html Thu Aug 17 00:42:46 2017
@@ -51,7 +51,7 @@ under the License.
<!--#include virtual="/includes/header.html" -->
<main id="main" role="main" class="container">
- <section id="igfs" class="page-section">
+ <section id="deployment-options" class="page-section">
<h1 class="first">Deployment Options</h1>
<div class="col-sm-12 col-md-12 col-xs-12" style="padding-left:0; padding-right:0;">
<div class="col-sm-6 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
Modified: ignite/site/trunk/features/durablememory.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/durablememory.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
Binary files - no diff available.
Modified: ignite/site/trunk/features/java.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/java.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
Binary files - no diff available.
Modified: ignite/site/trunk/features/machinelearning.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/machinelearning.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
Binary files - no diff available.
Modified: ignite/site/trunk/features/persistence.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/persistence.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/features/persistence.html (original)
+++ ignite/site/trunk/features/persistence.html Thu Aug 17 00:42:46 2017
@@ -51,7 +51,7 @@ under the License.
<!--#include virtual="/includes/header.html" -->
<main id="main" role="main" class="container">
- <section id="igfs" class="page-section">
+ <section id="native-persistence" class="page-section">
<h1 class="first">Ignite Native Persistence</h1>
<div class="col-sm-12 col-md-12 col-xs-12" style="padding-left:0; padding-right:0; margin-bottom: 20px;">
<div class="col-sm-6 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
Modified: ignite/site/trunk/features/runseverywhere.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/features/runseverywhere.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
Binary files - no diff available.
Modified: ignite/site/trunk/includes/header.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/header.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/includes/header.html (original)
+++ ignite/site/trunk/includes/header.html Thu Aug 17 00:42:46 2017
@@ -53,7 +53,8 @@
<a href="/features.html">Features<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li role="presentation" class="submenu-header">Overview</li>
- <li><a href="/whatisignite">What is Ignite?</a></li>
+ <li><a href="/whatisignite.html">What is Ignite?</a></li>
+ <li><a href="/memorycentric.html">What is Memory-Centric?</a></li>
<li class="divider"></li>
<li role="presentation" class="submenu-header">Main Features</li>
<li><a href="/features/durablememory.html">Durable Memory</a></li>
Modified: ignite/site/trunk/includes/scripts.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/scripts.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/includes/scripts.html (original)
+++ ignite/site/trunk/includes/scripts.html Thu Aug 17 00:42:46 2017
@@ -122,6 +122,8 @@ $(document).ready(function() {
$(this).find('thead').before(insert);
});
+
+ $("table#mc").find("button").hide();
});
</script>
Added: ignite/site/trunk/memorycentric.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/memorycentric.html?rev=1805247&view=auto
==============================================================================
--- ignite/site/trunk/memorycentric.html (added)
+++ ignite/site/trunk/memorycentric.html Thu Aug 17 00:42:46 2017
@@ -0,0 +1,138 @@
+<!--
+âââ ââââââ âââ ââââââ âââ ââ ââââââ âââ âââââ ââââ â ââââââââââââââââââ
+ââââââ ââââ âââââââââ ââââ ââ ââââ âââââ â ââââ âââ âââ ââ ââ â âââââ âââ ââââ â
+âââ âââ ââââ âââââââ âââ âââ â ââââââââââââ âââââââââââââââ ââ ââââââââ ââââ ââââââ
+âââââââââ âââââââ ââââââââââ ââââ âââââââ âââ âââ â âââââââ âââââââ ââââââââââ ââââ â âââ â
+ââ ââââââââ â â ââ âââââ âââââ ââââââââââââââââ ââââââââââââââââ ââââââââ ââââ â âââââââ
+ââ ââââââââ â â ââ âââââ ââ â â â âââââââ ââ â ââ ââ â â ââ â â ââ â ââ ââ ââ â
+ â ââ âââ â â ââ â â â â âââ â â â â â â â â â ââ â ââ â â â â â â
+ â â ââ â â â â ââ â â â ââ â â â â â â â â â
+ â â â ââ â â â â â â â â â â â â
+-->
+
+<!--
+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
+"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.
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <link rel="canonical" href="https://ignite.apache.org/features/memorycentric.html" />
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+ <meta http-equiv="Pragma" content="no-cache" />
+ <meta http-equiv="Expires" content="0" />
+ <title>Memory Centric - Apache Ignite</title>
+ <link media="all" rel="stylesheet" href="/css/all.css?v=1.8">
+ <link href="https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
+ <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'>
+
+ <!--#include virtual="/includes/sh.html" -->
+</head>
+<body>
+<div id="wrapper">
+ <!--#include virtual="/includes/header.html" -->
+
+ <main id="main" role="main" class="container">
+ <section id="memory-centric" class="page-section">
+ <h1 class="first">What is Memory-Centric?</h1>
+
+ <p>
+ Apache Ignite is a <b>memory-centric</b> data platform that combines the performance and scale of
+ in-memory computing together with the disk durability and strong consistency in one system.
+ </p>
+ <div class="row">
+ <div class="col-sm-6 col-md-2 col-xs-12">
+ </div>
+ <div class="col-sm-6 col-md-8 col-xs-12">
+ <table id="mc" class="common-table" name="memory-centric">
+ <thead>
+ <tr><th>Memory-Centric</th><th>Disk-Centric</th></tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Memory as a Main Storage</td>
+ <td>Memory as Caching Layer</td>
+
+ </tr>
+ <tr style="background-color: #eee;">
+ <td>Collocated and Client-Server Processing</td>
+ <td>Client-Server Processing</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <table id="mc-mobile" class="common-table-mobile" name="memory-centric">
+ <thead>
+ <tr><th>Memory-Centric</th><th>Disk-Centric</th></tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Memory as a Main Storage</td></tr>
+ <tr><td>Collocated and Client-Server Processing</td>
+ </tr>
+ </tbody>
+ <thead>
+ <tr><th>Disk-Centric</th></tr>
+ </thead>
+ <tbody>
+ <tr><td>Memory as Caching Layer</td></tr>
+ <tr><td>Client-Server Processing</td></tr>
+ </tbody>
+ </table>
+ </div>
+ <div class="col-sm-6 col-md-2 col-xs-12">
+ </div>
+ </div>
+ <p>
+ The main difference between the memory-centric approach and the traditional disk-centric approach is that
+ the memory is treated as a fully functional storage, not just as a caching layer, like most databases do.
+ For example, Apache Ignite can function in a pure in-memory mode, in which case it can be treated as an
+ In-Memory Database (IMDB) and In-Memory Data Grid (IMDG) in one.
+ </p>
+ <p>
+ On the other hand, when persistence is turned on, Ignite begins to function as a memory-centric system
+ where most of the processing happens in memory, but the data and indexes get persisted to disk. The main
+ difference here from the traditional disk-centric RDBMS or NoSQL system is that Ignite is strongly consistent,
+ horizontally scalable, and supports both SQL and key-value processing APIs.
+
+ </p>
+
+ <h3>Collocated vs Client-Server Processing</h3>
+ <p>
+ The disk-centric systems, like RDBMS or NoSQL, generally utilize the classic client-server approach, where
+ the data is brought from the server to the client side where it gets processed and then is usually discarded.
+ This approach does not scale well as moving the data over the network is the most expensive operation in a distributed system.
+ </p>
+ <p>
+ A much more scalable approach is <b>collocated processing</b> that reverses the flow by bringing the computations to the
+ servers where the data actually resides. This approach allows you to execute advanced logic or distributed SQL with JOINs
+ exactly where the data is stored avoiding expensive serialization and network trips.
+ </p>
+
+ <p>Learn <a href="/whatisignite.html">more</a> about Apache Ignite.</p>
+ </section>
+ </main>
+
+ <!--#include virtual="/includes/footer.html" -->
+</div>
+<!--#include virtual="/includes/scripts.html" -->
+</body>
+</html>
Modified: ignite/site/trunk/news.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/news.html?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/news.html (original)
+++ ignite/site/trunk/news.html Thu Aug 17 00:42:46 2017
@@ -32,6 +32,7 @@ under the License.
<!DOCTYPE html>
<html lang="en">
<head>
+ <link rel="canonical" href="https://ignite.apache.org/events.html" />
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; URL='/events.html'" />
<title>Apache Ignite News</title>
Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1805247&r1=1805246&r2=1805247&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Thu Aug 17 00:42:46 2017
@@ -88,7 +88,7 @@ div, p, h1, h2, h3, span, body, html, ul
#startdata h2,
#startcompute h2 {
padding: 0 0 20px 0;
- line-height: 1.2em;
+ line-height: 1.5em;
}
h3, .h3 {
@@ -102,7 +102,7 @@ h4, b {
}
p {
- line-height: 1.2em;
+ line-height: 1.5em;
color: #333;
font-size: 18px;
font-weight: 300;
@@ -264,12 +264,13 @@ section.page-section {
font-size: 32px;
margin-bottom: 25px;
padding-bottom: 5px;
+ line-height: 1.5em;
}
h3 {
- font-size: 20px;
- color: #333;
- padding: 0 0 20px 0;
- text-align: left;
+ font-size: 20px;
+ color: #333;
+ padding: 0 0 20px 0;
+ text-align: left;
}
&:last-child {
@@ -279,7 +280,7 @@ section.page-section {
ul.page-list, ol.page-list {
padding-left: 20px;
color: #333;
- line-height: 1.2em;s
+ line-height: 1.5em;
& > li {
padding-bottom: 4px;
@@ -762,31 +763,6 @@ section.news-section {
}
}
-.testimonials {
- background: #e8f1fc;
- text-align: left;
- border-radius: 6px;
- padding: 12px 12px 0px 12px;
-
- h4 {
- font-size: 16px;
- margin-bottom: 12px;
- }
-
- ul {
- list-style-type: none;
- padding-left: 0px;
-
- li {
- padding-bottom: 25px;
- font-size: 15px;
- line-height: 1.2em;
- color: #333;
- font-style: italic;
- }
- }
-}
-
.credits {
font-style: normal;
font-size: 15px;
@@ -1785,6 +1761,7 @@ div.square {
.description-block {
padding: 0px;
height: 250px;
+ margin-bottom: 60px;
@media (max-width: $tablet) {
height: auto;
@@ -1830,4 +1807,134 @@ div.square {
.wrapper-main-banner {
background-color: rgb(0, 0, 0);
+}
+
+table.common-table {
+ border: none !important;
+ margin-bottom: 20px;
+ position: relative;
+
+ & > thead > tr {
+ background: #e50000;
+ border: 1px solid #e50000;
+
+ & > th {
+ color: white;
+ font-size: 20px !important;
+ font-weight: 400;
+ border: none !important;
+ }
+ & .left {
+ padding-left: 20px !important;
+ }
+ }
+
+ & > tbody {
+
+ & > tr {
+ border-bottom: 1px solid #d7d7d7;
+ & > td {
+ border: none !important;
+ font-weight: 300;
+ letter-spacing: 0.2px;
+ padding-right: 0px !important;
+ line-height: 1.5em;
+
+ & > p {
+ margin-top : 8px;
+ margin-bottom : 8px;
+
+
+ @media (max-width: $mobile) {
+ margin-top : 0px;
+ margin-right : 5px;
+ padding-right: 5px;
+ }
+ }
+
+ @media (max-width: $mobile) {
+ white-space: normal !important;
+ }
+ }
+
+ & .left {
+ font-weight: bold;
+ padding-left: 20px !important;
+ }
+ }
+
+ @media (max-width: $mobile) {
+ border: none !important;
+ }
+ }
+
+ @media (max-width: $mobile) {
+ display: none !important;
+ }
+}
+
+table.common-table-mobile {
+ display: none;
+ @media (max-width: $mobile) {
+ border: none !important;
+ padding-bottom: 20px;
+ position: relative;
+
+ & > thead {
+ display: block !important;
+ & > tr {
+ background: #e50000;
+ border: 1px solid #e50000;
+ height: 40px;
+ & > th {
+ color: white;
+ font-size: 20px !important;
+ font-weight: 400;
+ border: none !important;
+ display: block !important;
+ text-align: center;
+ padding : 10px !important;
+ }
+
+ }
+ }
+
+ & > tbody {
+
+ & > tr {
+ border-bottom: 1px solid #d7d7d7;
+
+ & > td {
+ border: none !important;
+ font-weight: 300;
+ letter-spacing: 0.2px;
+ vertical-align: middle;
+ line-height: 1.5em;
+ text-align: center;
+
+ & > span {
+ padding: 0px !important;
+ }
+
+ & .right {
+ float: right;
+ width: 50%;
+ margin-left: 10px;
+ }
+
+ & .left {
+
+ }
+ }
+
+ &.ignite {
+ background: #eee;
+ }
+ }
+
+ @media (max-width: $mobile) {
+ border: none !important;
+ }
+ }
+ }
}
\ No newline at end of file