jekyll 2.0.0.rc1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.

This version of jekyll might be problematic. Click here for more details.

Files changed (63) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +1 -1
  3. data/History.markdown +40 -0
  4. data/README.markdown +3 -3
  5. data/features/collections.feature +24 -0
  6. data/features/embed_filters.feature +32 -0
  7. data/features/site_configuration.feature +9 -0
  8. data/features/step_definitions/jekyll_steps.rb +2 -2
  9. data/features/support/env.rb +5 -1
  10. data/jekyll.gemspec +3 -3
  11. data/lib/jekyll/commands/build.rb +3 -3
  12. data/lib/jekyll/commands/doctor.rb +1 -1
  13. data/lib/jekyll/commands/new.rb +1 -1
  14. data/lib/jekyll/commands/serve.rb +45 -23
  15. data/lib/jekyll/configuration.rb +1 -2
  16. data/lib/jekyll/converters/markdown/redcarpet_parser.rb +1 -1
  17. data/lib/jekyll/convertible.rb +2 -2
  18. data/lib/jekyll/document.rb +10 -0
  19. data/lib/jekyll/entry_filter.rb +1 -3
  20. data/lib/jekyll/filters.rb +34 -0
  21. data/lib/jekyll/post.rb +1 -0
  22. data/lib/jekyll/site.rb +9 -10
  23. data/lib/jekyll/stevenson.rb +23 -10
  24. data/lib/jekyll/tags/highlight.rb +24 -48
  25. data/lib/jekyll/utils.rb +10 -10
  26. data/lib/jekyll/version.rb +1 -1
  27. data/lib/site_template/_config.yml +9 -4
  28. data/lib/site_template/_includes/footer.html +9 -9
  29. data/lib/site_template/_includes/head.html +3 -3
  30. data/lib/site_template/_includes/header.html +5 -4
  31. data/lib/site_template/{about/index.md → about.md} +2 -1
  32. data/lib/site_template/css/main.css +6 -1
  33. data/lib/site_template/feed.xml +5 -5
  34. data/lib/site_template/index.html +6 -3
  35. data/site/_config.yml +1 -1
  36. data/site/_includes/css/style.css +180 -120
  37. data/site/_includes/footer.html +1 -1
  38. data/site/_includes/top.html +1 -1
  39. data/site/_posts/2014-05-06-jekyll-turns-2-0-0.markdown +31 -0
  40. data/site/docs/assets.md +0 -8
  41. data/site/docs/collections.md +11 -9
  42. data/site/docs/configuration.md +28 -10
  43. data/site/docs/deployment-methods.md +1 -1
  44. data/site/docs/history.md +227 -0
  45. data/site/docs/permalinks.md +8 -0
  46. data/site/docs/plugins.md +2 -1
  47. data/site/docs/templates.md +43 -0
  48. data/site/docs/variables.md +8 -3
  49. data/site/js/html5shiv.min.js +4 -0
  50. data/test/helper.rb +10 -0
  51. data/test/source/+/foo.md +1 -1
  52. data/test/test_collections.rb +2 -2
  53. data/test/test_configuration.rb +2 -2
  54. data/test/test_convertible.rb +3 -3
  55. data/test/test_entry_filter.rb +16 -0
  56. data/test/test_filters.rb +25 -0
  57. data/test/test_new_command.rb +1 -1
  58. data/test/test_redcarpet.rb +3 -3
  59. data/test/test_sass.rb +0 -41
  60. data/test/test_tags.rb +4 -4
  61. metadata +19 -19
  62. data/lib/site_template/projects/index.md +0 -14
  63. data/site/js/html5shiv.js +0 -8
data/lib/site_template/{about/index.md → about.md} RENAMED
@@ -1,10 +1,11 @@
1
1
  ---
2
2
  layout: page
3
3
  title: About
4
+ permalink: /about/
4
5
  ---
5
6
 
6
7
  This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/)
7
8
 
