linaro-jekyll-theme 1.1 → 4.1.0

data/_sass/core/bootstrap-multiselect.scss

@@ -0,0 +1 @@
+span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

data/_sass/core/breadcrumb.scss

@@ -1,90 +1,18 @@
-/* -------------------------- Breadcrumb Style -------------------------- */
-/* Bread Crumb Paragraphs */
-
-//Mobile Style for Breadcrumb
-
-@media(max-width:767px){
-    .breadcrumb-container h1, .breadcrumb-container h2, .breadcrumb-container h3 {
-        margin-top: 0;
-        margin-bottom: 0;
+#wrapper {
+    #breadcrumb {
+        background-color: $breadcrumb_bg_color;
+        h1 {
+            margin-top:0px;
+            margin-bottom:0px;
+            padding-top:10px;
+        }
+        ol {
+            background-color: $breadcrumb_bg_color;
+            padding-left:0px;
+            li:not(:first-child)::before {
+                content: "\00bb\00a0";
+                padding-left:5px;
+            }
+        }
     }
-
-    .breadcrumb{
-        margin-bottom: 0;
-    }
-    
-    .breadcrumb-container{
-        padding-top: 5px;
-        padding-bottom: 5px;
-    }
-}
-
-/* Bread Crumb Headings */
-
-.breadcrumb-inner-container  h1, .breadcrumb-inner-container  h2, .breadcrumb-inner-container  h3 {
-    font-weight: 100 !important;
-    letter-spacing: 0 !important;
-    font-size: 34px !important;
-    color: #fff;
-}
-
-/* Bread Crumb Ordered List Style */
-
-// Active Colour
-ol.breadcrumb > li.active {
-    color: $navbar-base-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;
-}
-ol.breadcrumb li a {
-    color: #fff;
-}
-
-ol.breadcrumb span {
-    font-size: 10px;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    text-decoration: none;
-    color: #fff;
-    opacity: .5;
-}
-
-ol.breadcrumb li.active span {
-    opacity: 1;
-}
-ol.breadcrumb li span:hover {
-    opacity: 1;
-}
-
-
-/* Bread Crumb Container */
-
-.breadcrumb-container{
-    background-color: $brand-primary !important;
-    background-image: none !important;
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-.breadcrumb-container > p {
-    color: #fff;
 }
-
-
-
-
-

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: 0;
+    overflow: hidden;
+}
+nav#universal-nav {
+    z-index: 2;
+    position: static;
+}
+nav#main-navigation {
+    z-index: 999999;
+}
+#content-container {
+    background-color: $body-bg;
+    position: relative;
+}
+div#jumbotron {
+    text-align: center;
+    height: $jumbotron_height;
+    z-index: 0;
+    position: relative;
+    background: none;
+}
+@include media-breakpoint-down(sm) {
+    #jumbotron {
+        font-size: 32px;
+    }
+}

data/_sass/core/carousel-styles.scss

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

data/_sass/core/carousel.scss

@@ -8,29 +8,169 @@
     width: auto;
     overflow: auto;
 }
-//Responsive CSS for Homepage
-@media(max-width:767px){
 
+/* 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;
 }
 
-@media only screen and (max-width: 500px) {
-  .hero-banner {
+.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 */
+
+@include media-breakpoint-only(xs) {
+    .hero-banner {
       padding-top: 0px;
       min-height: auto;
-  }
+    }
 
-  .hero-banner h1 {
+    .hero-banner h1 {
     font-size: 20pt;
-  }
+    }
 
-  .hero-banner p.sub-tag {
+    .hero-banner p.sub-tag {
       width: 90%;
       margin-top: 10px;
       margin-bottom: 20px;
-  }
+    }
 
-  .activity-container {
+    .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;
 }
@@ -44,18 +184,13 @@
     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;
+    background-color: $primary !important;
     transition: all 1s ease;
 }
 
@@ -92,7 +227,7 @@ a.btn.btn-primary {
 }
 .activity-block a:hover{
     text-decoration: none;
-    color: $brand-primary;
+    color: $primary;
     transition: all 1s ease;
 }
 
@@ -106,12 +241,12 @@ a.btn.btn-primary {
 .activity-holder p {
     height: 99px;
 }
-@media (min-width: 992px) {
+@include media-breakpoint-up(sm) {
     .row .activity-holder{
         height:529.44px;
     }
 }
-@media (max-width: 991px) {
+@include media-breakpoint-down(sm) {
     .row .activity-holder{
         height:auto;
     }
@@ -126,13 +261,12 @@ a.btn.btn-primary {
     }
 }
 
-  .activity-holder a.btn-primary:hover {
-      background-color: rgb(25, 148, 123);
-      color: #fff;
-      font-weight: bold;
-      border-color: rgb(25, 148, 123);
-  }
-  
+.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;
@@ -148,4 +282,30 @@ a.btn.btn-primary {
     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;
+}
+
+
+// Make sure the owl-dots are displayed correctly.
+button.owl-dot {
+    background: transparent;
+    border: none;
+    outline: none;
+}