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/01/06 23:40:45 UTC
svn commit: r1872399 [3/3] - in /ignite/site/trunk: css/all.css
download.html events.html images/conferences.svg images/meetup.svg
images/webinars.svg includes/header.html includes/styles.html
meetup-groups.html scss/all.scss scss/ignite.scss
Added: ignite/site/trunk/images/conferences.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/conferences.svg?rev=1872399&view=auto
==============================================================================
--- ignite/site/trunk/images/conferences.svg (added)
+++ ignite/site/trunk/images/conferences.svg Mon Jan 6 23:40:45 2020
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#D93846;}
+</style>
+<g>
+ <g>
+ <g>
+ <path class="st0" d="M150,3.4c-34.3,0-62.1,27.9-62.1,62.1v89.3c0,34.3,27.9,62.1,62.1,62.1s62.1-27.9,62.1-62.1V65.5
+ C212.1,31.2,184.3,3.4,150,3.4z M194.9,155c-0.1,24.7-20.2,44.8-44.9,44.8s-44.9-20.1-44.9-44.8l0-89.5
+ c0-24.8,20.2-44.9,44.9-44.9s44.9,20.2,44.9,44.9L194.9,155z"/>
+ </g>
+ </g>
+ <g>
+ <g>
+ <path class="st0" d="M213.8,220.5c14.8-14.7,23.9-33.7,26.1-54.2c0.6-5-3.4-9.5-8.5-9.5h0c-4.4,0-8.1,3.3-8.6,7.7
+ c-4.1,36.6-35.3,65.1-72.9,65.1c-37.6,0-68.8-28.6-72.9-65.1c-0.5-4.4-4.2-7.7-8.6-7.7h0c-5.1,0-9.1,4.4-8.5,9.5
+ c2.2,20.5,11.3,39.5,26.1,54.2c15,14.9,34.4,24,55.2,25.9v33.1H119c-4.7,0-8.6,3.8-8.6,8.6l0,0c0,4.7,3.8,8.6,8.6,8.6H181
+ c4.7,0,8.6-3.8,8.6-8.6l0,0c0-4.7-3.8-8.6-8.6-8.6h-22.4v-33.1C179.4,244.5,198.8,235.4,213.8,220.5z"/>
+ </g>
+ </g>
+ <path class="st0" d="M123.4,164.4H120c-3.8,0-6.9-3.1-6.9-6.9V64.1c0-3.8,3.1-6.9,6.9-6.9h3.4c3.8,0,6.9,3.1,6.9,6.9v93.4
+ C130.3,161.3,127.2,164.4,123.4,164.4z"/>
+</g>
+</svg>
Added: ignite/site/trunk/images/meetup.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/meetup.svg?rev=1872399&view=auto
==============================================================================
--- ignite/site/trunk/images/meetup.svg (added)
+++ ignite/site/trunk/images/meetup.svg Mon Jan 6 23:40:45 2020
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#ED1C40;}
+ .st1{fill:#FFFFFF;}
+</style>
+<g id="Layer_2">
+ <g id="Layer_1-2">
+ <path class="st0" d="M212.8,252.6c-5.8,4-7.2,11.9-3.2,17.7c4,5.8,11.9,7.2,17.7,3.2c5.8-4,7.2-11.9,3.2-17.7
+ C226.6,250.1,218.6,248.6,212.8,252.6C212.9,252.6,212.8,252.6,212.8,252.6 M138.4,275c-3.6,2.5-4.5,7.4-2,10.9
+ c2.5,3.6,7.4,4.5,10.9,2c3.6-2.5,4.5-7.4,2-10.9c0,0,0,0,0,0C146.9,273.4,142,272.5,138.4,275C138.4,275,138.4,275,138.4,275
+ M48,238.5c0.7,3.1,3.7,5,6.7,4.3s5-3.7,4.3-6.7c-0.7-3-3.7-5-6.7-4.3C49.3,232.4,47.4,235.4,48,238.5C48,238.5,48,238.5,48,238.5
+ M26.2,151c3.8-5.5,2.4-13.1-3.2-16.9c-5.5-3.8-13.1-2.4-16.9,3.2s-2.4,13.1,3.2,16.9c0,0,0,0,0,0C14.8,158,22.4,156.6,26.2,151
+ C26.2,151,26.2,151,26.2,151 M67.7,72.5c4.2-2.9,5.2-8.7,2.3-12.9c-2.9-4.2-8.7-5.2-12.9-2.3c-4.2,2.9-5.2,8.7-2.3,12.9
+ C57.8,74.4,63.5,75.4,67.7,72.5C67.7,72.5,67.7,72.5,67.7,72.5 M95.2,15.8c-0.8-3.5-4.2-5.7-7.7-4.9c-3.5,0.8-5.7,4.2-4.9,7.7
+ s4.2,5.7,7.7,4.9c0,0,0,0,0,0C93.7,22.7,96,19.3,95.2,15.8C95.2,15.8,95.2,15.8,95.2,15.8 M177.7,24.3c-3.4-5.7-10.9-7.6-16.6-4.1
+ c-5.7,3.4-7.6,10.9-4.1,16.6s10.9,7.6,16.6,4.1c0,0,0,0,0,0C179.3,37.4,181.1,30,177.7,24.3 M237,110.5
+ c2.3-29.9-20.1-55.9-50-58.2c-7.7-0.6-15.4,0.5-22.7,3.1c-20.3-13-47.1-13.5-68.1,1.1C86,63.6,78.1,73.6,73.7,85.3
+ C67.4,86.1,61.3,88.4,56,92c-18.1,12.5-22.9,37-11.4,55.5c-15.6,14.3-19.2,38.2-7.3,56.6c7.1,10.9,18.1,17.5,30,19.4
+ c0.6,26.2,22.4,46.8,48.5,46.2c9.3-0.2,18.3-3.2,25.9-8.5c0.8-0.6,1.5-1.3,2.2-1.9c12,10.7,30.1,12.5,43.9,2.9
+ c7.1-4.9,12.1-12.2,14.1-20.6c10.8,0.4,21.8-2.4,31.4-9c22.9-15.9,29.2-46.9,14.4-70.5c12.7-10.5,14.4-29.3,3.9-42
+ C247.9,115.5,242.8,112.2,237,110.5 M263,103.1c4.7-3.2,5.8-9.6,2.6-14.3c-3.2-4.7-9.6-5.8-14.3-2.6c-4.7,3.2-5.8,9.6-2.6,14.3
+ C251.9,105.2,258.3,106.4,263,103.1C263,103.1,263,103.1,263,103.1 M283,163.3c-0.9-4.1-5-6.7-9.1-5.8c-4.1,0.9-6.7,5-5.8,9.1
+ c0.9,4.1,5,6.7,9.1,5.8C281.2,171.5,283.9,167.4,283,163.3C283,163.3,283,163.3,283,163.3 M295.9,126.4c-0.7-3.1-3.7-5-6.8-4.4
+ c-3.1,0.7-5,3.7-4.4,6.8c0.7,3.1,3.7,5,6.8,4.4c0,0,0,0,0,0C294.6,132.5,296.6,129.4,295.9,126.4"/>
+ <path class="st1" d="M209.5,202.4c-1.8-11.2-22.5-2.5-23.8-14.8c-1.8-17.4,24.1-55.1,22-69.7c-1.8-13.1-10.7-15.9-18.4-16
+ c-7.5-0.1-9.5,1.1-12,2.5c-1.5,0.8-3.6,2.5-6.5-0.2c-1.9-1.8-3.2-3.1-5.3-4.8c-1.6-1.3-3.5-2-5.5-2.3c-2.8-0.4-6.4,0-8.7,1
+ c-2.3,1-4.1,2.7-6,4.3s-6.6,7-11.1,5c-1.9-0.9-8.5-4.1-13.2-6.2c-9.1-3.9-22.3,2.5-27,10.9c-7,12.5-20.9,61.7-23,68.2
+ c-4.7,14.6,6,26.4,20.4,25.7c6.1-0.3,10.2-2.5,14-9.5c2.2-4,23.1-58.7,24.7-61.4c1.1-1.9,4.9-4.4,8.1-2.8s3.8,5,3.4,8.3
+ c-0.8,5.2-15.5,38.6-16.1,42.3c-1,6.4,2.1,10,8.8,10.3c4.6,0.2,9.1-1.4,12.7-8.2c2-3.8,25.3-50.4,27.3-53.6
+ c2.2-3.4,4.1-4.5,6.4-4.4c1.8,0.1,4.7,0.5,3.9,5.9c-0.7,5.3-19.4,39.5-21.3,47.9c-2.6,11.2,3.5,22.5,13.7,27.5
+ C183.5,211.5,211.8,217,209.5,202.4"/>
+ </g>
+</g>
+</svg>
Added: ignite/site/trunk/images/webinars.svg
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/webinars.svg?rev=1872399&view=auto
==============================================================================
--- ignite/site/trunk/images/webinars.svg (added)
+++ ignite/site/trunk/images/webinars.svg Mon Jan 6 23:40:45 2020
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+ .st1{fill:#D93846;}
+</style>
+<g>
+ <path class="st0" d="M294.6,224.6H5.4V40.9c0-2.7,2.2-4.9,4.9-4.9h279.5c2.7,0,4.9,2.2,4.9,4.9V224.6z"/>
+ <g>
+ <g>
+ <path class="st1" d="M288.6,267.7H11.4c-5.2,0-9.4-4.2-9.4-9.4V41.7c0-5.2,4.2-9.4,9.4-9.4h277.2c5.2,0,9.4,4.2,9.4,9.4v216.5
+ C298,263.5,293.8,267.7,288.6,267.7z M11.4,38.2c-1.9,0-3.5,1.6-3.5,3.5v216.5c0,1.9,1.6,3.5,3.5,3.5h277.2
+ c1.9,0,3.5-1.6,3.5-3.5V41.7c0-1.9-1.6-3.5-3.5-3.5H11.4z"/>
+ <path class="st1" d="M291.7,228.1H8.3c-1.6,0-2.9-1.3-2.9-2.9s1.3-2.9,2.9-2.9h283.4c1.6,0,2.9,1.3,2.9,2.9
+ S293.3,228.1,291.7,228.1z"/>
+ </g>
+ </g>
+ <g>
+ <path class="st1" d="M129.6,176.6c-0.9,0-1.7-0.2-2.5-0.6c-1.6-0.9-2.7-2.5-2.7-4.3v-77c0-1.8,1-3.4,2.7-4.3
+ c1.8-0.9,3.9-0.8,5.5,0.3l56,38.3c1.4,1,2.3,2.5,2.3,4.2c0,1.7-0.8,3.2-2.3,4.2l-56,38.3C131.7,176.2,130.7,176.6,129.6,176.6z
+ M129.3,170.8C129.3,170.8,129.3,170.8,129.3,170.8L129.3,170.8L129.3,170.8z"/>
+ </g>
+</g>
+</svg>
Modified: ignite/site/trunk/includes/header.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/header.html?rev=1872399&r1=1872398&r2=1872399&view=diff
==============================================================================
--- ignite/site/trunk/includes/header.html (original)
+++ ignite/site/trunk/includes/header.html Mon Jan 6 23:40:45 2020
@@ -266,13 +266,9 @@
</li>
<li class="divider"></li>
- <li role="presentation" class="submenu-header">Events & Groups</li>
- <li><a href="/events.html">Upcoming Events</a></li>
- <li><a href="https://www.meetup.com/Bay-Area-In-Memory-Computing/" target="_blank" rel="noopener">Ignite Bay Area Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li>
- <li><a href="https://www.meetup.com/NYC-In-Memory-Computing-Meetup/" target="_blank" rel="noopener">Ignite New York Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li>
- <li><a href="http://www.meetup.com/Apache-Ignite-London" target="_blank" rel="noopener">Ignite London Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li>
- <li><a href="https://www.meetup.com/Moscow-Apache-Ignite-Meetup/" target="_blank" rel="noopener">Ignite Moscow Meetup <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li>
- <li><a href="https://vk.com/apacheignite" target="_blank" rel="noopener">Ignite VK Group (Russian) <i class="fa fa-external-link" style="padding-left:5px;"></i></a></li>
+ <li role="presentation" class="submenu-header">Events & Groups</li>
+ <li><a href="/events.html">Apache Ignite Events</a></li>
+ <li><a href="/meetup-groups.html">Community Groups</a></li>
</ul>
</li>
<li class="dropdown" style="cursor: pointer;">
Modified: ignite/site/trunk/includes/styles.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/styles.html?rev=1872399&r1=1872398&r2=1872399&view=diff
==============================================================================
--- ignite/site/trunk/includes/styles.html (original)
+++ ignite/site/trunk/includes/styles.html Mon Jan 6 23:40:45 2020
@@ -1,5 +1,5 @@
<!-- REMEMBER TO COPY ALL CHANGES TO download.html -->
-<link media="screen" rel="stylesheet" href="/css/all.css?v=201912101618">
+<link media="screen" rel="stylesheet" href="/css/all.css?v=201912101620">
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" media="screen">
<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' media="screen">
<link media="screen" rel="stylesheet" href="/css/syntaxhighlighter.css">
\ No newline at end of file
Added: ignite/site/trunk/meetup-groups.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/meetup-groups.html?rev=1872399&view=auto
==============================================================================
Binary file - no diff available.
Propchange: ignite/site/trunk/meetup-groups.html
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Modified: ignite/site/trunk/scss/all.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/all.scss?rev=1872399&r1=1872398&r2=1872399&view=diff
==============================================================================
--- ignite/site/trunk/scss/all.scss (original)
+++ ignite/site/trunk/scss/all.scss Mon Jan 6 23:40:45 2020
@@ -1,861 +1,862 @@
-@import "compass";
-@import "bootstrap";
-@import "markup-mixins";
-@font-face { @include fontface(atillanormal, atilla_normal-webfont) }
-@font-face { @include fontface(harabara, harabara-webfont) }
-@font-face { @include fontface(icomoon, icomoon) }
-html{
- background: $gray-light;
-}
-body {
- margin: 0;
- min-width: $base-min-width;
- line-height: $base-line-height;
-}
-a:hover, a:focus {
- text-decoration: none;
- outline: none;
-}
-@viewport { width: device-width;}
-@-o-viewport { width: device-width;}
-@-ms-viewport { width: device-width;}
-@-moz-viewport { width: device-width;}
-@-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;
-}
-.icon-rss:before { content: "\e600"; }
-.icon-linkedin:before { content: "\e601"; }
-.icon-twitter:before { content: "\e602"; }
-.icon-facebook:before { content: "\e603"; }
-.icon-google-plus:before { content: "\e604"; }
-.icon-youtube:before { content: "\e605"; }
-h1, .h1{
- line-height: 30px;
- margin: 0;
-}
-h2, .h2{
- line-height: 25px;
- margin: 0;
-}
-h3, .h3{
- line-height: 22px;
- margin: 0;
-}
-h4, .h4 {
- line-height: 20px;
- margin: 0;
-}
-h5, .h5,
-h6, .h6 {
- line-height: 17px;
- margin: 0;
-}
-p {
- 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;
- }
-}
-.btn-default:hover {
- 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%));
- }
-}
-#wrapper{
- 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;
- }
-}
-#nav {
- text-align: right;
- 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 20px;
-
- @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;
- }
- }
- }
- h2 {
- 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;
- height: 50px;
- @media (max-width: $tablet) {
- font-size: 15px;
- }
- &:first-child{
- padding: 5px 38px;
- }
- }
- td:first-child{
- padding-left: 38px;
- }
- .btn-video {
- color: $black;
-
- &:hover {
- color: $red;
- }
- }
- @media screen {
- @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;
- }
- }
-}
-.askquestion {
- margin: -18px 0 0;
- padding: 80px 0 0;
- position: relative;
-
- @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;
- }
- }
-}
-.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;
- }
- }
-}
-.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-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;
- }
- }
-}
-#footer {
- padding: 50px 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;
- }
- }
-}
-.footer-nav {
- line-height: 18px;
-
- ul {
- margin: 0;
- }
- li{
- margin: 0 0 12px;
-
- @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;
- }
- }
-}
-.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;
- }
- }
-}
-
-@import "ignite";
-
-.btn-transparent {
- @include button-variant($btn-transparent-color, $btn-transparent-bg, $btn-transparent-border);
-}
-
-.btn-transparent:hover {
- background: $white;
- color: $gray;
-}
-
-.btn-group-export {
- position: absolute;
- margin: 5px;
- top: 0;
- right: 0;
- z-index: 4;
-}
-
-.btn-export {
- min-width: 0;
-}
-
-@media screen and (max-width: $screen-xs-max) {
- .btn-group-export {
- display: none;
- }
-}
-
-/*
- * Reset media print style.
- */
-@media print {
- #header {
- position: absolute !important;
- }
-
- a[href]:after {
- content: "";
- }
-
- /*
- * Hide social icons.
- */
- .social-networks {
- display: none;
- }
-
- /*
- * Hide navigation menu.
- */
- footer nav {
- display: none;
- }
-
- /*
- * Hide button to download export for table.
- */
- .btn-group-export {
- display: none;
- }
-
- body {
- -webkit-print-color-adjust: exact;
- }
-
- footer {
- page-break-inside: avoid;
- }
-
- section.page-section {
- page-break-inside: avoid;
- }
-
- section.page-section table {
- page-break-inside: avoid;
- }
-
- section.page-section:first-child {
- margin-top: 50px;
- }
-
- section.page-section {
- padding-top: 0;
- margin-top: 0;
- margin-bottom: 50px;
-
- border-bottom: none;
- }
-
- section.page-section p.line-chart {
- display: none;
- }
-
- /*
- * Small grid
- *
- * Columns, offsets, pushes, and pulls for the small device range, from phones
- * to tablets.
- */
-
- /* @media (min-width: $mobile) {
- @include make-grid(print);
- }*/
-
- @media (min-width: $landscape) {
- @include make-grid(print);
-
- #main table td {
- padding-left: 0;
- }
-
- #main table th {
- padding-left: 0;
- }
-
- #main table td:first-child {
- padding-left: 20px;
- }
-
- #main table th:first-child {
- padding-left: 20px;
- }
- }
+@import "compass";
+@import "bootstrap";
+@import "markup-mixins";
+@font-face { @include fontface(atillanormal, atilla_normal-webfont) }
+@font-face { @include fontface(harabara, harabara-webfont) }
+@font-face { @include fontface(icomoon, icomoon) }
+html{
+ background: $gray-light;
+}
+body {
+ margin: 0;
+ min-width: $base-min-width;
+ line-height: $base-line-height;
+}
+a:hover, a:focus {
+ text-decoration: none;
+ outline: none;
+}
+@viewport { width: device-width;}
+@-o-viewport { width: device-width;}
+@-ms-viewport { width: device-width;}
+@-moz-viewport { width: device-width;}
+@-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;
+}
+.icon-rss:before { content: "\e600"; }
+.icon-linkedin:before { content: "\e601"; }
+.icon-twitter:before { content: "\e602"; }
+.icon-facebook:before { content: "\e603"; }
+.icon-google-plus:before { content: "\e604"; }
+.icon-youtube:before { content: "\e605"; }
+h1, .h1{
+ line-height: 30px;
+ margin: 0;
+}
+h2, .h2{
+ line-height: 25px;
+ margin: 0;
+}
+h3, .h3{
+ line-height: 22px;
+ margin: 0;
+}
+h4, .h4 {
+ line-height: 20px;
+ margin: 0;
+}
+h5, .h5,
+h6, .h6 {
+ line-height: 17px;
+ margin: 0;
+}
+p {
+ 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;
+ }
+}
+.btn-default:hover {
+ 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%));
+ }
+}
+#wrapper{
+ 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;
+ }
+}
+#nav {
+ text-align: right;
+ 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 20px;
+
+ @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;
+ }
+ }
+ }
+ h2 {
+ 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;
+ height: 50px;
+ @media (max-width: $tablet) {
+ font-size: 15px;
+ }
+ &:first-child{
+ padding: 5px 38px;
+ }
+ }
+ td:first-child{
+ padding-left: 38px;
+ }
+ .btn-video {
+ color: $black;
+
+ &:hover {
+ color: $red;
+ }
+ }
+ @media screen {
+ @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;
+ }
+ }
+}
+.askquestion {
+ margin: -18px 0 0;
+ padding: 80px 0 0;
+ position: relative;
+
+ @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;
+ }
+ }
+}
+.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;
+ }
+ }
+}
+.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-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;
+ }
+ }
+}
+#footer {
+ padding: 50px 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;
+ }
+ }
+}
+.footer-nav {
+ line-height: 18px;
+
+ ul {
+ margin: 0;
+ }
+ li{
+ margin: 0 0 12px;
+
+ @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;
+ }
+ }
+}
+.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;
+ }
+ }
+}
+
+@import "ignite";
+
+.btn-transparent {
+ @include button-variant($btn-transparent-color, $btn-transparent-bg, $btn-transparent-border);
+}
+
+.btn-transparent:hover {
+ background: $white;
+ color: $gray;
+}
+
+.btn-group-export {
+ position: absolute;
+ margin: 5px;
+ top: 0;
+ right: 0;
+ z-index: 4;
+}
+
+.btn-export {
+ min-width: 0;
+}
+
+@media screen and (max-width: $screen-xs-max) {
+ .btn-group-export {
+ display: none;
+ }
+}
+
+/*
+ * Reset media print style.
+ */
+@media print {
+ #header {
+ position: absolute !important;
+ }
+
+ a[href]:after {
+ content: "";
+ }
+
+ /*
+ * Hide social icons.
+ */
+ .social-networks {
+ display: none;
+ }
+
+ /*
+ * Hide navigation menu.
+ */
+ footer nav {
+ display: none;
+ }
+
+ /*
+ * Hide button to download export for table.
+ */
+ .btn-group-export {
+ display: none;
+ }
+
+ body {
+ -webkit-print-color-adjust: exact;
+ }
+
+ footer {
+ page-break-inside: avoid;
+ }
+
+ section.page-section {
+ page-break-inside: avoid;
+ }
+
+ section.page-section table {
+ page-break-inside: avoid;
+ }
+
+ section.page-section:first-child {
+ margin-top: 50px;
+ }
+
+ section.page-section {
+ padding-top: 0;
+ margin-top: 0;
+ margin-bottom: 50px;
+
+ border-bottom: none;
+ }
+
+ section.page-section p.line-chart {
+ display: none;
+ }
+
+ /*
+ * Small grid
+ *
+ * Columns, offsets, pushes, and pulls for the small device range, from phones
+ * to tablets.
+ */
+
+ /* @media (min-width: $mobile) {
+ @include make-grid(print);
+ }*/
+
+ @media (min-width: $landscape) {
+ @include make-grid(print);
+
+ #main table td {
+ padding-left: 0;
+ }
+
+ #main table th {
+ padding-left: 0;
+ }
+
+ #main table td:first-child {
+ padding-left: 20px;
+ }
+
+ #main table th:first-child {
+ padding-left: 20px;
+ }
+ }
}
\ No newline at end of file
Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1872399&r1=1872398&r2=1872399&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Mon Jan 6 23:40:45 2020
@@ -58,6 +58,145 @@ $color-silver: #BDC3C7;
$color-concrete: #95A5A6;
$color-asbestos: #7F8C8D;
+
+////////*****EVENTS PAGE CSS 2020 UPDATE*****////////
+
+
+.round-icon-block-tab {
+ border-radius: 10px;
+ background:#eeeeee;
+ padding:5px;
+ display: block;
+ float: left;
+ margin-right:8px;
+
+ img {
+ margin:0px auto;
+ max-width:20px;
+ width:20px;
+ display: block;
+ }
+}
+
+.continent {
+ display: block;
+ float: left;
+}
+
+
+.meet-groups {
+ padding:30px;
+
+ ul {
+ margin-left:0px;
+ padding-left:0px;
+ margin-top:5px;
+
+ li {
+ list-style:none;
+ margin-bottom:10px;
+
+ a {
+ font-size:16px;
+ color:#555555;
+ }
+
+ a:hover {
+ color:red;
+ }
+ }
+ }
+}
+
+#meetup-groups {
+
+ li {
+ a {clear:both; overflow:hidden;}
+ }
+ .active {
+ a {clear:both; overflow:hidden;}
+ .continent {font-weight:bold; padding-top:1px;}
+ }
+
+}
+
+.sub-head-events {
+ font-size:24px;
+ margin-top:20px;
+ margin-bottom:30px;
+}
+
+.margin-headline {
+ margin-top:60px !important;
+}
+
+.new-event {
+ margin-top:20px;
+ margin-bottom:60px;
+ padding-bottom:20px;
+ border-bottom:2px #e1e1e1 dotted;
+
+ .news-date {
+ font-size: 15px;
+ color: #888;
+ }
+ .news-date:before {
+ content: "â¢";
+ font-size: 14px;
+ color:#ed1c24;
+ display:inline-block;
+ margin-right:5px;
+ }
+
+ p {margin-top:15px;}
+
+}
+.round-icon-block {
+ border-radius: 10px;
+ background:#eeeeee;
+ padding:15px;
+ display: block;
+ img {
+ margin:0px auto;
+ max-width:100px;
+ width:100px;
+ display: block;
+ }
+ p{ text-align: center; margin-top: 10px;}
+
+ }
+
+
+@media (max-width: $mobile) {
+
+ .col-md-4 {margin-top:10px; margin-bottom:40px;}
+
+ .margin-headline {margin-top:15px;}
+
+ .meet-groups {padding-top:0px; padding-bottom:0px;
+ }
+
+ .continent {
+ font-size:16px !important;
+ }
+
+
+ }
+
+@media (max-width: $tablet) {
+
+ .col-md-4 {margin-top:10px; margin-bottom:40px;}
+
+ .margin-headline {margin-top:15px;}
+
+ .meet-groups {padding-top:0px; padding-bottom:0px;}
+
+ }
+
+///////***/////////****////
+
+
+
.syntaxhighlighter {
padding: 10px 5px;
border-radius: 6px;
@@ -814,10 +953,7 @@ iframe {
color: #888;
}
-.news-date {
- font-size: 15px;
- color: #888;
-}
+
section.news-section {
a > i {