jumbo-jekyll-theme 2.5.0 → 3.0.0

data/_sass/core/homepage.scss

@@ -1,69 +1,4 @@
-
-/* Home Page Styles */
-
-
-/* Home Page Heading */
-#homepage-heading {
-    color: $brand-warning;
-    font-size: 30pt;
-    line-height: 1.25;
-}
-
-
-/* Home Page Styles - SM  */
-
-@media(max-width:$screen-sm-min){
-    
-    #homepage-heading {
-        font-size: 26px;
-    }
-    p.sub-tag {
-        width:95%;
-    }
-    
-    #home-hero-image{
-        height: 150px;
-    }
-}
-
-/* Home Page Header */
-#homepage-header {
-    background: $jumbotron-bottom-color; /* Old browsers */
-    background: -moz-linear-gradient(top, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* FF3.6-15 */
-    background: -webkit-linear-gradient(top, $jumbotron-top-color 0%,$jumbotron-bottom-color 100%); /* Chrome10-25,Safari5.1-6 */
-    background: linear-gradient(to bottom, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$jumbotron-top-color, endColorstr=$jumbotron-bottom-color,GradientType=0 ); /* IE6-9 */
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-    background-position: center center;
-}
-
-#home-page-text{
-    color: $home-page-text;
-}
-
-/* Home Page Title in Jumbotron */
-#home-page-title{
-    color: $home-page-main-title-color;
-    font-size: 32px;
-    font-weight: bold;
-}
-
-/* Home Page Title in white*/
-h1#home-page-title.white {
-    color: white;
-}
-
-/* Home Page Image in Jumbotron */
-#home-hero-image {
-  width: auto;
-  height: 200px;
-}
-
 /* 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;
@@ -71,36 +6,14 @@ h1#home-page-title.white {
         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;
     }
 }
-
-.content-background-image {
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: cover;
-    border-bottom: 1px solid #ccc;
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    opacity: .5;
-}
-
-
-.content-background-image-container{
-    position: relative;
-}
-
-.content-background-image-row{
-    position: relative;
-    overflow: hidden;
-}
+@import 'carousel-header';

data/_sass/core/jumbotron.scss

@@ -1,13 +1,8 @@
-
-
 /* Home Page Jumbotron Div */
-div#featured-jumbotron {
+div#jumbotron-content {
     text-align: center;
-    margin-top: $navbar-height + 20;
-    margin-bottom: $navbar-height + 20;
-    min-height: 320px;
+    min-height: $jumbotron-height;
 }
-
 #jumbotron-image:before {
     content: '';
     position: absolute;
@@ -18,24 +13,13 @@ div#featured-jumbotron {
     background-image: linear-gradient(to bottom right, #000, #000);
     opacity: .5;
 }
-
-/* Featured Image Overlay - 50% opacity */
-.overlay {
-    background-color: rgba(0, 0, 0, 0.5);
+/* Overlay - 60% opacity default */
+#jumbotron.overlay {
+    background-color: rgba(0, 0, 0, $overlay);
     position: relative;
     z-index: 0;
 }
