jumbo-jekyll-theme 1.4.2.0 → 1.4.2.1

data/_sass/blog.scss

@@ -5,4 +5,5 @@
 @import "core/lightbox";
 @import "core/syntax";
 @import "core/animations";
-@import "core/carousel-styles";
+@import "core/carousel-styles";
+@import "core/jumbotron"

data/_sass/core.scss

@@ -6,4 +6,4 @@
 @import "core/footer";
 @import "core/social-media-icons";
 @import "core/tables";
-@import "core/forms";
+@import "core/forms";

data/_sass/core/blog.scss

@@ -223,8 +223,17 @@ a.featured_blog_post_text:hover{
 
 
 
+/* Article Post Content Style */
+article.post-content {
+    overflow: auto;
+}
 
-
+article.post-content > .col-md-8 {
+    padding: 0;
+}
+article.post-content > .col-md-4 {
+    padding: 15px;
+}
 
 // Tag Cloud Style 
 div.tag_cloud {
@@ -319,7 +328,6 @@ img.large-inline.right {
         border-right: 20px solid #eee;
     }
 }
-
 //Responsive CSS for Blog
 @media(max-width:$screen-sm-min){
 
@@ -345,4 +353,64 @@ img.large-inline.right {
         font-size: 17px;
     }
 
-}
+}
+
+
+@media (max-width: $screen-xs-min) {
+    
+    
+    article.post-content > .col-md-4 {
+        padding: 0px;
+    }
+    
+}
+
+
+
+// Blog Side Panel Styles
+.featured_post_post > .row {
+    padding: 5px;
+    border-bottom: 1px solid #eee;
+}
+.featured_post_post > .row > div > img{
+    margin-top:10px;
+    margin-left:10px;
+    
+    transition: all 200ms linear;
+}
+
+.featured_blog_post > .row {
+    padding: 5px;
+    border-bottom: 1px solid #eee;
+    
+    transition: all 200ms linear;
+}
+.featured_blog_post > .row > div > img{
+    margin-top:10px;
+    margin-left:10px;
+}
+
+.blog-row .panel, .blog-post-content .panel  {
+    border: 0 !important;
+}
+
+.blog-row .panel-body,  .panel-body {
+    border:1px solid #eee;
+    padding-bottom:0;
+    padding-top: 0;
+}
+
+.blog-row .col-md-9.col-sm-9.col-xs-9 , .blog-post-content .col-md-9.col-sm-9.col-xs-9 {
+    padding-left:20px;
+    padding-top:10px;
+}
+
+//Hover Style
+.featured_blog_post>.row:hover {
+    background-color: #fdfdfd;
+}
+
+.featured_blog_post  small em {
+    color:black;
+}
+

data/_sass/core/carousel.scss

@@ -9,6 +9,123 @@
     overflow: auto;
 }
 
+/* Carousel Right Caption */
+.carousel-caption.right-caption {
+    top: 0;
+    margin-top: 47px;
+    right:0;
+    left:0;
+}
+/* CUSTOMIZE THE CAROUSEL
+-------------------------------------------------- */
+
+/* Carousel base class */
+.carousel {
+  height: 500px;
+  margin-bottom: 5px;
+}
+/* Since positioning the image, we need to help out the caption */
+.carousel-caption {
+  z-index: 10;
+}
+
+/* Declare heights because of positioning of img element */
+.carousel .item {
+  height: 500px;
+  background-color: #777;
+}
+.carousel-inner > .item > img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 100%;
+  height: 500px;
+}
+
+
+ p.linaro-home-block-text {
+    color: #fff;
+}
+
+a.carousel-control{
+    border-radius: 50px;
+    border: solid 1px white;
+    height: 50px;
+    width: 50px;
+    vertical-align: middle;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+
+a.carousel-control span.glyphicon-menu-left {
+    top: 12px;
+    left: -5px;
+}
+a.carousel-control span.glyphicon-menu-right {
+    top: 12px;
+    right: 2px;
+}
+
+
+.row.activity-holder.center-block {
+    height: auto;
+}
+
+.activity-holder .activity-block {
+    border: #fff 3px solid;
+    background: transparent !important;
+}
+.activity-block {
+    margin-top: 0px !important;
+    background: transparent !important;
+}
+
+.activity-holder p  {
+    height:99px;
+}
+
+.activity-holder .activity-block {
+    border:0 !important;
+    background: transparent;
+}
+.activity-block {
+    border: 0 !important;
+    background: transparent;
+    margin-top: 70px;
+}
+
+.activity-holder p {
+    height: auto;
+}
+
+.carousel-inner > .item > div.slider-img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    height: 500px;
+}
+
+//Caption divs for home page content on slider
+.carousel-caption.top-caption {
+    top: 0;
+    margin-top: 47px;
+}
+
+.carousel-caption.right-caption {
+    top: 0;
+    margin-top: 47px;
+    right:-100px;
+}
+
+
+/* Left and Right Carousel Control Styles*/
+a.left.carousel-control {
+    display: none;
+}
+a.right.carousel-control{
+    display: none;
+}
 
 /* Responsive CSS for Homepage */
 
