jumbo-jekyll-theme 1.4.2.0 → 1.4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 7b9edfb0cecaabd5e7583ab1d160f4ad696db149
4
- data.tar.gz: 03c9a2d747281ce6c2d2c0f48107bf653e3c3335
3
+ metadata.gz: dc8fde63b0c387fba60027327c9163d88988346f
4
+ data.tar.gz: 0fa7db755c5f1172e49c45889ed5f814b7bf00e4
5
5
  SHA512:
6
- metadata.gz: 4dc3aa215d32d29c2872f299a09dcea7f3056da5eda256e16373c7fb08b219362e9bb898891e6810672744624ea2c255d492ea17aff30441f3b4933f37b0214a
7
- data.tar.gz: 6d920c1f02fcc8da3f25d8df5aeb35390ff8cfbf67de266df346cb6c056353b7a3aae1f96cf7f44e032d882672b2afe49a6deb4335b8ed78773f54b1e3e228c7
6
+ metadata.gz: ba29e98702066eb0d1661fb76151d384bfca04d30d45498604eaf5ed87a3f616406cd8a97d8969bbbc631051cf0965822f2d1f62e73c06f41f6b0c58e3235fa4
7
+ data.tar.gz: d091d31b733b31c34372d99ee9cfbca716a94e51b24d334480026d1648858d17d8645935ede367fcde80460bc0dff318b9921b6e4456948a0808996d0a466c24
data/_data/nav.yml CHANGED
@@ -1,6 +1,6 @@
1
1
  # Search Config
2
2
  search:
3
- enabled: true
3
+ enabled: false
4
4
  label: Linaro
5
5
 
6
6
  # Nav Brand Config
@@ -0,0 +1,21 @@
1
+ pages:
2
+ -
3
+ list:
4
+ -
5
+ title: "Home"
6
+ url: /
7
+ -
8
+ title: "About"
9
+ url: "/about/"
10
+ -
11
+ title: "FAQ"
12
+ url: "/faq/"
13
+ -
14
+ title: "Jekyll"
15
+ url: "/jekyll/"
16
+
17
+ urls: [
18
+ /,
19
+ /about/,
20
+ /faq/,
21
+ /jekyll/]
@@ -6,12 +6,12 @@
6
6
  -moz-background-size: cover;
7
7
  -o-background-size: cover;
8
8
  background-position-y: 0px"
9
- class="jumbotron text-center homepage-jumbotron homepage-image-jumbotron"
9
+ class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
10
10
  {% else %}
11
- class="jumbotron text-center homepage-jumbotron"
11
+ class="jumbotron text-center featured-jumbotron"
12
12
  {% endif %}> <!--Fluid Container -->
13
13
  <div class="row"> <!--Row -->
14
- <div id="homepage-jumbotron"> <!--Jumbotron div -->
14
+ <div id="featured-jumbotron"> <!--Jumbotron div -->
15
15
 
16
16
  <div class="container" id="jumbotron-text"> <!--Container -->
17
17
 
@@ -0,0 +1,13 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+
3
+ <svg id="Linaro-Sprinkle" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" data-name="Linaro Sprinkle">
4
+
5
+ <title>Linaro-Logo</title>
6
+
7
+ <path class="cls-1 green-big" d="m454.13 73.48h-128.7a20.88 20.88 0 0 0 -20.89 20.87v128.65a20.88 20.88 0 0 0 20.89 20.87h128.7a20.87 20.87 0 0 0 20.87 -20.87v-128.65a20.86 20.86 0 0 0 -20.87 -20.87z"></path>
8
+ <path class="cls-2 red" d="m186.6 73.22h-107.91a17.5 17.5 0 0 0 -17.51 17.49v107.91a17.51 17.51 0 0 0 17.51 17.5h107.91a17.5 17.5 0 0 0 17.5 -17.5v-107.91a17.49 17.49 0 0 0 -17.5 -17.49z"></path>
9
+ <path class="cls-3 pink" d="m212.13 310.22h-88a14.28 14.28 0 0 0 -14.28 14.27v88a14.28 14.28 0 0 0 14.28 14.27h88a14.27 14.27 0 0 0 14.27 -14.27v-88a14.27 14.27 0 0 0 -14.27 -14.27z"></path>
10
+ <path class="cls-4 purple" d="m279.7 73.41h-36.89a6 6 0 0 0 -6 6v36.89a6 6 0 0 0 6 6h36.89a6 6 0 0 0 6 -6v-36.91a6 6 0 0 0 -6 -5.98z"></path>
11
+ <path class="cls-5 purple-big" d="m349.44 159h-152.05a24.67 24.67 0 0 0 -24.68 24.65v152.05a24.67 24.67 0 0 0 24.68 24.66h152.05a24.65 24.65 0 0 0 24.66 -24.66v-152.06a24.65 24.65 0 0 0 -24.66 -24.64z"></path>
12
+ <path class="cls-6 green" d="m86.83 109.43h-53.2a8.63 8.63 0 0 0 -8.63 8.63v53.2a8.63 8.63 0 0 0 8.63 8.63h53.2a8.63 8.63 0 0 0 8.63 -8.63v-53.2a8.62 8.62 0 0 0 -8.63 -8.63z"></path>
13
+ </svg>
@@ -2,58 +2,86 @@
2
2
  {% comment %}