-
-
-div.jumbotron-image{
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: cover;
-    height: 100%;
-    width: 100%;
-}
-
-.overlay:before {
+#jumbotron.overlay:before {
     content: '';
     position: relative;
     top: 0;
@@ -45,7 +29,56 @@ div.jumbotron-image{
     background-image: linear-gradient(to bottom right, #000, #000);
     opacity: .5;
 }
-
-.row.shape-divider svg {
-    margin-bottom: -5px;
+div.jumbotron-image{
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    height: 100%;
+    width: 100%;
+}
+/* Jumbotron Sub Title */
+#jumbotron-sub-title {
+    color: $jumbotron-sub-title-color;
+    font-size: $jumbotron-sub-title-font-size;
+}
+/* Jumbotron Heading */
+#jumbotron-heading {
+    color: $jumbotron-heading-color;
+    font-size: $jumbotron-font-size;
+    margin-top: 0px;
 }
+/* Jumbotron Styles - SM  */
+@media(max-width:$screen-sm-min){
+    #jumbotron-heading {
+        font-size: $jumbotron-font-size-xs;
+    }
+    #jumbotron-sub-title {
+        color: $jumbotron-sub-title-color;
+        font-size: $jumbotron-sub-title-font-size-xs;
+    }
+}
+#buttons >  a.btn {
+    color: black ;
+    font-weight: normal;
+    font-size: 12px;
+    background-color: white;
+}
+#buttons >  a.btn:hover {
+    color: white ;
+    font-weight: normal;
+    font-size: 12px;
+    background-color: $brand-primary;
+}
+/* Jumbotron Header */
+#jumbotron {
+    background: $jumbotron-bottom-color; /* Old browsers */
+    background: -moz-linear-gradient(top, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(top, $jumbotron-top-color 0%,$jumbotron-bottom-color 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to bottom, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$jumbotron-top-color, endColorstr=$jumbotron-bottom-color,GradientType=0 ); /* IE6-9 */
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    background-position: center center;
+}

data/_sass/core/nav.scss

@@ -34,9 +34,6 @@ div#tabbed-nav-bar-collapse {
         margin-right: -5px;
     }
 }
-#tabbed-nav-bar {
-    margin-top: -20px;
-}
 
 div#tabbed-nav-bar.non-sticky-nav > .container {
     padding-left: 0px;
@@ -86,13 +83,10 @@ nav#main-navigation.nav-light #navbar-buttons>li>a {
    color: #fff;
 }
 
-
+div#tabbed-nav-bar.sticky-nav {
+    top: 0px;
+}
 @media (max-width: $screen-sm){
-    
-    .sticky-nav#tabbed-nav-bar {
-        top: 20px;
-    }
-    
     div#tabbed-nav-bar.sticky-nav li.divider {
         border-top: 2px solid #272727;
     }
@@ -504,7 +498,8 @@ nav > ul.navbar-right {
 
 .navbar-header {
     position: relative;
-    z-index: 2;
+    z-index: 4;
+    overflow: hidden;
 }
 
 // Tabbed Nav bar
@@ -543,11 +538,23 @@ nav > ul.navbar-right {
     padding-top: 4px;
     padding-bottom: 4px;
 }
-
+#wrapper li.tabbed-nav-btn {
+    border-right: 1px solid #f9f9f9;
+    border-left: 1px solid #f9f9f9;
+    border-bottom: 1px solid #f9f9f9;
+    background-color: black;
+    color: white;
+    text-align:center;
+}
+#wrapper li.tabbed-nav-btn a {
+    color: white;
+}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover {
     color: $brand-primary !important;
 }
-
+#wrapper .nav-tabs {
+    border-bottom: none;
+}
 .nav-tabs > li > a::after {
     content: "";
     height: 2px;
@@ -588,35 +595,18 @@ nav > ul.navbar-right {
     background: $brand-primary none repeat scroll 0% 0%;
     color: $navbar-text-color;
 }
-
-
-@media (min-width: $screen-md-min) {
-    #tabbed-nav-bar .nav-tabs {
-        margin-top: 18px;
-    }
-
-}
-
-.tab-pane-legal{
-    padding:0px;
-}
-
-
 //Changed the default navbar text colour
 .navbar-inverse .navbar-nav > li > a {
  color: $footer-text-color;
 }
-
 button#closeForm {
     color: $navbar-text-color;
 }
-
 @media (max-width: $screen-md-min){
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a.dropdown-item {
         color: $navbar-text-color;
     }
 }
-
 // Style for stacked nav
 li.side-nav-button {
     border-top: 1px sstackedolid $gray-lighter;
@@ -773,7 +763,7 @@ div#search_bar input:-ms-input-placeholder {
 }
 
 
