jekyll-theme-cvent-dev-portal 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +161 -0
- data/_includes/analytics.html +13 -0
- data/_includes/breadcrumbs.html +6 -0
- data/_includes/footer.html +5 -0
- data/_includes/header.html +40 -0
- data/_includes/scripts.html +10 -0
- data/_includes/sidebar-children.html +17 -0
- data/_includes/sidebar.html +14 -0
- data/_layouts/default.html +46 -0
- data/_layouts/generated/home-redirect.html +6 -0
- data/_layouts/search-results.html +4 -0
- data/_sass/_jekyll-theme-cvent-dev-portal-custom.scss +50 -0
- data/_sass/_jekyll-theme-cvent-dev-portal-main.scss +708 -0
- data/_sass/_jekyll-theme-cvent-dev-portal-syntax.scss +60 -0
- data/_sass/jekyll-theme-cvent-dev-portal.scss +3 -0
- data/assets/css/google-fonts.css +58 -0
- data/assets/favicons/browserconfig.xml +11 -0
- data/assets/favicons/favicon-114.png +0 -0
- data/assets/favicons/favicon-120.png +0 -0
- data/assets/favicons/favicon-144.png +0 -0
- data/assets/favicons/favicon-150.png +0 -0
- data/assets/favicons/favicon-152.png +0 -0
- data/assets/favicons/favicon-16.png +0 -0
- data/assets/favicons/favicon-160.png +0 -0
- data/assets/favicons/favicon-180.png +0 -0
- data/assets/favicons/favicon-192.png +0 -0
- data/assets/favicons/favicon-310.png +0 -0
- data/assets/favicons/favicon-32.png +0 -0
- data/assets/favicons/favicon-57.png +0 -0
- data/assets/favicons/favicon-60.png +0 -0
- data/assets/favicons/favicon-64.png +0 -0
- data/assets/favicons/favicon-70.png +0 -0
- data/assets/favicons/favicon-72.png +0 -0
- data/assets/favicons/favicon-76.png +0 -0
- data/assets/favicons/favicon-96.png +0 -0
- data/assets/favicons/favicon.ico +0 -0
- data/assets/fonts/opensans-1395a31469a458f6e2069017b504be065ff44897.ttf +0 -0
- data/assets/fonts/opensans-3e193feab52524db86cd1508693f2e5086102669.ttf +0 -0
- data/assets/fonts/opensans-d4d19ed3a763ce10e050662542bc0318bb620096.svg +1637 -0
- data/assets/fonts/opensans-dd44beeac9a044f2c478b70838e447f0af077825.ttf +0 -0
- data/assets/fonts/opensans-f0cc9c782f41b44a31392230103f5b4e101a944a.eot +0 -0
- data/assets/fonts/raleway-0dd0372e5ca423ab45f41c74cb0f8859d0527517.eot +0 -0
- data/assets/fonts/raleway-468d063b5293c0f76e63103d04cf547e7837cdd2.ttf +0 -0
- data/assets/fonts/raleway-6c44b90a1e166ce0b659df20e8e374b5e9d97329.svg +347 -0
- data/assets/fonts/raleway-c34d475f415db5bc71140225a0284159bd3d85f2.ttf +0 -0
- data/assets/js/accordion.js +47 -0
- data/assets/js/guide.js +5 -0
- data/assets/js/vendor/anchor.min.js +6 -0
- data/assets/js/vendor/jquery-1.11.2.min.js +4 -0
- data/lib/jekyll-theme-cvent-dev-portal.rb +15 -0
- data/lib/jekyll-theme-cvent-dev-portal/version.rb +3 -0
- metadata +197 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 928a2ef6578927bae2d65632be24e0af4e5757cf
|
4
|
+
data.tar.gz: 7afd0b0a64703f65690ec00299026353a07064a1
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 55190a4bb11fe614ccd195a4e49580248db401f234a23e3db5cf3e6c47d331ec89a8f6c9281d18cd4b747f444da81558cd062d249e56b5999ce8ecfc41bb70e9
|
7
|
+
data.tar.gz: 0e549993ec960b242761d2cbbe940499df9a880535448ec64b3765ddd779789cc678c7534ddebc84aaffabaa1d2ca4c778c688bca93e03469eadbd92f05f3fc6
|
data/README.md
ADDED
@@ -0,0 +1,161 @@
|
|
1
|
+
## `jekyll-theme-cvent-dev-portal`: Jekyll theme for the Cvent Dev Portal Guide
|
2
|
+
|
3
|
+
Provides consistent style elements for the [Cvent Dev Portal Guide][cdpg].
|
4
|
+
|
5
|
+
[cdpg]: https://docs.cvent.me/
|
6
|
+
|
7
|
+
* GitHub repo: https://github.com/cvent/jekyll-theme-cvent-dev-portal
|
8
|
+
* Rubygems home: https://rubygems.org/gems/jekyll-theme-cvent-dev-portal
|
9
|
+
|
10
|
+
The site is generated using [Jekyll][], and uses this gem via the [Jekyll themes
|
11
|
+
mechanism][themes]. Derived from [jekyll-theme-guides-mbland v1.0.3][orig].
|
12
|
+
|
13
|
+
[Jekyll]: https://jekyllrb.com/
|
14
|
+
[themes]: https://jekyllrb.com/docs/themes/
|
15
|
+
[orig]: https://github.com/mbland/jekyll-theme-guides-mbland/releases/tag/v1.0.3
|
16
|
+
|
17
|
+
### Usage
|
18
|
+
|
19
|
+
In your [`Gemfile`][gemfile], include the following:
|
20
|
+
|
21
|
+
[gemfile]: http://bundler.io/gemfile.html
|
22
|
+
|
23
|
+
```ruby
|
24
|
+
group :jekyll_plugins do
|
25
|
+
gem 'jekyll-theme-cvent-dev-portal'
|
26
|
+
end
|
27
|
+
```
|
28
|
+
|
29
|
+
Add an `assets/css/styles.scss` file that contains at least the following:
|
30
|
+
|
31
|
+
```scss
|
32
|
+
---
|
33
|
+
---
|
34
|
+
|
35
|
+
@import "{{ site.theme }}";
|
36
|
+
```
|
37
|
+
|
38
|
+
Then in your [`_config.yml` file](https://jekyllrb.com/docs/configuration/),
|
39
|
+
add the following (you may need to remove any `layout:`
|
40
|
+
[front matter](https://jekyllrb.com/docs/frontmatter/) from existing pages for
|
41
|
+
this to take effect):
|
42
|
+
|
43
|
+
```yaml
|
44
|
+
theme: jekyll-theme-cvent-dev-portal
|
45
|
+
|
46
|
+
defaults:
|
47
|
+
-
|
48
|
+
scope:
|
49
|
+
path: ""
|
50
|
+
values:
|
51
|
+
layout: "default"
|
52
|
+
```
|
53
|
+
|
54
|
+
Build the site per usual, and observe the results.
|
55
|
+
|
56
|
+
### Additional features
|
57
|
+
|
58
|
+
Here are some other features that can be enabled via `_config.yml`:
|
59
|
+
|
60
|
+
```yaml
|
61
|
+
# This adds the "back to" breadcrumb link under the page title:
|
62
|
+
back_link:
|
63
|
+
url: https://developers.cvent.me/
|
64
|
+
text: "Back to Cvent Dev Portal"
|
65
|
+
|
66
|
+
# If you use Analytics, add your code here:
|
67
|
+
google_analytics_ua: UA-????????-??
|
68
|
+
|
69
|
+
# If you want all of the navigation bar entries expanded by default, add this
|
70
|
+
# property and it to true:
|
71
|
+
expand_nav: true
|
72
|
+
```
|
73
|
+
|
74
|
+
### Additional scripts and styles
|
75
|
+
|
76
|
+
If you'd like to add additional scripts or styles to every page on the site,
|
77
|
+
you can add `styles:` and `scripts:` lists to `_config.yml`. To add them to a
|
78
|
+
particular page, add these lists to the page's front matter.
|
79
|
+
|
80
|
+
### Alternate navigation bar titles
|
81
|
+
|
82
|
+
If you want a page to have a different title in the navigation bar than that
|
83
|
+
of the page itself, add a `navtitle:` property to the page's front matter:
|
84
|
+
|
85
|
+
```md
|
86
|
+
---
|
87
|
+
title: Since brevity is the soul of wit, I'll be brief.
|
88
|
+
navtitle: Polonius's advice
|
89
|
+
---
|
90
|
+
```
|
91
|
+
|
92
|
+
### Selectively expanding navigation bar items
|
93
|
+
|
94
|
+
If you wish to expand or contract specific navigation bar items, add the
|
95
|
+
`expand_nav:` property to those items in the `navigation:` list in
|
96
|
+
`_config.yml`. For example, the `Update the config file` entry will expand
|
97
|
+
since the default `expand_nav` property is `true`, but `Add a new page` will
|
98
|
+
remain collapsed:
|
99
|
+
|
100
|
+
```yaml
|
101
|
+
expand_nav: true
|
102
|
+
|
103
|
+
navigation:
|
104
|
+
- text: Introduction
|
105
|
+
internal: true
|
106
|
+
- text: Add a new page
|
107
|
+
url: add-a-new-page/
|
108
|
+
internal: true
|
109
|
+
expand_nav: false
|
110
|
+
children:
|
111
|
+
- text: Make a child page
|
112
|
+
url: make-a-child-page/
|
113
|
+
internal: true
|
114
|
+
- text: Update the config file
|
115
|
+
url: update-the-config-file/
|
116
|
+
internal: true
|
117
|
+
children:
|
118
|
+
- text: Understanding the `baseurl:` property
|
119
|
+
url: understanding-baseurl/
|
120
|
+
internal: true
|
121
|
+
```
|
122
|
+
|
123
|
+
### Development
|
124
|
+
|
125
|
+
First, choose a Jekyll site you'd like to use to view the impact of your
|
126
|
+
updates and clone its repository; then clone this repository into the same
|
127
|
+
parent directory. For example, to use the Cvent Developer Portal Guide:
|
128
|
+
|
129
|
+
```shell
|
130
|
+
$ git clone git@github.com:cvent/dev-portal-guide.git
|
131
|
+
$ git clone git@github.com:cvent/jekyll-theme-cvent-dev-portal.git
|
132
|
+
```
|
133
|
+
|
134
|
+
In the `Gemfile` of the Jekyll site's repository, include the following:
|
135
|
+
|
136
|
+
```ruby
|
137
|
+
group :jekyll_plugins do
|
138
|
+
gem 'jekyll-theme-cvent-dev-portal', :path => '../jekyll-theme-cvent-dev-portal'
|
139
|
+
end
|
140
|
+
```
|
141
|
+
|
142
|
+
You can find the different style assets and templates within the `assets`,
|
143
|
+
`_layouts`, `_includes`, and `_sass` directories of this repository. Edit those,
|
144
|
+
then rebuild the Jekyll site as usual to see the results.
|
145
|
+
|
146
|
+
Alternatively, you can [copy files from these directories into your site and
|
147
|
+
edit them to taste][edit].
|
148
|
+
|
149
|
+
[edit]: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
|
150
|
+
|
151
|
+
### License
|
152
|
+
|
153
|
+
The original [jekyll-theme-mbland-guides][orig] software is made available as
|
154
|
+
[Open Source software][oss-def] under the [ISC License][]. Cvent modifications
|
155
|
+
are released under the [Apache License, Version 2.0][ap2.0]. For the text of the
|
156
|
+
license, see the [LICENSE](LICENSE) file.
|
157
|
+
|
158
|
+
[oss-def]: https://opensource.org/osd-annotated
|
159
|
+
[isc license]: https://www.isc.org/downloads/software-support-policy/isc-license/
|
160
|
+
[ap2.0]: https://www.apache.org/licenses/LICENSE-2.0
|
161
|
+
|
@@ -0,0 +1,13 @@
|
|
1
|
+
{% if site.google_analytics_ua %}<!-- Google Analytics -->
|
2
|
+
<script>
|
3
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
4
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
5
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
6
|
+
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
7
|
+
ga('create', '{{ site.google_analytics_ua }}', 'auto');
|
8
|
+
|
9
|
+
// anonymize user IPs (chops off the last IP triplet)
|
10
|
+
ga('set', 'anonymizeIp', true);
|
11
|
+
ga('set', 'forceSSL', true);
|
12
|
+
ga('send', 'pageview');
|
13
|
+
</script>{% endif %}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
<div class="breadcrumbs">
|
2
|
+
<ol>
|
3
|
+
{% for breadcrumb in page.breadcrumbs %}{% if forloop.last %}<li>{{ breadcrumb.text }}{% else %}<li class="parent"><a href="{{ site.baseurl}}{{ breadcrumb.url }}">{{ breadcrumb.text }}</a>{% endif %}</li>
|
4
|
+
{% endfor %}
|
5
|
+
</ol>
|
6
|
+
</div>
|
@@ -0,0 +1,5 @@
|
|
1
|
+
<footer role="contentinfo">
|
2
|
+
<div class="wrap">{% assign repo_url = site.repos[0].url %}
|
3
|
+
<p>This project is maintained by <a href="{{ site.author.url }}">{{ site.author.name }}</a>. The source is available at <a href="{{ repo_url }}">{{ repo_url }}</a>.</p>
|
4
|
+
</div>
|
5
|
+
</footer>
|
@@ -0,0 +1,40 @@
|
|
1
|
+
<head>
|
2
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
3
|
+
<meta charset="utf-8">
|
4
|
+
<meta name="viewport" content="width=device-width">
|
5
|
+
|
6
|
+
{% if page.title %}
|
7
|
+
<title>{{ page.title }} - {{ site.name }}</title>
|
8
|
+
{% elsif site.title %}
|
9
|
+
<title>{{ site.title }} - {{ site.name }}</title>
|
10
|
+
{% endif %}
|
11
|
+
|
12
|
+
{% if page.description %}
|
13
|
+
<meta name="description" content="{{ page.description | xml_escape }}">
|
14
|
+
{% elsif site.description %}
|
15
|
+
<meta name="description" content="{{ site.description | xml_escape }}">
|
16
|
+
{% endif %}
|
17
|
+
|
18
|
+
<link rel="shortcut icon" type="image/ico" href="{{ site.baseurl }}/assets/favicons/favicon.ico" />
|
19
|
+
<link rel="icon" type="image/png" sizes="192x192" href="{{ site.baseurl }}/assets/favicons/favicon-192.png" />
|
20
|
+
<link rel="icon" type="image/png" sizes="160x160" href="{{ site.baseurl }}/assets/favicons/favicon-160.png" />
|
21
|
+
<link rel="icon" type="image/png" sizes="96x96" href="{{ site.baseurl }}/assets/favicons/favicon-96.png" />
|
22
|
+
<link rel="icon" type="image/png" sizes="64x64" href="{{ site.baseurl }}/assets/favicons/favicon-64.png" />
|
23
|
+
<link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/assets/favicons/favicon-32.png" />
|
24
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ site.baseurl }}/assets/favicons/favicon-16.png" />
|
25
|
+
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/assets/favicons/favicon-60.png" />
|
26
|
+
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/assets/favicons/favicon-72.png" />
|
27
|
+
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/assets/favicons/favicon-76.png" />
|
28
|
+
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/assets/favicons/favicon-114.png" />
|
29
|
+
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/assets/favicons/favicon-120.png" />
|
30
|
+
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/assets/favicons/favicon-144.png" />
|
31
|
+
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/assets/favicons/favicon-152.png"/>
|
32
|
+
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/assets/favicons/favicon-180.png"/>
|
33
|
+
<meta name="msapplication-TileColor" content="#FFFFFF">
|
34
|
+
<meta name="msapplication-TileImage" content="{{ site.baseurl }}/assets/favicons/favicon-144.png">
|
35
|
+
<meta name="msapplication-config" content="{{ site.baseurl }}/assets/favicon/browserconfig.xml">
|
36
|
+
<link href='{{ site.baseurl }}/assets/css/google-fonts.css' rel='stylesheet' type='text/css' />
|
37
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css" type='text/css' />{% for style in site.styles %}
|
38
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/{{ style }}" type='text/css' />{% endfor %}{% for style in page.styles %}
|
39
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/{{ style }}" type='text/css' />{% endfor %}
|
40
|
+
</head>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<script src="{{ site.baseurl }}/assets/js/vendor/anchor.min.js"></script>
|
2
|
+
<script>
|
3
|
+
document.addEventListener("DOMContentLoaded", function() { anchors.add('h3, h4, h5, h6') })
|
4
|
+
</script>
|
5
|
+
<script src="{{ site.baseurl }}/assets/js/vendor/jquery-1.11.2.min.js"></script>
|
6
|
+
<script src="{{ site.baseurl }}/assets/js/accordion.js"></script>
|
7
|
+
<script src="{{ site.baseurl }}/assets/js/guide.js"></script>{% for script in site.scripts %}
|
8
|
+
<script src="{{ site.baseurl }}/{{ script }}"></script>{% endfor %}{% for script in page.scripts %}
|
9
|
+
<script src="{{ site.baseurl }}/{{ script }}"></script>{% endfor %}{% unless site.jekyll_pages_api_search.skip_index %}
|
10
|
+
{% jekyll_pages_api_search_load %}{% endunless %}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
{% if parent.children %}
|
2
|
+
{% capture expand_nav %}{% jekyll_theme_cvent_dev_portal_should_expand_nav parent, parent_url %}{% endcapture %}
|
3
|
+
<button class="expand-subnav"
|
4
|
+
aria-expanded="{{ expand_nav }}"
|
5
|
+
aria-controls="nav-collapsible-{{ forloop.index }}">+</button>
|
6
|
+
<ul class="nav-children" id="nav-collapsible-{{ forloop.index }}"
|
7
|
+
aria-hidden="{% if expand_nav == 'true' %}false{% else %}true{% endif %}">
|
8
|
+
{% if site.flat_namespace %}{% assign parent_url = '/' %}{% endif %}{% for child in parent.children %}
|
9
|
+
{% capture child_url %}{{ parent_url }}{{ child.url }}{% endcapture %}
|
10
|
+
<li class="{% if page.url == child_url %}sidebar-nav-active{% endif %}">
|
11
|
+
<a href="{% if child.internal == true %}{{ site.baseurl }}{{ child_url }}{% else %}{{ child.url }}{% endif %}"
|
12
|
+
title="{% if page.url == child_url %}Current Page{% else %}{{ child.text }}{% endif %}">{{ child.text }}</a>
|
13
|
+
{% assign parent = child %}{% assign parent_url = child_url %}
|
14
|
+
{% include sidebar-children.html %}
|
15
|
+
{% capture parent_url %}{% jekyll_theme_cvent_dev_portal_pop_last_url_component parent_url %}{% endcapture %}
|
16
|
+
</li>{% endfor %}
|
17
|
+
</ul>{% endif %}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
<aside>
|
2
|
+
<p class="intro">{{ site.subtitle }}</p>
|
3
|
+
<nav class="sidebar-nav" role="navigation">
|
4
|
+
<ul>{% for link in site.navigation %}{% capture parent_url %}/{{ link.url }}{% endcapture %}
|
5
|
+
<li class="group {% if page.url == parent_url %}sidebar-nav-active{% endif %}">
|
6
|
+
<a href="{% if link.internal == true %}{{ site.baseurl }}/{% endif %}{{ link.url }}"
|
7
|
+
title="{% if page.url == parent_url %}Current Page
|
8
|
+
{% else %}{{ link.text }}{% endif %}">{{ link.text }}</a>
|
9
|
+
{% assign parent = link %}
|
10
|
+
{% include sidebar-children.html %}
|
11
|
+
</li>{% endfor %}
|
12
|
+
</ul>
|
13
|
+
</nav>
|
14
|
+
</aside>
|
@@ -0,0 +1,46 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang='en'>
|
3
|
+
|
4
|
+
{% include header.html %}
|
5
|
+
|
6
|
+
<body>
|
7
|
+
|
8
|
+
<div class="container">
|
9
|
+
<a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
|
10
|
+
|
11
|
+
<header role="banner">
|
12
|
+
|
13
|
+
<div class="wrap">
|
14
|
+
|
15
|
+
|
16
|
+
<h1 class="site-title">
|
17
|
+
<span class="app-robot-logo" />
|
18
|
+
<a class="title-link" href="{{ site.baseurl }}/">{{ site.name }} (foooo)</a>
|
19
|
+
</h1>
|
20
|
+
|
21
|
+
{% unless site.jekyll_pages_api_search.skip_index %}{% jekyll_pages_api_search_interface %}{% endunless %}{% if site.back_link %}
|
22
|
+
|
23
|
+
<div class="back-link"><a href="{{ site.back_link.url }}">« {{ site.back_link.text }}</a></div>{% endif %}
|
24
|
+
{% include breadcrumbs.html %}
|
25
|
+
</div>
|
26
|
+
</header>
|
27
|
+
|
28
|
+
<div class="wrap content">
|
29
|
+
|
30
|
+
<section id="main" class="main-content" role="main">
|
31
|
+
<h2>{{ page.title }}</h2>
|
32
|
+
{{ content }}
|
33
|
+
</section>
|
34
|
+
|
35
|
+
{% include sidebar.html %}
|
36
|
+
|
37
|
+
</div><!-- /.wrap content -->
|
38
|
+
|
39
|
+
{% include footer.html %}
|
40
|
+
|
41
|
+
</div> <!-- /.container -->
|
42
|
+
|
43
|
+
</body>
|
44
|
+
{% include analytics.html %}
|
45
|
+
{% include scripts.html %}
|
46
|
+
</html>
|
@@ -0,0 +1,50 @@
|
|
1
|
+
/*
|
2
|
+
This is where custom styles for your guide should live.
|
3
|
+
*/
|
4
|
+
|
5
|
+
div.skip-nav a {
|
6
|
+
position: absolute;
|
7
|
+
left: -10000;
|
8
|
+
top: 0;
|
9
|
+
width: 1px;
|
10
|
+
height: auto;
|
11
|
+
overflow: hidden;
|
12
|
+
}
|
13
|
+
div.skip-nav a:focus {
|
14
|
+
position: absolute;
|
15
|
+
top: 5px;
|
16
|
+
left: 5px;
|
17
|
+
width: auto;
|
18
|
+
height: auto;
|
19
|
+
z-index: 999999;
|
20
|
+
background-color: white;
|
21
|
+
padding-left: 2px;
|
22
|
+
padding-right: 2px;
|
23
|
+
overflow: visible;
|
24
|
+
}
|
25
|
+
|
26
|
+
.mainContent:focus {
|
27
|
+
outline: none;
|
28
|
+
}
|
29
|
+
|
30
|
+
table, th, td {
|
31
|
+
border: 1px solid black;
|
32
|
+
padding: 5px;
|
33
|
+
margin:5px;
|
34
|
+
}
|
35
|
+
th {
|
36
|
+
background: #767576;
|
37
|
+
color:white;
|
38
|
+
}
|
39
|
+
li.active > a{
|
40
|
+
background-color: #317ab9;
|
41
|
+
}
|
42
|
+
|
43
|
+
div.back-link {
|
44
|
+
display: block;
|
45
|
+
padding-top: .5em;
|
46
|
+
}
|
47
|
+
|
48
|
+
header {
|
49
|
+
padding-bottom: 0.5em;
|
50
|
+
}
|
@@ -0,0 +1,708 @@
|
|
1
|
+
@import "jekyll_pages_api_search";
|
2
|
+
|
3
|
+
$CVENT_BLUE: #00A0DD;
|
4
|
+
$CVENT_COOL_SHADE: #0B6DB6;
|
5
|
+
$CVENT_OCEAN_BLUE: #163B65;
|
6
|
+
$CVENT_GALAXY_BLUE: #212B3F;
|
7
|
+
$CVENT_NUCLEUS_BLUE: #1ba0db;
|
8
|
+
|
9
|
+
$DETAIL_COLOR: $CVENT_NUCLEUS_BLUE;
|
10
|
+
|
11
|
+
/*
|
12
|
+
Main.css
|
13
|
+
==================================
|
14
|
+
Begin with generic 'mobile first' styles
|
15
|
+
*/
|
16
|
+
|
17
|
+
/*
|
18
|
+
Normalize the box model
|
19
|
+
==================================
|
20
|
+
*/
|
21
|
+
|
22
|
+
*,
|
23
|
+
*:before,
|
24
|
+
*:after {
|
25
|
+
-webkit-box-sizing: border-box;
|
26
|
+
-moz-box-sizing: border-box;
|
27
|
+
box-sizing: border-box;
|
28
|
+
}
|
29
|
+
|
30
|
+
/*
|
31
|
+
global styles
|
32
|
+
==================================
|
33
|
+
*/
|
34
|
+
|
35
|
+
html, body {
|
36
|
+
height: 100%;
|
37
|
+
}
|
38
|
+
|
39
|
+
/*
|
40
|
+
Typography
|
41
|
+
==================================
|
42
|
+
*/
|
43
|
+
|
44
|
+
body {
|
45
|
+
font-family: "Open Sans", Arial, sans-serif;
|
46
|
+
font-weight: 400;
|
47
|
+
font-style: normal;
|
48
|
+
line-height: 1.466666667;
|
49
|
+
margin: 0;
|
50
|
+
}
|
51
|
+
|
52
|
+
h1,
|
53
|
+
h2,
|
54
|
+
h3,
|
55
|
+
h4,
|
56
|
+
h5 {
|
57
|
+
font-family: "Raleway", Arial, sans-serif;
|
58
|
+
font-weight: 600;
|
59
|
+
}
|
60
|
+
|
61
|
+
.site-title {
|
62
|
+
font-size: 30px;
|
63
|
+
color: #919395;
|
64
|
+
margin: 0;
|
65
|
+
line-height: 1.2941176470588236;
|
66
|
+
display: inline-block;
|
67
|
+
}
|
68
|
+
|
69
|
+
h2 {
|
70
|
+
font-size: 1.375em;
|
71
|
+
margin: 1.4em 0 0 0;
|
72
|
+
}
|
73
|
+
|
74
|
+
h3 {
|
75
|
+
margin-top: 30px;
|
76
|
+
a {
|
77
|
+
border-bottom: 1px dotted #0072ce;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
h4 {
|
82
|
+
font-size: 1em;
|
83
|
+
text-transform: uppercase;
|
84
|
+
}
|
85
|
+
|
86
|
+
.page-title {
|
87
|
+
margin-top: .727272727em; /* 16/22 */
|
88
|
+
}
|
89
|
+
|
90
|
+
/*
|
91
|
+
Lists
|
92
|
+
--------------------------------
|
93
|
+
*/
|
94
|
+
|
95
|
+
.main-content ul {
|
96
|
+
padding-left: 1.1em;
|
97
|
+
}
|
98
|
+
|
99
|
+
.main-content li {
|
100
|
+
margin-bottom: 1em;
|
101
|
+
}
|
102
|
+
|
103
|
+
li h3,
|
104
|
+
li h4 {
|
105
|
+
margin: 0;
|
106
|
+
}
|
107
|
+
|
108
|
+
li p {
|
109
|
+
margin-top: 0;
|
110
|
+
}
|
111
|
+
|
112
|
+
/*
|
113
|
+
Links
|
114
|
+
==================================
|
115
|
+
*/
|
116
|
+
|
117
|
+
a {
|
118
|
+
-webkit-transition: .2s;
|
119
|
+
-moz-transition: .2s;
|
120
|
+
transition: .2s;
|
121
|
+
}
|
122
|
+
|
123
|
+
a,
|
124
|
+
a:link,
|
125
|
+
a:visited {
|
126
|
+
color: #006FC9;
|
127
|
+
text-decoration: none;
|
128
|
+
}
|
129
|
+
|
130
|
+
a:hover {
|
131
|
+
color: #7eb8dd;
|
132
|
+
text-decoration: none;
|
133
|
+
}
|
134
|
+
|
135
|
+
a:active {
|
136
|
+
color: #002d72;
|
137
|
+
text-decoration: none;
|
138
|
+
}
|
139
|
+
|
140
|
+
a:focus {
|
141
|
+
color: #006FC9;
|
142
|
+
outline: thin dotted;
|
143
|
+
text-decoration: none;
|
144
|
+
}
|
145
|
+
|
146
|
+
a.title-link {
|
147
|
+
color: #fff;
|
148
|
+
display: inline-block;
|
149
|
+
margin-left: 2em;
|
150
|
+
margin-top: .4em;
|
151
|
+
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
|
152
|
+
}
|
153
|
+
|
154
|
+
a.title-link:hover,
|
155
|
+
a.title-link:active,
|
156
|
+
a.title-link:focus {
|
157
|
+
color: #1ba0db;
|
158
|
+
}
|
159
|
+
|
160
|
+
a.skip-link {
|
161
|
+
color: #fff;
|
162
|
+
padding: .25em;
|
163
|
+
}
|
164
|
+
|
165
|
+
a.skip-link:hover,
|
166
|
+
a.skip-link:active,
|
167
|
+
a.skip-link:focus {
|
168
|
+
background-color: #006FC9;
|
169
|
+
color: #fff;
|
170
|
+
}
|
171
|
+
|
172
|
+
p {
|
173
|
+
a,
|
174
|
+
a:link,
|
175
|
+
a:visited {
|
176
|
+
border-bottom: 1px dotted #0072ce;
|
177
|
+
|
178
|
+
}
|
179
|
+
}
|
180
|
+
|
181
|
+
/*
|
182
|
+
Navigation
|
183
|
+
==================================
|
184
|
+
*/
|
185
|
+
|
186
|
+
.breadcrumbs ol {
|
187
|
+
list-style: none;
|
188
|
+
margin: 0px;
|
189
|
+
display: inline-block;
|
190
|
+
font-size: 14px;
|
191
|
+
-webkit-padding-start: 0px;
|
192
|
+
-moz-padding-start: 0px;
|
193
|
+
}
|
194
|
+
|
195
|
+
.breadcrumbs ol li {
|
196
|
+
display: inline;
|
197
|
+
}
|
198
|
+
|
199
|
+
.breadcrumbs ol li:only-child {
|
200
|
+
display: none;
|
201
|
+
}
|
202
|
+
|
203
|
+
.breadcrumbs .parent::after {
|
204
|
+
content: " >";
|
205
|
+
}
|
206
|
+
|
207
|
+
.sidebar-nav a {
|
208
|
+
display: block;
|
209
|
+
padding: 10px;
|
210
|
+
-webkit-transition: .4s;
|
211
|
+
transition: .4s;
|
212
|
+
width: 80%;
|
213
|
+
float: left;
|
214
|
+
}
|
215
|
+
|
216
|
+
.sidebar-nav a,
|
217
|
+
.sidebar-nav a:link,
|
218
|
+
.sidebar-nav a:visited {
|
219
|
+
border-bottom: none;
|
220
|
+
color: #74767B;
|
221
|
+
}
|
222
|
+
|
223
|
+
.sidebar-nav a:hover,
|
224
|
+
.sidebar-nav a:focus,
|
225
|
+
.sidebar-nav a:active,
|
226
|
+
.sidebar-nav .sidebar-nav-active > a {
|
227
|
+
color: #74767B;
|
228
|
+
border-left: 4px solid $DETAIL_COLOR;
|
229
|
+
background-color: transparent;
|
230
|
+
}
|
231
|
+
|
232
|
+
.sidebar-nav ul {
|
233
|
+
margin: 0;
|
234
|
+
padding: 0;
|
235
|
+
}
|
236
|
+
|
237
|
+
.sidebar-nav li {
|
238
|
+
list-style: none;
|
239
|
+
border-bottom: 1px solid #babbbd;
|
240
|
+
font-size: 1.125em;
|
241
|
+
overflow: hidden;
|
242
|
+
}
|
243
|
+
|
244
|
+
.sidebar-nav li:last-child {
|
245
|
+
border-bottom: none;
|
246
|
+
}
|
247
|
+
|
248
|
+
.nav-children[aria-hidden=true] {
|
249
|
+
max-height: 0;
|
250
|
+
}
|
251
|
+
|
252
|
+
.nav-children {
|
253
|
+
clear: both;
|
254
|
+
display: block;
|
255
|
+
font-size: 14px;
|
256
|
+
max-height: initial;
|
257
|
+
max-height: 4000px;
|
258
|
+
overflow: auto;
|
259
|
+
opacity: 1;
|
260
|
+
position: relative;
|
261
|
+
-webkit-transition: max-height .2s, opacity .2s;
|
262
|
+
-moz-transition: max-height .2s, opacity .2s;
|
263
|
+
-o-transition: max-height .2s, opacity .2s;
|
264
|
+
transition: max-height .2s, opacity .2s;
|
265
|
+
}
|
266
|
+
|
267
|
+
.nav-children li {
|
268
|
+
border-bottom: none;
|
269
|
+
padding-left: 0;
|
270
|
+
}
|
271
|
+
|
272
|
+
.nav-children a {
|
273
|
+
padding: 5px 5px 5px 20px;
|
274
|
+
}
|
275
|
+
|
276
|
+
.nav-children li:last-child a {
|
277
|
+
padding-bottom: 10px;
|
278
|
+
}
|
279
|
+
|
280
|
+
.expand-subnav {
|
281
|
+
background: none;
|
282
|
+
border: none;
|
283
|
+
border-radius: 30px;
|
284
|
+
color: #0072ce;
|
285
|
+
cursor: pointer;
|
286
|
+
display: block;
|
287
|
+
float: right;
|
288
|
+
font-size: 20px;
|
289
|
+
height: 30px;
|
290
|
+
line-height: 1;
|
291
|
+
margin: 8px;
|
292
|
+
padding-bottom: 5px;
|
293
|
+
position: relative;
|
294
|
+
width: 30px;
|
295
|
+
-webkit-appearance: none;
|
296
|
+
-moz-appearance: none;
|
297
|
+
-o-appearance: none;
|
298
|
+
appearance: none;
|
299
|
+
-webkit-transition: -webkit-transform .2s;
|
300
|
+
-moz-transition: -moz-transform .2s;
|
301
|
+
-o-transition: -o-transform .2s;
|
302
|
+
transition: transform .2s;
|
303
|
+
}
|
304
|
+
|
305
|
+
.expand-subnav:hover,
|
306
|
+
.expand-subnav:focus {
|
307
|
+
background-color: #0072ce;
|
308
|
+
color: #fff;
|
309
|
+
outline: none;
|
310
|
+
}
|
311
|
+
|
312
|
+
.expand-subnav[aria-expanded=true] {
|
313
|
+
-webkit-transform: rotate(45deg);
|
314
|
+
-moz-transform: rotate(45deg);
|
315
|
+
-o-transform: rotate(45deg);
|
316
|
+
transform: rotate(45deg);
|
317
|
+
}
|
318
|
+
|
319
|
+
header div.wrap div.back-link a {
|
320
|
+
margin-left: 4.5em;
|
321
|
+
top: -1em;
|
322
|
+
font-size: 14px;
|
323
|
+
color: #eee !important;
|
324
|
+
}
|
325
|
+
|
326
|
+
/*
|
327
|
+
Layout
|
328
|
+
==================================
|
329
|
+
*/
|
330
|
+
|
331
|
+
.logo {
|
332
|
+
display: block;
|
333
|
+
}
|
334
|
+
|
335
|
+
.content {
|
336
|
+
padding-top: 2em;
|
337
|
+
padding-bottom: 2em;
|
338
|
+
}
|
339
|
+
|
340
|
+
/* offset the fixed position header for jump links */
|
341
|
+
section:before {
|
342
|
+
display: block;
|
343
|
+
content: "";
|
344
|
+
height: 60px;
|
345
|
+
margin: -60px 0 0;
|
346
|
+
}
|
347
|
+
|
348
|
+
.wrap {
|
349
|
+
max-width: 1200px;
|
350
|
+
margin: 0 auto;
|
351
|
+
padding-left: 20px;
|
352
|
+
padding-right: 20px;
|
353
|
+
}
|
354
|
+
|
355
|
+
header {
|
356
|
+
border-bottom: 4px solid $DETAIL_COLOR;
|
357
|
+
background-color: #222;
|
358
|
+
padding: 1em 0;
|
359
|
+
}
|
360
|
+
|
361
|
+
header div.wrap{
|
362
|
+
position: relative;
|
363
|
+
}
|
364
|
+
|
365
|
+
header div.wrap::after{
|
366
|
+
content: "";
|
367
|
+
display: table;
|
368
|
+
clear: both;
|
369
|
+
}
|
370
|
+
|
371
|
+
header h1.site-title{
|
372
|
+
margin-bottom: 0.4em;
|
373
|
+
}
|
374
|
+
|
375
|
+
header div.wrap div.back-link{
|
376
|
+
position: absolute;
|
377
|
+
left: 20px;
|
378
|
+
top: -1em;
|
379
|
+
font-size: 14px;
|
380
|
+
color: #555;
|
381
|
+
}
|
382
|
+
|
383
|
+
header div.wrap div.back-link a{
|
384
|
+
color: inherit;
|
385
|
+
text-decoration: underline;
|
386
|
+
}
|
387
|
+
|
388
|
+
header div.wrap div.back-link a:hover{ text-decoration: none; }
|
389
|
+
|
390
|
+
header div.wrap div.breadcrumbs{
|
391
|
+
position: absolute;
|
392
|
+
bottom: -1em;
|
393
|
+
}
|
394
|
+
|
395
|
+
@media screen and (min-width: 45em){
|
396
|
+
header h1.site-title{
|
397
|
+
float: left;
|
398
|
+
width: 67%;
|
399
|
+
text-overflow: ellipsis;
|
400
|
+
overflow: hidden;
|
401
|
+
white-space: nowrap;
|
402
|
+
}
|
403
|
+
}
|
404
|
+
|
405
|
+
.main-content img {
|
406
|
+
max-width: 100%;
|
407
|
+
}
|
408
|
+
|
409
|
+
span.app-robot-logo {
|
410
|
+
animation: App-logo-spin alternate infinite 2s ease-in-out;
|
411
|
+
display: inline-block;
|
412
|
+
margin-right: 1.88em;
|
413
|
+
margin-bottom: 1.222em;
|
414
|
+
height: 0.188em;
|
415
|
+
width: 0.188em;
|
416
|
+
-webkit-box-shadow: 0.188em 0em 0 transparent, 0.376em 0em 0 transparent, 0.564em 0em 0 #1ba0db, 0.752em 0em 0 #1ba0db, 0.94em 0em 0 #1ba0db, 1.128em 0em 0 transparent, 1.316em 0em 0 transparent, 0.188em 0.188em 0 transparent, 0.376em 0.188em 0 #1ba0db, 0.564em 0.188em 0 transparent, 0.752em 0.188em 0 transparent, 0.94em 0.188em 0 transparent, 1.128em 0.188em 0 #1ba0db, 1.316em 0.188em 0 transparent, 0.188em 0.376em 0 #1ba0db, 0.376em 0.376em 0 #1ba0db, 0.564em 0.376em 0 #1ba0db, 0.752em 0.376em 0 #1ba0db, 0.94em 0.376em 0 #1ba0db, 1.128em 0.376em 0 #1ba0db, 1.316em 0.376em 0 #1ba0db, 0.188em 0.564em 0 #1ba0db, 0.376em 0.564em 0 transparent, 0.564em 0.564em 0 #1ba0db, 0.752em 0.564em 0 #1ba0db, 0.94em 0.564em 0 #1ba0db, 1.128em 0.564em 0 transparent, 1.316em 0.564em 0 #1ba0db, 0.188em 0.752em 0 #1ba0db, 0.376em 0.752em 0 transparent, 0.564em 0.752em 0 #1ba0db, 0.752em 0.752em 0 #1ba0db, 0.94em 0.752em 0 #1ba0db, 1.128em 0.752em 0 transparent, 1.316em 0.752em 0 #1ba0db, 0.188em 0.94em 0 transparent, 0.376em 0.94em 0 transparent, 0.564em 0.94em 0 #1ba0db, 0.752em 0.94em 0 transparent, 0.94em 0.94em 0 #1ba0db, 1.128em 0.94em 0 transparent, 1.316em 0.94em 0 transparent, 0.188em 1.128em 0 transparent, 0.376em 1.128em 0 transparent, 0.564em 1.128em 0 #1ba0db, 0.752em 1.128em 0 transparent, 0.94em 1.128em 0 #1ba0db, 1.128em 1.128em 0 transparent, 1.316em 1.128em 0 transparent, 0.188em 1.316em 0 transparent, 0.376em 1.316em 0 #1ba0db, 0.564em 1.316em 0 #1ba0db, 0.752em 1.316em 0 transparent, 0.94em 1.316em 0 #1ba0db, 1.128em 1.316em #1ba0db, 1.316em 1.316em 0 transparent;
|
417
|
+
box-shadow: 0.188em 0em 0 transparent, 0.376em 0em 0 transparent, 0.564em 0em 0 #1ba0db, 0.752em 0em 0 #1ba0db, 0.94em 0em 0 #1ba0db, 1.128em 0em 0 transparent, 1.316em 0em 0 transparent, 0.188em 0.188em 0 transparent, 0.376em 0.188em 0 #1ba0db, 0.564em 0.188em 0 transparent, 0.752em 0.188em 0 transparent, 0.94em 0.188em 0 transparent, 1.128em 0.188em 0 #1ba0db, 1.316em 0.188em 0 transparent, 0.188em 0.376em 0 #1ba0db, 0.376em 0.376em 0 #1ba0db, 0.564em 0.376em 0 #1ba0db, 0.752em 0.376em 0 #1ba0db, 0.94em 0.376em 0 #1ba0db, 1.128em 0.376em 0 #1ba0db, 1.316em 0.376em 0 #1ba0db, 0.188em 0.564em 0 #1ba0db, 0.376em 0.564em 0 transparent, 0.564em 0.564em 0 #1ba0db, 0.752em 0.564em 0 #1ba0db, 0.94em 0.564em 0 #1ba0db, 1.128em 0.564em 0 transparent, 1.316em 0.564em 0 #1ba0db, 0.188em 0.752em 0 #1ba0db, 0.376em 0.752em 0 transparent, 0.564em 0.752em 0 #1ba0db, 0.752em 0.752em 0 #1ba0db, 0.94em 0.752em 0 #1ba0db, 1.128em 0.752em 0 transparent, 1.316em 0.752em 0 #1ba0db, 0.188em 0.94em 0 transparent, 0.376em 0.94em 0 transparent, 0.564em 0.94em 0 #1ba0db, 0.752em 0.94em 0 transparent, 0.94em 0.94em 0 #1ba0db, 1.128em 0.94em 0 transparent, 1.316em 0.94em 0 transparent, 0.188em 1.128em 0 transparent, 0.376em 1.128em 0 transparent, 0.564em 1.128em 0 #1ba0db, 0.752em 1.128em 0 transparent, 0.94em 1.128em 0 #1ba0db, 1.128em 1.128em 0 transparent, 1.316em 1.128em 0 transparent, 0.188em 1.316em 0 transparent, 0.376em 1.316em 0 #1ba0db, 0.564em 1.316em 0 #1ba0db, 0.752em 1.316em 0 transparent, 0.94em 1.316em 0 #1ba0db, 1.128em 1.316em #1ba0db, 1.316em 1.316em 0 transparent;
|
418
|
+
}
|
419
|
+
|
420
|
+
.search-interface {
|
421
|
+
width: 30%;
|
422
|
+
float: right;
|
423
|
+
margin-top: .6em;
|
424
|
+
}
|
425
|
+
|
426
|
+
.search-interface input {
|
427
|
+
background-color: #fff;
|
428
|
+
}
|
429
|
+
|
430
|
+
/*
|
431
|
+
Footer
|
432
|
+
==================================
|
433
|
+
*/
|
434
|
+
|
435
|
+
/* for sticky footer */
|
436
|
+
.container {
|
437
|
+
display: table;
|
438
|
+
height: 100%;
|
439
|
+
width: 100%;
|
440
|
+
}
|
441
|
+
|
442
|
+
footer {
|
443
|
+
display: table-row; /* for sticky footer */
|
444
|
+
height: 1px; /* for sticky footer */
|
445
|
+
border-top: 2px solid #babbbd;
|
446
|
+
background: #f1f2f2;
|
447
|
+
width: 100%;
|
448
|
+
font-size: 0.875em;
|
449
|
+
}
|
450
|
+
|
451
|
+
footer .wrap {
|
452
|
+
padding-top: 2em;
|
453
|
+
padding-bottom: 2em;
|
454
|
+
}
|
455
|
+
|
456
|
+
|
457
|
+
/*
|
458
|
+
Helpers
|
459
|
+
==================================
|
460
|
+
*/
|
461
|
+
|
462
|
+
/* Hide from both screenreaders and browsers: h5bp.com/u */
|
463
|
+
.hidden {
|
464
|
+
display: none !important;
|
465
|
+
visibility: hidden;
|
466
|
+
}
|
467
|
+
|
468
|
+
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
|
469
|
+
.visuallyhidden {
|
470
|
+
border: 0;
|
471
|
+
clip: rect(0 0 0 0);
|
472
|
+
height: 1px;
|
473
|
+
margin: -1px;
|
474
|
+
overflow: hidden;
|
475
|
+
padding: 0;
|
476
|
+
position: absolute;
|
477
|
+
width: 1px;
|
478
|
+
}
|
479
|
+
|
480
|
+
/* Extends the .visuallyhidden class to allow the element to be focusable
|
481
|
+
* when navigated to via the keyboard: h5bp.com/p */
|
482
|
+
.visuallyhidden.focusable:active,
|
483
|
+
.visuallyhidden.focusable:focus {
|
484
|
+
clip: auto;
|
485
|
+
height: auto;
|
486
|
+
margin: 0;
|
487
|
+
overflow: visible;
|
488
|
+
position: static;
|
489
|
+
width: auto;
|
490
|
+
}
|
491
|
+
|
492
|
+
/* Hide visually and from screenreaders, but maintain layout */
|
493
|
+
.invisible {
|
494
|
+
visibility: hidden;
|
495
|
+
}
|
496
|
+
|
497
|
+
|
498
|
+
/*
|
499
|
+
Style
|
500
|
+
==================================
|
501
|
+
*/
|
502
|
+
|
503
|
+
.intro {
|
504
|
+
color: #75787B;
|
505
|
+
}
|
506
|
+
|
507
|
+
li h4 {
|
508
|
+
margin: 0;
|
509
|
+
}
|
510
|
+
|
511
|
+
.license {
|
512
|
+
font-family: "Avenir Next Demi", Arial, sans-serif;
|
513
|
+
font-weight: normal;
|
514
|
+
font-style: normal;
|
515
|
+
}
|
516
|
+
|
517
|
+
pre {
|
518
|
+
max-width: 100%;
|
519
|
+
font-size: 0.875em;
|
520
|
+
overflow-y: scroll;
|
521
|
+
background-color: #f1f2f2;
|
522
|
+
padding: 10px;
|
523
|
+
}
|
524
|
+
|
525
|
+
/*
|
526
|
+
Post list
|
527
|
+
----------------------------------
|
528
|
+
*/
|
529
|
+
|
530
|
+
ul.posts {
|
531
|
+
padding: 0;
|
532
|
+
}
|
533
|
+
|
534
|
+
.posts li {
|
535
|
+
list-style: none;
|
536
|
+
}
|
537
|
+
|
538
|
+
.post-date {
|
539
|
+
color: #75787B;
|
540
|
+
}
|
541
|
+
|
542
|
+
/*
|
543
|
+
Repo list
|
544
|
+
----------------------------------
|
545
|
+
*/
|
546
|
+
|
547
|
+
ul.repo-list {
|
548
|
+
margin: .5em 0 1em 0;
|
549
|
+
padding: 0;
|
550
|
+
}
|
551
|
+
|
552
|
+
.repo-list li {
|
553
|
+
list-style: none;
|
554
|
+
}
|
555
|
+
|
556
|
+
.repo-list p {
|
557
|
+
margin: 0;
|
558
|
+
font-size: 0.875em;
|
559
|
+
}
|
560
|
+
|
561
|
+
.repo-list h4 {
|
562
|
+
text-transform: none;
|
563
|
+
}
|
564
|
+
|
565
|
+
/*
|
566
|
+
Helper Classes
|
567
|
+
==================================
|
568
|
+
*/
|
569
|
+
|
570
|
+
/*
|
571
|
+
Clearfix list
|
572
|
+
----------------------------------
|
573
|
+
*/
|
574
|
+
|
575
|
+
.group:before,
|
576
|
+
.group:after {
|
577
|
+
content: " ";
|
578
|
+
display: table;
|
579
|
+
}
|
580
|
+
|
581
|
+
.group:after {
|
582
|
+
clear: both;
|
583
|
+
}
|
584
|
+
|
585
|
+
.group {
|
586
|
+
*zoom: 1;
|
587
|
+
}
|
588
|
+
|
589
|
+
/*
|
590
|
+
Desktop Styles
|
591
|
+
==================================
|
592
|
+
*/
|
593
|
+
|
594
|
+
@media screen and (min-width: 45em) {
|
595
|
+
|
596
|
+
/*
|
597
|
+
Typography
|
598
|
+
==============================
|
599
|
+
*/
|
600
|
+
|
601
|
+
/*
|
602
|
+
Layout
|
603
|
+
==============================
|
604
|
+
*/
|
605
|
+
|
606
|
+
.logo {
|
607
|
+
max-width: 30%;
|
608
|
+
padding-right: 20px;
|
609
|
+
margin-top: -12px;
|
610
|
+
float: right;
|
611
|
+
}
|
612
|
+
|
613
|
+
aside {
|
614
|
+
width: 30%;
|
615
|
+
float: left;
|
616
|
+
}
|
617
|
+
|
618
|
+
.main-content {
|
619
|
+
width: 67%;
|
620
|
+
float: right;
|
621
|
+
margin-bottom: 120px;
|
622
|
+
}
|
623
|
+
|
624
|
+
.main-content img {
|
625
|
+
max-width: 100%;
|
626
|
+
}
|
627
|
+
|
628
|
+
/*
|
629
|
+
Navigation
|
630
|
+
==============================
|
631
|
+
*/
|
632
|
+
|
633
|
+
.anchorjs-link {
|
634
|
+
border: none;
|
635
|
+
}
|
636
|
+
|
637
|
+
/*
|
638
|
+
Style
|
639
|
+
==============================
|
640
|
+
*/
|
641
|
+
|
642
|
+
/*
|
643
|
+
Repo list
|
644
|
+
------------------------------
|
645
|
+
*/
|
646
|
+
|
647
|
+
.repo-list li {
|
648
|
+
list-style: none;
|
649
|
+
display: block;
|
650
|
+
float: left;
|
651
|
+
height: 4.0625em;
|
652
|
+
max-height: 4.0625em;
|
653
|
+
background-color: #E7E7E6;
|
654
|
+
border-left: 1px solid #BABBBD;
|
655
|
+
width: 30%;
|
656
|
+
}
|
657
|
+
|
658
|
+
.repo-list a:link,
|
659
|
+
.repo-list a:visited {
|
660
|
+
display: block;
|
661
|
+
max-height: 4.0625em;
|
662
|
+
background-color: #E7E7E6;
|
663
|
+
border-bottom: none;
|
664
|
+
padding: .625em 1em 1em 1em;
|
665
|
+
}
|
666
|
+
|
667
|
+
.repo-list a:hover {
|
668
|
+
color: #4D5F87;
|
669
|
+
background-color: #CDE3F1;
|
670
|
+
}
|
671
|
+
|
672
|
+
.repo-list li:first-child {
|
673
|
+
text-align: center;
|
674
|
+
border-left: none;
|
675
|
+
line-height: 60px;
|
676
|
+
padding: .625em 1em;
|
677
|
+
width: 10%;
|
678
|
+
}
|
679
|
+
|
680
|
+
}
|
681
|
+
|
682
|
+
@media screen and (max-width: 54.375em) {
|
683
|
+
|
684
|
+
/* keep the repo list containers the same height, but account for the need for more height */
|
685
|
+
|
686
|
+
.repo-list li {
|
687
|
+
height: 6em;
|
688
|
+
max-height: 6em;
|
689
|
+
}
|
690
|
+
|
691
|
+
.repo-list a:link,
|
692
|
+
.repo-list a:visited {
|
693
|
+
max-height: 6em;
|
694
|
+
}
|
695
|
+
}
|
696
|
+
|
697
|
+
/*
|
698
|
+
Mobile Styles
|
699
|
+
==================================
|
700
|
+
*/
|
701
|
+
|
702
|
+
@media screen and (max-width: 40.5em) {
|
703
|
+
|
704
|
+
.main-content {
|
705
|
+
margin-top: 1.5em;
|
706
|
+
}
|
707
|
+
|
708
|
+
}
|