linaro-jekyll-theme 0.1.2.75 → 0.1.3

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/{_sass → assets/css}/core/blog.scss

@@ -1,8 +1,5 @@
-div#pagination_panel > ul > li.active > a{
-    color: $navbar-inverse-bg;
-}
 .full-page-image {
-    color: $gray-base;
+    color:black;
     height:500px;
     width: 100%;
     object-fit: cover;
@@ -10,26 +7,16 @@ div#pagination_panel > ul > li.active > a{
 }
 .blog-row {
     margin-top: 30px;
-    margin-left: 15px;
-    margin-right: 15px;
-}
-
-//Make post images responsive by default
-.post-content img {
-    width: 100%;
-    height: auto;
-}
-
-//Img Thumbnail size
-img.img-thumbnail {
-    width: 100px;
 }
 .blog-panel{
-    margin-top:30px;
+    margin-top:50px;
 }
 .blog-panel .panel-primary .panel-heading{
     margin-left: 5px;
 }
+.blog-post-content{
+    margin-top: 50px;
+}
 .img-blog{
     height:600px;
 }
@@ -55,11 +42,12 @@ img.img-thumbnail {
     margin-left: auto;
     font-size: 56px;
 }
-.panel-primary {
-    border: 1px solid $brand-primary;
+.blog-post-content .panel-primary {
+    border: 1px solid #19947b;
 }
-.panel-heading {
-    background-color: $brand-primary;
+
+.blog-post-content .panel-heading {
+    background-color: #19947b;
     color: #fff;
 }
 
@@ -68,9 +56,7 @@ img.img-thumbnail {
     width: 83px;
     border-radius:83px;
     border: 4px solid white;
-    background-size: cover;
 }
-
 .full-page-image-text{
     top:300px;
     position:relative;
@@ -80,13 +66,16 @@ img.img-thumbnail {
     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 $gray-light;
+    border: 1px solid #777777;
     border-radius: 45px;
     width: 34px;
     padding: 5px;
@@ -94,7 +83,7 @@ img.img-thumbnail {
     display: block;
     margin: 5px;
     opacity: .8;
-    color: $gray-light;
+    color: #777777;
     -webkit-transition: all 1s ease;
     transition: all 1s ease;
 }
@@ -118,7 +107,7 @@ img.img-thumbnail {
 
 .blog-read-more-btn{
     background-color: white;
-    border: 2px solid $gray-base;
+    border: 2px solid black;
     border-radius: 0px;
     font-weight: normal;
     color: $gray-base;
@@ -138,7 +127,7 @@ img.img-thumbnail {
 a.featured_blog_post_text {
     font-size: 13px;
     line-height: 18px;
-    color: $gray-base;
+    color: black;
     transition: all 1s ease;
 }
 a.featured_blog_post_text:hover{
@@ -156,16 +145,16 @@ a.featured_blog_post_text:hover{
 .featured_blog_post {
   height: auto;
   margin: 5px;
-  border-bottom: 1px solid $gray-lighter;
+  border-bottom: 1px solid #f3f3f3;
   padding: 12px;
 }
 
 .blog-well {
-    background: $gray-darker;
+    background: #222222;
 }
 .btn-blog{
     border: 2px solid $gray-lighter;
-    color: $gray-base;
+    color: black;
     padding: 6px;
 }
 .btn-blog:hover{
@@ -186,7 +175,7 @@ a.featured_blog_post_text:hover{
     font-size: 16px;
 }
 .post_tag {
-    background-color: $gray-lighter;
+    background-color: #eee;
     margin: 2px;
     color: #464646;
 }
@@ -195,99 +184,6 @@ a.featured_blog_post_text:hover{
 .pagination-centered { text-align: center;}
 
 
-
-
-
-
-// Tag Cloud Style 
-div.tag_cloud {
-    margin-bottom: 20px;
-    margin-top: 20px;
-}
-
-div.previous_post{
-    display:none;
-}
-div.next_post{
-    display:none;
-}
-a.previous_post_anchor {
-    position: fixed;
-    top: 50%;
-    right:0;
-}
-a.next_post_anchor {
-    position: fixed;
-    top: 50%;
-    left:0;
-}
-
-//Small Inline Blog Images
-img.small-inline {
-    width: 100px !important;
-    height: auto !important;
-    display: inline-block;
-    float: left;
-    margin-right: 30px;
-    margin-top: 5px;
-    margin-bottom: 30px;
-}
-
-// Medium Inline Blog Images
-img.medium-inline {
-    width: 200px !important;
-    height: auto !important;
-    display: inline-block;
-    float: left;
-    margin-right: 30px;
-    margin-top: 5px;
-    margin-bottom: 30px;
-}
-
-//Large Inline Blog Images
-img.large-inline {
-    width: 300px !important;
-    height: auto !important;
-    display: inline-block;
-    float: left;
-    margin-right: 30px;
-    margin-top: 5px;
-    margin-bottom: 30px;
-}
-
-img.medium-inline.right {
-    float: right;
-}
-
-img.small-inline.right {
-    float: right;
-}
-
-img.large-inline.right {
-    float: right;
-}
-
-// Previous and Next Post Style
-@media(min-width:992px){
-    
-    div.previous_post{
-        display:block;
-        width: 0; 
-        height: 0; 
-        border-top: 20px solid transparent;
-        border-bottom: 20px solid transparent;
-        border-left: 20px solid #eee;
-    }
-    div.next_post{
-        display:block;
-        width: 0; 
-        height: 0; 
-        border-top: 20px solid transparent;
-        border-bottom: 20px solid transparent;
-        border-right: 20px solid #eee;
-    }
-}
-
 //Responsive CSS for Blog
 @media(max-width:767px){
 
@@ -299,18 +195,12 @@ img.large-inline.right {
     height: 100px;
     width: 100px;
     }
-    .blog_post{
-        padding:20px;
-    }
-    em.post_date {
-        font-size: 13px;
-    }
-    p.post_excerpt {
-        font-size: 11px;
+    .blog-post-content {
+    margin-top: 5px;
     }
 
-    h3.post_title {
-        font-size: 17px;
+    .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/{_sass → assets/css}/core/carousel.scss

@@ -132,20 +132,5 @@ a.btn.btn-primary {
       font-weight: bold;
       border-color: rgb(25, 148, 123);
   }
-  
-.owl-prev {
-    background-color: #cccccc !important;
-    transition: all 200ms linear;
-}
-.owl-next {
-    background-color: #cccccc !important;
-    transition: all 200ms linear;
-}
-.owl-prev:hover {
-    background-color: #545454 !important;
-}
-.owl-next:hover {
-    background-color: #545454 !important;
-}
 
 /* Icons */