3
3
  Recent Posts Displayed here.
4
4
  {% endcomment %}
5
+ <div class="panel panel-primary" class="blog-sidebar">
6
+ <div class="panel-heading">
7
+ <h3 class="panel-title">Recent Posts</h3>
8
+ </div>
9
+ <div class="panel-body">
10
+ {% for post in site.posts limit: 3 %}
11
+ <a href="{{post.url}}">
12
+ <div class="row featured_blog_post">
13
+ <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
14
+ <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
15
+ {% if assets[post.thumbnail_image] %}
16
+ data-src="{% asset_path '{{post.thumbnail_image}}'%}"
17
+ {% elsif assets[post.featured_image] %}
18
+ data-src="/assets/thumbnails/blog/{{post.featured_image}}"
19
+ {% elsif post.image.featured %}
20
+ {% if post.image.thumb %}
21
+ {% if assets[post.image.thumb] %}
22
+ data-src="{% asset_path '{{post.image.thumb}}'%}"
23
+ {% else %}
24
+ data-src="{{post.image.thumb}}"
25
+ {% endif %}
26
+ {% else %}
27
+ data-src="/{{site.mini_magick.thumbnails.destination}}/{{post.image.name}}"
28
+ {% endif %}
29
+ {% else %}
30
+ data-src="{% asset_path 'placeholder.png' %}"
31
+ {% endif %}
5
32
 
6
- <div class="panel panel-default" class="blog-panel">
7
-
8
- <div class="panel-heading">
9
- <h3 class="panel-title">Recent Posts</h3>
10
- <i class="glyphicon glyphicon-calendar pull-right" style="margin-top:-15px;"></i>
11
- </div>
12
-
13
- <div class="panel-body">
14
-
15
- {% for recent_post in site.posts limit: 3 %}
16
- <div class="featured_blog_post">
17
- <div class="row">
18
- <div class="col-xs-12 no-padding">
19
- <a href="{{recent_post.url}}">{{recent_post.title | truncate: 40}}</a>
20
- <br /><small><em>{{recent_post.date | date: "%A, %B %-d, %Y" }}</em></small>
21
- </div>
22
- </div>
23
- </div>
24
- {% endfor %}
25
-
26
- <div class="panel-view-more text-right">
27
- <a href="/blog/">
28
- View Blogs
29
- </a>
30
- </div>
31
-
32
- </div>
33
-
33
+ alt="{{post.title}}" class="img-responsive lazyload"/>
34
+ </div>
35
+ <div class="col-md-9 col-sm-9 col-xs-9 ">
36
+ {{post.title | truncate: 40}}
37
+ <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
38
+ </div>
39
+ </div>
40
+ </a>
41
+ {% endfor %}
42
+ </div>
34
43
  </div>
44
+
35
45
 
36
46
  {% comment %}
37
47
  Other Posts
38
48
  {% endcomment %}
39
49
 
40
- <div class="panel panel-default">
41
- <div class="panel-heading">
42
- <h3 class="panel-title">Other Posts</h3>
43
- <i class="glyphicon glyphicon-list-alt pull-right" style="margin-top:-15px;"></i>
44
- </div>
45
- <div class="panel-body">
46
- {% assign posts = site.posts | sample:5 %}
47
- {% for post in posts %}
48
- <div class="featured_blog_post">
49
- <div class="row">
50
- <div class="col-xs-12 no-padding">
51
- <a href="{{post.url}}">{{post.title | truncate: 40}}</a>
52
- <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
53
- </div>
54
- </div>
55
- </div>
56
- {% endfor %}
57
- <div class="panel-view-more text-right"><a href="/blog/">View Blogs</a></div>
58
- </div>
50
+ <div class="panel panel-primary" class="blog-sidebar">
51
+ <div class="panel-heading">
52
+ <h3 class="panel-title">Other Posts</h3>
53
+ </div>
54
+ <div class="panel-body">
55
+ {% assign posts = site.posts | sample:5 %}
56
+ {% for post in posts %}
57
+
58
+ <a href="{{post.url}}">
59
+ <div class="row featured_blog_post">
60
+ <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
61
+ <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
62
+ {% if post.image.featured %}
63
+ {% if post.image.thumb %}
64
+ {% if assets[post.image.thumb] %}
65
+ data-src="{% asset_path '{{post.image.thumb}}'%}"
66
+ {% else %}
67
+ data-src="{{post.image.name}}"
68
+ {% endif %}
69
+ {% else %}
70
+ data-src="/{{site.mini_magick.thumbnails.destination}}{{post.image.name}}"
71
+ {% endif %}
72
+ {% else %}
73
+ data-src="{% asset_path 'placeholder.png' %}"
74
+ {% endif %}
75
+
76
+ alt="{{post.title}}" class="img-responsive lazyload"/>
77
+
78
+ </div>
79
+ <div class="col-md-9 col-sm-9 col-xs-9 ">
80
+ {{post.title | truncate: 40}}
81
+ <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
82
+ </div>
83
+ </div>
84
+ </a>
85
+ {% endfor %}
86
+ </div>
59
87
  </div>
