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/02 16:48:31 UTC
svn commit: r1803864 - in /ignite/site/trunk: css/all.css index.html
scss/ignite.scss
Author: dmagda
Date: Wed Aug 2 16:48:30 2017
New Revision: 1803864
URL: http://svn.apache.org/viewvc?rev=1803864&view=rev
Log:
minor front page fixes
Modified:
ignite/site/trunk/css/all.css
ignite/site/trunk/index.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=1803864&r1=1803863&r2=1803864&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Wed Aug 2 16:48:30 2017
@@ -7725,11 +7725,6 @@ sub {
height: auto;
}
-div#banner1 p {
- padding-bottom: 40px;
- font-size: 20px;
-}
-
#documentation table > tbody > tr > th,
#download table > tbody > tr > th,
#benchmarks table > tbody > tr > th {
@@ -8389,6 +8384,11 @@ tr.sub-heading > th {
position: relative;
top: -3px;
}
+@media (max-width: 767px) {
+ .github-image {
+ display: none !important;
+ }
+}
#top-nav {
text-align: right;
@@ -8522,20 +8522,18 @@ section.page-subsection {
padding-right: 10px;
padding-left: 10px;
}
-@media (max-width: 767px) {
+@media (max-width: 992px) {
.screencast-center {
- padding-right: 0;
- padding-left: 20px;
+ text-align: center;
}
}
.screencast-left {
padding-left: 0;
}
-@media (max-width: 767px) {
+@media (max-width: 992px) {
.screencast-left {
- padding-right: 0;
- padding-left: 20px;
+ text-align: center;
}
}
@@ -8543,6 +8541,12 @@ section.page-subsection {
padding-right: 0;
padding-left: 20px;
}
+@media (max-width: 992px) {
+ .screencast-right {
+ text-align: center;
+ padding-left: 0;
+ }
+}
.screencast-duration {
color: #888;
@@ -8598,8 +8602,6 @@ section.page-subsection {
@media (max-width: 767px) {
.main-banner {
min-height: 300px;
- font-size: 14px;
- line-height: 17px;
padding: 100px 0 20px;
}
}
@@ -8614,66 +8616,22 @@ section.page-subsection {
margin: 0 0 15px;
text-align: left;
}
-@media (max-width: 992px) {
- .main-banner h2 {
- font-size: 25px;
- line-height: 25px;
- text-align: center;
- }
-}
@media (max-width: 767px) {
.main-banner h2 {
margin: 0 0 5px;
- text-align: center;
- font-size: 25px;
- line-height: 25px;
+ font-size: 30px;
+ line-height: 30px;
}
}
.main-banner h2 > span {
font-size: 50px;
+ line-height: 50px;
font-weight: 400;
}
-@media (max-width: 992px) {
- .main-banner h2 > span {
- font-size: 25px;
- line-height: 25px;
- }
-}
@media (max-width: 767px) {
.main-banner h2 > span {
text-align: center;
- font-size: 25px;
- line-height: 25px;
- }
-}
-.main-banner ul.banner-list {
- padding-left: 5px;
- list-style-type: square;
- color: red;
- margin-top: 5px;
- margin-left: 12px;
-}
-.main-banner ul.banner-list > li > p {
- padding-top: 0px;
- color: #fff;
- margin-bottom: 10px;
- font-size: 22px;
- padding-left: 10px;
- font-weight: 300;
- letter-spacing: 1.1px;
-}
-.main-banner ul.banner-list > li > p > span {
- font-size: 22px;
- font-weight: 300;
-}
-.main-banner .main-image {
- padding-left: 10px;
- padding-right: 0px;
- margin-top: 30px;
-}
-@media (max-width: 992px) {
- .main-banner .main-image {
- text-align: center;
+ font-size: 30px;
}
}
.main-banner p {
@@ -8722,10 +8680,14 @@ section.page-subsection {
.feature-box hr {
border-top: none !important;
border-bottom: 1px solid #d7d7d7 !important;
- padding-top: 5px;
width: 90px;
- margin-top: 40px;
- margin-bottom: 0px;
+ margin-top: 0px;
+ margin-bottom: 40px;
+}
+@media (max-width: 767px) {
+ .feature-box hr {
+ display: none;
+ }
}
.feature-box-left {
@@ -8811,6 +8773,11 @@ hr {
-ms-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
}
+@media (max-width: 767px) {
+ .banner-learn-more {
+ margin-top: 30px;
+ }
+}
.banner-learn-more p {
color: #fff;
font-size: 20px !important;
@@ -8818,6 +8785,11 @@ hr {
padding-bottom: 10px;
font-weight: 400;
}
+@media (max-width: 767px) {
+ .banner-learn-more p {
+ font-size: 18px !important;
+ }
+}
.banner-learn-more:hover {
background-color: #941d15 !important;
color: #fff !important;
@@ -9055,6 +9027,11 @@ a.timeline-Tweet-text {
.video-image-text:hover {
text-decoration: underline;
}
+@media (max-width: 992px) {
+ .video-image-text {
+ padding-left: 0px;
+ }
+}
.event-date {
background-color: #ef0000;
@@ -9116,6 +9093,12 @@ hr.vertical {
text-align: right;
padding-top: 5px;
}
+@media (max-width: 767px) {
+ .twitter-follow {
+ text-align: left;
+ margin-top: 20px;
+ }
+}
div.square {
border: solid 25px #ef0000;
Modified: ignite/site/trunk/index.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index.html?rev=1803864&r1=1803863&r2=1803864&view=diff
==============================================================================
Binary files - no diff available.
Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1803864&r1=1803863&r2=1803864&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Wed Aug 2 16:48:30 2017
@@ -145,13 +145,6 @@ sub { top: 0.5ex; }
}
}
-div#banner1 {
- & p {
- padding-bottom: 40px;
- font-size: 20px;
- }
-}
-
#documentation table,
#download table,
#benchmarks table {
@@ -873,6 +866,10 @@ tr.sub-heading {
font-size: 1.7em !important;
position: relative;
top: -3px;
+
+ @media(max-width: $mobile){
+ display: none !important;
+ }
}
#top-nav {
@@ -1008,24 +1005,27 @@ section.page-subsection {
padding-right: 10px;
padding-left: 10px;
- @media (max-width: $mobile) {
- padding-right: 0;
- padding-left: 20px;
+ @media (max-width: $tablet) {
+ text-align: center;
}
}
.screencast-left {
padding-left: 0;
- @media (max-width: $mobile) {
- padding-right: 0;
- padding-left: 20px;
+ @media (max-width: $tablet) {
+ text-align: center;
}
}
.screencast-right {
padding-right: 0;
padding-left: 20px;
+
+ @media (max-width: $tablet) {
+ text-align: center;
+ padding-left: 0;
+ }
}
.screencast-duration {
@@ -1077,8 +1077,6 @@ section.page-subsection {
}
@media (max-width: $mobile) {
min-height: 300px;
- font-size: 14px;
- line-height: 17px;
padding: 100px 0 20px;
}
@@ -1088,75 +1086,32 @@ section.page-subsection {
h2 {
- font-size:50px;
- line-height:50px;
+ font-size: 50px;
+ line-height: 50px;
letter-spacing: 1.1px;
font-weight: 400;
margin: 0 0 15px;
text-align: left;
- @media (max-width: $tablet) {
- font-size: 25px;
- line-height: 25px;
- text-align: center
- }
+
@media (max-width: $mobile) {
margin: 0 0 5px;
- text-align: center;
- font-size: 25px;
- line-height: 25px;
+
+ font-size: 30px;
+ line-height: 30px;
}
& > span {
- font-size:50px;
+ font-size: 50px;
+ line-height: 50px;
font-weight: 400;
- @media (max-width: $tablet) {
- font-size: 25px;
- line-height: 25px;
- }
@media (max-width: $mobile) {
text-align: center;
- font-size: 25px;
- line-height: 25px;
- }
- }
- }
-
- ul.banner-list {
- padding-left: 5px;
- list-style-type: square;
- color: red;
- margin-top: 5px;
- margin-left: 12px;
-
- & > li {
-
- & > p {
- padding-top: 0px;
- color: $white;
- margin-bottom: 10px;
- font-size: 22px;
- padding-left: 10px;
- font-weight: 300;
- letter-spacing: 1.1px;
-
- & > span {
- font-size: 22px;
- font-weight:300;
- }
+ font-size: 30px;
}
}
}
- .main-image {
- padding-left: 10px;
- padding-right: 0px;
- margin-top: 30px;
- @media (max-width: $tablet) {
- text-align: center
- }
- }
-
p {
padding-top: 10px;
font-size: 24px;
@@ -1207,13 +1162,16 @@ section.page-subsection {
font-weight: 300 !important;
}
- hr {
+ hr{
border-top: none !important;
border-bottom: 1px solid #d7d7d7 !important;
- padding-top: 5px;
width: 90px;
- margin-top: 40px;
- margin-bottom: 0px;
+ margin-top: 0px;
+ margin-bottom: 40px;
+
+ @media (max-width: $mobile) {
+ display: none;
+ }
}
}
@@ -1300,12 +1258,20 @@ hr {
letter-spacing: 1.1px;
margin-top: 50px;
+ @media(max-width: $mobile) {
+ margin-top: 30px;
+ }
+
p {
color: #fff;
font-size: 20px !important;
margin-bottom: 0px;
padding-bottom: 10px;
font-weight: 400;
+
+ @media(max-width: $mobile) {
+ font-size: 18px !important;
+ }
}
transition: background-color 0.2s linear;
@@ -1584,6 +1550,7 @@ a.timeline-Tweet-text {
.relative {
position:relative;
}
+
.video-image-text{
position: absolute;
bottom: 60px;
@@ -1597,6 +1564,12 @@ a.timeline-Tweet-text {
&:hover {
text-decoration: underline;
}
+
+ @media(max-width: $tablet)
+ {
+ padding-left: 0px;
+
+ }
}
.event-date {
@@ -1663,6 +1636,11 @@ hr.vertical {
.twitter-follow {
text-align: right;
padding-top: 5px;
+
+ @media (max-width: $mobile) {
+ text-align: left;
+ margin-top: 20px;
+ }
}
div.square {
@@ -1671,6 +1649,7 @@ div.square {
width: 50px;
height: 50px;
}
+
#whatisignite {
.heading {
@@ -1726,4 +1705,4 @@ div.square {
}
}
}
-}
\ No newline at end of file
+}