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 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 */