jumbo-jekyll-theme 1.4.2.0 → 1.4.2.1
Sign up to get free protection for your applications and to get access to all the features.
- 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 */
|