-//NavBar Subtle Animations
+// NavBar Subtle Animations
 li.dropdown-submenu.sub-menu:hover  > a:after {
     margin-right:-6px;
     margin-top: 8px;
@@ -796,58 +786,6 @@ ul.dropdown-menu.menu {
     padding-bottom: 0;
     border-radius: 0 !important;
 }
-
-// Linaro Sites Navigation
-
-li#linaro-app-menu-item  > a >i.glyphicon.glyphicon-th {
-    font-size: 16px;
-    margin-top: -17px;
-}
-
-li#linaro-app-menu-item {
-    top: -1px;
-}
-
-li#linaro-app-menu-item {
-    margin-right: 15px;
-}
-
-li#linaro-app-menu-item > ul {
-    right: 10px;
-    left: auto;
-}
-
-li#linaro-app-menu-item > ul {
-    background: none repeat scroll 0 0 #a080b7;
-    margin-top: 25px;
-    padding: 0 0 0 10px;
-    position: absolute;
-    width: 125px;
-    z-index: 999;
-    border:solid #a080b7 1px;
-    margin-left:-24px;
-    padding-left: 0;
-}
-
-li#linaro-app-menu-item > ul:before {
-    top:-34px;
-    left: 93%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
-}
-
-
-li#linaro-app-menu-item > ul:before {
-    border-color: rgba(204, 204, 204, 0);
-    border-bottom-color: #a080b7;
-    border-width: 16px;
-    margin-left: -16px;
-}
-
 @media(min-width:$screen-sm-min){
     div#tabbed-nav-bar.sticky-nav li.divider {
         border-right: 1px solid $navbar-inverse-bg;
@@ -917,12 +855,6 @@ li#linaro-app-menu-item > ul:before {
 #navbar_svg .cls-8 {
     opacity: 0.7;
 }
-
-#main-navigation.navbar-static button.navbar-toggle {
-    left: 42px;
-    position: relative;
-}
-
 // Style for sidebar stacked nav sub pages
 li.side-nav-button.sub-page a {
     padding-left: 40px;
@@ -943,7 +875,7 @@ nav#main-navigation.navbar-fixed-top {
     padding-bottom:0px;
 }
 #main-navigation div#navbar-collapse {
-    z-index: 3;
+    z-index: 2;
 }
 // CSS for the left aligned dropdowns
 
@@ -969,3 +901,49 @@ li.dropdown-submenu.sub-menu > a {
 
 // Import the CSS for the iuniversal NavBar
 @import "universal-nav";
+
+// Animated navbar toggle
+.navbar-toggle {
+border: none;
+background: transparent !important;
+}
+.navbar-toggle:hover {
+background: transparent !important;
+}
+.navbar-toggle .icon-bar {
+width: 22px;
+transition: all 0.2s;
+}
+.navbar-toggle .top-bar {
+transform: rotate(45deg);
+transform-origin: 10% 10%;
+}
+.navbar-toggle .middle-bar {
+opacity: 0;
+}
+.navbar-toggle .bottom-bar {
+transform: rotate(-45deg);
+transform-origin: 10% 90%;
+}
+.navbar-toggle.collapsed .top-bar {
+transform: rotate(0);
+}
+.navbar-toggle.collapsed .middle-bar {
+opacity: 1;
+}
+.navbar-toggle.collapsed .bottom-bar {
+transform: rotate(0);
+}
+// Scroll Track
+.navbar-collapse::-webkit-scrollbar {
+    width: 1em;
+}
+.navbar-collapse::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    background-color: darken($navbar-inverse-bg, 80%);
+}
+.navbar-collapse::-webkit-scrollbar-thumb {
+  background-color: $brand-primary;
+  outline: 1px solid lighten($navbar-inverse-bg, 90%);
+}

data/_sass/core/theme.scss

@@ -627,4 +627,14 @@ blockquote:before {
 
 ul {
     font-size: 16px;
+}
+// FlexBox
+.flex-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+.flex-container {
+    display: flex;
 }