jumbo-jekyll-theme 3.0.42 → 3.0.43

data/_sass/core/breadcrumb.scss

@@ -0,0 +1,98 @@
+/* -------------------------- Breadcrumb Style -------------------------- */
+/* Bread Crumb Paragraphs */
+
+//Mobile Style for Breadcrumb
+
+@media(max-width:$screen-sm-min){
+    .breadcrumb-container h1, .breadcrumb-container h2, .breadcrumb-container h3 {
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+    .breadcrumb{
+        margin-bottom: 0;
+    }
+    
+    .breadcrumb-container{
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
+    .breadcrumb-inner-container  h1, .breadcrumb-inner-container  h2, .breadcrumb-inner-container  h3 {
+        letter-spacing: 0;
+        font-size: 22px;
+        color: #fff;
+    }
+}
+
+/* Bread Crumb Headings */
+
+.breadcrumb-inner-container  h1, .breadcrumb-inner-container  h2, .breadcrumb-inner-container  h3 {
+    letter-spacing: 0;
+    font-size: 34px;
+    color: #fff;
+}
+
+/* Bread Crumb Ordered List Style */
+
+// Active Colour
+ol.breadcrumb > li.active {
+    color: $navbar-text-color;
+     
+}
+ol.breadcrumb li {
+  font-size: 14px;
+}
+
+ol.breadcrumb > li + li:before {
+  content: "\00bb\00a0";
+}
+
+ol.breadcrumb {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    display: block;
+    padding: 0;
+    margin-bottom: 0;
+}
+ol.breadcrumb li a {
+    color: #fff;
+}
+
+ol.breadcrumb span {
+    font-size: 12px;
+    letter-spacing: 1px;
+    text-transform: none;
+    text-decoration: none;
+    color: $breadcrumb-span-color;
+    opacity: .5;
+}
+
+ol.breadcrumb li.active span {
+    opacity: 1;
+}
+ol.breadcrumb li span:hover {
+    opacity: 1;
+}
+
+
+/* Bread Crumb Container */
+
+.breadcrumb-container{
+    background-color: $breadcrumb-background-color;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.breadcrumb-container > p {
+    color: #fff;
+}
+
+.breadcrumb-inner-container h1, .breadcrumb-inner-container h2, .breadcrumb-inner-container h3{
+    color: $breadcrumb-title-color;
+}
+
+
+
+
+

data/_sass/core/carousel-header.scss

@@ -0,0 +1,91 @@
+// Full Width Slider
+.carousel-fade .carousel-inner .item {
+    opacity: 0;
+    transition-property: opacity;
+}
+.carousel-fade .carousel-inner .active {
+    opacity: 1;
+}
+.carousel-fade .carousel-inner .active.left,
+.carousel-fade .carousel-inner .active.right {
+    left: 0;
+    opacity: 0;
+    z-index: 1;
+}
+.carousel-fade .carousel-inner .next.left,
+.carousel-fade .carousel-inner .prev.right {
+    opacity: 1;
+}
+.carousel-fade .carousel-control {
+    z-index: 2;
+}
+@media all and (transform-3d),
+(-webkit-transform-3d) {
+    .carousel-fade .carousel-inner > .item.next,
+    .carousel-fade .carousel-inner > .item.active.right {
+        opacity: 0;
+    }
+    .carousel-fade .carousel-inner > .item.prev,
+    .carousel-fade .carousel-inner > .item.active.left {
+        opacity: 0;
+    }
+    .carousel-fade .carousel-inner > .item.next.left,
+    .carousel-fade .carousel-inner > .item.prev.right,
+    .carousel-fade .carousel-inner > .item.active {
+        opacity: 1;
+    }
+}
+.item:nth-child(1) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.item:nth-child(2) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.item:nth-child(3) {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+.carousel .item {
+    position: fixed;
+    z-index: 99999;
+    width: 100%;
+    height: $jumbotron-height + 100px;
+    margin-top: $navbar-height;
+}
+.carousel.slide.carousel-fade {
+    position: absolute;
+    top: 0px;
+    z-index: -1;
+}
+nav#universal-nav {
+    z-index: 2;
+    position: static;
+}
+nav#main-navigation {
+    z-index: 999999;
+}
+#content-container {
+    z-index: 1;
+    background-color: $body-bg;
+    position: relative;
+}
+div#jumbotron {
+    text-align: center;
+    height: $jumbotron-height;
+    z-index: 0;
+    position: relative;
+    background: none;
+}
+@media (max-width: $screen-sm-min){
+    #jumbotron {
+        font-size: 32px;
+    }
+}

data/_sass/core/carousel-styles.scss

@@ -0,0 +1,4 @@
+@import "owl.carousel.min";
+@import "owl.theme.default.min";
+@import "carousel";
+@import 'carousel-header';

data/_sass/core/carousel.scss

@@ -0,0 +1,312 @@
+
+.homepage-image-owl{
+    height: auto;
+    width: auto;
+}
+.homepage-image-project{
+    height: 206.5px;
+    width: auto;
+    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;
+}
+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 */
+
+@media only screen and (max-width: $screen-xs-min) {
+    .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;
+    }
+}  
+    
+.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;
+}
+
+
+.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: $screen-sm-min) {
+    .row .activity-holder{
+        height:529.44px;
+    }
+}
+@media (max-width: $screen-sm-min) {
+    .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;
+    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;
+}
+
+.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;
+}
+
+
+// Make sure the owl-dots are displayed correctly.
+button.owl-dot {
+    background: transparent;
+    border: none;
+    outline: none;
+}
+