jumbo-jekyll-theme-test 1.0.0

data/_sass/core/breadcrumb.scss

@@ -0,0 +1,97 @@
+/* -------------------------- 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;
+}
+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: 5px;
+    padding-bottom: 5px;
+}
+
+.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-styles.scss

@@ -0,0 +1,3 @@
+@import "owl.carousel.min";
+@import "owl.theme.default.min";
+@import "carousel";

data/_sass/core/carousel.scss

@@ -0,0 +1,318 @@
+
+.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;
+}
+
+
+ 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 */
+
+@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;
+}
+

data/_sass/core/cookieconsent.scss

@@ -0,0 +1,42 @@
+.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
+.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:$font-family-sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
+.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
+@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
+.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
+.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
+
+//Button
+a.cc-btn.cc-dismiss {
+        border: 1px $brand-primary solid;
+        background-color: $cookie-consent-bg;
+        padding: 2px;
+}
+
+//Message
+.cc-floating .cc-message {
+    display: block;
+    margin-bottom: 6px;
+    font-size: 14px;
+    text-align: left;
+}
+
+// Learn More link
+a.cc-link {
+    color: $brand-primary !important;
+}
+
+// Main Div
+.cc-window.cc-floating.cc-type-info.cc-theme-classic.cc-bottom.cc-right.cc-color-override-3938 {
+    background-color: $navbar-inverse-bg !important;
+    color: $navbar-text-color !important;
+    padding: 10px;
+    border-radius: 5px;
+    height: auto;
+}
+
+//Got It! Div around button
+.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
+    text-align: right !important;
+    display: block !important;
+
+}