linaro-jekyll-theme 0.1.1 → 0.1.2

data/_assets/css/core/animations.scss

@@ -0,0 +1,125 @@
+
+// fade-in animation - fades in on page load.
+@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+@-webkit-keyframes rotate {
+	from
+	{
+    	-webkit-transform: rotate(0deg);
+  	}
+  	to
+	{
+    	-webkit-transform: rotate(360deg);
+  	}
+}
+@-moz-keyframes rotate {
+	from
+	{
+    	-webkit-transform: rotate(0deg);
+  	}
+  	to
+	{
+    	-webkit-transform: rotate(360deg);
+  	}
+}
+@keyframes rotate {
+	from
+	{
+    	-webkit-transform: rotate(0deg);
+  	}
+  	to
+	{
+    	-webkit-transform: rotate(360deg);
+  	}
+}
+
+.fade-in-one{
+	opacity:0;  /* make things invisible upon start */
+	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
+	-moz-animation:fadeIn ease-in 1;
+	animation:fadeIn ease-in 1;
+
+	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
+	-moz-animation-fill-mode:forwards;
+	animation-fill-mode:forwards;
+
+	-webkit-animation-duration:0.5s;
+	-moz-animation-duration:0.5s;
+	animation-duration:0.5s;
+
+    -webkit-animation-delay: 1s;
+    -moz-animation-delay: 1s;
+    animation-delay: 1s;
+}
+.fade-in-two{
+	opacity:0;  /* make things invisible upon start */
+	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
+	-moz-animation:fadeIn ease-in 1;
+	animation:fadeIn ease-in 1;
+
+	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
+	-moz-animation-fill-mode:forwards;
+	animation-fill-mode:forwards;
+
+	-webkit-animation-duration:0.5s;
+	-moz-animation-duration:0.5s;
+	animation-duration:0.5s;
+
+    -webkit-animation-delay: 1.5s;
+    -moz-animation-delay: 1.5s;
+    animation-delay: 1.5s;
+}
+.fade-in-three{
+	opacity:0;  /* make things invisible upon start */
+	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
+	-moz-animation:fadeIn ease-in 1;
+	animation:fadeIn ease-in 1;
+
+	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
+	-moz-animation-fill-mode:forwards;
+	animation-fill-mode:forwards;
+
+	-webkit-animation-duration:0.5s;
+	-moz-animation-duration:0.5s;
+	animation-duration:0.5s;
+
+    -webkit-animation-delay: 2s;
+    -moz-animation-delay: 2s;
+    animation-delay: 2s;
+}
+.fade-in-four{
+	opacity:0;  /* make things invisible upon start */
+	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
+	-moz-animation:fadeIn ease-in 1;
+	animation:fadeIn ease-in 1;
+
+	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
+	-moz-animation-fill-mode:forwards;
+	animation-fill-mode:forwards;
+
+	-webkit-animation-duration:0.5s;
+	-moz-animation-duration:0.5s;
+	animation-duration:0.5s;
+
+    -webkit-animation-delay: 2.5s;
+    -moz-animation-delay: 2.5s;
+    animation-delay: 2.5s;
+}
+
+
+.rotate-img
+{
+    -webkit-animation-name:             rotate;
+	-moz-animation-name:				rotate;
+	animation-name:						rotate;
+    -webkit-animation-duration:         30s;
+    -moz-animation-duration:         	30s;
+    animation-duration:         		30s;
+    -webkit-animation-iteration-count:  infinite;
+    -moz-animation-iteration-count:  	infinite;
+    animation-iteration-count: 			infinite;
+    -webkit-animation-timing-function: 	linear;
+    -moz-animation-timing-function: 	linear;
+    animation-timing-function: 			linear;
+}

data/_assets/css/core/blog.scss