data/_includes/shape.html CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="container-fluid"> <!--Fluid Container -->
2
2
  <div class="row"> <!--Row -->
3
- <div id="homepage-jumbotron"
3
+ <div id="featured-jumbotron"
4
4
 
5
5
  {% if site.data.settings.home.jumbotron.background %}
6
6
  style="background: #000 url({{site.data.settings.home.jumbotron.background}}) no-repeat center center fixed;
@@ -9,9 +9,9 @@
9
9
  -moz-background-size: cover;
10
10
  -o-background-size: cover;
11
11
  background-position-y: 80px;"
12
- class="jumbotron text-center homepage-jumbotron homepage-image-jumbotron"
12
+ class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
13
13
  {% else %}
14
- class="jumbotron text-center homepage-jumbotron"
14
+ class="jumbotron text-center featured-jumbotron"
15
15
  {% endif %} > <!--Jumbotron div -->
16
16
 
17
17
  <div class="container"> <!--Container -->
@@ -1,4 +1,4 @@
1
- {% assign sub-nav-tabs = site.data.sub-nav.pages %}
1
+ {% assign sub-nav-tabs = site.data.sticky-tab-bar.pages %}
2
2
 
3
3
  {% if sub-nav-tabs %}
4
4
 
@@ -19,33 +19,33 @@
19
19
 
20
20
 
21
21
  {% if tab-list %}
