linaro-jekyll-theme 0.1.2 → 0.1.2.1

data/{_assets/css → _sass}/core/blog.scss

@@ -1,5 +1,8 @@
+div#pagination_panel > ul > li.active > a{
+    color: $navbar-inverse-bg;
+}
 .full-page-image {
-    color:black;
+    color: $gray-base;
     height:500px;
     width: 100%;
     object-fit: cover;
@@ -7,16 +10,22 @@
 }
 .blog-row {
     margin-top: 30px;
+    margin-left: 15px;
+    margin-right: 15px;
+}
+
+//Make post images responsive by default
+
+.post-content img {
+    width: 100%;
+    height: auto;
 }
 .blog-panel{
-    margin-top:50px;
+    margin-top:30px;
 }
 .blog-panel .panel-primary .panel-heading{
     margin-left: 5px;
 }
-.blog-post-content{
-    margin-top: 50px;
-}
 .img-blog{
     height:600px;
 }
@@ -42,12 +51,11 @@
     margin-left: auto;
     font-size: 56px;
 }
-.blog-post-content .panel-primary {
-    border: 1px solid #19947b;
+.panel-primary {
+    border: 1px solid $brand-primary;
 }
-
-.blog-post-content .panel-heading {
-    background-color: #19947b;
+.panel-heading {
+    background-color: $brand-primary;
     color: #fff;
 }
 
@@ -66,16 +74,13 @@
     line-height:50px;
     vertical-align:middle;
 }
-.blog_content_area{
-    border-top: 1px solid $gray-light;
-}
 
 .no-padding {
    padding: 0 !important;
    margin: 0 !important;
 }
 .blog-icons{
-    border: 1px solid #777777;
+    border: 1px solid $gray-light;
     border-radius: 45px;
     width: 34px;
     padding: 5px;
@@ -83,7 +88,7 @@
     display: block;
     margin: 5px;
     opacity: .8;
-    color: #777777;
+    color: $gray-light;
     -webkit-transition: all 1s ease;
     transition: all 1s ease;
 }
@@ -107,7 +112,7 @@
 
 .blog-read-more-btn{
     background-color: white;
-    border: 2px solid black;
+    border: 2px solid $gray-base;
     border-radius: 0px;
     font-weight: normal;
     color: $gray-base;
@@ -127,7 +132,7 @@
 a.featured_blog_post_text {
     font-size: 13px;
     line-height: 18px;
-    color: black;
+    color: $gray-base;
     transition: all 1s ease;
 }
 a.featured_blog_post_text:hover{
@@ -145,16 +150,16 @@ a.featured_blog_post_text:hover{
 .featured_blog_post {
   height: auto;
   margin: 5px;
-  border-bottom: 1px solid #f3f3f3;
+  border-bottom: 1px solid $gray-lighter;
   padding: 12px;
 }
 
 .blog-well {
-    background: #222222;
+    background: $gray-darker;
 }
 .btn-blog{
     border: 2px solid $gray-lighter;
-    color: black;
+    color: $gray-base;
     padding: 6px;
 }
 .btn-blog:hover{
@@ -175,7 +180,7 @@ a.featured_blog_post_text:hover{
     font-size: 16px;
 }
 .post_tag {
-    background-color: #eee;
+    background-color: $gray-lighter;
     margin: 2px;
     color: #464646;
 }
@@ -195,12 +200,18 @@ a.featured_blog_post_text:hover{
     height: 100px;
     width: 100px;
     }
-    .blog-post-content {
-    margin-top: 5px;
-    }
-
     .blog_post{
         padding:20px;
     }
+    em.post_date {
+        font-size: 13px;
+    }
+    p.post_excerpt {
+        font-size: 11px;
+    }
+
+    h3.post_title {
+        font-size: 17px;
+    }
 
 }

data/{_assets/css → _sass}/core/breadcrumb.scss

@@ -1,6 +1,20 @@
 /* -------------------------- 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;
+    }
+
+    .breadcrumb{
+        margin-bottom: 0;
+    }
+}
+
+
 .breadcrumb-container > p {
     color: #FFF;
 }
@@ -24,6 +38,7 @@
     border-radius: 0;
     display: block;
 }
+
 .breadcrumb-container{
     background-image: url("../images/banner.jpg");
     background-color: #010220;
@@ -43,6 +58,10 @@
   padding: 0px;
 }
 
-.breadcrumb-title{
+.breadcrumb-title {
   font-size: 18px;
 }
+// Active colour for breadcrumb
+ol.breadcrumb > li.active {
+    color: $navbar-base-text-color;
+}

data/_sass/core/carousel-styles.scss

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

data/{_assets/css → _sass}/core/cookieconsent.scss

@@ -5,9 +5,38 @@
 .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-base-text-color !important;
+    padding: 10px;
+    border-radius: 5px;
+    height: auto;
+}
 
-a.cc-btn.cc-dismiss{
+//Got It! Div around button
+.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
+    text-align: right !important;
+    display: block !important;
 
-        border: 1px #00849b solid;
 }

data/_sass/core/custom.scss

@@ -0,0 +1,3 @@
+---
+---
+//Custom Sass styles

data/{_assets/css → _sass}/core/fa.scss

@@ -4,8 +4,13 @@
  */
 @font-face {
   font-family: 'FontAwesome';
-  src: url('../fonts/fontawesome-webfont.eot);
-  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2) format('woff2'), url('../fonts/fontawesome-webfont.woff) format('woff'), url('../fonts/fontawesome-webfont.ttf) format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+  src: url('/assets/fonts/fontawesome-webfont.eot);
+      src: url('/assets/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
+      url('/assets/fonts/fontawesome-webfont.woff2) format('woff2'),
+      url('/assets/fonts/fontawesome-webfont.woff) format('woff'),
+      url('/assets/fonts/fontawesome-webfont.ttf) format('truetype'),
+      url('/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+
   font-weight: normal;
   font-style: normal;
 }

data/{_assets/css → _sass}/core/footer.scss

@@ -1,5 +1,5 @@
 .sub-footer {
-    background-color: #E5E5E5;
+    background-color: $sub-footer-color;
     padding-top: 40px;
     padding-bottom:30px;
 }
@@ -12,16 +12,20 @@ input#mc-embedded-subscribe {
     color: #fff;
   }
 
+div.row.sub-footer > div.container {
+    padding: 0;
+}
+
 footer {
- background-color: $gray-darker;
+ background-color: $footer-bg-color;
  height:auto;
- color: #FFF;
+ color: $footer-text-color;
  padding:20px;
  font-size: 16px;
  }
 
 footer a{
-    color: $gray-lighter;
+    color: $footer-text-color;
     font-size: 14px;
 }
 footer h3 {
@@ -29,7 +33,7 @@ footer h3 {
     font-weight:700;
 }
 footer a:hover{
-    color: darken($brand-success, 20%);
+    color: $brand-primary;
     text-decoration: none;
     transition: color .5s ease;
    -moz-transition: color .5s ease;
@@ -37,11 +41,10 @@ footer a:hover{
 }
 
 footer b a {
-    color: #FFF;
+    color: $brand-primary;
 }
 footer b a:hover{
-    color: darken($brand-success, 25%);
-
+    color: $brand-primary;
 }
 
 .footer-bottom {
@@ -50,15 +53,17 @@ footer b a:hover{
     background-color: darken($brand-primary, 20%);
     color: #FFF;
 }
+
+
 .footer-strip{
-    background-color: $gray-darker;
-    border-top: 1px $gray-dark solid;
+    background-color: $footer-bg-color;
+    border-top: 1px $brand-primary solid;
 }
 div.row.footer-strip > div > div.pull-right > ul {
     background-color: $gray-darker;
 }
 div.row.footer-strip > div > div.pull-right > ul a {
-    color: #FFF;
+    color: $footer-text-color;
 }
 div.row.footer-strip > div > div.pull-right > ul a:hover{
     color: $brand-primary;
@@ -67,9 +72,9 @@ div.row.footer-strip > div > div.pull-right > ul a:hover{
    -webkit-transition: color .5s ease;
 }
 .footer-strip .container div {
-    height:50px;
+    height:auto;
     line-height: 50px;
-    color: #FFF;
+    color: $footer-text-color;
 }
 .coloured-bp{
     color: $brand-primary;
@@ -77,3 +82,40 @@ div.row.footer-strip > div > div.pull-right > ul a:hover{
 .main-footer-content{
         margin-bottom: 10px;
 }
+
+.footer-logo {
+    display:block;
+    max-width: 100px;
+    height: auto;
+}
+
+.company-footer-bottom {
+    padding-left: 0px;
+}
+.company-footer-bottom .container {
+    padding-left: 0px;
+}
+
+.social-footer-bottom{
+    padding-left: 0px;
+}
+.social-footer-bottom .container{
+    padding-left: 0px;
+}
+
+a.btn.btn-social-icon {
+    color: $footer-text-color;
+    transition: color 1s ease;
+}
+a.btn.btn-social-icon:hover {
+    color: $brand-primary;
+    transition: color 1s ease;
+}
+
+.company-footer-bottom img.linaro-logo {
+     width:40px;
+     height:100%;
+}
+.company-footer-bottom, .company-footer-bottom a{
+    color: $footer-text-color;
+}

data/_sass/core/homepage.scss

@@ -0,0 +1,40 @@
+//Home Page Heading
+#homepage-heading {
+    color: $brand-warning;
+    font-size: 30pt;
+    font-weight: normal;
+    line-height: 1.25;
+}
+
+@media(max-width:991px){
+    #homepage-heading {
+        font-size: 26px;
+    }
+    p.sub-tag {
+        width:95%;
+    }
+}
+
+.homepage-shape {
+    margin-bottom: -8px;
+}
+
+.homepage-image-jumbotron {
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+}
+
+#home-page-text{
+    color: $home-page-title-text;
+}
+
+#home-page-title{
+    color: $home-page-main-title-color;
+}
+
+#home-hero-image {
+  width: auto;
+  height: 200px;
+}

data/{_assets/css → _sass}/core/nav.scss

@@ -25,6 +25,23 @@ nav li a:hover{
    -moz-transition: color .5s ease;
    -webkit-transition: color .5s ease;
 }
+.dropdown-submenu>ul.dropdown-menu {
+    margin-left: -1px !important;
+}
+
+ul#navbar-buttons > li > ul.dropdown-menu {
+    top: 66px;
+}
+
+// Tabbed nav bar css
+
+#tabbed-nav-bar .nav-tabs > li > a {
+    color: black;
+}
+
+ul#searchDropdown {
+    top: 6px !important;
+}
 
 //By default hide the complete search form and then load it using jQuery.
 #searchform {
@@ -32,12 +49,18 @@ nav li a:hover{
     min-width: 37px;
 }
 
+#brand-image {
+    height:70px;
+    width:auto;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
 #brand-image {
     @media (min-width: 1200px){
         height:70px;
         width:auto;
     }
-    @media (max-width: 1199px){
+    @media (max-width: 1200px){
         height:50px;
         width:auto;
     }
@@ -100,7 +123,7 @@ nav li a:hover{
     padding: 8px 12px;
     border-radius: 0px;
     border-width: 0px;
-    color: #FFF;
+    color: $navbar-base-text-color;
     border-color: rgb(231, 231, 231);
     box-shadow: none;
     outline: none;
@@ -123,9 +146,9 @@ nav li a:hover{
     padding: 16px 12px;
     font-size: 14pt;
     font-style: normal;
-    color: rgb(160, 160, 160);
+    color: $navbar-base-text-color;
     box-shadow: none;
-    background-color: $gray-darker;
+    background-color: $navbar-inverse-bg;
 }
 
 @media (min-width: 1200px) {
@@ -190,7 +213,7 @@ nav li a:hover{
     }
      .navbar-collapse form[role="search"].active button[type="reset"] {
         min-width: 40px;
-        background-color: $gray-darker;
+        background-color: $navbar-inverse-bg;
         display: table-cell;
     }
      .navbar-collapse form[role="search"].active button[type="submit"]:hover {
@@ -340,16 +363,19 @@ nav > ul.navbar-right {
         min-width: 234px;
         width:781px;
         font-size:16px;
-        background-color: #222222;
+        background-color: $navbar-inverse-bg;
         right: -2px;
     }
     #searchDropdown input {
         width: 675px;
         text-align: right;
-        color: #CCC;
-        background-color: #222222;
+        color: $navbar-base-text-color;
+        background-color: $navbar-inverse-bg;
         outline:0;
         border:0;
+        outline-style: none;
+        box-shadow: none;
+        border-color: transparent;
 
     }
     #searchDropdown input:focus{
@@ -358,7 +384,7 @@ nav > ul.navbar-right {
     }
     #searchDropdown button[type="reset"]{
         font-size:16px;
-        background-color: #222222;
+        background-color: $navbar-inverse-bg;
         border:0;
     }
     #searchDropdown button[type="reset"]:hover{
@@ -368,7 +394,7 @@ nav > ul.navbar-right {
 
     #searchDropdown button[type="submit"]{
         font-size:16px;
-        background-color: #222222;
+        background-color: $navbar-inverse-bg;
         border:0;
     }
     #searchDropdown button[type="submit"]:hover{
@@ -411,7 +437,7 @@ nav > ul.navbar-right {
         font-size: 14px;
     }
     #tabbed-nav-bar .nav-tabs{
-        background-color: $gray-darker;
+        background-color: $navbar-inverse-bg;
         margin-top: -25px;
         margin-bottom: 20px;
     }
@@ -419,7 +445,7 @@ nav > ul.navbar-right {
         background: transparent;
     }
     #tabbed-nav-bar .nav-tabs>li>a {
-        color: white;
+        color: $navbar-base-text-color;
     }
     #tabbed-nav-bar .nav-tabs>li>a:hover {
         color: $brand-primary;
@@ -454,7 +480,7 @@ nav > ul.navbar-right {
     overflow: hidden;
 }
 .tab-content {
-    margin-top: 20px;
+    margin-top: 40px;
 }
 .nav-tabs > li {
     font-size: 14px;
@@ -482,6 +508,10 @@ nav > ul.navbar-right {
     padding-bottom: 4px;
 }
 
+.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;
+}
+
 .nav-tabs > li > a::after {
     content: "";
     height: 2px;
@@ -508,7 +538,7 @@ nav > ul.navbar-right {
     font-weight: 700;
 }
 .nav-tabs > li > a {
-    color: $gray-darker;
+    color: $navbar-base-text-color;
 }
 
 .nav-tabs > li.active > a,
@@ -521,7 +551,7 @@ nav > ul.navbar-right {
 }
 .tab-nav > li > a::after {
     background: $brand-primary none repeat scroll 0% 0%;
-    color: #fff;
+    color: $navbar-base-text-color;
 }
 
 
@@ -534,3 +564,94 @@ nav > ul.navbar-right {
 .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-base-text-color;
+}
+button#searchButton {
+    color: $navbar-base-text-color;
+}
+@media (max-width: 1199px){
+    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a.dropdown-item {
+        color: $navbar-base-text-color;
+    }
+}
+
+// Style for stacked nav
+li.side-nav-button {
+    border-top: 1px solid $gray-lighter;
+    border-right: 0px;
+    border-left: 0px;
+    margin-bottom: -3px;
+}
+li.side-nav-button:first-child {
+    border-top: 0px;
+}
+.nav-pills>li.side-nav-button>a {
+    border-radius: 0px;
+    font-size: 16px;
+}
+
+//Sub Menu for Bootstrap 3 Dropdowns
+.dropdown-submenu {
+    position:relative;
+}
+.dropdown-submenu>.dropdown-menu {
+    top:0;
+    left:100%;
+    margin-top:-6px;
+    margin-left:-1px;
+    -webkit-border-radius:0 6px 6px 6px;
+    -moz-border-radius:0 6px 6px 6px;
+    border-radius:0 6px 6px 6px;
+}
+.dropdown-submenu:hover>.dropdown-menu {
+    display:block;
+}
+.dropdown-submenu>a:after {
+    display:block;
+    content:" ";
+    float:right;
+    width:0;
+    height:0;
+    border-color:transparent;
+    border-style:solid;
+    border-width:5px 0 5px 5px;
+    border-left-color:#cccccc;
+    margin-top:5px;
+    margin-right:-10px;
+}
+.dropdown-submenu:hover>a:after {
+    border-left-color:#ffffff;
+}
+.dropdown-submenu.pull-left {
+    float:none;
+}
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left:-100%;
+    margin-left:10px;
+    -webkit-border-radius:6px 0 6px 6px;
+    -moz-border-radius:6px 0 6px 6px;
+    border-radius:6px 0 6px 6px;
+}
+.dropdown-submenu > ul.dropdown-menu {
+    margin-left: 15px;
+}
+.dropdown-submenu > ul.dropdown-menu > li > a {
+    color: $navbar-base-text-color;
+}
+.dropdown-submenu > ul.dropdown-menu > li > a:hover {
+    color: $brand-primary;
+    text-decoration: none;
+    transition: 500ms all ease;
+}
+
+button.btn.btn-default.dropdown-toggle {
+    color: $navbar-base-text-color;
+}