@@ -0,0 +1,206 @@
+.full-page-image {
+    color:black;
+    height:500px;
+    width: 100%;
+    object-fit: cover;
+    display: block;
+}
+.blog-row {
+    margin-top: 30px;
+}
+.blog-panel{
+    margin-top:50px;
+}
+.blog-panel .panel-primary .panel-heading{
+    margin-left: 5px;
+}
+.blog-post-content{
+    margin-top: 50px;
+}
+.img-blog{
+    height:600px;
+}
+.blog-featured-img-container{
+    position: relative;
+}
+.blog-full-page-image-info{
+    color: #FFF;
+    height: 500px;
+    margin-left: auto;
+    margin-right: auto;
+    z-index: 1;
+    text-align: center;
+    margin-top: -21px;
+    line-height:50px;
+    position: relative;
+    top: 10vh;
+    vertical-align:middle;
+}
+.blog-title {
+    width: 50%;
+    margin-right: auto;
+    margin-left: auto;
+    font-size: 56px;
+}
+.blog-post-content .panel-primary {
+    border: 1px solid #19947b;
+}
+
+.blog-post-content .panel-heading {
+    background-color: #19947b;
+    color: #fff;
+}
+
+.blog-author-image{
+    height: 83px;
+    width: 83px;
+    border-radius:83px;
+    border: 4px solid white;
+}
+.full-page-image-text{
+    top:300px;
+    position:relative;
+    margin-left: auto;
+    margin-right: auto;
+    z-index: 1;
+    line-height:50px;
+    vertical-align:middle;
+}
+.blog_content_area{
+    border-top: 1px solid $gray-light;
+}
+
+.no-padding {
+   padding: 0 !important;
+   margin: 0 !important;
+}
+.blog-icons{
+    border: 1px solid #777777;
+    border-radius: 45px;
+    width: 34px;
+    padding: 5px;
+    float: left;
+    display: block;
+    margin: 5px;
+    opacity: .8;
+    color: #777777;
+    -webkit-transition: all 1s ease;
+    transition: all 1s ease;
+}
+
+.blog-icons:hover{
+    color: $brand-primary;
+    border: 1px solid $brand-primary;
+    background-color: black;
+    opacity: 1;
+    transition: all 1s ease;
+}
+.blog-icons:active, .blog-icons:focus{
+    border: 1px solid $gray-light;
+    border-radius: 45px;
+    width: 45px;
+    margin: 4px;
+    opacity: .8;
+    color: $gray-light;
+}
+
+
+.blog-read-more-btn{
+    background-color: white;
+    border: 2px solid black;
+    border-radius: 0px;
+    font-weight: normal;
+    color: $gray-base;
+    transition: all 1s ease;
+    padding: 6px;
+}
+.blog-read-more-btn:hover{
+    background-color: $brand-primary;
+    color: white;
+    transition: all 1s ease;
+}
+.blog-read-more-btn:active, .blog-read-more-btn:focus{
+    background-color: $brand-primary;
+    color: white;
+    transition: all 1s ease;
+}
+a.featured_blog_post_text {
+    font-size: 13px;
+    line-height: 18px;
+    color: black;
+    transition: all 1s ease;
+}
+a.featured_blog_post_text:hover{
+    font-size: 13px;
+    line-height: 18px;
+    color: $brand-primary;
+    transition: all 1s ease;
+}
+
+.blog_post{
+  border-bottom: 1px solid $gray-lighter;
+  padding-bottom: 13px;
+}
+
+.featured_blog_post {
+  height: auto;
+  margin: 5px;
+  border-bottom: 1px solid #f3f3f3;
+  padding: 12px;
+}
+
+.blog-well {
+    background: #222222;
+}
+.btn-blog{
+    border: 2px solid $gray-lighter;
+    color: black;
+    padding: 6px;
+}
+.btn-blog:hover{
+    color: $brand-primary;
+}
+
+.blog-img {
+    margin-top:25px;
+}
+
+#blog-background-image{
+    background-size: cover;
+    height:800px;
+}
+
+.post-content ol, .post-content ul {
+    line-height: 1.6em;
+    font-size: 16px;
+}
+.post_tag {
+    background-color: #eee;
+    margin: 2px;
+    color: #464646;
+}
+
+//Pagination centered style
+.pagination-centered { text-align: center;}
+
+
+//Responsive CSS for Blog
+@media(max-width:767px){
+
+    .blog-title{
+        width:95%;
+        font-size: 34px;
+    }
+    .blog-author-image {
+    height: 100px;
+    width: 100px;
+    }
+    .blog-post-content {
+    margin-top: 5px;
+    }
+
+    .blog_post{
+        padding:20px;
+    }
+
+}