@@ -172,4 +289,23 @@
     background-color: #545454 !important;
 }
 
-/* Icons */
+.carousel-inner > .item > div.slider-img {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    height: 500px;
+}
+
+/* Caption divs for home page content on slider */
+.carousel-caption.top-caption {
+    top: 0;
+    margin-top: 47px;
+}
+
+.carousel-caption.right-caption {
+    top: 0;
+    margin-top: 47px;
+    right:-100px;
+}
+

data/_sass/core/footer.scss

@@ -110,6 +110,7 @@ div.row.footer-strip > div > div.pull-right > ul a:hover{
 
 .company-footer-bottom {
     padding-left: 0px;
+    font-size: 13px;
 }
 .company-footer-bottom .container {
     padding-left: 0px;
@@ -138,3 +139,7 @@ a.btn.btn-social-icon:hover i  {
 .company-footer-bottom, .company-footer-bottom a{
     color: $footer-text-color;
 }
+
+.row.footer-strip {
+    border-top-color: $footer-text-color;
+}

data/_sass/core/homepage.scss

@@ -33,17 +33,6 @@
     }
 }
 
-/* Home Page Shape Divider */
-.homepage-shape {
-    margin-bottom: -6px;
-}
-
-/* Home Page Jumbotron Div */
-div#homepage-jumbotron {
-    margin-top: $navbar-height + 10;
-    text-align: center;
-}
-
 /* Home Page Header */
 #homepage-header {
     background: $jumbotron-bottom-color; /* Old browsers */
@@ -76,4 +65,26 @@ div#homepage-jumbotron {
 // Style for Homepage 
 div#wrapper.home-container {
     margin-top: 0;
+}
+
+/* Home Block Slider Style */
+
+@media only screen and (min-width: $screen-xs-min) and (max-width: $screen-sm-min) {
+    #home-block-sliders .owl-theme .owl-nav.disabled+.owl-dots {
+        margin-top: 10px;
+        position: relative;
+        top: -60px;
+    }
+}
+
+#home-block-sliders .owl-theme .owl-nav.disabled+.owl-dots {
+    margin-top: 10px;
+    position: relative;
+    top: -60px;
+}
+
+@media(min-width:$screen-sm-min){
+    .row.activity-holder.center-block {
+        height: auto;
+    }
 }

data/_sass/core/jumbotron.scss

@@ -0,0 +1,10 @@
+/* Home Page Shape Divider */
+.homepage-shape {
+    margin-bottom: -6px;
+}
+
+/* Home Page Jumbotron Div */
+div#featured-jumbotron {
+    margin-top: $navbar-height + 10;
+    text-align: center;
+}

data/_sass/core/nav.scss

@@ -239,6 +239,41 @@ ul#navbar-buttons > li > ul.dropdown-menu {
     color: black;
 }
 