8
9
  You can find the source code for the Jekyll new theme at: [github.com/jglovier/jekyll-new](https://github.com/jglovier/jekyll-new)
9
10
 
10
- You can find the source code for Jekyll at [github.com/jekyll/jekyll](https://github.com/jekyll/jekyll)
11
+ You can find the source code for Jekyll at [github.com/jekyll/jekyll](https://github.com/jekyll/jekyll)
data/lib/site_template/css/main.css CHANGED
@@ -9,7 +9,6 @@
9
9
  html, body { height: 100%; }
10
10
 
11
11
  body {
12
- background-color: #FFF;
13
12
  font-family: Helvetica, Arial, sans-serif;
14
13
  font-size: 16px;
15
14
  line-height: 1.5;
@@ -231,6 +230,8 @@ a:visited { color: #205caa; }
231
230
  border: 1px solid #d5d5e9;
232
231
  background-color: #eef;
233
232
  padding: 8px 12px;
233
+ -webkit-border-radius: 3px;
234
+ -moz-border-radius: 3px;
234
235
  border-radius: 3px;
235
236
  font-size: 15px;
236
237
  }
@@ -247,6 +248,8 @@ a:visited { color: #205caa; }
247
248
  border: 1px solid #000;
248
249
  background-color: #333;
249
250
  color: #FFF;
251
+ -webkit-border-radius: 3px;
252
+ -moz-border-radius: 3px;
250
253
  border-radius: 3px;
251
254
  }
252
255
 
@@ -351,6 +354,8 @@ a:visited { color: #205caa; }
351
354
  z-index: 10;
352
355
  top: 14px; right: 8px;
353
356
  background-color: white;
357
+ -webkit-border-radius: 5px;
358
+ -moz-border-radius: 5px;
354
359
  border-radius: 5px;
355
360
  border: 1px solid #e8e8e8;
356
361
  }
data/lib/site_template/feed.xml CHANGED
@@ -6,16 +6,16 @@ layout: none
6
6
  <channel>
7
7
  <title>{{ site.name | xml_escape }}</title>
8
8
  <description>{{ site.description | xml_escape }}</description>
9
- <link>{{ site.url }}</link>
10
- <atom:link href="{{ site.url }}/feed.xml" rel="self" type="application/rss+xml" />
9
+ <link>{{ site.baseurl }}</link>
10
+ <atom:link href="{{ "/feed.xml" | prepend: site.baseurl }}" rel="self" type="application/rss+xml" />
11
11
  {% for post in site.posts limit:10 %}
12
12
  <item>
13
13
  <title>{{ post.title | xml_escape }}</title>
14
14
  <description>{{ post.content | xml_escape }}</description>
15
15
  <pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
16
- <link>{{ site.url }}/{{ post.url }}</link>
17
- <guid isPermaLink="true">{{ site.url }}/{{ post.url }}</guid>
16
+ <link>{{ post.url | prepend: site.baseurl }}</link>
17
+ <guid isPermaLink="true">{{ post.url | prepend: site.baseurl }}</guid>
18
18
  </item>
19
19
  {% endfor %}
20
20
  </channel>
21
- </rss>
21
+ </rss>
data/lib/site_template/index.html CHANGED
@@ -8,10 +8,13 @@ layout: default
8
8
 
9
9
  <ul class="posts">
10
10
  {% for post in site.posts %}
11
- <li><span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span> <a class="post-link" href="{{ post.url }}">{{ post.title }}</a></li>
11
+ <li>
12
+ <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
13
+ <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
14
+ </li>
12
15
  {% endfor %}
13
16
  </ul>
14
17
 
15
- <p class="rss-subscribe">subscribe <a href="/feed.xml">via RSS</a></p>
18
+ <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
16
19
 
17
- </div>
20
+ </div>
data/site/_config.yml CHANGED
@@ -4,4 +4,4 @@ gauges_id: 503c5af6613f5d0f19000027
4
4
  permalink: /news/:year/:month/:day/:title/
5
5
  excerpt_separator: noifniof3nioaniof3nioafafinoafnoif
6
6
  repository: https://github.com/jekyll/jekyll
7
- help_url: https://github.com/jekyll/help
7
+ help_url: https://github.com/jekyll/jekyll-help
data/site/_includes/css/style.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /* Base */
2
2
 
3
3
  * {
4
- box-sizing: border-box;
5
4
  -webkit-box-sizing: border-box;
6
5
  -moz-box-sizing: border-box;
6
+ box-sizing: border-box;
7
7
  }
8
8
 
9
9
  body {
10
- font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
11
- font-size: 21px;
12
- font-weight: 300;
10
+ font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
13
11
  color: #ddd;
14
- background: #333;
12
+ background-color: #333;
15
13
  border-top: 5px solid #fc0;
14
+ -webkit-box-shadow: inset 0 3px 30px rgba(0,0,0,.3);
15
+ -moz-box-shadow: inset 0 3px 30px rgba(0,0,0,.3);
16
16
  box-shadow: inset 0 3px 30px rgba(0,0,0,.3);
17
17
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
18
18
  }
@@ -31,7 +31,7 @@ body {
31
31
 
32
32
  /* Sections */
33
33
 
34
- body > header, body > section, body > footer {
34
+ header, section, footer {
35
35
  float: left;
36
36
  width: 100%;
37
37
  clear: both;
@@ -39,11 +39,11 @@ body > header, body > section, body > footer {
39
39
 
40
40
  /* Header */
41
41
 
42
- body > header h1, body > header nav {
42
+ header h1, header nav {
43
43
  display: inline-block;
44
44
  }
45
45
 
46
- body > header h1 span {
46
+ header h1 span {
47
47
  display: none;
48
48
  }
49
49
 
@@ -65,26 +65,33 @@ nav li {
65
65
  }
66
66
 
67
67
  .main-nav li a {
68
+ -webkit-border-radius: 5px;
69
+ -moz-border-radius: 5px;
68
70
  border-radius: 5px;
69
71
  font-weight: 900;
70
72
  font-size: 14px;
71
73
  padding: 0.5em 1em;
72
74
  text-shadow: none;
73
75
  text-transform: uppercase;
76
+ -webkit-transition: all .25s;
77
+ -moz-transition: all .25s;
78
+ -o-transition: all .25s;
74
79
  transition: all .25s;
75
- -moz-transition: all .25s;
76
- -webkit-transition: all .25s;
77
80
  }
78
81
 
79
82
  .main-nav li a:hover {
80
- background: #252525;
83
+ background-color: #252525;
84
+ -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
85
+ -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
81
86
  box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
82
87
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
83
88
  }
84
89
 
85
90
  .main-nav li.current a {
86
- background: #fc0;
91
+ background-color: #fc0;
87
92
  color: #222;
93
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
94
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
88
95
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
89
96
  text-shadow: 0 1px 0 rgba(255,255,255,.3);
90
97
  }
@@ -98,19 +105,23 @@ nav li {
98
105
  .mobile-nav a {
99
106
  float: left;
100
107
  width: 100%;
101
- background: #333;
108
+ background-color: #333;
102
109
  color: #fc0;
103
110
  text-align: center;
104
111
  text-transform: uppercase;
105
112
  font-size: 14px;
106
113
  font-weight: 900;
107
114
  padding: 5px;
115
+ -webkit-border-radius: 5px;
116
+ -moz-border-radius: 5px;
108
117
  border-radius: 5px;
109
118
  }
110
119
 
111
120
  .mobile-nav .current a {
112
- background: #fc0;
121
+ background-color: #fc0;
113
122
  color: #222;
123
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
124
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
114
125
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
115
126
  text-shadow: 0 1px 0 rgba(255,255,255,.3);
116
127
  }
@@ -121,12 +132,12 @@ nav li {
121
132
  padding: 8px 2px;
122
133
  }
123
134
 
124
- @media (max-width: 768px){
135
+ @media (max-width: 768px) {
125
136
  .main-nav ul {
126
137
  text-align: right;
127
138
  }
128
139
  }
129
- @media (max-width: 830px){
140
+ @media (max-width: 830px) {
130
141
  .main-nav .show-on-mobiles {
131
142
  display: inline;
132
143
  }
@@ -137,23 +148,23 @@ nav li {
137
148
 
138
149
  /* Footer */
139
150
 
140
- body > footer {
141
- background: #222;
151
+ footer {
152
+ background-color: #222;
142
153
  font-size: 16px;
143
154
  padding-bottom: 5px;
144
155
  color: #888;
145
156
  margin-top: 40px;
146
157
  }
147
158
 
148
- body > footer a {
159
+ footer a {
149
160
  color: #fff;
150
161
  }
151
162
 
152
- body > footer .align-right p, body > footer img {
163
+ footer .align-right p, footer img {
153
164
  display: inline-block;
154
165
  }
155
166
 
156
- body > footer img {
167
+ footer img {
157
168
  position: relative;
158
169
  top: 8px;
159
170
  margin-left: 5px;
@@ -161,14 +172,15 @@ body > footer img {
161
172
  padding: 1px;
162
173
  -webkit-transition: opacity .2s;
163
174
  -moz-transition: opacity .2s;
175
+ -o-transition: opacity .2s;
164
176
  transition: opacity .2s;
165
177
  }
166
178
 
167
- body > footer a:hover img {
179
+ footer a:hover img {
168
180
  opacity: 1;
169
181
  }
170
182
 
171
- @media (max-width: 568px){
183
+ @media (max-width: 568px) {
172
184
  footer .one-third p {
173
185
  margin-bottom: 0;
174
186
  }
@@ -189,7 +201,7 @@ body > footer a:hover img {
189
201
  margin: 0;
190
202
  }
191
203
 
192
- @media (min-width: 569px){
204
+ @media (min-width: 569px) {
193
205
  .intro p {
194
206
  font-size: 3.2em;
195
207
  }
@@ -198,14 +210,16 @@ body > footer a:hover img {
198
210
  /* Quickstart */
199
211
 
200
212
  .quickstart {
201
- background: #3F1F1F;
213
+ background-color: #3F1F1F;
202
214
  color: #fff;
203
215
  margin: 60px 0;
216
+ -webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,.4);
217
+ -moz-box-shadow: inset 0 3px 10px rgba(0,0,0,.4);
204
218
  box-shadow: inset 0 3px 10px rgba(0,0,0,.4);
205
219
  }
206
220
 
207
221
  .quickstart .content {
208
- padding: 0px 0;
222
+ padding: 0;
209
223
  }
210
224
 
211
225
  .quickstart h4 {
@@ -221,7 +235,7 @@ body > footer a:hover img {
221
235
  margin: 0 0 -30px;
222
236
  }
223
237
 
224
- @media (min-width: 768px){
238
+ @media (min-width: 768px) {
225
239
  .quickstart .code {
226
240
  font-size: 18px;
227
241
  margin: -30px 0;
@@ -247,21 +261,22 @@ body > footer a:hover img {
247
261
  text-align: center;
248
262
  margin: 0 20px;
249
263
  padding: 5px 0;
264
+ -webkit-border-radius: 5px 5px 0 0;
265
+ -moz-border-radius: 5px 5px 0 0;
250
266
  border-radius: 5px 5px 0 0;
267
+ -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.5);
268
+ -moz-box-shadow: 0 3px 10px rgba(0,0,0,.5);
251
269
  box-shadow: 0 3px 10px rgba(0,0,0,.5);
252
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
253
- font-size: 16px;
254
- font-weight: 400;
270
+ font: 400 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
255
271
  color: #444;
256
272
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
257
- background: #f7f7f7;
258
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
259
- background: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
260
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(7%,#cfcfcf), color-stop(100%,#aaaaaa));
261
- background: -webkit-linear-gradient(top, #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
262
- background: -o-linear-gradient(top, #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
263
- background: -ms-linear-gradient(top, #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
264
- background: linear-gradient(top, #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
273
+ background-color: #f7f7f7;
274
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
275
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), color-stop(7%, #cfcfcf), to(#aaaaaa));
276
+ background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
277
+ background-image: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
278
+ background-image: -o-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
279
+ background-image: linear-gradient(top, #f7f7f7 0%,#cfcfcf 7%,#aaaaaa 100%);
265
280
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 );
266
281
  border-bottom: 1px solid #111;
267
282
  }
@@ -270,8 +285,12 @@ body > footer a:hover img {
270
285
  padding: 20px;
271
286
  text-shadow: none;
272
287
  margin: 0 20px;
273
- background: #3d3d3d;
288
+ background-color: #3d3d3d;
289
+ -webkit-border-radius: 0 0 5px 5px;
290
+ -moz-border-radius: 0 0 5px 5px;
274
291
  border-radius: 0 0 5px 5px;
292
+ -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.3);
293
+ -moz-box-shadow: 0 5px 30px rgba(0,0,0,.3);
275
294
  box-shadow: 0 5px 30px rgba(0,0,0,.3);
276
295
  }
277
296
 
@@ -314,7 +333,9 @@ body > footer a:hover img {
314
333
  /* Free Hosting */
315
334
 
316
335
  .free-hosting .pane {
317
- background: #444;
336
+ background-color: #444;
337
+ -webkit-border-radius: 10px;
338
+ -moz-border-radius: 10px;
318
339
  border-radius: 10px;
319
340
  text-shadow: none;
320
341
  position: relative;
@@ -340,7 +361,7 @@ body > footer a:hover img {
340
361
  margin: .75em 0;
341
362
  }
342
363
 
343
- @media (min-width: 768px){
364
+ @media (min-width: 768px) {
344
365
  .free-hosting img {
345
366
  float: left;
346
367
  margin: -20px -30px -30px -50px;
@@ -371,27 +392,31 @@ body > footer a:hover img {
371
392
 
372
393
 
373
394
  article {
374
- background: #444;
395
+ background-color: #444;
396
+ -webkit-border-radius: 10px;
397
+ -moz-border-radius: 10px;
375
398
  border-radius: 10px;
376
399
  padding: 20px;
377
400
  margin: 0 10px;
401
+ -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
402
+ -moz-box-shadow: 0 3px 10px rgba(0,0,0,.1);
378
403
  box-shadow: 0 3px 10px rgba(0,0,0,.1);
379
404
  font-size: 16px;
380
405
  }
381
406
 
382
- @media (max-width: 480px){
407
+ @media (max-width: 480px) {
383
408
  article ul {
384
409
  padding-left: 20px;
385
410
  }
386
411
  }
387
412
 
388
- @media (max-width: 568px){
413
+ @media (max-width: 568px) {
389
414
  article {
390
415
  margin: 0;
391
416
  }
392
417
  }
393
418
 
394
- @media (min-width: 768px){
419
+ @media (min-width: 768px) {
395
420
  article {
396
421
  padding: 40px 40px 30px;
397
422
  font-size: 21px;
@@ -471,15 +496,19 @@ aside li.current a:before {
471
496
  text-transform: uppercase;
472
497
  font-weight: 700;
473
498
  padding: 8px 12px 10px;
499
+ -webkit-border-radius: 5px;
500
+ -moz-border-radius: 5px;
474
501
  border-radius: 5px;
475
502
  /*border: 1px solid #333;*/
503
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.5);
504
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.5);
476
505
  box-shadow: 0 1px 3px rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.5);
477
- background: #777;
506
+ background-color: #777;
478
507
  }
479
508
 
480
509
  .section-nav a:hover {
481
510
  color: #fff;
482
- background: #888;
511
+ background-color: #888;
483
512
  }
484
513
 
485
514
  .section-nav .next, .section-nav .prev {
@@ -522,6 +551,7 @@ aside li.current a:before {
522
551
  }
523
552
 
524
553
  .docs-nav-mobile select {
554
+ color: #000;
525
555
  width: 100%;
526
556
  }
527
557
 
@@ -543,17 +573,20 @@ article h2:first-child {
543
573
  margin-left: -30px;
544
574
  padding: 6px 10px 8px;
545
575
  padding-left: 50px;
576
+ -webkit-border-radius: 0 5px 5px 0;
577
+ -moz-border-radius: 0 5px 5px 0;
546
578
  border-radius: 0 5px 5px 0;
547
579
  position: relative;
580
+ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.3);
581
+ -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.3);
548
582
  box-shadow: 0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.3);
549
- background: #9e2812;
550
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
551
- background: -moz-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
552
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e2812), color-stop(100%,#6f0d0d));
553
- background: -webkit-linear-gradient(top, #9e2812 0%,#6f0d0d 100%);
554
- background: -o-linear-gradient(top, #9e2812 0%,#6f0d0d 100%);
555
- background: -ms-linear-gradient(top, #9e2812 0%,#6f0d0d 100%);
556
- background: linear-gradient(to bottom, #9e2812 0%,#6f0d0d 100%);
583
+ background-color: #9e2812;
584
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
585
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9e2812), to(#6f0d0d));
586
+ background-image: -webkit-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
587
+ background-image: -moz-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
588
+ background-image: -o-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
589
+ background-image: linear-gradient(to bottom, #9e2812 0%,#6f0d0d 100%);
557
590
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2812', endColorstr='#6f0d0d',GradientType=0 );
558
591
  }
559
592
 
@@ -564,13 +597,13 @@ article h2:first-child {
564
597
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
565
598
  }
566
599
 
567
- @media (max-width: 568px){
600
+ @media (max-width: 568px) {
568
601
  .post-category {
569
602
  padding-left: 30px;
570
603
  }
571
604
  }
572
605
 
573
- @media (min-width: 768px){
606
+ @media (min-width: 768px) {
574
607
  .post-category {
575
608
  margin-left: -50px;
576
609
  }
@@ -580,7 +613,7 @@ article h2:first-child {
580
613
  content: "";
581
614
  position: absolute;
582
615
  top: -10px;
583
- left: 0px;
616
+ left: 0;
584
617
  border-color: transparent #6f0d0d #6f0d0d transparent;
585
618
  border-style: solid;
586
619
  border-width: 5px;
@@ -589,6 +622,8 @@ article h2:first-child {
589
622
  }
590
623
 
591
624
  .avatar {
625
+ -webkit-border-radius: 3px;
626
+ -moz-border-radius: 3px;
592
627
  border-radius: 3px;
593
628
  display: inline-block;
594
629
  vertical-align: middle;
@@ -608,8 +643,12 @@ article h2:first-child {
608
643
 
609
644
  .news article + article {
610
645
  margin-top: -10px;
646
+ -webkit-border-radius: 0 0 10px 10px;
647
+ -moz-border-radius: 0 0 10px 10px;
611
648
  border-radius: 0 0 10px 10px;
612
649
  border-top: 1px solid #555;
650
+ -webkit-box-shadow: 0 -1px 0 #2f2f2f;
651
+ -moz-box-shadow: 0 -1px 0 #2f2f2f;
613
652
  box-shadow: 0 -1px 0 #2f2f2f;
614
653
  }
615
654
 
@@ -620,29 +659,35 @@ pre, code {
620
659
  white-space: pre;
621
660
  display: inline-block;
622
661
  margin: 0;
623
- padding: 0;
624
- font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
625
- font-size: 14px;
626
- padding: 0 .5em;
627
- line-height: 1.8em;
662
+ font: 14px/1.8em Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
663
+ padding: 0 0.5em;
628
664
  }
629
665
 
630
- @media (min-width: 768px){
666
+ @media (min-width: 768px) {
631
667
  pre, code {
632
668
  font-size: 16px;
633
669
  }
634
670
  }
635
671
 
636
672
  .highlight, p > pre, p > code, p > nobr > code, li > code, h5 > code, .note > code {
637
- background: #333;
673
+ background-color: #333;
638
674
  color: #fff;
675
+ -webkit-border-radius: 5px;
676
+ -moz-border-radius: 5px;
639
677
  border-radius: 5px;
678
+ -webkit-box-shadow: inset 0 1px 10px rgba(0,0,0,.3),
679
+ 0 1px 0 rgba(255,255,255,.1),
680
+ 0 -1px 0 rgba(0,0,0,.5);
681
+ -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,.3),
682
+ 0 1px 0 rgba(255,255,255,.1),
683
+ 0 -1px 0 rgba(0,0,0,.5);
640
684
  box-shadow: inset 0 1px 10px rgba(0,0,0,.3),
641
685
  0 1px 0 rgba(255,255,255,.1),
642
686
  0 -1px 0 rgba(0,0,0,.5);
643
687
  }
644
688
 
645
689
  .note code {
690
+ background-color: #333;
646
691
  background-color: rgba(0,0,0,0.2);
647
692
  margin-left: 2.5px;
648
693
  margin-right: 2.5px;
@@ -664,9 +709,10 @@ h1, h2, h3, h4, h5, h6 {
664
709
  a {
665
710
  color: #fc0;
666
711
  text-decoration: none;
712
+ -webkit-transition: all .25s;
713
+ -moz-transition: all .25s;
714
+ -o-transition: all .25s;
667
715
  transition: all .25s;
668
- -moz-transition: all .25s;
669
- -webkit-transition: all .25s;
670
716
  }
671
717
 
672
718
  a:hover {
@@ -732,37 +778,50 @@ blockquote {
732
778
 
733
779
  table {
734
780
  width: 100%;
735
- background: #555;
781
+ background-color: #555;
736
782
  margin: .5em 0;
783
+ -webkit-border-radius: 5px;
784
+ -moz-border-radius: 5px;
737
785
  border-radius: 5px;
786
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
787
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
738
788
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
739
789
  }
740
790
 
741
791
  thead {
792
+ -webkit-border-top-left-radius: 5px;
793
+ -moz-border-radius-topleft: 5px;
742
794
  border-top-left-radius: 5px;
795
+ -webkit-border-top-right-radius: 5px;
796
+ -moz-border-radius-topright: 5px;
743
797
  border-top-right-radius: 5px;
744
798
  color: #fff;
745
- background: #3a3a3a;
746
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
747
- background: -moz-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
748
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#1e1e1e));
749
- background: -webkit-linear-gradient(top, #3a3a3a 0%,#1e1e1e 100%);
750
- background: -o-linear-gradient(top, #3a3a3a 0%,#1e1e1e 100%);
751
- background: -ms-linear-gradient(top, #3a3a3a 0%,#1e1e1e 100%);
752
- background: linear-gradient(to bottom, #3a3a3a 0%,#1e1e1e 100%);
799
+ background-color: #3a3a3a;
800
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
801
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#1e1e1e));
802
+ background-image: -webkit-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
803
+ background-image: -moz-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
804
+ background-image: -o-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
805
+ background-image: linear-gradient(to bottom, #3a3a3a 0%,#1e1e1e 100%);
753
806
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1e1e1e',GradientType=0 );
754
807
  }
755
808
 
756
809
  thead th {
757
810
  position: relative;
811
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
812
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
758
813
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
759
814
  }
760
815
 
761
816
  thead th:first-child {
817
+ -webkit-border-top-left-radius: 5px;
818
+ -moz-border-radius-topleft: 5px;
762
819
  border-top-left-radius: 5px;
763
820
  }
764
821
 
765
822
  thead th:last-child {
823
+ -webkit-border-top-right-radius: 5px;
824
+ -moz-border-radius-topright: 5px;
766
825
  border-top-right-radius: 5px;
767
826
  }
768
827
 
@@ -783,15 +842,17 @@ th {
783
842
  }
784
843
 
785
844
  tbody td {
845
+ border-top: 1px solid #747474;
786
846
  border-top: 1px solid rgba(0,0,0,.1);
847
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
848
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
787
849
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
788
850
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
789
- background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
790
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0)));
791
- background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
792
- background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
793
- background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
794
- background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
851
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0)));
852
+ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
853
+ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
854
+ background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
855
+ background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
795
856
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=0 );
796
857
  }
797
858
 
@@ -822,27 +883,30 @@ code.option, code.flag, code.filter, code.output {
822
883
  margin-left: -30px;
823
884
  padding: 20px 20px 24px;
824
885
  padding-left: 50px;
886
+ -webkit-border-radius: 0 5px 5px 0;
887
+ -moz-border-radius: 0 5px 5px 0;
825
888
  border-radius: 0 5px 5px 0;
826
889
  position: relative;
890
+ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.3);
891
+ -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.3);
827
892
  box-shadow: 0 1px 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(0,0,0,.3);
828
- background: #7e6d42;
829
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNmQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YzRlMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
830
- background: -moz-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
831
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e6d42), color-stop(100%,#5c4e35));
832
- background: -webkit-linear-gradient(top, #7e6d42 0%,#5c4e35 100%);
833
- background: -o-linear-gradient(top, #7e6d42 0%,#5c4e35 100%);
834
- background: -ms-linear-gradient(top, #7e6d42 0%,#5c4e35 100%);
835
- background: linear-gradient(to bottom, #7e6d42 0%,#5c4e35 100%);
893
+ background-color: #7e6d42;
894
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNmQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YzRlMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
895
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7e6d42), to(#5c4e35));
896
+ background-image: -webkit-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
897
+ background-image: -moz-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
898
+ background-image: -o-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
899
+ background-image: linear-gradient(to bottom, #7e6d42 0%,#5c4e35 100%);
836
900
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d42', endColorstr='#5c4e35',GradientType=0 );
837
901
  }
838
902
 
839
- @media (max-width: 568px){
903
+ @media (max-width: 568px) {
840
904
  .note {
841
905
  margin-right: -30px;
842
906
  }
843
907
  }
844
908
 
845
- @media (min-width: 768px){
909
+ @media (min-width: 768px) {
846
910
  .note {
847
911
  margin-left: -50px;
848
912
  }
@@ -852,7 +916,7 @@ code.option, code.flag, code.filter, code.output {
852
916
  content: "";
853
917
  position: absolute;
854
918
  top: -10px;
855
- left: 0px;
919
+ left: 0;
856
920
  border-color: transparent #222 #222 transparent;
857
921
  border-style: solid;
858
922
  border-width: 5px;
@@ -877,40 +941,36 @@ code.option, code.flag, code.filter, code.output {
877
941
  }
878
942
 
879
943
  .info {
880
- background: #0389aa;
881
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzODlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYxN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
882
- background: -moz-linear-gradient(top, #0389aa 0%, #00617f 100%);
883
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0389aa), color-stop(100%,#00617f));
884
- background: -webkit-linear-gradient(top, #0389aa 0%,#00617f 100%);
885
- background: -o-linear-gradient(top, #0389aa 0%,#00617f 100%);
886
- background: -ms-linear-gradient(top, #0389aa 0%,#00617f 100%);
887
- background: linear-gradient(to bottom, #0389aa 0%,#00617f 100%);
944
+ background-color: #0389aa;
945
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzODlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYxN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
946
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#0389aa), to(#00617f));
947
+ background-image: -webkit-linear-gradient(top, #0389aa 0%, #00617f 100%);
948
+ background-image: -moz-linear-gradient(top, #0389aa 0%, #00617f 100%);
949
+ background-image: -o-linear-gradient(top, #0389aa 0%, #00617f 100%);
950
+ background-image: linear-gradient(to bottom, #0389aa 0%,#00617f 100%);
888
951
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0389aa', endColorstr='#00617f',GradientType=0 );
889
952
  }
890
953
 
891
954
  .warning {
892
- background: #9e2812;
893
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
894
- background: -moz-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
895
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e2812), color-stop(100%,#6f0d0d));
896
- background: -webkit-linear-gradient(top, #9e2812 0%,#6f0d0d 100%);
897
- background: -o-linear-gradient(top, #9e2812 0%,#6f0d0d 100%);
898
- background: -ms-linear-gradient(top, #9e2812 0%,#6f0d0d 100%);
899
- background: linear-gradient(to bottom, #9e2812 0%,#6f0d0d 100%);
955
+ background-color: #9e2812;
956
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
957
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#9e2812), to(#6f0d0d));
958
+ background-image: -webkit-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
959
+ background-image: -moz-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
960
+ background-image: -o-linear-gradient(top, #9e2812 0%, #6f0d0d 100%);
961
+ background-image: linear-gradient(to bottom, #9e2812 0%,#6f0d0d 100%);
900
962
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e2812', endColorstr='#6f0d0d',GradientType=0 );
901
963
  }
902
964
 
903
965
  .unreleased {
904
- background: rgb(205,146,57); /* Old browsers */
905
- /* IE9 SVG, needs conditional override of 'filter' to 'none' */
906
- background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkOTIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjc1MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
907
- background: -moz-linear-gradient(top, rgba(205,146,57,1) 0%, rgba(162,117,40,1) 100%); /* FF3.6+ */
908
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,146,57,1)), color-stop(100%,rgba(162,117,40,1))); /* Chrome,Safari4+ */
909
- background: -webkit-linear-gradient(top, rgba(205,146,57,1) 0%,rgba(162,117,40,1) 100%); /* Chrome10+,Safari5.1+ */
910
- background: -o-linear-gradient(top, rgba(205,146,57,1) 0%,rgba(162,117,40,1) 100%); /* Opera 11.10+ */
911
- background: -ms-linear-gradient(top, rgba(205,146,57,1) 0%,rgba(162,117,40,1) 100%); /* IE10+ */
912
- background: linear-gradient(to bottom, rgba(205,146,57,1) 0%,rgba(162,117,40,1) 100%); /* W3C */
913
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd9239', endColorstr='#a27528',GradientType=0 ); /* IE6-8 */
966
+ background-color: #cd9239;
967
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkOTIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjc1MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
968
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(205,146,57,1)), to(rgba(162,117,40,1)));
969
+ background-image: -webkit-linear-gradient(top, rgba(205,146,57,1) 0%, rgba(162,117,40,1) 100%);
970
+ background-image: -moz-linear-gradient(top, rgba(205,146,57,1) 0%, rgba(162,117,40,1) 100%);
971
+ background-image: -o-linear-gradient(top, rgba(205,146,57,1) 0%, rgba(162,117,40,1) 100%);
972
+ background-image: linear-gradient(to bottom, rgba(205,146,57,1) 0%,rgba(162,117,40,1) 100%);
973
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd9239', endColorstr='#a27528',GradientType=0 );
914
974
  }
915
975
 
916
976
  .info:before {
@@ -971,7 +1031,7 @@ code.option, code.flag, code.filter, code.output {
971
1031
 
972
1032
  /* Responsive tables */
973
1033
 
974
- @media (max-width: 768px){
1034
+ @media (max-width: 768px) {
975
1035
  .mobile-side-scroller {
976
1036
  overflow-x: scroll;
977
1037
  margin: 0 -40px;