22
- <div class="tabbed-area" id="tabbed-nav-bar"><!-- Nav tabs Wrapper-->
23
- <nav class="navbar-default" role="navigation"><!-- Nav -->
24
- <div class="container"><!-- Container -->
25
- <div class="navbar-header"><!-- Navbar Header -->
26
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse">
27
- <span class="sr-only">Toggle navigation</span>
28
- <span class="icon-bar"></span>
29
- <span class="icon-bar"></span>
30
- <span class="icon-bar"></span>
31
- </button><!-- Navbar Icon Bar Toggle -->
32
- <a class="navbar-brand" id="sub-navigation-header" href=""></a><!-- Navbar Brand -->
33
- </div>
34
- <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse"><!-- Navbar Collapse -->
35
- <ul class="nav nav-tabs tabbed-nav" id="tab-row" role="tablist">
36
- {% for tab in tab-list %}
37
- <li role="presentation" {% if page.url == tab.url %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="{{tab.url}}" aria-controls="overview" role="link">{{tab.title}}</a></li>
38
- {% endfor %}
39
- </ul>
40
- </div>
41
- </div>
42
- </nav>
22
+ <div class="tabbed-area" id="tabbed-nav-bar"><!-- Nav tabs Wrapper-->
23
+ <nav class="navbar-default" role="navigation"><!-- Nav -->
24
+ <div class="container"><!-- Container -->
25
+ <div class="navbar-header"><!-- Navbar Header -->
26
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#tabbed-nav-bar-collapse">
27
+ <span class="sr-only">Toggle navigation</span>
28
+ <span class="icon-bar"></span>
29
+ <span class="icon-bar"></span>
30
+ <span class="icon-bar"></span>
31
+ </button><!-- Navbar Icon Bar Toggle -->
32
+ <a class="navbar-brand" id="sub-navigation-header" href=""></a><!-- Navbar Brand -->
33
+ </div>
34
+ <div class="collapse navbar-collapse" id="tabbed-nav-bar-collapse"><!-- Navbar Collapse -->
35
+ <ul class="nav nav-tabs tabbed-nav" id="tab-row" role="tablist">
36
+ {% for tab in tab-list %}
37
+ <li role="presentation" {% if page.url == tab.url %}class="active tabbed-nav-btn"{% else %}class="tabbed-nav-btn"{% endif %}><a href="{{tab.url}}" aria-controls="overview" role="link">{{tab.title}}</a></li>
38
+ {% endfor %}
39
+ </ul>
40
+ </div>
43
41
  </div>
42
+ </nav>
43
+ </div>
44
44
  {% elsif custom-include %}
45
45
  {% include {{custom-include}}.html %}
46
46
  {% else %}
47
- No sticky-nav.yml content found - please add to _data/sticky-nav.yml. More information available <a href="/jekyll/includes/sticky-nav/">here</a>.
47
+ No sticky-nav.yml content found - please add to _data/sticky-tab-bar.yml. More information available <a href="/jekyll/includes/sticky-tab-bar/">here</a>.
48
48
  {% endif %}
49
49
  {% else %}
50
- No sidebar settings found - please create a _data/sidebar.yml data file. More information available <a href="/jekyll/includes/sidebar/">here</a>.
50
+ No sidebar settings found - please create a _data/sticky-tab-bar.yml data file. More information available <a href="/jekyll/includes/sticky-tab-bar/">here</a>.
51
51
  {% endif %}
@@ -3,18 +3,20 @@ layout: default
3
3
  js-package: blog
4
4
  css-package: blog
5
5
  ---
6
- <div class="container-fluid">
6
+ <div class="container-fluid" {% if page.image.featured %}
7
+ style="background: #000 url({% asset_path '{{page.image.name}}' %}) no-repeat center center fixed;
8
+ background-size: cover;
9
+ -webkit-background-size: cover;
10
+ -moz-background-size: cover;
11
+ -o-background-size: cover;
12
+ background-position-y: 0px"
13
+ class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
14
+ {% else %}
15
+ class="jumbotron text-center featured-jumbotron"
16
+ {% endif %}> <!--Fluid Container -->
7
17
  {% if assets[page.image.name] %}
8
- <div class="row" class="blog-featured-img" style="background-color: white;">
9
- <div class="img-blog" style="background: linear-gradient(
10
- rgba(20,20,20, .5),
11
- rgba(20,20,20, .5)),
12
- url('{% asset_path {{page.image.name}} %}') no-repeat center center fixed;
13
- background-size: cover;
14
- -webkit-background-size: cover;
15
- -moz-background-size: cover;
16
- -o-background-size: cover;">
17
- <div class="blog-full-page-image-info">
18
+ <div class="row"> <!--Row -->
19
+ <div id="featured-jumbotron" class="blog-full-page-image-info"> <!--Jumbotron div -->
18
20
  <h1 class="text-center" id="featured-image-blog-title">{{page.title}}</h1>
19
21
  {% if page.author %}
20
22
  {% assign author = site.authors | where: "username", page.author | first %}
@@ -65,7 +67,6 @@ css-package: blog
65
67
  {% endif %}
66
68
  {% if page.date %}<small class="blog-date text-center"><em>{{page.date | date: "%A, %B %-d, %Y"}}</em></small>{% endif %}
67
69
  </div>
68
- </div>
69
70
  </div>
70
71
 
71
72
  {% if page.shape-divider %}
