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 2020/02/27 18:35:21 UTC
svn commit: r1874590 [1/4] - in /ignite/site/branches/ignite-redisign: ./
css/ images/svg-diagrams/ includes/ scss/
Author: dmagda
Date: Thu Feb 27 18:35:21 2020
New Revision: 1874590
URL: http://svn.apache.org/viewvc?rev=1874590&view=rev
Log:
merging changes
Modified:
ignite/site/branches/ignite-redisign/css/ignite-redesign.css
ignite/site/branches/ignite-redisign/images/svg-diagrams/in-memory-data-grid.svg
ignite/site/branches/ignite-redisign/images/svg-diagrams/in-memory-database.svg
ignite/site/branches/ignite-redisign/includes/footer.html
ignite/site/branches/ignite-redisign/includes/header.html
ignite/site/branches/ignite-redisign/index.html
ignite/site/branches/ignite-redisign/scss/ignite-redesign.scss
Modified: ignite/site/branches/ignite-redisign/css/ignite-redesign.css
URL: http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/css/ignite-redesign.css?rev=1874590&r1=1874589&r2=1874590&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/css/ignite-redesign.css (original)
+++ ignite/site/branches/ignite-redisign/css/ignite-redesign.css Thu Feb 27 18:35:21 2020
@@ -7445,7 +7445,9 @@ strong {
padding-bottom: 1em;
margin-bottom: -5px; }
#header #nav .navbar-nav li.nav-item.show > a.dropdown-toggle {
- font-weight: 700; }
+ font-weight: 700;
+ padding-right: 1.15em;
+ padding-left: 1.15em; }
#footer {
box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
@@ -7455,7 +7457,7 @@ strong {
background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 45%, rgba(242, 242, 242, 0) 45%);
background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 45%, rgba(242, 242, 242, 0) 45%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#f2f2f2",GradientType=1);
- padding-top: 4rem; }
+ padding-top: 3rem; }
#footer nav ul li {
padding: 5px; }
#footer nav ul li a {
@@ -7478,16 +7480,16 @@ strong {
box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
#main-banner .wrapper {
background: #187ccc;
- background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 15%, rgba(242, 242, 242, 0) 15%);
- background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 15%, rgba(242, 242, 242, 0) 15%);
- background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 15%, rgba(242, 242, 242, 0) 15%);
+ background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%);
+ background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%);
+ background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#f2f2f2",GradientType=1);
- padding: 4em 0; }
+ padding: 3em 0; }
#main-banner h1 {
font-weight: 400;
- font-size: 32px;
+ font-size: 30px;
line-height: 1.4em;
- margin-bottom: 0.5em; }
+ margin-bottom: 1.5em; }
#main-banner h1 strong {
display: block; }
#main-banner p {
@@ -7496,13 +7498,13 @@ strong {
line-height: 2em;
margin-bottom: 0.5em; }
#main-banner .btn {
- font-size: 20px;
- line-height: 2em;
- padding: 0.5rem 2rem;
+ font-size: 18px;
+ line-height: 1.5em;
+ padding: 0.5rem 1.5rem;
margin-right: 30px; }
#main-banner .btn i {
- font-size: 26px;
- margin-right: 10px;
+ font-size: 24px;
+ margin-right: 8px;
vertical-align: middle; }
#main-banner .btn-getting-started {
background-color: #ffffff; }
@@ -7510,33 +7512,36 @@ strong {
color: #b02032; }
#github-stats-bar {
- padding: 1rem 0;
+ padding: 0.5rem 0 0.2rem;
background-color: #f2f2f2; }
#github-stats-bar .github-stats .github-link .fa-github {
color: #055799;
- font-size: 40px;
- margin-right: 1rem; }
+ font-size: 30px;
+ margin-right: 1rem;
+ vertical-align: top; }
#github-stats-bar .twitter-follow iframe {
position: absolute !important;
- top: 10px;
+ top: 5px;
right: 0; }
#home-use-cases {
- padding: 6rem 0;
+ padding: 4rem 0;
background-color: #ffffff;
box-shadow: inset 0px 15px 8px -10px #e5e5e5; }
#home-use-cases h2 {
- margin-bottom: 8rem; }
+ margin-bottom: 4.5rem; }
#home-use-cases #use-cases-tabs {
display: flex;
- justify-content: space-between; }
+ justify-content: space-between;
+ width: 62%;
+ margin: 0 auto; }
#home-use-cases #use-cases-tabs li {
- width: 48%; }
+ width: 45%; }
#home-use-cases #use-cases-tabs .btn {
background-color: #f2f2f2;
- font-size: 24px;
+ font-size: 18px;
width: 100%;
- padding: 25px 20px; }
+ padding: 1em 0.8em; }
#home-use-cases #use-cases-tabs .btn.active {
color: #b02032;
font-weight: 600; }
@@ -7544,43 +7549,43 @@ strong {
content: "";
width: 0;
height: 0;
- border-left: 20px solid transparent;
- border-right: 20px solid transparent;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
display: block;
- border-top: 20px solid #b02032;
- left: calc(25% - 20px);
+ border-top: 15px solid #b02032;
+ left: calc(34% - 15px);
top: 3.2em;
position: absolute; }
#home-use-cases #use-cases-tabs li:last-child .active:after {
- left: calc(75% - 20px); }
+ left: calc(67% - 15px); }
#home-use-cases #use-cases-tabs .btn:focus, #home-use-cases #use-cases-tabs .btn:active {
outline: none !important;
box-shadow: none !important; }
#home-use-cases #tabsContent {
- padding: 50px; }
+ padding: 30px; }
#home-use-cases #tabsContent img {
- max-width: 750px;
+ max-width: 45rem;
margin: 0 auto;
display: block; }
#home-use-cases #tabsContent .txt-wrapper {
background-color: #f2f2f2;
- width: 700px;
+ width: 45vw;
display: block;
- margin: 30px auto 0;
+ margin: 20px auto 0;
text-align: center;
- padding: 40px; }
+ padding: 30px; }
#home-use-cases #tabsContent .txt-wrapper p {
- font-size: 17px;
+ font-size: 15px;
line-height: 2em;
- margin-bottom: 30px; }
+ margin-bottom: 20px; }
#home-use-cases #tabsContent .txt-wrapper .btn {
- padding: 10px 20px; }
+ padding: 8px 15px; }
section.section-block h2 {
text-align: center;
font-size: 32px;
text-transform: uppercase;
- margin-bottom: 1.5em; }
+ margin-bottom: 1em; }
section.section-block h2 strong {
color: #055799;
font-weight: 900; }
@@ -7589,44 +7594,48 @@ section.section-block h2 {
box-shadow: inset 0px 15px 8px -10px #e5e5e5, inset 0px -15px 8px -10px #e5e5e5; }
#home-features .wrapper {
background: #187ccc;
- background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 10%, rgba(242, 242, 242, 0) 10%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
- background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 10%, rgba(242, 242, 242, 0) 10%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
- background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 10%, rgba(242, 242, 242, 0) 10%, rgba(242, 242, 242, 0) 90%, #0a5a9a 90%, #187ccc 100%);
+ background: -moz-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 95%, #0a5a9a 95%, #187ccc 100%);
+ background: -webkit-linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 95%, #0a5a9a 95%, #187ccc 100%);
+ background: linear-gradient(45deg, #187ccc 0%, #0a5a9a 5%, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0) 95%, #0a5a9a 95%, #187ccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#187ccc",endColorstr="#187ccc",GradientType=1);
- padding: 6rem 0; }
- #home-features .feature a {
- display: block;
- text-align: center;
- color: #000;
- margin-bottom: 4em; }
- #home-features .feature a h3 {
- font-size: 24px;
- line-height: 1.5em;
- font-weight: 600; }
- #home-features .feature a h3 span {
- display: block; }
- #home-features .feature a p {
- font-size: 16px;
- font-weight: 400;
- line-height: 1.6em; }
- #home-features .feature a svg {
- width: 130px;
- height: 130px;
- fill: #b02032;
- transition: all 0.5s ease-in-out;
- background-color: #ffffff;
- border-radius: 0px;
- padding: 1.5em;
- margin-top: 3em;
- margin-bottom: 1em; }
- #home-features .feature a:hover {
- text-decoration: none; }
- #home-features .feature a:hover svg {
- background-color: #b02032;
- fill: #ffffff; }
+ padding: 4rem 0; }
+ #home-features .row {
+ padding: 0 3rem; }
+ #home-features .feature {
+ padding: 0 40px; }
+ #home-features .feature a {
+ display: block;
+ text-align: center;
+ color: #000;
+ margin-bottom: 3em; }
+ #home-features .feature a h3 {
+ font-size: 20px;
+ line-height: 1.5em;
+ font-weight: 600; }
+ #home-features .feature a h3 span {
+ display: block; }
+ #home-features .feature a p {
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 1.6em; }
+ #home-features .feature a svg {
+ width: 100px;
+ height: 100px;
+ fill: #b02032;
+ transition: all 0.5s ease-in-out;
+ background-color: #ffffff;
+ border-radius: 0px;
+ padding: 1.5em;
+ margin-top: 2em;
+ margin-bottom: 1em; }
+ #home-features .feature a:hover {
+ text-decoration: none; }
+ #home-features .feature a:hover svg {
+ background-color: #b02032;
+ fill: #ffffff; }
#home-extras {
- padding: 6rem 0; }
+ padding: 4rem 0; }
#home-extras #home-links ul {
padding: 0 6rem; }
#home-extras #home-links ul li {
@@ -7641,15 +7650,15 @@ section.section-block h2 {
#home-extras #home-links ul li a svg {
background-color: #b02032;
border-radius: 150px;
- width: 65px;
- height: 65px;
+ width: 55px;
+ height: 55px;
fill: #ffffff;
transition: all 0.3s ease-in-out;
padding: 5px;
- margin-right: 2.5em; }
+ margin-right: 2em; }
#home-extras #home-links ul li a span {
color: #000;
- font-size: 24px;
+ font-size: 20px;
font-weight: 600; }
#home-extras #home-links ul li a:hover {
background-color: #f2f2f2 !important;
@@ -7726,5 +7735,93 @@ section.internal-page {
display: none; }
@media (max-width: 1199.98px) {
+ #home-use-cases #use-cases-tabs {
+ width: 85%; }
+ #home-use-cases #use-cases-tabs .active:after {
+ left: calc(28% - 15px); }
+ #home-use-cases #use-cases-tabs li:last-child .active:after {
+ left: calc(73% - 15px); }
+ #home-extras #home-links ul {
+ padding: 0; }
+ #home-features .feature a p {
+ font-size: 15px; } }
+
+@media (max-width: 991.98px) {
+ #header #nav .navbar-nav {
+ position: relative; }
+ #header #nav .navbar-nav li.nav-item a.btn {
+ margin-left: 1.3em; }
+ #header #nav .navbar-nav li.nav-item ul.dropdown-menu {
+ border: 0;
+ box-shadow: none;
+ margin-bottom: 2rem;
+ margin-left: 2rem;
+ border-left: 5px solid #b02032; }
+ #header #nav .navbar-nav li.nav-item ul.dropdown-menu .dropdown-item:last-child {
+ border-bottom: none; }
+ #header #nav .navbar-brand img {
+ width: 9rem; }
+ #header #nav .navbar-toggler-icon i {
+ font-size: 2rem; }
+ #home-use-cases #use-cases-tabs {
+ width: 100%; }
+ #home-use-cases #use-cases-tabs .active:after {
+ left: calc(24% - 15px); }
+ #home-use-cases #use-cases-tabs li:last-child .active:after {
+ left: calc(77% - 15px); }
+ #home-use-cases #tabsContent img {
+ max-width: 75rem; }
+ #home-use-cases #tabsContent .txt-wrapper {
+ width: 35rem; }
+ #home-features .row {
+ padding: 0 2rem; }
+ #home-features .feature {
+ padding: 0 10px; }
+ #home-features .feature a h3 {
+ font-size: 18px; }
+ #home-features .feature a p {
+ font-size: 14px; } }
+
+@media (max-width: 767.98px) {
+ .twitter-follow {
+ display: none; }
+ #home-use-cases #tabsContent {
+ padding: 0; }
+ #home-use-cases #tabsContent .txt-wrapper {
+ width: 32rem; }
+ #home-use-cases #tabsContent .txt-wrapper p {
+ font-size: 14px; }
+ #home-use-cases #use-cases-tabs .btn {
+ min-height: 90px; }
+ #home-use-cases #use-cases-tabs .active:after {
+ top: 4.8em; }
+ #home-extras #home-links ul li a {
+ padding: 5px 0; }
+ #footer nav ul {
+ display: flex;
+ justify-content: space-evenly; }
+ #footer nav ul li a {
+ color: #000; }
+ #footer .wrapper {
+ background: none; }
+ #footer .copyright {
+ padding: 0;
+ text-align: center; }
+ #footer .copyright .footer-logos {
+ justify-content: space-evenly;
+ padding-bottom: 20px; } }
+
+@media (max-width: 575.98px) {
+ #main-banner h1 {
+ font-size: 26px;
+ text-align: center; }
+ #main-banner .buttons {
+ text-align: center; }
+ #main-banner .btn {
+ margin-bottom: 10px; }
+ #home-use-cases #tabsContent .txt-wrapper {
+ width: 100%; }
#home-extras #home-links ul {
- padding: 0; } }
+ padding-left: 3em; }
+ #home-features h2 strong, #home-use-cases h2 strong {
+ display: block; } }