data/_assets/css/core/breadcrumb.scss

@@ -0,0 +1,48 @@
+/* -------------------------- Breadcrumb Style -------------------------- */
+/* Bread Crumb Paragraphs */
+
+.breadcrumb-container > p {
+    color: #FFF;
+}
+
+.breadcrumb-container ol li a {
+    color: #FFF;
+}
+/* Bread Crumb Headings */
+
+.breadcrumb-container h1,
+.breadcrumb-container h2,
+.breadcrumb-container h3 {
+    color: #FFF;
+    letter-spacing: 2px;
+}
+/* Bread Crumb Ordered List Style */
+
+.breadcrumb {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    display: block;
+}
+.breadcrumb-container{
+    background-image: url("../images/banner.jpg");
+    background-color: #010220;
+    padding:5px;
+}
+
+
+.breadcrumb li {
+  font-size: 14px;
+}
+
+.breadcrumb>li+li:before {
+  content: "\00bb\00a0";
+}
+
+.breadcrumb {
+  padding: 0px;
+}
+
+.breadcrumb-title{
+  font-size: 18px;
+}

data/_assets/css/core/carousel.scss

@@ -0,0 +1,136 @@
+
+.homepage-image-owl{
+    height: auto;
+    width: auto;
+}
+.homepage-image-project{
+    height: 206.5px;
+    width: auto;
+    overflow: auto;
+}
+//Responsive CSS for Homepage
+@media(max-width:767px){
+
+
+}
+
+@media only screen and (max-width: 500px) {
+  .hero-banner {
+      padding-top: 0px;
+      min-height: auto;
+  }
+
+  .hero-banner h1 {
+    font-size: 20pt;
+  }
+
+  .hero-banner p.sub-tag {
+      width: 90%;
+      margin-top: 10px;
+      margin-bottom: 20px;
+  }
+
+  .activity-container {
+    margin-top: 0px;
+    padding-top: 0px;
+}
+
+.activity-block img {
+    width: auto;
+}
+
+.activity-holder .col-md-3 {
+    border-bottom: 1px solid #ccc;
+    padding-bottom: 10px;
+    padding-top: 10px;
+}
+}
+
+a.btn.btn-primary {
+    border-radius: 30px;
+    font-size: 14px;
+    margin-bottom: 20px;
+}
+.owl-dots {
+    margin-bottom: 20px;
+}
+.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
+    background-color: $brand-primary !important;
+    transition: all 1s ease;
+}
+
+.activity-container {
+  /*margin-top: 50px;
+  padding-bottom: 30px;*/
+  border-top: 1px solid #efefef;
+}
+
+.activity-block img {
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.activity-holder .activity-block {
+    border: #fff 3px solid;
+    background: #fff;
+
+}
+  .home-project .activity-block img {
+    height: 205px;
+    width: auto;
+  }
+
+.activity-block {
+    border: #fff 3px solid;
+    background: #fff;
+    margin-top: 70px;
+}
+.activity-block a{
+    color: black;
+    text-decoration: none;
+    transition: all 1s ease;
+}
+.activity-block a:hover{
+    text-decoration: none;
+    color: $brand-primary;
+    transition: all 1s ease;
+}
+
+.activity-block .item {
+    display:none;
+}
+
+.owl-text{
+    min-height:100px;
+}
+.activity-holder p {
+    height: 99px;
+}
+@media (min-width: 992px) {
+    .row .activity-holder{
+        height:529.44px;
+    }
+}
+@media (max-width: 991px) {
+    .row .activity-holder{
+        height:auto;
+    }
+    .activity-holder p {
+        height: auto;
+    }
+    .owl-text{
+        min-height:auto;
+    }
+    .activity-block {
+        margin-top: 70px;
+    }
+}
+
+  .activity-holder a.btn-primary:hover {
+      background-color: rgb(25, 148, 123);
+      color: #fff;
+      font-weight: bold;
+      border-color: rgb(25, 148, 123);
+  }
+
+/* Icons */