You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@griffin.apache.org by gu...@apache.org on 2018/09/12 09:05:14 UTC
[07/13] incubator-griffin-site git commit: Updated asf-site site from
master (ca1c37a79073c9ca54e4cfa0006de142502eb353)
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/css/fonts/fontawesome-webfont.woff
----------------------------------------------------------------------
diff --git a/css/fonts/fontawesome-webfont.woff b/css/fonts/fontawesome-webfont.woff
deleted file mode 100644
index 8c1748a..0000000
Binary files a/css/fonts/fontawesome-webfont.woff and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/css/images/banner.jpg
----------------------------------------------------------------------
diff --git a/css/images/banner.jpg b/css/images/banner.jpg
deleted file mode 100644
index b963e06..0000000
Binary files a/css/images/banner.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/css/main.css
----------------------------------------------------------------------
diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..e1e6d98
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,372 @@
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+.highlight {
+ margin-bottom: 12.5px; }
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+ font-size: 15px;
+ border: 1px solid #e8e8e8;
+ border-radius: 3px;
+ background-color: #eef; }
+
+code {
+ padding: 1px 5px; }
+
+pre {
+ padding: 8px 12px;
+ overflow-x: scroll; }
+ pre > code {
+ border: 0;
+ padding-right: 0;
+ padding-left: 0; }
+
+/**
+ * Clearfix
+ */
+.footer-col-wrapper:after {
+ content: "";
+ display: table;
+ clear: both; }
+
+/**
+ * Icons
+ */
+.icon > svg {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ vertical-align: middle; }
+ .icon > svg path {
+ fill: #828282; }
+
+/**
+ * Documentations
+ */
+.docs-sidenav.nav > li > a {
+ display: block;
+ padding: 4px 20px;
+ font-size: 18px;
+ font-weight: 600;
+ color: #146fd1; }
+ .docs-sidenav.nav > li > a:hover {
+ /*padding-left: 19px;*/
+ /*color: #1756a9;*/
+ text-decoration: none;
+ /**background-color: transparent;*/ }
+.docs-sidenav.nav > li ul li a {
+ display: block;
+ padding: 4px 20px;
+ font-size: 16px;
+ font-weight: 300;
+ color: #146fd1; }
+
+/**
+ * Site header
+ */
+.site-header {
+ border-top: 5px solid #424242;
+ border-bottom: 1px solid #e8e8e8;
+ min-height: 56px;
+ position: relative; }
+
+.site-title {
+ font-size: 26px;
+ line-height: 56px;
+ letter-spacing: -1px;
+ margin-bottom: 0;
+ float: left; }
+ .site-title, .site-title:visited {
+ color: #424242; }
+
+.site-nav {
+ float: right;
+ line-height: 56px; }
+ .site-nav .menu-icon {
+ display: none; }
+ .site-nav .page-link {
+ color: #111;
+ line-height: 1.5; }
+ .site-nav .page-link:not(:first-child) {
+ margin-left: 20px; }
+ @media screen and (max-width: 600px) {
+ .site-nav {
+ position: absolute;
+ top: 9px;
+ right: 30px;
+ background-color: #fdfdfd;
+ border: 1px solid #e8e8e8;
+ border-radius: 5px;
+ text-align: right; }
+ .site-nav .menu-icon {
+ display: block;
+ float: right;
+ width: 36px;
+ height: 26px;
+ line-height: 0;
+ padding-top: 10px;
+ text-align: center; }
+ .site-nav .menu-icon > svg {
+ width: 18px;
+ height: 15px; }
+ .site-nav .menu-icon > svg path {
+ fill: #424242; }
+ .site-nav .trigger {
+ clear: both;
+ display: none; }
+ .site-nav:hover .trigger {
+ display: block;
+ padding-bottom: 5px; }
+ .site-nav .page-link {
+ display: block;
+ padding: 5px 10px; } }
+
+/**
+ * Site footer
+ */
+.site-footer {
+ border-top: 1px solid #e8e8e8;
+ padding: 50px 0; }
+
+.footer-heading {
+ font-size: 18px;
+ margin-bottom: 25px; }
+
+.contact-list,
+.social-media-list {
+ list-style: none;
+ margin-left: 0; }
+
+.footer-col-wrapper {
+ font-size: 15px;
+ color: #828282;
+ margin-left: -25px; }
+
+.footer-col {
+ float: left;
+ margin-bottom: 25px;
+ padding-left: 25px; }
+
+.footer-col-1 {
+ width: -webkit-calc(35% - (50px / 2));
+ width: calc(35% - (50px / 2)); }
+
+.footer-col-2 {
+ width: -webkit-calc(20% - (50px / 2));
+ width: calc(20% - (50px / 2)); }
+
+.footer-col-3 {
+ width: -webkit-calc(45% - (50px / 2));
+ width: calc(45% - (50px / 2)); }
+
+@media screen and (max-width: 800px) {
+ .footer-col-1,
+ .footer-col-2 {
+ width: -webkit-calc(50% - (50px / 2));
+ width: calc(50% - (50px / 2)); }
+
+ .footer-col-3 {
+ width: -webkit-calc(100% - (50px / 2));
+ width: calc(100% - (50px / 2)); } }
+@media screen and (max-width: 600px) {
+ .footer-col {
+ float: none;
+ width: -webkit-calc(100% - (50px / 2));
+ width: calc(100% - (50px / 2)); } }
+/**
+ * Page content
+ */
+.page-content {
+ padding: 70px 10px; }
+
+.page-heading {
+ font-size: 20px; }
+
+.post-list {
+ margin-left: 0;
+ list-style: none; }
+ .post-list > li {
+ margin-bottom: 50px; }
+
+.post-meta {
+ font-size: 14px;
+ color: #828282; }
+
+.post-link {
+ display: block;
+ font-size: 24px; }
+
+/**
+ * Posts
+ */
+.post-header {
+ margin-bottom: 50px; }
+
+.post-title {
+ font-size: 42px;
+ letter-spacing: -1px;
+ line-height: 1; }
+ @media screen and (max-width: 800px) {
+ .post-title {
+ font-size: 36px; } }
+
+.post-content {
+ margin-bottom: 50px; }
+ .post-content h2 {
+ font-size: 32px; }
+ @media screen and (max-width: 800px) {
+ .post-content h2 {
+ font-size: 28px; } }
+ .post-content h3 {
+ font-size: 26px; }
+ @media screen and (max-width: 800px) {
+ .post-content h3 {
+ font-size: 22px; } }
+ .post-content h4 {
+ font-size: 20px; }
+ @media screen and (max-width: 800px) {
+ .post-content h4 {
+ font-size: 18px; } }
+
+/**
+ * Syntax highlighting styles
+ */
+.highlight {
+ background: #fff; }
+ .highlight .c {
+ color: #998;
+ font-style: italic; }
+ .highlight .err {
+ color: #a61717;
+ background-color: #e3d2d2; }
+ .highlight .k {
+ font-weight: bold; }
+ .highlight .o {
+ font-weight: bold; }
+ .highlight .cm {
+ color: #998;
+ font-style: italic; }
+ .highlight .cp {
+ color: #999;
+ font-weight: bold; }
+ .highlight .c1 {
+ color: #998;
+ font-style: italic; }
+ .highlight .cs {
+ color: #999;
+ font-weight: bold;
+ font-style: italic; }
+ .highlight .gd {
+ color: #000;
+ background-color: #fdd; }
+ .highlight .gd .x {
+ color: #000;
+ background-color: #faa; }
+ .highlight .ge {
+ font-style: italic; }
+ .highlight .gr {
+ color: #a00; }
+ .highlight .gh {
+ color: #999; }
+ .highlight .gi {
+ color: #000;
+ background-color: #dfd; }
+ .highlight .gi .x {
+ color: #000;
+ background-color: #afa; }
+ .highlight .go {
+ color: #888; }
+ .highlight .gp {
+ color: #555; }
+ .highlight .gs {
+ font-weight: bold; }
+ .highlight .gu {
+ color: #aaa; }
+ .highlight .gt {
+ color: #a00; }
+ .highlight .kc {
+ font-weight: bold; }
+ .highlight .kd {
+ font-weight: bold; }
+ .highlight .kp {
+ font-weight: bold; }
+ .highlight .kr {
+ font-weight: bold; }
+ .highlight .kt {
+ color: #458;
+ font-weight: bold; }
+ .highlight .m {
+ color: #099; }
+ .highlight .s {
+ color: #d14; }
+ .highlight .na {
+ color: #008080; }
+ .highlight .nb {
+ color: #0086B3; }
+ .highlight .nc {
+ color: #458;
+ font-weight: bold; }
+ .highlight .no {
+ color: #008080; }
+ .highlight .ni {
+ color: #800080; }
+ .highlight .ne {
+ color: #900;
+ font-weight: bold; }
+ .highlight .nf {
+ color: #900;
+ font-weight: bold; }
+ .highlight .nn {
+ color: #555; }
+ .highlight .nt {
+ color: #000080; }
+ .highlight .nv {
+ color: #008080; }
+ .highlight .ow {
+ font-weight: bold; }
+ .highlight .w {
+ color: #bbb; }
+ .highlight .mf {
+ color: #099; }
+ .highlight .mh {
+ color: #099; }
+ .highlight .mi {
+ color: #099; }
+ .highlight .mo {
+ color: #099; }
+ .highlight .sb {
+ color: #d14; }
+ .highlight .sc {
+ color: #d14; }
+ .highlight .sd {
+ color: #d14; }
+ .highlight .s2 {
+ color: #d14; }
+ .highlight .se {
+ color: #d14; }
+ .highlight .sh {
+ color: #d14; }
+ .highlight .si {
+ color: #d14; }
+ .highlight .sx {
+ color: #d14; }
+ .highlight .sr {
+ color: #009926; }
+ .highlight .s1 {
+ color: #d14; }
+ .highlight .ss {
+ color: #990073; }
+ .highlight .bp {
+ color: #999; }
+ .highlight .vc {
+ color: #008080; }
+ .highlight .vg {
+ color: #008080; }
+ .highlight .vi {
+ color: #008080; }
+ .highlight .il {
+ color: #099; }
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/css/misc.css
----------------------------------------------------------------------
diff --git a/css/misc.css b/css/misc.css
new file mode 100755
index 0000000..736bd11
--- /dev/null
+++ b/css/misc.css
@@ -0,0 +1,87 @@
+/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author:Tyler Smith (@mbmufffin) */
+/* Browser Resets
+*********************************/
+.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none;}
+.slides,.flex-control-nav,.flex-direction-nav{margin:0; padding:0; list-style:none;}
+
+/* Icon Fonts
+*********************************/
+
+/* Font-face Icons */
+@font-face{font-family:'flexslider-icon'; src:url("../fonts/flexslider-icon.eot"); src:url("../fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),url("../fonts/flexslider-icon.woff") format("woff"),url("../fonts/flexslider-icon.ttf") format("truetype"),url("../fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight:normal; font-style:normal;}
+
+/* FlexSlider Necessary Styles
+*********************************/
+.flexslider{margin:0; padding:0;}
+.flexslider .slides > li{display:none; -webkit-backface-visibility:hidden;}
+
+/* Hide the slides before the JS is loaded. Avoids image jumping */
+.flexslider .slides img{width:100%; display:block;}
+.flex-pauseplay span{text-transform:capitalize;}
+
+/* Clearfix for the .slides element */
+.slides:after{content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
+html[xmlns] .slides{display:block;}
+* html .slides{height:1%;}
+
+/* No JavaScript Fallback */
+/* If you are not using another script,such as Modernizr,make sure you include js that eliminates this class on page load */
+.no-js .slides > li:first-child{display:block;}
+
+/* FlexSlider Default Theme
+*********************************/
+.flexslider{margin:0 0 60px; background:#fff; position:relative; zoom:1;}
+.flex-viewport{max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
+.loading .flex-viewport{max-height:300px;}
+.flexslider .slides{zoom:1;}
+.carousel li{margin-right:5px;}
+
+/* Direction Nav */
+.flex-direction-nav{*height:0;}
+.flex-direction-nav a{display:block; width:40px; height:40px; margin:-20px 0 0; position:absolute; top:50%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; color:rgba(0,0,0,0.8); text-shadow:1px 1px 0 rgba(255,255,255,0.3); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
+.flex-direction-nav .flex-prev{left:-50px;}
+.flex-direction-nav .flex-next{right:-50px; text-align:right;}
+.flexslider:hover .flex-prev{opacity:0.7; left:10px;}
+.flexslider:hover .flex-next{opacity:0.7; right:10px;}
+.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
+.flex-direction-nav .flex-disabled{opacity:0 !important; filter:alpha(opacity=0); cursor:default;}
+.flex-direction-nav a:before{font-family:"flexslider-icon"; font-size:40px; display:inline-block; content:'\f001';}
+.flex-direction-nav a.flex-next:before{content:'\f002';}
+
+/* Pause/Play */
+.flex-pauseplay a{display:block; width:20px; height:20px; position:absolute; bottom:5px; left:10px; opacity:0.8; z-index:10; overflow:hidden; cursor:pointer; color:#000;}
+.flex-pauseplay a:before{font-family:"flexslider-icon"; font-size:20px; display:inline-block; content:'\f004';}
+.flex-pauseplay a:hover{opacity:1;}
+.flex-pauseplay a.flex-play:before{content:'\f003';}
+
+/* Control Nav */
+.flex-control-nav{width:100%; position:absolute; bottom:-40px; text-align:center;}
+.flex-control-nav li{margin:0 6px; display:inline-block; zoom:1; *display:inline;}
+.flex-control-paging li a{width:11px; height:11px; display:block; background:#666; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3); box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
+.flex-control-paging li a:hover{background:#333; background:rgba(0,0,0,0.7);}
+.flex-control-paging li a.flex-active{background:#000; background:rgba(0,0,0,0.9); cursor:default;}
+.flex-control-thumbs{margin:5px 0 0; position:static; overflow:hidden;}
+.flex-control-thumbs li{width:25%; float:left; margin:0;}
+.flex-control-thumbs img{width:100%; display:block; opacity:.7; cursor:pointer;}
+.flex-control-thumbs img:hover{opacity:1;}
+.flex-control-thumbs .flex-active{opacity:1; cursor:default;}
+.service_links,.service_links:hover{color:#FFF; text-decoration:none; cursor:text;}
+
+@media screen and (max-width:860px){
+.flex-direction-nav .flex-prev{opacity:1; left:10px;}
+.flex-direction-nav .flex-next{opacity:1; right:10px;}
+}
+
+
+
+#lightbox{cursor:pointer; position:fixed; width:100%; height:100%; top:0; left:0; background:black; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background:rgba(211,211,211,0.7); -webkit-filter:none !important; z-index:10000;}
+#lightbox img{display:block; position:absolute; box-shadow:0 0 20px #000; border-radius:1px; width:auto;}
+body.blurred > *{-webkit-filter:blur(2px); -webkit-transform:translate3d(0,0,0);}
+.lightbox-loading{background:url(../images/loading.gif) center center no-repeat; width:31px; height:31px; margin:-16px 0 0 -16px; position:absolute; top:48%; left:50%;}
+.lightbox-caption{display:none; position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:1000; background:#000; background:rgba(0,0,0,0.7);}
+.lightbox-caption p{margin:0 auto; max-width:70%; display:inline-block; *display:inline; *zoom:1; padding:10px; color:#fff; font-size:12px; line-height:18px;}
+.lightbox-button{position:absolute; z-index:9999; background:no-repeat center center; width:32px; height:32px; opacity:0.4; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
+.lightbox-button:hover,.lightbox-button:focus{opacity:1; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);}
+.lightbox-close{right:30px; top:30px; background-image:url("../images/close.png");}
+.lightbox-next{right:30px; top:48%; background-image:url("../images/next.png");}
+.lightbox-previous{left:30px; top:48%; background-image:url("../images/previous.png");}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/css/style.css
----------------------------------------------------------------------
diff --git a/css/style.css b/css/style.css
old mode 100644
new mode 100755
index e1b9778..571be1d
--- a/css/style.css
+++ b/css/style.css
@@ -1,1376 +1,813 @@
-body {
- width: 100%;
-}
-body:before,
-body:after {
- content: "";
- display: table;
-}
-body:after {
- clear: both;
-}
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-weight: inherit;
- font-style: inherit;
- font-family: inherit;
- font-size: 100%;
- vertical-align: baseline;
-}
-body {
- line-height: 1;
- color: #000;
- background: #fff;
-}
-ol,
-ul {
- list-style: none;
-}
-table {
- border-collapse: separate;
- border-spacing: 0;
- vertical-align: middle;
-}
-caption,
-th,
-td {
- text-align: left;
- font-weight: normal;
- vertical-align: middle;
-}
-a img {
- border: none;
-}
-input,
-button {
- margin: 0;
- padding: 0;
-}
-input::-moz-focus-inner,
-button::-moz-focus-inner {
- border: 0;
- padding: 0;
-}
-@font-face {
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- src: url("fonts/fontawesome-webfont.eot?v=#4.0.3");
- src: url("fonts/fontawesome-webfont.eot?#iefix&v=#4.0.3") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=#4.0.3") format("woff"), url("fonts/fontawesome-webfont.ttf?v=#4.0.3") format("truetype"), url("fonts/fontawesome-webfont.svg#fontawesomeregular?v=#4.0.3") format("svg");
-}
-html,
-body,
-#container {
- height: 100%;
-}
-body {
- background: #eee;
- font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
- -webkit-text-size-adjust: 100%;
-}
-.outer {
- max-width: 1220px;
- margin: 0 auto;
- padding: 0 20px;
-}
-.outer:before,
-.outer:after {
- content: "";
- display: table;
-}
-.outer:after {
- clear: both;
-}
-.inner {
- display: inline;
- float: left;
- width: 98.33333333333333%;
- margin: 0 0.833333333333333%;
-}
-.left,
-.alignleft {
- float: left;
-}
-.right,
-.alignright {
- float: right;
-}
-.clear {
- clear: both;
-}
-#container {
- position: relative;
-}
-.mobile-nav-on {
- overflow: hidden;
-}
-#wrap {
- height: 100%;
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- -webkit-transition: 0.2s ease-out;
- -moz-transition: 0.2s ease-out;
- -ms-transition: 0.2s ease-out;
- transition: 0.2s ease-out;
- z-index: 1;
- background: #eee;
-}
-.mobile-nav-on #wrap {
- left: 280px;
-}
-@media screen and (min-width: 768px) {
- #main {
- display: inline;
- float: left;
- width: 73.33333333333333%;
- margin: 0 0.833333333333333%;
- }
-}
-.article-date,
-.article-category-link,
-.archive-year,
-.widget-title {
- text-decoration: none;
- text-transform: uppercase;
- letter-spacing: 2px;
- color: #999;
- margin-bottom: 1em;
- margin-left: 5px;
- line-height: 1em;
- text-shadow: 0 1px #fff;
- font-weight: bold;
-}
-.article-inner,
-.archive-article-inner {
- background: #fff;
- -webkit-box-shadow: 1px 2px 3px #ddd;
- box-shadow: 1px 2px 3px #ddd;
- border: 1px solid #ddd;
- border-radius: 3px;
-}
-.article-entry h1,
-.widget h1 {
- font-size: 2em;
-}
-.article-entry h2,
-.widget h2 {
- font-size: 1.5em;
-}
-.article-entry h3,
-.widget h3 {
- font-size: 1.3em;
-}
-.article-entry h4,
-.widget h4 {
- font-size: 1.2em;
-}
-.article-entry h5,
-.widget h5 {
- font-size: 1em;
-}
-.article-entry h6,
-.widget h6 {
- font-size: 1em;
- color: #999;
-}
-.article-entry hr,
-.widget hr {
- border: 1px dashed #ddd;
-}
-.article-entry strong,
-.widget strong {
- font-weight: bold;
-}
-.article-entry em,
-.widget em,
-.article-entry cite,
-.widget cite {
- font-style: italic;
-}
-.article-entry sup,
-.widget sup,
-.article-entry sub,
-.widget sub {
- font-size: 0.75em;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-.article-entry sup,
-.widget sup {
- top: -0.5em;
-}
-.article-entry sub,
-.widget sub {
- bottom: -0.2em;
-}
-.article-entry small,
-.widget small {
- font-size: 0.85em;
-}
-.article-entry acronym,
-.widget acronym,
-.article-entry abbr,
-.widget abbr {
- border-bottom: 1px dotted;
-}
-.article-entry ul,
-.widget ul,
-.article-entry ol,
-.widget ol,
-.article-entry dl,
-.widget dl {
- margin: 0 20px;
- line-height: 1.6em;
-}
-.article-entry ul ul,
-.widget ul ul,
-.article-entry ol ul,
-.widget ol ul,
-.article-entry ul ol,
-.widget ul ol,
-.article-entry ol ol,
-.widget ol ol {
- margin-top: 0;
- margin-bottom: 0;
-}
-.article-entry ul,
-.widget ul {
- list-style: disc;
-}
-.article-entry ol,
-.widget ol {
- list-style: decimal;
-}
-.article-entry dt,
-.widget dt {
- font-weight: bold;
-}
-#header {
- height: 300px;
- position: relative;
- border-bottom: 1px solid #ddd;
-}
-#header:before,
-#header:after {
- content: "";
- position: absolute;
- left: 0;
- right: 0;
- height: 40px;
-}
-#header:before {
- top: 0;
- background: -webkit-linear-gradient(rgba(0,0,0,0.2), transparent);
- background: -moz-linear-gradient(rgba(0,0,0,0.2), transparent);
- background: -ms-linear-gradient(rgba(0,0,0,0.2), transparent);
- background: linear-gradient(rgba(0,0,0,0.2), transparent);
-}
-#header:after {
- bottom: 0;
- background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.2));
- background: -moz-linear-gradient(transparent, rgba(0,0,0,0.2));
- background: -ms-linear-gradient(transparent, rgba(0,0,0,0.2));
- background: linear-gradient(transparent, rgba(0,0,0,0.2));
-}
-#header-outer {
- height: 100%;
- position: relative;
-}
-#header-inner {
- position: relative;
- overflow: hidden;
-}
-#banner {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: url("images/banner.jpg") center #000;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- z-index: -1;
-}
-#header-title {
- text-align: center;
- height: 40px;
- position: absolute;
- top: 50%;
- left: 0;
- margin-top: -20px;
-}
-#logo,
-#subtitle {
- text-decoration: none;
- color: #fff;
- font-weight: 300;
- text-shadow: 0 1px 4px rgba(0,0,0,0.3);
-}
-#logo {
- font-size: 40px;
- line-height: 40px;
- letter-spacing: 2px;
-}
-#subtitle {
- font-size: 16px;
- line-height: 16px;
- letter-spacing: 1px;
-}
-#subtitle-wrap {
- margin-top: 16px;
-}
-#main-nav {
- float: left;
- margin-left: -15px;
-}
-.nav-icon,
-.main-nav-link {
- float: left;
- color: #fff;
- opacity: 0.6;
- text-decoration: none;
- text-shadow: 0 1px rgba(0,0,0,0.2);
- -webkit-transition: opacity 0.2s;
- -moz-transition: opacity 0.2s;
- -ms-transition: opacity 0.2s;
- transition: opacity 0.2s;
- display: block;
- padding: 20px 15px;
-}
-.nav-icon:hover,
-.main-nav-link:hover {
- opacity: 1;
-}
-.nav-icon {
- font-family: FontAwesome;
- text-align: center;
- font-size: 14px;
- width: 14px;
- height: 14px;
- padding: 20px 15px;
- position: relative;
- cursor: pointer;
-}
-.main-nav-link {
- font-weight: 300;
- font-size: 18px;
- letter-spacing: 1px;
-}
-@media screen and (max-width: 479px) {
- .main-nav-link {
- display: none;
- }
+@import url(/fonts/google-font-roboto.css);
+
+body{overflow-x: hidden; font-size:15px; font-family: 'Roboto', sans-serif; color:#666; font-weight:400; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}
+p{font-size:16px; line-height:30px;}
+a,a:hover,a:focus{text-decoration:none; -webkit-transition:all 150ms ease-in; -moz-transition:all 150ms ease-in; -o-transition:all 150ms ease-in; transition:all 150ms ease-in;}
+h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif; font-weight:400;}
+h2{width:100%; font-size:28px; }
+h3{font-size:24px; ; margin-top:-2px;}
+h4{font-size:18px; font-weight:500;}
+.blue{color:#06F; font-weight:normal;}
+.green{color:#0A0; font-weight:normal;}
+.clear{clear:both;}
+.marginbot{margin-bottom:50px;}
+.topbar{width:100%; background-color:#0E378C; opacity:0.95; height:60px; position:fixed; z-index:10; top:0;}
+
+.headerimage{width:100%; position:relative;background-image: linear-gradient(0deg, #03DDE4 0%, #30AFED 51%, #8755FF 100%);}
+.headerimage img{width:100%;}
+.blackoverlay{opacity:0.6; width:100%; height:100%; ; position:absolute; top:53px;}
+
+.titlewrapper{top:0; width:100%; left:0;}
+.title{position:absolute; float:left; display:block; width:100%; top:0px; left:30px; line-height:40px;}
+
+
+
+#home_page h2{text-align:center;}
+#home_page h3{text-align:center;}
+
+@media (min-width:1200px){
+ .title{font-size:50px; }
+ .homewrapper{top:0%; width:100%;}
+ .hometitle{font-size:40px;}
+ .hometext{text-align:center; font-size:16px; margin:0 auto; width:80%; line-height:38px;}
+ .hometext p{font-size:16px; }
+
+
+ .topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:16px; padding:15px 25px;}
+ .slidernav a.previous{left:11%;}
+ .slidernav a.next{right:10%;}
+ .worktitle{margin-top:15%; font-size:18px; font-weight:bold; color:#ffffff;}
+ }
+
+@media (min-width:1400px){
+ .homewrapper{top:0%; width:100%;}
+ .hometitle{font-size:42px; margin-top:80px;}
+ .hometext{text-align:center; font-size:18px; margin:0 auto; width:70%; line-height:30px;}
+ .homebutton{margin:70px auto 20px auto;}
+ .slidernav a.previous{left:15%;}
+ .slidernav a.next{right:15%;}
+ }
+
+.menu{top:0; z-index:999; }
+.topbar .navbar-default{border:none; background:none;}
+.topbar .navbar{border-radius:0;}
+.topbar .navbar-nav{float:right; }
+.topbar .navbar-default .navbar-nav>li>a{color:#ffffff; }
+.topbar .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#ececec;}
+#top-menu{ margin-top:10px;}
+#top-menu li.active a{background:#6aacf7; opacity:1.0; color:#FFF; font-weight:bold}
+#top-menu a:hover{background:#6aacf7; opacity:1.0; color:#FFF;}
+.navbar-collapse{box-shadow:none;}
+
+.homewrapper{}
+.hometitle{text-align:center; margin-bottom:20px;}
+.hometext{text-align:center; margin:0 auto;}
+.homebutton{background:#ee785c; padding:15px 0; text-align:center; font-size:20px; border-radius:5px; width:150px; color:#e3e3e3;}
+.homebutton a{color:#e3e3e3;}
+:hover.homebutton{background:#e46142; cursor:pointer;}
+
+.servicewrapper{background:#f0eeee; padding:50px 0 50px 0; width:100%; text-align:center;}
+.servicebox{background:#ffffff; border-radius:5px; padding:25px;}
+.serviceicon{background:#e46142; color:#ffffff; width:80px; height:80px; margin:0 auto; border-radius:5px; font-size:40px; line-height:80px; text-align:center;}
+.service_title{font-size:18px; margin:15px 0 5px 0; color:#575757;}
+
+.workwrapper{width:100%; padding:70px 0 50px 0; text-align:center;}
+.workmargin{margin-bottom:50px;}
+.workbox{float:left;}
+.workbox img{width:100%;}
+.worktitle{margin-top:15%; font-size:18px; font-weight:bold; color:#ffffff;}
+.workdes{color:#ffffff; margin-top:10px;}
+.worklink{padding:25px; font-size:30px; background:#e2826a; display:inline-block; border-radius:3px; text-align:center; margin-top:10px;}
+
+.team_wrapper{width:100%; padding:70px 0 50px 0; text-align:center;}
+.team_name{font-size:16px; color:#e46142; margin-top:10px;}
+.team_post{font-size:14px;}
+
+.client_wrapper{background:#f0eeee; padding:50px 0 50px 0; width:100%; text-align:center;}
+
+.contacticon{background:#e46142; color:#ffffff; width:200px; height:180px; margin:0 auto; border-radius:5px; font-size:18px; line-height:30px; text-align:center;}
+#contactus:hover{ cursor:auto;}
+.contacticon p{padding-top:15px;}
+.contactwrapper{padding:100px 0 30px 0;}
+#map{height:250px; width:100%; margin-top:20px;}
+.contactmargin{margin-top:30px;}
+.address_title{float:left; width:100%; margin:0 0 20px 0;}
+.address_left{float:left; width:30%; font-size:14px; margin-top:10px;}
+.address_right{float:left; width:70%; font-size:14px; margin-top:10px;}
+.contactwrapper input,textarea{width:100%; border:1px solid #e2e2e2; margin-top:10px; padding:5px;}
+.contactwrapper textarea{height:120px;}
+.sendbtn{background:#e46142; color:#fff; padding:7px 25px; float:left;}
+
+.footerwrapper{background:#4285f4; color:#fff; width:100%; padding:20px 0; /**margin-top:50px;**/}
+.footerwrapper a{color:#fff;}
+.footerwrapper a:hover{color:#FC3;}
+.social{width:125px; margin:0 auto; padding:0;}
+.bgcolor{background-color:#acd2ff;}
+/*------------------------------------------------------
+Flexslider Overrides
+--------------------------------------------------------*/
+.main-slider{width:100%; margin-top:0;}
+.flexslider ul{padding:0;}
+.flexslider ul li{padding:0;}
+.flexslider .slides{}
+.slider-caption{position:absolute; vertical-align:middle; width:100%; text-align:center; z-index:8; color:#fff; top:180px;}
+.slider-caption h2{font-size:44px; font-weight:300; margin-bottom:30px;}
+.slider-caption p{font-size:16px; text-transform:uppercase; letter-spacing:2px; width:50%; margin:0 auto 30px auto; line-height:1.8em;}
+.flexslider{background-color:#08214a; overflow:hidden; margin:0;}
+.flexslider img{position:relative; opacity:0.35; width:100%; z-index:7;}
+.flex-control-nav{bottom:15px; z-index:9;}
+.flex-control-paging li{list-style:none;}
+.flex-control-paging li a{background:none; border:none; opacity:0;}
+.flex-control-paging li a:hover{opacity:1; background:white;}
+.flex-control-paging li a.flex-active{opacity:0; background:none;}
+
+/*------------------------------------------------------
+Gallery Styles
+--------------------------------------------------------*/
+.gallery-item{margin-bottom:0; position:relative; overflow:hidden;}
+.gallery-item .content-gallery{text-align:center;}
+.gallery-item .content-gallery h3{color:#b10021; font-size:16px; font-weight:300; margin-top:5px; padding-bottom:5px; display:inline-block;}
+.gallery-item img{width:100%;}
+.gallery-item .overlay{position:absolute; top:0; left:0; width:100%; min-width:100%; min-height:100%; height:100%; background-color:rgba(229,97,66,0.9); display:block; -webkit-transition:all 50ms ease-in-out; -moz-transition:all 50ms ease-in-out; -ms-transition:all 50ms ease-in-out; -o-transition:all 50ms ease-in-out; transition:all 50ms ease-in-out;}
+.gallery-item .overlay a{color:#ffffff; text-align:center; line-height:32px; position:absolute; margin-top:-16px; margin-left:-10px; font-size:24px;}
+
+/*------------------------------------------------------
+Media Queries
+--------------------------------------------------------*/
+@media (max-width:767px){
+ .titlewrapper{display:none;}
+ .titlewrappersmall{float:left; font-size:28px; color:#ffffff; line-height:50px; margin-left:20px;}
+ .topbar .container-fluid>.navbar-collapse{background:#ca482a; opacity:0.85; border:none;}
+ .topbar .navbar-default .navbar-nav>li>a{font-size:14px; padding:10px 10px; border-bottom:1px solid #e46142;}
+ .margin_bottom_1col{margin-bottom:20px;}
+ .margin_bottom_2col{margin-bottom:0;}
+ .topbar .navbar-default .navbar-toggle .icon-bar{background-color:#ffffff;}
+ }
+
+@media (max-width:991px){
+ .homewrapper{display:none;}
+ .margin_bottom_2col{margin-bottom:20px;}
+
+ .topbar .navbar-default .navbar-toggle.icon-bar{ display:block; background-color:#ffffff;}
+ }
+
+@media (max-width:319px){
+ .slidernav a.previous{left:0%;}
+ .slidernav a.next{right:0%;}
+ }
+
+@media (min-width:320px){
+ .workbox{width:100%;}
+ .slidernav a.previous{left:3%;}
+ .slidernav a.next{right:2%;}
+ }
+
+@media (min-width:768px){
+ .topbar{height:60px;}
+
+ .title{}
+
+ .titlewrappersmall{display:none;}
+
+ .workbox{width:50%;}
+ .topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:14px; padding:5px 25px;}
+ .slidernav a.previous{left:2%;}
+ .slidernav a.next{right:1%;}
+ }
+
+@media (min-width:992px){
+ .topbar{height:60px;}
+
+
+ .homewrapper{display:block;}
+ .homewrapper{top:0%; width:100%;}
+ .hometitle{font-size:26px; margin-top:10px;}
+ .hometext{text-align:center; font-size:16px; margin:0 auto; width:80%;}
+ .homebutton{margin:40px auto 0 auto; padding:10px 0; font-size:18px; width:130px;}
+ .workbox{width:25%;}
+
+ .topbar .navbar-default .navbar-nav>li>a{color:#ffffff; font-size:14px; padding:10px 25px;}
+ .slidernav a.previous{left:3%;}
+ .slidernav a.next{right:2%;}
+ .worktitle{margin-top:5%; font-size:16px; font-weight:bold; color:#ffffff;}
+ }
+
+
+.triangle {
+ margin-left: 45%;
+ width: 0;
+ height: 0;
+ border-left: 60px solid transparent;
+ border-right: 60px solid transparent;
+ border-top: 45px solid #98d361;
+}
+
+.cd-container {
+ width: 90%;
+ max-width: 1170px;
+ margin: 0 auto;
+}
+
+.cd-container::after {
+ content: '';
+ display: table;
+ clear: both;
+}
+
+#cd-timeline, #cd-timeline-2 {
+ position: relative;
+ padding: 2em 0;
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+#cd-timeline::before, #cd-timeline-2::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 18px;
+ height: 100%;
+ width: 4px;
+ background: #ccc;
+}
+
+@media only screen and (min-width: 1170px) {
+ #cd-timeline, #cd-timeline-2 {
+ margin-top: 3em;
+ margin-bottom: 3em;
+ }
+
+ #cd-timeline::before, #cd-timeline-2::before {
+ left: 50%;
+ margin-left: -2px;
+ }
+}
+
+.cd-timeline-block {
+ position: relative;
+ margin: 2em 0;
+}
+
+.cd-timeline-block:after {
+ content: "";
+ display: table;
+ clear: both;
}
-#main-nav-toggle {
- display: none;
+
+.cd-timeline-block:first-child {
+ margin-top: 0;
}
-#main-nav-toggle:before {
- content: "\f0c9";
+
+.cd-timeline-block:last-child {
+ margin-bottom: 0;
+}
+
+@media only screen and (min-width: 1170px) {
+ .cd-timeline-block {
+ margin: -3em 0;
+ }
+
+ #cd-timeline-2 .cd-timeline-block {
+ margin: -12em 0;
+ }
+
+ #cd-timeline-2 .cd-timeline-block:first-child {
+ margin-top: 0;
+ }
+
+ #cd-timeline-2 .cd-timeline-block:last-child {
+ margin-bottom: 0;
+ }
+
+ .cd-timeline-block:first-child {
+ margin-top: 0;
+ }
+
+ .cd-timeline-block:last-child {
+ margin-bottom: 0;
+ }
+}
+
+.cd-container .projects {
+ margin-left: 40px;
+}
+
+.cd-timeline-img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ border: 4px solid #fff;
+ background-color: #d7e9ff;
}
-@media screen and (max-width: 479px) {
- #main-nav-toggle {
+
+.cd-timeline-img img {
display: block;
- }
-}
-#sub-nav {
- float: right;
- margin-right: -15px;
-}
-#nav-rss-link:before {
- content: "\f09e";
-}
-#nav-search-btn:before {
- content: "\f002";
-}
-#search-form-wrap {
- position: absolute;
- top: 15px;
- width: 150px;
- height: 30px;
- right: -150px;
- opacity: 0;
- -webkit-transition: 0.2s ease-out;
- -moz-transition: 0.2s ease-out;
- -ms-transition: 0.2s ease-out;
- transition: 0.2s ease-out;
-}
-#search-form-wrap.on {
- opacity: 1;
- right: 0;
-}
-@media screen and (max-width: 479px) {
- #search-form-wrap {
+ width: 24px;
+ height: 24px;
+ position: relative;
+ left: 50%;
+ top: 50%;
+ margin-left: -12px;
+ margin-top: -12px;
+}
+
+.cd-timeline-img:hover {
+ background-color: #abd1ff;
+ cursor: pointer;
+}
+
+@media only screen and (min-width: 1170px) {
+ .cd-timeline-img {
+ width: 60px;
+ height: 60px;
+ left: 50%;
+ margin-left: -30px;
+ /* Force Hardware Acceleration in WebKit */
+ -webkit-transform: translateZ(0);
+ -webkit-backface-visibility: hidden;
+ }
+
+ .cssanimations .cd-timeline-img.is-hidden {
+ visibility: hidden;
+ }
+
+ .cssanimations .cd-timeline-img.bounce-in {
+ visibility: visible;
+ -webkit-animation: cd-bounce-1 0.6s;
+ -moz-animation: cd-bounce-1 0.6s;
+ animation: cd-bounce-1 0.6s;
+ }
+}
+
+@-webkit-keyframes cd-bounce-1 {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale(0.5);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale(1.2);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ }
+}
+
+@-moz-keyframes cd-bounce-1 {
+ 0% {
+ opacity: 0;
+ -moz-transform: scale(0.5);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: scale(1.2);
+ }
+
+ 100% {
+ -moz-transform: scale(1);
+ }
+}
+
+@keyframes cd-bounce-1 {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale(0.5);
+ -moz-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ -o-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale(1.2);
+ -moz-transform: scale(1.2);
+ -ms-transform: scale(1.2);
+ -o-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+.cd-container .projects {
+ position: relative;
+ float: left;
+ background-color: transparent !important;
+}
+
+.cd-timeline-content {
+ position: relative;
+ margin-left: 60px;
+ background-color: #d7e9ff;
+ border-radius: 0.50em;
+ border:2px solid #fff;
+}
+
+.cd-timeline-content:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.cd-timeline-content h2 {
+
+ font-size: 22px !important;
+ font-weight: 600;
+ color: #666;
+ margin-top: 0;
+ padding-bottom: 10px;
+ text-transform: uppercase;
+}
+
+.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
+ display: inline-block;
+}
+
+.cd-timeline-content p {
+
+ font-size: 16px !important;
+ color: #666;
+ line-height: 24px;
+}
+
+
+
+.cd-timeline-content::before {
+ content: '';
+ position: absolute;
+ top: 16px;
+ right: 100%;
+ height: 0;
+ width: 0;
+ border: 7px solid transparent;
+ border-right: 7px solid white;
+}
+
+@media only screen and (min-width: 768px) {
+}
+
+@media only screen and (min-width: 1170px) {
+
+ .projects img {
+ border: 4px solid #eee;
+ max-width: 100%;
+ }
+
+ .cd-timeline-content {
+ margin-left: 0;
+ width: 45%;
+ }
+
+ .cd-timeline-content::before {
+ display: none;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content {
+ float: right;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
+ top: 24px;
+ left: auto;
+ right: 100%;
+ border-color: transparent;
+ border-right-color: white;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
+ float: right;
+ }
+
+ .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
+ left: auto;
+ right: 122%;
+ text-align: right;
+ }
+
+ .cssanimations .cd-timeline-content.is-hidden {
+ visibility: hidden;
+ }
+
+ .cssanimations .cd-timeline-content.bounce-in {
+ visibility: visible;
+ -webkit-animation: cd-bounce-2 0.6s;
+ -moz-animation: cd-bounce-2 0.6s;
+ animation: cd-bounce-2 0.6s;
+ }
+}
+
+@media only screen and (min-width: 1170px) {
+ /* inverse bounce effect on even content blocks */
+ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
+ -webkit-animation: cd-bounce-2-inverse 0.6s;
+ -moz-animation: cd-bounce-2-inverse 0.6s;
+ animation: cd-bounce-2-inverse 0.6s;
+ }
+}
+
+@-webkit-keyframes cd-bounce-2 {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(20px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ }
+}
+
+@-moz-keyframes cd-bounce-2 {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(-100px);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: translateX(20px);
+ }
+
+ 100% {
+ -moz-transform: translateX(0);
+ }
+}
+
+@keyframes cd-bounce-2 {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100px);
+ -moz-transform: translateX(-100px);
+ -ms-transform: translateX(-100px);
+ -o-transform: translateX(-100px);
+ transform: translateX(-100px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(20px);
+ -moz-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ -o-transform: translateX(20px);
+ transform: translateX(20px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -ms-transform: translateX(0);
+ -o-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@-webkit-keyframes cd-bounce-2-inverse {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(100px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(-20px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ }
+}
+
+@-moz-keyframes cd-bounce-2-inverse {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(100px);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: translateX(-20px);
+ }
+
+ 100% {
+ -moz-transform: translateX(0);
+ }
+}
+
+@keyframes cd-bounce-2-inverse {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(100px);
+ -moz-transform: translateX(100px);
+ -ms-transform: translateX(100px);
+ -o-transform: translateX(100px);
+ transform: translateX(100px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(-20px);
+ -moz-transform: translateX(-20px);
+ -ms-transform: translateX(-20px);
+ -o-transform: translateX(-20px);
+ transform: translateX(-20px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -ms-transform: translateX(0);
+ -o-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+#cta {
+ background-image: url(../images/cta-bg.png);
+ background-size: cover;
+ background-repeat: no-repeat;
width: 100%;
- right: -100%;
- }
+ height: 280px;
+}
+
+.cd-timeline-block .projects {
+ padding-bottom: 60px;
+}
+
+#cta h4 {
+ margin-top: 100px;
+
+ font-size: 42px;
+ text-align: center;
+ text-transform: uppercase;
+ font-weight: 500;
+ color: #fff;
}
-.search-form {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- background: #fff;
- padding: 5px 15px;
- border-radius: 15px;
- -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
- box-shadow: 0 0 10px rgba(0,0,0,0.3);
+
+#cta p {
+
+ font-size: 22px;
+ text-align: center;
+ text-transform: uppercase;
+ font-weight: 400;
+ color: #fff;
}
-.search-form-input {
- border: none;
- background: none;
- color: #555;
- width: 100%;
- font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
- outline: none;
+
+
+@media (max-width:1170px) {
+
+ .cd-timeline-block .projects {
+ padding-bottom: 200px;
+ }
+
+}
+
+
+
+
+
+.service-box-content {
+ padding: 20px;
+}
+
+.cd-timeline-content {
+ margin-left: 0;
+}
+
+.cd-timeline-block {
+ overflow: hidden;
+}
+
+.cd-timeline-block .projects {
+ max-width: 100%;
+ overflow: hidden;
+ margin: 0;
+ position: relative;
+}
+
+.cd-timeline-block .projects img {
+ width: 100%;
}
-.search-form-input::-webkit-search-results-decoration,
-.search-form-input::-webkit-search-cancel-button {
+
+@media (max-width:768px) {
+ .cd-timeline-content,
+ .cd-timeline-block .projects {
+ margin-top: 60px;
+ padding-bottom: 40px;
+ }
+
+ #big-banner .main-icons {
+ text-align: center;
+ margin-top: 120px;
+ }
+}
+
+@media (max-width:1170px) {
+ .cd-timeline-content,
+ .cd-timeline-block .projects {
+ margin-top: 60px;
+ padding-bottom: 40px;
+ }
+}
+
+.well2{
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #daebff;
+ border: 2px solid #fff
+
+ }
+
+
+.download{
-webkit-appearance: none;
-}
-.search-form-submit {
- position: absolute;
- top: 50%;
- right: 10px;
- margin-top: -7px;
- font: 13px FontAwesome;
- border: none;
- background: none;
- color: #bbb;
- cursor: pointer;
-}
-.search-form-submit:hover,
-.search-form-submit:focus {
- color: #777;
-}
-.article {
- margin: 50px 0;
-}
-.article-inner {
- overflow: hidden;
-}
-.article-meta:before,
-.article-meta:after {
- content: "";
- display: table;
-}
-.article-meta:after {
- clear: both;
-}
-.article-date {
- float: left;
-}
-.article-category {
- float: left;
- line-height: 1em;
- color: #ccc;
- text-shadow: 0 1px #fff;
- margin-left: 8px;
-}
-.article-category:before {
- content: "\2022";
-}
-.article-category-link {
- margin: 0 12px 1em;
-}
-.article-header {
- padding: 20px 20px 0;
-}
-.article-title {
- text-decoration: none;
- font-size: 2em;
- font-weight: bold;
- color: #555;
- line-height: 1.1em;
- -webkit-transition: color 0.2s;
- -moz-transition: color 0.2s;
- -ms-transition: color 0.2s;
- transition: color 0.2s;
-}
-a.article-title:hover {
- color: #258fb8;
-}
-.article-entry {
- color: #555;
- padding: 0 20px;
-}
-.article-entry:before,
-.article-entry:after {
- content: "";
- display: table;
-}
-.article-entry:after {
- clear: both;
-}
-.article-entry p,
-.article-entry table {
- line-height: 1.6em;
- margin: 1.6em 0;
-}
-.article-entry h1,
-.article-entry h2,
-.article-entry h3,
-.article-entry h4,
-.article-entry h5,
-.article-entry h6 {
- font-weight: bold;
-}
-.article-entry h1,
-.article-entry h2,
-.article-entry h3,
-.article-entry h4,
-.article-entry h5,
-.article-entry h6 {
- line-height: 1.1em;
- margin: 1.1em 0;
-}
-.article-entry a {
- color: #258fb8;
- text-decoration: none;
-}
-.article-entry a:hover {
- text-decoration: underline;
-}
-.article-entry ul,
-.article-entry ol,
-.article-entry dl {
- margin-top: 1.6em;
- margin-bottom: 1.6em;
-}
-.article-entry img,
-.article-entry video {
- max-width: 100%;
- height: auto;
- display: block;
- margin: auto;
-}
-.article-entry iframe {
- border: none;
-}
-.article-entry table {
- width: 100%;
- border-collapse: collapse;
- border-spacing: 0;
-}
-.article-entry th {
- font-weight: bold;
- border-bottom: 3px solid #ddd;
- padding-bottom: 0.5em;
-}
-.article-entry td {
- border-bottom: 1px solid #ddd;
- padding: 10px 0;
-}
-.article-entry blockquote {
- font-family: Georgia, "Times New Roman", serif;
- font-size: 1.4em;
- margin: 1.6em 20px;
- text-align: center;
-}
-.article-entry blockquote footer {
- font-size: 14px;
- margin: 1.6em 0;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.article-entry blockquote footer cite:before {
- content: "—";
- padding: 0 0.5em;
-}
-.article-entry .pullquote {
- text-align: left;
- width: 45%;
- margin: 0;
-}
-.article-entry .pullquote.left {
- margin-left: 0.5em;
- margin-right: 1em;
-}
-.article-entry .pullquote.right {
- margin-right: 0.5em;
- margin-left: 1em;
-}
-.article-entry .caption {
- color: #999;
- display: block;
- font-size: 0.9em;
- margin-top: 0.5em;
- position: relative;
- text-align: center;
-}
-.article-entry .video-container {
position: relative;
- padding-top: 56.25%;
- height: 0;
- overflow: hidden;
-}
-.article-entry .video-container iframe,
-.article-entry .video-container object,
-.article-entry .video-container embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- margin-top: 0;
-}
-.article-more-link a {
display: inline-block;
- line-height: 1em;
- padding: 6px 15px;
- border-radius: 15px;
- background: #eee;
- color: #999;
- text-shadow: 0 1px #fff;
- text-decoration: none;
-}
-.article-more-link a:hover {
- background: #258fb8;
+ background: rgba(255,255,255,0.15);
+ border: 1px solid #fff;
color: #fff;
- text-decoration: none;
- text-shadow: 0 1px #1e7293;
-}
-.article-footer {
- font-size: 0.85em;
- line-height: 1.6em;
- border-top: 1px solid #ddd;
- padding-top: 1.6em;
- margin: 0 20px 20px;
-}
-.article-footer:before,
-.article-footer:after {
- content: "";
- display: table;
-}
-.article-footer:after {
- clear: both;
-}
-.article-footer a {
- color: #999;
- text-decoration: none;
-}
-.article-footer a:hover {
- color: #555;
-}
-.article-tag-list-item {
- float: left;
- margin-right: 10px;
-}
-.article-tag-list-link:before {
- content: "#";
-}
-.article-comment-link {
- float: right;
-}
-.article-comment-link:before {
- content: "\f075";
- font-family: FontAwesome;
- padding-right: 8px;
-}
-.article-share-link {
+ padding: 0.85em 3em 0.85em 3em;
cursor: pointer;
- float: right;
- margin-left: 20px;
-}
-.article-share-link:before {
- content: "\f064";
- font-family: FontAwesome;
- padding-right: 6px;
-}
-#article-nav {
- position: relative;
-}
-#article-nav:before,
-#article-nav:after {
- content: "";
- display: table;
-}
-#article-nav:after {
- clear: both;
-}
-@media screen and (min-width: 768px) {
- #article-nav {
- margin: 50px 0;
- }
- #article-nav:before {
- width: 8px;
- height: 8px;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-top: -4px;
- margin-left: -4px;
- content: "";
- border-radius: 50%;
- background: #ddd;
- -webkit-box-shadow: 0 1px 2px #fff;
- box-shadow: 0 1px 2px #fff;
- }
-}
-.article-nav-link-wrap {
- text-decoration: none;
- text-shadow: 0 1px #fff;
- color: #999;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- margin-top: 50px;
- text-align: center;
- display: block;
-}
-.article-nav-link-wrap:hover {
- color: #555;
-}
-@media screen and (min-width: 768px) {
- .article-nav-link-wrap {
- width: 50%;
- margin-top: 0;
- }
-}
-@media screen and (min-width: 768px) {
- #article-nav-newer {
- float: left;
- text-align: right;
- padding-right: 20px;
- }
-}
-@media screen and (min-width: 768px) {
- #article-nav-older {
- float: right;
- text-align: left;
- padding-left: 20px;
- }
-}
-.article-nav-caption {
- text-transform: uppercase;
- letter-spacing: 2px;
- color: #ddd;
- line-height: 1em;
- font-weight: bold;
-}
-#article-nav-newer .article-nav-caption {
- margin-right: -2px;
-}
-.article-nav-title {
- font-size: 0.85em;
- line-height: 1.6em;
- margin-top: 0.5em;
-}
-.article-share-box {
- position: absolute;
- display: none;
- background: #fff;
- -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
- box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
- border-radius: 3px;
- margin-left: -145px;
- overflow: hidden;
- z-index: 1;
-}
-.article-share-box.on {
- display: block;
-}
-.article-share-input {
- width: 100%;
- background: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
- padding: 0 15px;
- color: #555;
- outline: none;
- border: 1px solid #ddd;
- border-radius: 3px 3px 0 0;
- height: 36px;
- line-height: 36px;
-}
-.article-share-links {
- background: #eee;
-}
-.article-share-links:before,
-.article-share-links:after {
- content: "";
- display: table;
-}
-.article-share-links:after {
- clear: both;
-}
-.article-share-twitter,
-.article-share-facebook,
-.article-share-pinterest,
-.article-share-google {
- width: 50px;
- height: 36px;
- display: block;
- float: left;
- position: relative;
- color: #999;
- text-shadow: 0 1px #fff;
-}
-.article-share-twitter:before,
-.article-share-facebook:before,
-.article-share-pinterest:before,
-.article-share-google:before {
- font-size: 20px;
- font-family: FontAwesome;
- width: 20px;
- height: 20px;
- position: absolute;
- top: 50%;
- left: 50%;
- margin-top: -10px;
- margin-left: -10px;
- text-align: center;
-}
-.article-share-twitter:hover,
-.article-share-facebook:hover,
-.article-share-pinterest:hover,
-.article-share-google:hover {
- color: #fff;
-}
-.article-share-twitter:before {
- content: "\f099";
-}
-.article-share-twitter:hover {
- background: #00aced;
- text-shadow: 0 1px #008abe;
-}
-.article-share-facebook:before {
- content: "\f09a";
-}
-.article-share-facebook:hover {
- background: #3b5998;
- text-shadow: 0 1px #2f477a;
-}
-.article-share-pinterest:before {
- content: "\f0d2";
-}
-.article-share-pinterest:hover {
- background: #cb2027;
- text-shadow: 0 1px #a21a1f;
-}
-.article-share-google:before {
- content: "\f0d5";
-}
-.article-share-google:hover {
- background: #dd4b39;
- text-shadow: 0 1px #be3221;
-}
-.article-gallery {
- background: #000;
- position: relative;
-}
-.article-gallery-photos {
- position: relative;
- overflow: hidden;
-}
-.article-gallery-img {
- display: none;
- max-width: 100%;
-}
-.article-gallery-img:first-child {
- display: block;
-}
-.article-gallery-img.loaded {
- position: absolute;
- display: block;
-}
-.article-gallery-img img {
- display: block;
- max-width: 100%;
- margin: 0 auto;
-}
-#comments {
- background: #fff;
- -webkit-box-shadow: 1px 2px 3px #ddd;
- box-shadow: 1px 2px 3px #ddd;
- padding: 20px;
- border: 1px solid #ddd;
- border-radius: 3px;
- margin: 50px 0;
-}
-#comments a {
- color: #258fb8;
-}
-.archives-wrap {
- margin: 50px 0;
-}
-.archives:before,
-.archives:after {
- content: "";
- display: table;
-}
-.archives:after {
- clear: both;
-}
-.archive-year-wrap {
- margin-bottom: 1em;
-}
-.archives {
- -webkit-column-gap: 10px;
- -moz-column-gap: 10px;
- column-gap: 10px;
-}
-@media screen and (min-width: 480px) and (max-width: 767px) {
- .archives {
- -webkit-column-count: 2;
- -moz-column-count: 2;
- column-count: 2;
- }
-}
-@media screen and (min-width: 768px) {
- .archives {
- -webkit-column-count: 3;
- -moz-column-count: 3;
- column-count: 3;
- }
-}
-.archive-article {
- -webkit-column-break-inside: avoid;
- page-break-inside: avoid;
- overflow: hidden;
- break-inside: avoid-column;
-}
-.archive-article-inner {
- padding: 10px;
- margin-bottom: 15px;
-}
-.archive-article-title {
- text-decoration: none;
- font-weight: bold;
- color: #555;
- -webkit-transition: color 0.2s;
- -moz-transition: color 0.2s;
- -ms-transition: color 0.2s;
- transition: color 0.2s;
- line-height: 1.6em;
-}
-.archive-article-title:hover {
- color: #258fb8;
-}
-.archive-article-footer {
- margin-top: 1em;
-}
-.archive-article-date {
- color: #999;
- text-decoration: none;
- font-size: 0.85em;
- line-height: 1em;
- margin-bottom: 0.5em;
- display: block;
-}
-#page-nav {
- margin: 50px auto;
- background: #fff;
- -webkit-box-shadow: 1px 2px 3px #ddd;
- box-shadow: 1px 2px 3px #ddd;
- border: 1px solid #ddd;
- border-radius: 3px;
text-align: center;
- color: #999;
- overflow: hidden;
-}
-#page-nav:before,
-#page-nav:after {
- content: "";
- display: table;
-}
-#page-nav:after {
- clear: both;
-}
-#page-nav a,
-#page-nav span {
- padding: 10px 20px;
- line-height: 1;
- height: 2ex;
-}
-#page-nav a {
- color: #999;
- text-decoration: none;
-}
-#page-nav a:hover {
- background: #999;
- color: #fff;
-}
-#page-nav .prev {
- float: left;
-}
-#page-nav .next {
- float: right;
-}
-#page-nav .page-number {
- display: inline-block;
-}
-@media screen and (max-width: 479px) {
- #page-nav .page-number {
- display: none;
- }
-}
-#page-nav .current {
- color: #555;
- font-weight: bold;
-}
-#page-nav .space {
- color: #ddd;
-}
-#footer {
- background: #262a30;
- padding: 50px 0;
- border-top: 1px solid #ddd;
- color: #999;
-}
-#footer a {
- color: #258fb8;
text-decoration: none;
-}
-#footer a:hover {
- text-decoration: underline;
-}
-#footer-info {
- line-height: 1.6em;
- font-size: 0.85em;
-}
-.article-entry pre,
-.article-entry .highlight {
- background: #2d2d2d;
- margin: 0 -20px;
- padding: 15px 20px;
- border-style: solid;
- border-color: #ddd;
- border-width: 1px 0;
- overflow: auto;
- color: #ccc;
- line-height: 22.400000000000002px;
-}
-.article-entry .highlight .gutter pre,
-.article-entry .gist .gist-file .gist-data .line-numbers {
- color: #666;
- font-size: 0.85em;
-}
-.article-entry pre,
-.article-entry code {
- font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
-}
-.article-entry code {
- background: #eee;
- text-shadow: 0 1px #fff;
- padding: 0 0.3em;
-}
-.article-entry pre code {
- background: none;
- text-shadow: none;
- padding: 0;
-}
-.article-entry .highlight pre {
- border: none;
- margin: 0;
- padding: 0;
-}
-.article-entry .highlight table {
- margin: 0;
- width: auto;
-}
-.article-entry .highlight td {
- border: none;
- padding: 0;
-}
-.article-entry .highlight figcaption {
- font-size: 0.85em;
- color: #999;
- line-height: 1em;
- margin-bottom: 1em;
-}
-.article-entry .highlight figcaption:before,
-.article-entry .highlight figcaption:after {
- content: "";
- display: table;
-}
-.article-entry .highlight figcaption:after {
- clear: both;
-}
-.article-entry .highlight figcaption a {
- float: right;
-}
-.article-entry .highlight .gutter pre {
- text-align: right;
- padding-right: 20px;
-}
-.article-entry .highlight .line {
- height: 22.400000000000002px;
-}
-.article-entry .highlight .line.marked {
- background: #515151;
-}
-.article-entry .gist {
- margin: 0 -20px;
- border-style: solid;
- border-color: #ddd;
- border-width: 1px 0;
- background: #2d2d2d;
- padding: 15px 20px 15px 0;
-}
-.article-entry .gist .gist-file {
- border: none;
- font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
- margin: 0;
-}
-.article-entry .gist .gist-file .gist-data {
- background: none;
- border: none;
-}
-.article-entry .gist .gist-file .gist-data .line-numbers {
- background: none;
- border: none;
- padding: 0 20px 0 0;
-}
-.article-entry .gist .gist-file .gist-data .line-data {
- padding: 0 !important;
-}
-.article-entry .gist .gist-file .highlight {
- margin: 0;
- padding: 0;
- border: none;
-}
-.article-entry .gist .gist-file .gist-meta {
- background: #2d2d2d;
- color: #999;
- font: 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
- text-shadow: 0 0;
- padding: 0;
- margin-top: 1em;
- margin-left: 20px;
-}
-.article-entry .gist .gist-file .gist-meta a {
- color: #258fb8;
- font-weight: normal;
-}
-.article-entry .gist .gist-file .gist-meta a:hover {
- text-decoration: underline;
-}
-pre .comment,
-pre .title {
- color: #999;
-}
-pre .variable,
-pre .attribute,
-pre .tag,
-pre .regexp,
-pre .ruby .constant,
-pre .xml .tag .title,
-pre .xml .pi,
-pre .xml .doctype,
-pre .html .doctype,
-pre .css .id,
-pre .css .class,
-pre .css .pseudo {
- color: #f2777a;
-}
-pre .number,
-pre .preprocessor,
-pre .built_in,
-pre .literal,
-pre .params,
-pre .constant {
- color: #f99157;
-}
-pre .class,
-pre .ruby .class .title,
-pre .css .rules .attribute {
- color: #9c9;
-}
-pre .string,
-pre .value,
-pre .inheritance,
-pre .header,
-pre .ruby .symbol,
-pre .xml .cdata {
- color: #9c9;
-}
-pre .css .hexcolor {
- color: #6cc;
-}
-pre .function,
-pre .python .decorator,
-pre .python .title,
-pre .ruby .function .title,
-pre .ruby .title .keyword,
-pre .perl .sub,
-pre .javascript .title,
-pre .coffeescript .title {
- color: #69c;
-}
-pre .keyword,
-pre .javascript .function {
- color: #c9c;
-}
-@media screen and (max-width: 479px) {
- #mobile-nav {
- position: absolute;
+ margin:40px auto 20px auto; font-size:16px;
+ }
+
+.download>a{
+ color:#fff;
+ }
+
+.download:hover {
+ background: rgba(255,255,255,0.25);
+ border: 1px solid #fff;
+}
+
+.particles {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
top: 0;
+ bottom: 0;
left: 0;
- width: 280px;
- height: 100%;
- background: #191919;
- border-right: 1px solid #fff;
- }
-}
-@media screen and (max-width: 479px) {
- .mobile-nav-link {
- display: block;
- color: #999;
- text-decoration: none;
- padding: 15px 20px;
- font-weight: bold;
- }
- .mobile-nav-link:hover {
- color: #fff;
- }
-}
-@media screen and (min-width: 768px) {
- #sidebar {
- display: inline;
- float: left;
- width: 23.333333333333332%;
- margin: 0 0.833333333333333%;
- }
-}
-.widget-wrap {
- margin: 50px 0;
-}
-.widget {
- color: #777;
- text-shadow: 0 1px #fff;
- background: #ddd;
- -webkit-box-shadow: 0 -1px 4px #ccc inset;
- box-shadow: 0 -1px 4px #ccc inset;
- border: 1px solid #ccc;
- padding: 15px;
- border-radius: 3px;
-}
-.widget a {
- color: #258fb8;
- text-decoration: none;
- font-size: 20px;
-}
-.widget a:hover {
- text-decoration: underline;
-}
-.widget ul ul,
-.widget ol ul,
-.widget dl ul,
-.widget ul ol,
-.widget ol ol,
-.widget dl ol,
-.widget ul dl,
-.widget ol dl,
-.widget dl dl {
- margin-left: 15px;
- list-style: disc;
-}
-.widget {
- line-height: 1.6em;
- word-wrap: break-word;
- font-size: 0.9em;
-}
-.widget ul,
-.widget ol {
- list-style: none;
- margin: 0;
-}
-.widget ul ul,
-.widget ol ul,
-.widget ul ol,
-.widget ol ol {
- margin: 0 20px;
-}
-.widget ul ul,
-.widget ol ul {
- list-style: disc;
-}
-.widget ul ol,
-.widget ol ol {
- list-style: decimal;
-}
-.category-list-count,
-.tag-list-count,
-.archive-list-count {
- padding-left: 5px;
- color: #999;
- font-size: 0.85em;
-}
-.category-list-count:before,
-.tag-list-count:before,
-.archive-list-count:before {
- content: "(";
-}
-.category-list-count:after,
-.tag-list-count:after,
-.archive-list-count:after {
- content: ")";
-}
-.tagcloud a {
- margin-right: 5px;
+ right: 0;
+ position: absolute;
+ opacity:0.4;
+ z-index: 1;
+}
+
+.featuretext{
+ margin-bottom:30px; font-weight: 300; color: #126acb
+ }
+
+.featureexplain{
+ font-weight:300;
+ }
+
+.sectiontile{
+ font-weight:300;}
+
+.video{
+ -webkit-appearance: none;
+ position: relative;
display: inline-block;
+ background: rgba(255,255,255,0.15);
+ border: 1px solid #4183EF;
+ color: #4183EF;
+ padding: 0.85em 3em 0.85em 3em;
+ cursor: pointer;
+ text-align: center;
+ text-decoration: none;
+ margin:10px auto 10px auto; font-size:16px;
+ }
+
+.video>a{
+ color:#4183EF;
+ }
+
+.sepline::after {
+ content: " ";
+ border: solid 1px #757575;
+ display: block;
+ width: 65px;
+ margin: 30px auto;}
+
+.video:hover {
+ opacity:0.8;
}
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/css/styles.css
----------------------------------------------------------------------
diff --git a/css/styles.css b/css/styles.css
new file mode 100755
index 0000000..d63f8bf
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,135 @@
+br{display:block; line-height:1.6em;}
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
+/*ol,ul{list-style:none;}*/
+input,textarea{-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none;}
+blockquote,q{quotes:none;}
+blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
+strong,b{font-weight:bold;}
+em,i{font-style:italic;}
+table{border-collapse:collapse; border-spacing:0;}
+img{border:0; max-width:100%;}
+
+#w{display:block; margin:0 auto; padding:2px 3px;}
+.slidernav a{padding:0;}
+@media (min-width:320px){#w{max-width:300px;} .slidernav a{padding:5px 8px;}}
+@media (min-width:768px){#w{max-width:650px;}}
+@media (min-width:992px){#w{max-width:830px;}}
+
+.crsl-items{display:block; padding:5px 5px 5px 0;}
+.crsl-item .thumbnail{display:block; position:relative; margin-bottom:10px; cursor:pointer;}
+.crsl-item .thumbnail img{display:block; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear;}
+.crsl-item .thumbnail:hover img{opacity:0.8;}
+.crsl-item h3{font-family:'Oswald','Trebuchet MS',Helvetica,sans-serif; font-size:1.95em; line-height:1.25em; margin-bottom:12px;}
+.crsl-item h3 a{text-decoration:none; color:#333;}
+.crsl-item h3 a:hover{text-decoration:underline;}
+.crsl-item .postdate{display:block; position:absolute; bottom:0; right:0; padding:6px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.4); font-size:1.2em; font-weight:bold; background:#4e90da;}
+.crsl-item p{font-size:1.2em; line-height:1.55em; margin-bottom:5px;}
+.crsl-item p.readmore a{display:block; float:right; color:#4e90da; padding:3px 5px; text-decoration:none; font-weight:bold; -webkit-border-radius:3px; -moz-border-radius:4px; border-radius:4px;}
+.crsl-item p.readmore a:hover{background:#4b6caa; color:#fff;}
+
+.slidernav{display:block; text-align:center; margin-bottom:5px; margin:-225px auto 210px 0;}
+.slidernav a{display:inline-block; font-size:1.4em; color:#666; text-decoration:none;}
+.slidernav a.previous{position:absolute; text-align:left;}
+.slidernav a.next{position:absolute; text-align:right;}
+.slidernav a:active{}
+.crsl-wrap a{padding:0; margin:0; clear:both; display:block; padding:0;}
+.crsl-wrap ul{padding:0; margin:0; background:blue;}
+.crsl-wrap ul li{float:left; list-style:none; padding:0; margin:0; font-size:18px;}
+.crsl-wrap ul li a{margin:3px 1px; padding:0; color:#c8c8c8; border:1px solid #c8c8c8; width:28px; height:28px; line-height:28px;}
+.crsl-wrap ul li a:hover{color:#ffffff; border:1px solid #e46142; background:#e46142;}
+
+@media screen and (max-width:660px){h1{font-size:2.4em; line-height:1.2em;} .crsl-item h3{font-size:1.65em;}}
+
+.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
+.clearfix{display:inline-block; width:100%;}
+html[xmlns] .clearfix{display:block;}
+* html .clearfix{height:1%;}
+
+@import url(/fonts/google-font-titillium-web.css);
+
+#sidebar {
+ padding-top:0;
+ }
+ #sidebar .nav>li {
+ color: #ddd;
+
+ }
+ #sidebar .nav>li:first-child {
+ border-top:0;
+ }
+ #sidebar ul.nav > li >a {
+ /***color: #ddd;***/
+ color: #126acb;
+ padding: 5px 15px;
+ }
+
+#sidebar ul.nav > li.current {
+ text-decoration: none;
+ color: #008CBA;
+ background-color:#efefef;
+}
+
+#sidebar ul.nav > li:hover {
+ text-decoration: none;
+ color: #008CBA;
+ margin-right: 20px;
+ background-color:#efefef;
+}
+
+ #sidebar li.divider {
+ margin: 16px 20px 16px 0px;
+ }
+
+.divider{
+ border-top: 1px solid;
+ height: 0;
+ list-style: none;
+ padding: 0;
+ border-top-color: #e6e6e6;
+}
+
+#sidebar li.heading {
+ /*color: #008CBA;*/
+ color: #126acb;
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 15px;
+}
+
+#sidebar .heading{
+ padding: 2px 0px;
+}
+
+.page-content {
+ padding: 70px 10px;
+}
+
+.page-main-content h1{
+ text-align: left
+}
+
+.social-buttons > a{
+ color:white;
+ margin:auto 2px;
+}
+
+.social-buttons > a:hover{
+ color: #126acb;
+}
+
+.social-buttons > a > i{
+ font-size: 1.2em;
+}
+
+.page-main-content h2{
+ margin:5px auto;
+}
+
+.page-main-content td{
+ padding: 3px;
+}
+
+
+.page-main-content h3{
+ margin:5px auto;
+}
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/deploy.sh
----------------------------------------------------------------------
diff --git a/deploy.sh b/deploy.sh
new file mode 100644
index 0000000..f580192
--- /dev/null
+++ b/deploy.sh
@@ -0,0 +1,70 @@
+#!/usr/bin/env bash
+
+# A script to build griffin site (based on jekyll)
+
+# specify source and site branches
+SOURCE="master"
+SITE="asf-site"
+
+# Make sure on the SOURCE branch
+git checkout $SOURCE > /dev/null 2>&1
+
+# Get the latest commit SHA in SOURCE branch
+last_SHA=( $(git log -n 1 --pretty=oneline) )
+
+# use last commit sha as temp folder name
+tmp_dir="temp_$last_SHA"
+
+# Build the Jekyll site to our temporary folder
+jekyll build -d ~/$tmp_dir > /dev/null 2>&1
+if [ $? = 0 ]; then
+ echo "Jekyll build successful"
+else
+ echo "Jekyll build failed"
+ exit 1
+fi
+
+# Switch to the SITE branch
+git checkout $SITE > /dev/null 2>&1
+if [ $? = 1 ]; then
+ # Branch does not exist. Create an orphan branch.
+ git checkout -b $SITE > /dev/null 2>&1
+ git add --all .
+ git commit -m "Initial commit" > /dev/null 2>&1
+ echo "$SITE branch does not exist, created new"
+fi
+
+# Remove the current contents of the SITE branch and
+# replace them with the contents of the temp folder
+current_dir=${PWD}
+rm -r $current_dir/*
+git rm -r --cached * > /dev/null 2>&1
+cp -r ~/$tmp_dir/* $current_dir
+
+# Commit the changes to the SITE branch
+message="Updated $SITE site from $SOURCE ($last_SHA)"
+git add --all .
+git commit -m "$message" > /dev/null 2>&1
+
+# Delete the temporary folder
+rm -r ~/$tmp_dir
+
+# Push latest SITE to server
+git push -u origin $SITE > /dev/null 2>&1
+if [ $? = 0 ]; then
+ echo "Push $SITE successful"
+else
+ echo "Push $SITE failed"
+fi
+
+# Switch back to SOURCE branch
+git checkout $SOURCE > /dev/null 2>&1
+
+# Push the SOURCE to the server
+git push -u origin $SOURCE > /dev/null 2>&1
+if [ $? = 0 ]; then
+ echo "Push $SOURCE successful"
+else
+ echo "Push $SOURCE failed"
+fi
+
http://git-wip-us.apache.org/repos/asf/incubator-griffin-site/blob/4f987ba0/docs/community.html
----------------------------------------------------------------------
diff --git a/docs/community.html b/docs/community.html
new file mode 100644
index 0000000..ee33e8b
--- /dev/null
+++ b/docs/community.html
@@ -0,0 +1,291 @@
+<!DOCTYPE html>
+<!--
+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
+KIND, either express or implied. See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+ <title>Griffin - Apache Griffin Community</title>
+ <meta name="description" content="Apache Griffin - Big Data Quality Solution For Batch and Streaming">
+
+ <meta name="keywords" content="Griffin, Hadoop, Security, Real Time">
+ <meta name="author" content="eBay Inc.">
+
+ <meta charset="utf-8">
+ <meta name="viewport" content="initial-scale=1">
+
+ <link rel="stylesheet" href="/css/animate.css">
+ <link rel="stylesheet" href="/css/bootstrap.min.css">
+
+ <link rel="stylesheet" href="/css/font-awesome.min.css">
+
+ <link rel="stylesheet" href="/css/misc.css">
+ <link rel="stylesheet" href="/css/style.css">
+ <link rel="stylesheet" href="/css/styles.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="alternate" type="application/rss+xml" title="Griffin" href="http://griffin.apache.org/feed.xml" />
+ <link rel="shortcut icon" href="/images/favicon.ico">
+
+ <!-- Baidu Analytics Tracking-->
+ <script>
+ var _hmt = _hmt || [];
+ (function() {
+ var hm = document.createElement("script");
+ hm.src = "//hm.baidu.com/hm.js?fedc55df2ea52777a679192e8f849ece";
+ var s = document.getElementsByTagName("script")[0];
+ s.parentNode.insertBefore(hm, s);
+ })();
+ </script>
+
+ <!-- Google Analytics Tracking -->
+ <script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+ ga('create', 'UA-68929805-1', 'auto');
+ ga('send', 'pageview');
+ </script>
+</head>
+
+<body>
+<!-- header start -->
+<div id="home_page">
+ <!--
+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
+KIND, either express or implied. See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+<div class="topbar">
+ <div class="container">
+ <div class="row" >
+ <nav class="navbar navbar-default">
+ <div class="container-fluid">
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
+ <a class="navbar-brand" href="/"><img src="/images/logo.png" height="44px" style="margin-top:-7px"></a> </div>
+ </div>
+ </div>
+ <!-- /.container-fluid -->
+ </nav>
+ </div>
+ </div>
+ </div>
+
+</div>
+<!-- header end -->
+<div class="container-fluid page-content">
+ <div class="row">
+ <div class="col-md-10 col-md-offset-1">
+ <!-- sidebar -->
+ <div class="col-xs-6 col-sm-3" id="sidebar" role="navigation">
+ <ul class="nav" id="adminnav">
+
+ <li class="heading">Getting Started</li>
+
+ <li class="sidenavli "><a href="/docs/quick-start.html" data-permalink="/docs/community.html" id="">Introduction</a></li>
+
+ <li class="sidenavli "><a href="/docs/usecases.html" data-permalink="/docs/community.html" id="">Use Cases</a></li>
+
+ <li class="sidenavli current"><a href="/docs/community.html" data-permalink="/docs/community.html" id="">Community</a></li>
+
+ <li class="sidenavli "><a href="/docs/conf.html" data-permalink="/docs/community.html" id="">Conference</a></li>
+
+ <li class="divider"></li>
+
+ <li class="heading">Development</li>
+
+ <li class="sidenavli "><a href="/docs/latest.html" data-permalink="/docs/community.html" id="">Latest version (v0.3.0)</a></li>
+
+ <li class="divider"></li>
+
+ <li class="heading">Download</li>
+
+ <li class="sidenavli "><a href="/docs/latest.html" data-permalink="/docs/community.html" id="">Latest version (v0.3.0)</a></li>
+
+ <li class="sidenavli "><a href="/docs/download.html" data-permalink="/docs/community.html" id="">Archived</a></li>
+
+ <li class="divider"></li>
+
+ <li class="sidenavli">
+ <a href="mailto:dev@griffin.apache.org" target="_blank">Need Help?</a>
+ </li>
+ </ul>
+ </div>
+ <div class="col-xs-6 col-sm-9 page-main-content" style="margin-left: -15px" id="loadcontent">
+ <h1 class="page-header" style="margin-top: 0px">Apache Griffin Community</h1>
+ <h3 id="mailing-lists">Mailing Lists</h3>
+
+<table>
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th> </th>
+ <th> </th>
+ <th> </th>
+ <th> </th>
+ <th>Email</th>
+ <th> </th>
+ <th> </th>
+ <th> </th>
+ <th> </th>
+ <th>Subscribe</th>
+ <th>Unsubscribe</th>
+ <th>Archive</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>User Mailling List</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:user@Griffin.apache.org">user@Griffin.apache.org</a></td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:user-subscribe@Griffin.apache.org">subscribe</a></td>
+ <td><a href="mailto:user-unsubscribe@Griffin.apache.org">unsubscribe</a></td>
+ <td><a href="http://mail-archives.apache.org/mod_mbox/Griffin-user/">Griffin-user</a></td>
+ </tr>
+ <tr>
+ <td>Dev Mailling List</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:dev@Griffin.apache.org">dev@Griffin.apache.org</a></td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:dev-subscribe@Griffin.apache.org">subscribe</a></td>
+ <td><a href="mailto:dev-unsubscribe@Griffin.apache.org">unsubscribe</a></td>
+ <td><a href="http://mail-archives.apache.org/mod_mbox/Griffin-dev/">Griffin-dev</a></td>
+ </tr>
+ <tr>
+ <td>Issues Mailling List</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:issues@Griffin.apache.org">issues@Griffin.apache.org</a></td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:issues-subscribe@Griffin.apache.org">subscribe</a></td>
+ <td><a href="mailto:issues-unsubscribe@Griffin.apache.org">unsubscribe</a></td>
+ <td><a href="http://mail-archives.apache.org/mod_mbox/Griffin-issues/">Griffin-issues</a></td>
+ </tr>
+ <tr>
+ <td>Commits Mailling List</td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:commits@Griffin.apache.org">commits@Griffin.apache.org</a></td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td> </td>
+ <td><a href="mailto:commits-subscribe@Griffin.apache.org">subscribe</a></td>
+ <td><a href="mailto:commits-unsubscribe@Griffin.apache.org">unsubscribe</a></td>
+ <td><a href="http://mail-archives.apache.org/mod_mbox/Griffin-commits/">Griffin-commits</a></td>
+ </tr>
+ </tbody>
+</table>
+
+<h3 id="issue-tracker">Issue Tracker</h3>
+
+<p><a href="https://issues.apache.org/jira/browse/Griffin">https://issues.apache.org/jira/browse/Griffin</a></p>
+
+
+ </div><!--end of loadcontent-->
+ </div>
+ <!--end of centered content-->
+ </div>
+</div>
+<!--end of container-->
+
+
+<!--
+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
+KIND, either express or implied. See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+<!-- footer start -->
+<div class="footerwrapper">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-3">
+ <img src="/images/incubator_feather_egg_logo.png" height="60">
+ </div>
+ <div class="col-md-9">
+ <div style="margin-left:auto; margin-right:auto; text-align:center;font-size:12px;">
+ <div>
+ Apache Griffin is an effort undergoing incubation at The <a href="http://www.apache.org">Apache Software Foundation (ASF)</a>sponsored by the Apache Incubator PMC. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF. Apache Pulsar (incubating) is available under the <a href="https://www.apache.org/licenses">Apache License, version 2.0</a>.
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <br/>
+ Copyright © 2018 The Apache Software Foundation. All Rights Reserved. Apache, Apache Griffin and the Apache feather logo are trademarks of The Apache Software Foundation.
+ </div>
+ </div>
+</div>
+<!-- footer end -->
+
+<!-- JavaScripts -->
+<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
+
+
+
+</body>
+</html>