+ul#tabbed_nav > li.active > a:after {
+    height: 1px;
+    background-color: #fff;
+}
+
+ul#tabbed_nav > li.active > a {
+    border-bottom: none;
+}
+
+ul#tabbed_nav > li > a {
+    border-bottom: 1px solid #eee;
+    border-right: 1px solid #eee;
+    font-size: 13px;
+}
+
+
+div#tabbed_nav_content {
+    margin-top:0;
+    padding: 10px;
+    border-right: 1px solid  #eee;
+    border-left: 1px solid #eee;
+    border-bottom:1px solid #eee;
+    margin-bottom: 20px;
+}
+
+div#tabbed_nav_content > div.tab-pane {
+    margin-top:0;
+    padding: 10px
+}
+
+ul#tabbed_nav {
+    border: 1px solid #eee;
+    margin-bottom:0 !important;
+}
+
 // Navbar Brand
 .navbar-brand {
     @media (min-width: $screen-md-min){
@@ -501,7 +536,7 @@ button#closeForm {
 
 // Style for stacked nav
 li.side-nav-button {
-    border-top: 1px solid $gray-lighter;
+    border-top: 1px sstackedolid $gray-lighter;
     border-right: 0px;
     border-left: 0px;
     margin-bottom: -3px;
@@ -527,7 +562,26 @@ li.side-nav-button:first-child {
     border-top: 2px solid $brand-primary;
 }
 
+/* Bold the first li in nav-stacked */
+ul.nav.nav-pills.nav-stacked li:first-child {
+    font-weight: bold;
+}
+
+li.side-nav-button:hover > a {
+    color: $brand-primary;
+}
 
+/* Stacked Nav Icon Div */
+.ext-left{
+    float:left;
+}
+.ext-right {
+    height: auto;
+    vertical-align: middle;
+    display: table-cell;
+    padding-right: 10px;
+    padding-left: 10px;
+}
 
 #navbar-buttons .dropdown-menu>li>a {
     color: #444444;

data/_sass/core/tables.scss

@@ -29,6 +29,27 @@
 
 }
 
+
+/* Table Wrapper */
+.table-wrapper{
+    overflow-x: scroll;
+}
+
+.table-wrapper::-webkit-scrollbar {
+    width: 12px;
+    background-color: #000;
+}
+
+.table-wrapper::-webkit-scrollbar-track {
+    background-color: $brand-primary;
+}
+
+.table-wrapper::-webkit-scrollbar-thumb {
+    background-color: #fff;
+    -webkit-box-shadow: inset 0 0 1px #000;
+    border: 1px solid $brand-primary;
+}
+
 table {
     border-bottom: 0;
 }

data/_sass/core/theme.scss

@@ -89,14 +89,27 @@ hr {
 
 /*-------------Paragraphs --------------------*/
 p {
-    font-size: 20px;
+    font-size: 16px;
     font-weight:300;
-    color: #000000;
+    color: #252525;
     line-height: 1.66em;
     word-wrap: break-word;
-    font-size: 20px;
 }
 
+#content-container p.justify {
+    font-size: 16px;
+    text-align: justify;
+    line-height: 1.66em;
+}
+
+#content-container h2 {
+    font-size: 30px;
+    color: #3D383E;
+    font-weight: 200;
+    text-transform: none;
+}
+
+
 /* Padded Para */
 .padded-para{
     padding:20px;
@@ -129,12 +142,6 @@ p .justified{
     padding-bottom: 20px;
 }
 
-//Content Container block elemcents
-#content-container p {
-    font-size: 20px;
-    color: black;
-    line-height: 1.66em;
-}
 
 #content-container ul { font-size:18px; }
 #content-container ol { font-size: 18px;}
@@ -416,3 +423,85 @@ button#mc-embedded-subscribe:hover{
     color: white;
     transition: all 200ms ease;
 }
+
+/* Repsonsive Media Embed */
+.embed-responsive-16by9 {
+    padding-bottom: 56.25%;
+    margin-bottom: 25px;
+}
+
+/* Right Aligned Image*/
+img.img-responsive.right-aligned-image {
+    float: right;
+    width: 30%;
+    margin: 30px;
+}
+
+@media(max-width:$screen-xs-min){
+    
+    /* Mobile Screens - Right Aligned Images */
+    img.img-responsive.right-aligned-image.lazyloaded {
+        float: none;
+        width: 100%;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: -9px;
+        margin-bottom: -15px;
+    }
+    
+}
+
+/* Wordpress Styles */
+#content-container blockquote, #content-container code, #content-container dl, #content-container fieldset,
+#content-container p, #content-container pre, #content-container table, #content-container ul {
+    margin-bottom: 25px;
+}
+
+#content-container a:hover {
+    text-decoration: none;
+    color: darken($brand-primary, 20%);
+}
+
+#content-container ul {
+    color: #252525 !important;
+    font-size: 16px !important;
+}
+
+/* Blockquote Styles*/
+blockquote{
+    background-color: #f6f6f6;
+}
+
+blockquote:before {
+    position: relative;
+    background-image:url('data:image/svg+xml; utf8, <svg class="mk-svg-icon" xmlns="http://www.w3.org/2000/svg" fill="#ddd" viewBox="0 0 1664 1792"><path d="M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path></svg>');
+    content: "";
+    display: block;
+    left: 0px;
+    top: 0px;
+    width: 32px;
+    height: 35px;
+}
+
+/* VCenter Img*/
+.vcenter-img {
+    display: inline-block;
+    vertical-align: middle;
+    height: 110px;
+}
+
+
+#content-container h1 {
+    color: #393836 !important;
+    font-size: 36px !important;
+    margin-top: 0;
+}
+
+#content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5 {
+    color: #393836 !important;
+}
+
+ul {
+    font-size: 16px;
+}
+