@@ -0,0 +1,77 @@
1
+ require 'mini_magick'
2
+
3
+ module Jekyll
4
+ module JekyllMinimagick
5
+
6
+ class GeneratedImageFile < Jekyll::StaticFile
7
+ # Initialize a new GeneratedImage.
8
+ # +site+ is the Site
9
+ # +base+ is the String path to the <source>
10
+ # +dir+ is the String path between <source> and the file
11
+ # +name+ is the String filename of the file
12
+ # +preset+ is the Preset hash from the config.
13
+ #
14
+ # Returns <GeneratedImageFile>
15
+ def initialize(site, base, dir, name, preset)
16
+ @site = site
17
+ @base = base
18
+ @dir = dir
19
+ @name = name
20
+ @relative_path = File.join(*[@dir, @name].compact)
21
+ @extname = File.extname(@name)
22
+ @dst_dir = preset.delete('destination')
23
+ @src_dir = preset.delete('source')
24
+ @commands = preset
25
+ end
26
+
27
+ # Obtains source file path by substituting the preset's source directory
28
+ # for the destination directory.
29
+ #
30
+ # Returns source file path.
31
+ def path
32
+ File.join(@base, @dir.sub(@dst_dir, @src_dir), @name)
33
+ end
34
+
35
+ # Use MiniMagick to create a derivative image at the destination
36
+ # specified (if the original is modified).
37
+ # +dest+ is the String path to the destination dir
38
+ #
39
+ # Returns false if the file was not modified since last time (no-op).
40
+ def write(dest)
41
+ dest_path = destination(dest)
42
+
43
+ return false if File.exist? dest_path and !modified?
44
+
45
+ self.class.mtimes[path] = mtime
46
+
47
+ FileUtils.mkdir_p(File.dirname(dest_path))
48
+ image = ::MiniMagick::Image.open(path)
49
+ @commands.each_pair do |command, arg|
50
+ image.send command, arg
51
+ end
52
+ image.write dest_path
53
+
54
+ true
55
+ end
56
+
57
+ end
58
+
59
+ class MiniMagickGenerator < Generator
60
+ safe true
61
+
62
+ # Find all image files in the source directories of the presets specified
63
+ # in the site config. Add a GeneratedImageFile to the static_files stack
64
+ # for later processing.
65
+ def generate(site)
66
+ return unless site.config['mini_magick']
67
+
68
+ site.config['mini_magick'].each_pair do |name, preset|
69
+ Dir.glob(File.join(site.source, preset['source'], "*.{png,jpg,jpeg,gif}")) do |source|
70
+ site.static_files << GeneratedImageFile.new(site, site.source, preset['destination'], File.basename(source), preset.clone)
71
+ end
72
+ end
73
+ end
74
+ end
75
+
76
+ end
77
+ end
@@ -0,0 +1,5 @@
1
+ module Jekyll
2
+ module Minimagick
3
+ VERSION = "0.0.4"
4
+ end
5
+ end
@@ -1,670 +1 @@
1
-
2
- @media only screen and (min-width: $screen-xs-min) and (max-width: $screen-sm-min) {
3
- #home-block-sliders .owl-theme .owl-nav.disabled+.owl-dots {
4
- margin-top: 10px;
5
- position: relative;
6
- top: -60px;
7
- }
8
- }
9
-
10
- @media(min-width:$screen-sm-min){
11
- .row.activity-holder.center-block {
12
- height: auto;
13
- }
14
- }
15
-
16
- .embed-responsive-16by9 {
17
- padding-bottom: 56.25%;
18
- margin-bottom: 25px;
19
- }
20
-
21
- article.post-content {
22
- overflow: auto;
23
- }
24
-
25
- article.post-content > .col-md-8 {
26
- padding: 0;
27
- }
28
- article.post-content > .col-md-4 {
29
- padding: 15px;
30
- }
31
-
32
-
33
- @media (max-width: $screen-xs-min) {
34
-
35
-
36
- article.post-content > .col-md-4 {
37
- padding: 0px;
38
- }
39
-
40
-
41
- a.left.carousel-control {
42
- display: none;
43
- }
44
- a.right.carousel-control{
45
- display: none;
46
- }
47
- #main-container .members-links {
48
- padding: 0;
49
- }
50
- .col-md-12.members-panel {
51
- padding: 0;
52
- }
53
- .panel-body.members-panel-body {
54
- padding: 0;
55
- }
56
- .col-sm-3.members_link {
57
- height: 45px;
58
- line-height: 45px;
59
- padding: 0;
60
- padding-left: 5px;
61
- }
62
-
63
- }
64
-
65
- //Smallest mobile view
66
- @media(max-width:$screen-xs-min){
67
-
68
- article.post-content > .col-md-4 {
69
- padding: 0px;
70
- }
71
-
72
- img.img-responsive.right-aligned-image.lazyloaded {
73
- float: none;
74
- width: 100%;
75
- margin-left: auto;
76
- margin-right: auto;
77
- margin-top: -9px;
78
- margin-bottom: -15px;
79
- }
80
- .linaro-profile-image {
81
- float: none;
82
- margin-left:auto;
83
- margin-right:auto;
84
- }
85
-
86
- .carousel-caption.right-caption {
87
- top: 0;
88
- margin-top: 47px;
89
- right:0;
90
- left:0;
91
- }
92
- a.boards-home-button {
93
- display: block;
94
- margin-left: auto;
95
- margin-right: auto;
96
- }
97
- #home-block-sliders .owl-theme .owl-nav.disabled+.owl-dots {
98
- margin-top: 10px;
99
- position: relative;
100
- top: -60px;
101
- }
102
- }
103
-
104
- a.btn.btn-linaro-home {
105
- border: 2px solid #fff;
106
- color: #fff !important;
107
- letter-spacing: 2px;
108
- border-radius: 1px;
109
- margin-top: 20px;
110
- font-weight: bold;
111
- font-size: 10px;
112
- margin-right: 5px;
113
-
114
- transition: all 500ms ease;
115
- }
116
- a.btn.btn-linaro-home:hover {
117
- background-color: #fff;
118
- color: #000 !important;
119
- }
120
-
121
- a.btn.btn-linaro-home.dark {
122
- border: 2px solid #000;
123
- color: #000 !important;
124
- }
125
- a.btn.btn-linaro-home.dark:hover {
126
- background-color: #000;
127
- color: #fff !important;
128
- }
129
-
130
- .vcenter-img {
131
- display: inline-block;
132
- vertical-align: middle;
133
- height: 110px;
134
- }
135
-
136
- #content-container h3 {
137
- color: #9758b7 !important;
138
- }
139
- #content-container a h3:hover {
140
- opacity: .8;
141
- }
142
-
143
- .job-openings{
144
- margin-top:20px;
145
- }
146
-
147
- ul#tabbed_nav > li.active > a:after {
148
- height: 1px;
149
- background-color: #fff;
150
- }
151
-
152
- ul#tabbed_nav > li.active > a {
153
- border-bottom: none;
154
- }
155
-
156
- ul#tabbed_nav > li > a {
157
- border-bottom: 1px solid #eee;
158
- border-right: 1px solid #eee;
159
- font-size: 13px;
160
- }
161
-
162
-
163
- div#tabbed_nav_content {
164
- margin-top:0;
165
- padding: 10px;
166
- border-right: 1px solid #eee;
167
- border-left: 1px solid #eee;
168
- border-bottom:1px solid #eee;
169
- margin-bottom: 20px;
170
- }
171
-
172
- div#tabbed_nav_content > div.tab-pane {
173
- margin-top:0;
174
- padding: 10px
175
- }
176
-
177
- ul#tabbed_nav {
178
- border: 1px solid #eee;
179
- margin-bottom:0 !important;
180
- }
181
-
182
- .col-md-6.company-footer-bottom {
183
- font-size: 13px;
184
- }
185
-
186
- a.btn.btn-social-icon i {
187
- color: #252525;
188
- transition: all 500ms ease;
189
- }
190
- a.btn.btn-social-icon:hover i {
191
- color: #9657c3;
192
- }
193
-
194
- .row.footer-strip {
195
- border-top-color: #ccc;
196
- }
197
-
198
- //Wordpress style
199
- #main-container blockquote, #main-container code, #main-container dl, #main-container fieldset,
200
- #main-container p, #main-container pre, #main-container table, #main-container ul {
201
- margin-bottom: 25px;
202
- }
203
-
204
- #main-container a:hover {
205
- text-decoration: none;
206
- color: darken($brand-primary, 20%);
207
- }
208
-
209
- blockquote{
210
- background-color: #f6f6f6;
211
- }
212
-
213
- blockquote:before {
214
- position: relative;
215
- background-image:url('data:image/svg+xml; utf8, <svg class="mk-svg-icon" xmlns="http://www.w3.org/2000/svg" fill="#ddd" viewBox="0 0 1664 1792"><path d="M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path></svg>');
216
- content: "";
217
- display: block;
218
- left: 0px;
219
- top: 0px;
220
- width: 32px;
221
- height: 35px;
222
- }
223
-
224
- li.side-nav-button:hover > a {
225
- color: #9758b7;
226
- }
227
-
228
- ul.nav.nav-pills.nav-stacked li:first-child {
229
- font-weight: bold;
230
- }
231
-
232
- #content-container ul {
233
- color: #252525 !important;
234
- font-size: 16px !important;
235
- }
236
-
237
- p {
238
- color: #252525;
239
- font-size: 16px;
240
- }
241
-
242
- ul {
243
- font-size: 16px;
244
- }
245
-
246
- #content-container h1 {
247
- color: #393836 !important;
248
- font-size: 36px !important;
249
- margin-top: 0;
250
- }
251
-
252
- #content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5 {
253
- color: #393836 !important;
254
- }
255
-
256
- .social-col{
257
- padding-left: 30px;
258
- padding-right: 30px;
259
- }
260
-
261
- span.linaro-green{
262
- color: #9FCC45;
263
- }
264
-
265
- span.connect-blue{
266
- color: #5990d4;
267
- line-height: 30px;
268
- }
269
- span.connect-darker-blue{
270
- color: #5990d4;
271
- font-weight:bold;
272
- }
273
- #content-container p {
274
- font-size:16px !important;
275
- color: #252525 !important;
276
- }
277
-
278
-
279
- /* CUSTOMIZE THE CAROUSEL
280
- -------------------------------------------------- */
281
-
282
- /* Carousel base class */
283
- .carousel {
284
- height: 500px;
285
- margin-bottom: 5px;
286
- }
287
- /* Since positioning the image, we need to help out the caption */
288
- .carousel-caption {
289
- z-index: 10;
290
- }
291
-
292
- /* Declare heights because of positioning of img element */
293
- .carousel .item {
294
- height: 500px;
295
- background-color: #777;
296
- }
297
- .carousel-inner > .item > img {
298
- position: absolute;
299
- top: 0;
300
- left: 0;
301
- min-width: 100%;
302
- height: 500px;
303
- }
304
-
305
- #main-container p.linaro-home-block-text {
306
- color: #fff;
307
- }
308
-
309
-
310
- .carousel-inner > .item > div.slider-img {
311
- position: absolute;
312
- top: 0;
313
- left: 0;
314
- min-width: 100%;
315
- height: 500px;
316
- }
317
-
318
- //Caption divs for home page content on slider
319
- .carousel-caption.top-caption {
320
- top: 0;
321
- margin-top: 47px;
322
- }
323
-
324
- .carousel-caption.right-caption {
325
- top: 0;
326
- margin-top: 47px;
327
- right:-100px;
328
- }
329
-
330
- a.linaro-home-button {
331
- padding: 5px;
332
- opacity: .8;
333
- color: #fff;
334
- width: 140px;
335
- height:50px;
336
- line-height:17px;
337
- font-size: 10px;
338
- height: auto;
339
- letter-spacing: 2px;
340
- background-color: transparent;
341
- border-radius:2px;
342
- border: 1px solid #fff;
343
- transition: all 200ms ease;
344
- display: inline-block;
345
- margin:10px;
346
- }
347
-
348
- a.linaro-home-button:hover{
349
- background-color: #fff;
350
- color: #131313;
351
- text-decoration: none;
352
- transition: all 500ms ease;
353
- }
354
-
355
- a.connect-button{
356
- width:100%;
357
- font-size: 10px;
358
- background-color: #000;
359
- color: #fff;
360
- opacity:.8;
361
- transition: background-color .5s ease;
362
- }
363
- a.connect-button:hover{
364
- width:100%;
365
- font-size: 10px;
366
- background-color: #fff;
367
- color: #9FCC45;
368
- opacity:.8;
369
- transition: background-color .5s ease;
370
- }
371
-
372
- h4.linaro-96boards-logo{
373
- color:black;
374
- }
375
- h2.linaro-sub-title{
376
- font-size:40px;
377
- font-weight:400;
378
- }
379
-
380
- a.carousel-control{
381
- border-radius: 50px;
382
- border: solid 1px white;
383
- height: 50px;
384
- width: 50px;
385
- vertical-align: middle;
386
- margin-top: auto;
387
- margin-bottom: auto;
388
- }
389
-
390
- a.carousel-control span.glyphicon-menu-left {
391
- top: 12px;
392
- left: -5px;
393
- }
394
- a.carousel-control span.glyphicon-menu-right {
395
- top: 12px;
396
- right: 2px;
397
- }
398
-
399
-
400
- .slider-img {
401
- background: linear-gradient(rgba(20,20,20, .5),rgba(20,20,20, .5)) no-repeat center center scroll;
402
- background-size: cover;
403
- -webkit-background-size: cover;
404
- -moz-background-size: cover;
405
- -o-background-size: cover;
406
- }
407
-
408
- div.activity-container {
409
- border:0 !important;
410
- }
411
-
412
- .linaro-home-block{
413
- width:100%;
414
- height: 200px;
415
- font-size:12px;
416
- color: #fff;
417
- }
418
-
419
- .activity-holder .activity-block {
420
- border:0 !important;
421
- background: transparent;
422
- }
423
- .activity-block {
424
- border: 0 !important;
425
- background: transparent;
426
- margin-top: 70px;
427
- }
428
-
429
- .activity-holder p {
430
- height: auto;
431
- }
432
-
433
- h5.block-title {
434
- font-size: 10px;
435
- text-align: left;
436
- left: 10px;
437
- top: 10px;
438
- position: relative;
439
- }
440
-
441
- .activity-holder p {
442
- height:99px;
443
- }
444
-
445
- .boards-linaro-title{
446
- color:black;
447
- text-shadow: 0;
448
- }
449
-
450
- a.linaro-connect-button{
451
- background-color: #fff;
452
- opacity: .8;
453
-
454
- }
455
- a.linaro-connect-button:hover{
456
- background-color: #CCC;
457
- }
458
-
459
- a.boards-home-button {
460
- padding: 5px;
461
- opacity: .8;
462
- color: #000;
463
- width: 140px;
464
- height:50px;
465
- line-height:17px;
466
- font-size: 10px;
467
- height: auto;
468
- letter-spacing: 2px;
469
- background-color: white;
470
- border-radius:2px;
471
- text-shadow: none;
472
- border: 1px solid #000;
473
- transition: all 200ms ease;
474
- display: inline-block;
475
- margin:10px;
476
- }
477
-
478
- a.boards-home-button:hover{
479
- background-color: #000;
480
- color: #fff;
481
- text-decoration: none;
482
- transition: all 500ms ease;
483
- }
484
-
485
- .row.activity-holder.center-block {
486
- height: auto;
487
- }
488
- p.linaro-home-block-text {
489
- font-size: 14px;
490
- color: white;
491
- padding: 40px;
492
- }
493
-
494
- p.linaro-home-block-text a{
495
- color: white;
496
- }
497
- p.linaro-home-block-text a:hover {
498
- color: white;
499
- text-decoration: underline;
500
- }
501
- .activity-holder .activity-block {
502
- border: #fff 3px solid;
503
- background: transparent !important;
504
- }
505
- .activity-block {
506
- margin-top: 0px !important;
507
- background: transparent !important;
508
- }
509
-
510
-
511
- img.img-responsive.right-aligned-image {
512
- float: right;
513
- width: 30%;
514
- margin: 30px;
515
- }
516
-
517
- dl.timeline-dl > dd{
518
- margin-left: 15px;
519
- }
520
-
521
- .about-icon{
522
- width: 100px;
523
- height: 100px;
524
- border-radius: 100px;
525
- border: 1px solid #9758b7;
526
- padding: 13px;
527
- margin-left: auto;
528
- margin-right: auto;
529
- margin-bottom: 10px;
530
- }
531
-
532
- #main-container div.container.board_member {
533
- padding-left: 0;
534
- padding-right: 0;
535
- border-top: 1px solid #ccc;
536
- }
537
-
538
- #main-container div.container.board_member > div.col-sm-9 {
539
- padding-left:0;
540
- padding-right:0;
541
- }
542
-
543
- #main-container div.container.board_member > div.col-sm-3 {
544
- padding-left:0;
545
- padding-right:0;
546
- }
547
-
548
- .linaro-profile-image{
549
- display: inline-block;
550
- width: 150px;
551
- height: 150px;
552
- border-radius: 50%;
553
- object-fit: cover;
554
- float:right;
555
- margin-top:60px;
556
- background-size: cover;
557
- background-position: center;
558
- clear: both;
559
- }
560
-
561
- h2.linaro-connect-title{
562
- color: #5990d4;
563
- text-shadow: none;
564
- font-size: 18px;
565
- }
566
-
567
- h4.linaro-connect-sub-title{
568
- color: #5990d4;
569
- font-weight: 100;
570
- text-shadow: none;
571
- }
572
-
573
- a.connect-home-button {
574
- padding: 5px;
575
- opacity: 1;
576
- font-weight: bold;
577
- color: #000;
578
- width: 140px;
579
- padding: 15px;
580
- height: 50px;
581
- line-height: 17px;
582
- font-size: 10px;
583
- height: auto;
584
- letter-spacing: 2px;
585
- background-color: white;
586
- border-radius: 4px;
587
- text-shadow: none;
588
- transition: all 200ms ease;
589
- display: inline-block;
590
- margin: 10px;
591
- text-decoration: none;
592
-
593
- transition: all 1s ease;
594
- }
595
-
596
- a.connect-home-button:hover{
597
- text-decoration: none;
598
- color: #000;
599
- opacity: .8;
600
- background-color: #ccc;
601
- transition: all 1s ease;
602
- }
603
-
604
- //Linaro SVG Icons
605
- .linaro-svg-icon {
606
- width: 50px;
607
- height: 50px;
608
- margin-left: auto;
609
- margin-right: auto;
610
- border-radius: 50px;
611
- fill: #ffffff;
612
- background-color: #a682b8;
613
- border: 1px solid #9658b7;
614
- padding: 12px;
615
-
616
- transition: all 500ms ease;
617
- }
618
-
619
- .linaro-svg-icon:hover{
620
- background-color: #9658b7;
621
- border: 1px solid #a682b8;
622
- }
623
-
624
- .linaro-svg-icon-caption {
625
- text-align: center;
626
- line-height: 70px;
627
- }
628
-
629
-
630
- div.dark {
631
- background: #696969;
632
- }
633
-
634
-
635
- #main-container p.justify {
636
- font-size: 16px;
637
- text-align: justify;
638
- line-height: 1.66em;
639
- }
640
-
641
- #content-container h2 {
642
- font-size: 30px;
643
- color: #3D383E;
644
- font-weight: 200;
645
- text-transform: none;
646
- }
647
-
648
- .ext-left{
649
- float:left;
650
- }
651
- .ext-right {
652
- height: auto;
653
- vertical-align: middle;
654
- display: table-cell;
655
- padding-right: 10px;
656
- padding-left: 10px;
657
- }
658
-
659
- .embed-responsive-16by9 {
660
- padding-bottom: 56.25%;
661
- margin-bottom: 25px;
662
- }
663
-
664
- article.post-content {
665
- overflow: auto;
666
- }
667
-
668
- article.post-content > .col-md-8 {
669
- padding: 0;
670
- }
1
+ /* Add your custom styles to this sass partial */