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 +4 -4
- data/_data/nav.yml +1 -1
- data/_data/sticky-tab-bar.yml +21 -0
- data/_includes/jumbotron.html +3 -3
- data/_includes/linaro-404.html +13 -0
- data/_includes/post-sidebar.html +75 -47
- data/_includes/shape.html +3 -3
- data/_includes/sticky-tab-bar.html +24 -24
- data/_layouts/post-featured-image.html +13 -12
- data/_plugins/jekyll-minimagick.rb +77 -0
- data/_plugins/jekyll-minimagick/version.rb +5 -0
- data/_sass/app/custom.scss +1 -670
- data/_sass/blog.scss +2 -1
- data/_sass/core.scss +1 -1
- data/_sass/core/blog.scss +71 -3
- data/_sass/core/carousel.scss +137 -1
- data/_sass/core/footer.scss +5 -0
- data/_sass/core/homepage.scss +22 -11
- data/_sass/core/jumbotron.scss +10 -0
- data/_sass/core/nav.scss +55 -1
- data/_sass/core/tables.scss +21 -0
- data/_sass/core/theme.scss +98 -9
- data/_sass/{app → core}/twitter-feed.scss +0 -0
- data/_sass/{app → core}/youtube.scss +0 -0
- data/_sass/home.scss +6 -0
- data/assets/css/main-home.scss +4 -11
- data/assets/js/app/{sticky-navbar.js → sticky-tab-bar.js} +0 -0
- metadata +24 -10
- data/_data/sticky-nav.yml +0 -21
- data/_sass/app/about.scss +0 -47
- data/_sass/app/planet.scss +0 -10
- data/_sass/app/press.scss +0 -24
- data/_sass/app/social.scss +0 -29
- data/_sass/app/work.scss +0 -151
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: dc8fde63b0c387fba60027327c9163d88988346f
|
4
|
+
data.tar.gz: 0fa7db755c5f1172e49c45889ed5f814b7bf00e4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ba29e98702066eb0d1661fb76151d384bfca04d30d45498604eaf5ed87a3f616406cd8a97d8969bbbc631051cf0965822f2d1f62e73c06f41f6b0c58e3235fa4
|
7
|
+
data.tar.gz: d091d31b733b31c34372d99ee9cfbca716a94e51b24d334480026d1648858d17d8645935ede367fcde80460bc0dff318b9921b6e4456948a0808996d0a466c24
|
data/_data/nav.yml
CHANGED
data/_includes/jumbotron.html
CHANGED
@@ -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
|
9
|
+
class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
|
10
10
|
{% else %}
|
11
|
-
class="jumbotron text-center
|
11
|
+
class="jumbotron text-center featured-jumbotron"
|
12
12
|
{% endif %}> <!--Fluid Container -->
|
13
13
|
<div class="row"> <!--Row -->
|
14
|
-
<div id="
|
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>
|
data/_includes/post-sidebar.html
CHANGED
@@ -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
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
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-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
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="
|
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
|
12
|
+
class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
|
13
13
|
{% else %}
|
14
|
-
class="jumbotron text-center
|
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.
|
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
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
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
|
-
|
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
|
-
|
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"
|
9
|
-
<div
|
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
|
data/_sass/app/custom.scss
CHANGED
@@ -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 */
|