playground 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: c814e1cb0877991640c51e0b369421f98616a83d
4
+ data.tar.gz: cdfb0592b82703184a26be6795db6186cd708d4f
5
+ SHA512:
6
+ metadata.gz: afdbf37d03c67444e2026baf0fd6a9d0032966dc9846bdb9c65ad530e2a2ed2aa4be10181f57ac97d2315a7cf9f45caeb1e8ed2f1cda24b08dbd6f35466563e9
7
+ data.tar.gz: 898b4020df3e080d2f1da4cc929294bb6b3463ef646eb2be42bd4d57a9d5371986bbd2bf826eb6ecaa77dce6a45a724df67e661fd90275bbb51ccf3b193da84e
data/.gitignore ADDED
@@ -0,0 +1,22 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
18
+ *.bundle
19
+ *.so
20
+ *.o
21
+ *.a
22
+ mkmf.log
data/Gemfile ADDED
@@ -0,0 +1,3 @@
1
+ source 'https://rubygems.org'
2
+
3
+ gemspec
data/LICENSE ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2014 Sam Soffes, http://soff.es
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/Rakefile ADDED
@@ -0,0 +1 @@
1
+ require 'bundler/gem_tasks'
data/Readme.markdownd ADDED
@@ -0,0 +1,17 @@
1
+ # Playground
2
+
3
+ A simple utility to convert a Markdown file into an interactive Swift playground.
4
+
5
+ ## Installation
6
+
7
+ Simply run the following command to install:
8
+
9
+ $ gem install playground
10
+
11
+ ## Usage
12
+
13
+ Simply:
14
+
15
+ $ playground generate input.markdown output.playground
16
+
17
+ Enjoy.
data/bin/playground ADDED
@@ -0,0 +1,7 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ lib = File.expand_path('../../lib', __FILE__)
4
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
5
+ require 'playground/cli'
6
+
7
+ Playground::Cli.start
data/lib/playground.rb ADDED
@@ -0,0 +1,5 @@
1
+ require 'playground/version'
2
+ require 'playground/generator'
3
+
4
+ module Playground
5
+ end
@@ -0,0 +1,11 @@
1
+ require 'thor'
2
+ require 'Playground'
3
+
4
+ module Playground
5
+ class Cli < Thor
6
+ desc 'generate [input.markdown] [output.playground]', 'Generate a playground'
7
+ def generate(input, output)
8
+ Generator.new.generate(input, output)
9
+ end
10
+ end
11
+ end
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
2
+ <playground version="1.0" sdk="<%= sdk %>" allows-reset="yes">
3
+ <sections>
4
+ <%= sections %>
5
+ </sections>
6
+ </playground>
@@ -0,0 +1,21 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title><%= title %></title>
6
+ <link rel="stylesheet" type="text/css" href="style.css">
7
+ <meta id="xcode-display" name="xcode-display" content="render">
8
+ <meta name="apple-mobile-web-app-capable" content="yes">
9
+ <meta name="viewport" content="width=device-width,maximum-scale=1.0">
10
+ </head>
11
+
12
+ <body id="conceptual_flow_with_tasks" class="jazz">
13
+ <div class="content-wrapper">
14
+ <article class="chapter>">
15
+ <section class="section">
16
+ <%= content %>
17
+ </section>
18
+ </article>
19
+ </div>
20
+ </body>
21
+ </html>
@@ -0,0 +1,2225 @@
1
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,figure,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
2
+ /* background: transparent; */
3
+ border: 0;
4
+ font-size: 100%;
5
+ margin: 0;
6
+ outline: 0;
7
+ padding: 0;
8
+ vertical-align: baseline
9
+ }
10
+ body.jazz {
11
+ background-color: rgba(255,255,255,0.65);
12
+ color: rgba(0,0,0,1);
13
+ font-family: Helvetica,Arial,sans-serif;
14
+ font-size: 62.5%;
15
+ margin-left: 15px;
16
+ }
17
+ .jazz a[name] {
18
+ display: block;
19
+ padding-top: 85px;
20
+ margin: -95px 0 0
21
+ }
22
+ .jazz .content-wrapper {
23
+ /* background-color: rgba(255,255,255,1); */
24
+ margin: 0 auto;
25
+ }
26
+ .jazz .chapter {
27
+ /* background-color: rgba(255,255,255,1); */
28
+ border: 1px solid rgba(238,238,238,1);
29
+ box-shadow: 0 0 1px rgba(0,0,0,.07);
30
+ display: block;
31
+ margin-left: 246px;
32
+ min-height: calc(100% - 173px);
33
+ min-height: -moz-calc(100% - 173px);
34
+ min-height: -webkit-calc(100% - 173px);
35
+ min-height: -o-calc(100% - 173px);
36
+ position: absolute;
37
+ overflow: auto;
38
+ padding-bottom: 100px;
39
+ top: 70px;
40
+ -webkit-overflow-scrolling: touch;
41
+ }
42
+ .jazz #mini_toc {
43
+ /* background-color: rgba(255,255,255,1); */
44
+ background-image: url(../Images/plus_2x.png);
45
+ background-position: 90% 11px;
46
+ background-repeat: no-repeat;
47
+ background-size: 12px 12px;
48
+ border: 1px solid rgba(238,238,238,1);
49
+ box-shadow: 0 0 1px rgba(0,0,0,.07);
50
+ margin-left: 505px;
51
+ padding: 10px 10px 0 15px;
52
+ position: fixed;
53
+ top: 85px;
54
+ width: 190px;
55
+ z-index: 1;
56
+ overflow: auto;
57
+ height: 25px;
58
+ max-height: 500px;
59
+ -webkit-transition: height .3s ease,-webkit-transform .3s ease;
60
+ -moz-transition: height .3s ease,-moz-transform .3s ease;
61
+ -o-transition: height .3s ease,-o-transform .3s ease;
62
+ -ms-transition: height .3s ease,-ms-transform .3s ease;
63
+ transition: height .3s ease,transform .3s ease
64
+ }
65
+ .jazz #mini_toc.slide-out {
66
+ -webkit-transform: translateY(-85px);
67
+ -moz-transform: translateY(-85px);
68
+ -o-transform: translateY(-85px);
69
+ -ms-transform: translateY(-85px);
70
+ transform: translateY(-85px)
71
+ }
72
+ .jazz #mini_toc.open {
73
+ background-image: url(../Images/minus_2x.png);
74
+ z-index: 2
75
+ }
76
+ .jazz #mini_toc #mini_toc_button {
77
+ cursor: pointer;
78
+ width: 195px
79
+ }
80
+
81
+ .jazz .section {
82
+ padding: 20px 25px 20px 35px
83
+ }
84
+ .jazz .section .section {
85
+ margin: 30px 0 0;
86
+ padding: 0
87
+ }
88
+ .jazz .clear {
89
+ }
90
+ .jazz .two-columns {
91
+ clear: both;
92
+ display: table;
93
+ margin: 60px auto;
94
+ vertical-align: middle;
95
+ width: 85%
96
+ }
97
+ .jazz .left-column,.jazz .right-column {
98
+ display: table-cell;
99
+ height: 100%;
100
+ vertical-align: middle
101
+ }
102
+ .jazz .left-column {
103
+ padding-right: 10px
104
+ }
105
+ .jazz .right-column {
106
+ padding-left: 10px
107
+ }
108
+ .jazz .right-column.left-align {
109
+ width: 100%
110
+ }
111
+ .jazz .right-column.left-align p {
112
+ color: rgba(128,128,128,1);
113
+ font-size: 1.6em
114
+ }
115
+ .jazz .two-columns .inline-graphic {
116
+ margin: 0 auto;
117
+ text-align: center
118
+ }
119
+ .jazz .two-columns p {
120
+ clear: both;
121
+ font-size: 1.4em
122
+ }
123
+ .jazz #ios_header {
124
+ /* background-color: rgba(65,65,65,1); */
125
+ box-shadow: 0 1px 1px rgba(0,0,0,.07);
126
+ color: rgba(255,255,255,1);
127
+ height: 25px;
128
+ letter-spacing: .05em;
129
+ position: fixed;
130
+ top: 0;
131
+ width: 100%;
132
+ z-index: 4
133
+ }
134
+ .jazz .header-text {
135
+ font-size: 1.1em;
136
+ margin: 0 auto;
137
+ padding-top: 6px;
138
+ vertical-align: middle;
139
+ float: left
140
+ }
141
+ .jazz .header-text a {
142
+ color: rgba(255,255,255,1);
143
+ text-decoration: none
144
+ }
145
+ .jazz #apple_logo {
146
+ padding-right: 8px;
147
+ vertical-align: -2px
148
+ }
149
+ .jazz #wwdr {
150
+ float: right;
151
+ padding-top: 4px;
152
+ font-size: 1.1em;
153
+ vertical-align: middle;
154
+ margin: 0 auto
155
+ }
156
+ .jazz #wwdr a {
157
+ color: rgba(255,255,255,1);
158
+ text-decoration: none
159
+ }
160
+ .jazz #valence {
161
+ /* background-color: rgba(242,242,242,1); */
162
+ display: block;
163
+ height: 60px;
164
+ padding-top: 10px;
165
+ position: fixed;
166
+ top: 0;
167
+ width: 100%;
168
+ z-index: 3
169
+ }
170
+ .jazz #hierarchial_navigation {
171
+ float: left;
172
+ font-size: 1.4em;
173
+ margin-top: 29px;
174
+ vertical-align: middle
175
+ }
176
+ .jazz #carat {
177
+ margin: 0 10px
178
+ }
179
+ .jazz #design_resources_link {
180
+ color: rgba(0,136,204,1);
181
+ text-decoration: none
182
+ }
183
+ .jazz #book_title {
184
+ color: rgba(0,0,0,1);
185
+ font-size: 1em
186
+ }
187
+ .jazz .download-text {
188
+ color: rgba(0,136,204,1);
189
+ float: right;
190
+ font-size: 1.1em;
191
+ margin-right: 20px;
192
+ margin-top: 32px;
193
+ text-decoration: none
194
+ }
195
+ .jazz input[type=search] {
196
+ background-size: 14px 14px;
197
+ background-image: url(../Images/magnify_2x.png);
198
+ background-position: 3% 50%;
199
+ background-repeat: no-repeat;
200
+ border: 1px solid rgba(238,238,238,1);
201
+ box-shadow: 0 0 1px rgba(0,0,0,.07);
202
+ -webkit-appearance: none;
203
+ float: right;
204
+ font-family: Helvetica,Arial,sans-serif;
205
+ font-size: 1.1em;
206
+ height: 30px;
207
+ margin-right: -2px;
208
+ margin-top: 23px;
209
+ padding-left: 18px;
210
+ vertical-align: middle;
211
+ width: 177px
212
+ }
213
+ .jazz #shortstack {
214
+ display: none
215
+ }
216
+ .jazz p {
217
+ color: rgba(65,65,65,1);
218
+ font-size: 1.4em;
219
+ line-height: 145%;
220
+ margin-bottom: 5px;
221
+
222
+ }
223
+ .jazz h2 {
224
+ color: rgba(0,0,0,1);
225
+ display: block;
226
+ font-family: Helvetica;
227
+ font-size: 2.8em;
228
+ font-weight: 100;
229
+ margin-bottom: 0;
230
+ padding: 15px 25px;
231
+ width: 63%
232
+ }
233
+ .jazz #mini_toc p {
234
+ font-size: 1.4em
235
+ }
236
+ .jazz #mini_toc .list-bullet a {
237
+ color: rgba(0,136,204,1);
238
+ list-style-type: none;
239
+ list-style-position: outside;
240
+ margin-left: 0;
241
+ padding-left: 0;
242
+ text-decoration: none
243
+ }
244
+ .jazz #mini_toc ul.list-bullet {
245
+ list-style-type: none;
246
+ margin-bottom: 0;
247
+ margin-left: 0;
248
+ margin-top: 15px;
249
+ overflow: hidden;
250
+ padding-left: 0;
251
+ width: 167px;
252
+ display: none
253
+ }
254
+ .jazz #mini_toc.open ul.list-bullet {
255
+ display: block
256
+ }
257
+ .jazz #mini_toc ul.list-bullet li.item {
258
+ padding-left: 0;
259
+ display: block
260
+ }
261
+ .jazz #mini_toc ul.list-bullet li.item:before {
262
+ content: none
263
+ }
264
+ .jazz #mini_toc ul.list-bullet li.item p {
265
+ color: rgba(0,136,204,1);
266
+ font-size: 1.4em;
267
+ line-height: 135%;
268
+ padding-bottom: 22px;
269
+ text-decoration: none
270
+ }
271
+ .jazz .chapter a {
272
+ color: rgba(0,136,204,1);
273
+ text-decoration: none
274
+ }
275
+ .jazz h3:before {
276
+ display: block;
277
+ content: " ";
278
+ margin-top: -85px;
279
+ height: 85px;
280
+ visibility: hidden
281
+ }
282
+ .jazz h3 {
283
+ color: rgba(128,128,128,1);
284
+ display: block;
285
+ font-family: Helvetica;
286
+ font-size: 2.2em;
287
+ font-weight: 100;
288
+ margin-bottom: 15px;
289
+ margin-top: 20px;
290
+ }
291
+ .jazz .section .section h3 {
292
+ color: rgba(0,0,0,1);
293
+ font-size: 1.8em;
294
+ letter-spacing: 0;
295
+ padding-top: 20px
296
+ }
297
+ .jazz .section .section .section h3 {
298
+ font-size: 1.6em;
299
+ padding-top: 0
300
+ }
301
+ .jazz .title-three {
302
+ color: rgba(0,0,0,1);
303
+ font-size: 2em;
304
+ font-weight: 400;
305
+ margin-bottom: 10px
306
+ }
307
+ .jazz .inline-head {
308
+ }
309
+ .jazz code {
310
+ color: rgba(128,128,128,1);
311
+ font-family: Menlo,monospace;
312
+ font-size: .9em;
313
+ word-wrap: break-word
314
+ }
315
+ .jazz .copyright {
316
+ clear: both;
317
+ color: rgba(160,160,160,1);
318
+ float: none;
319
+ margin: 70px 25px 10px 0
320
+ }
321
+ .jazz .link {
322
+ color: rgba(0,136,204,1);
323
+ text-decoration: none
324
+ }
325
+ .jazz .u-book {
326
+ }
327
+ .jazz .pediaLink {
328
+ }
329
+ .jazz .x-name-no-link {
330
+ }
331
+ .jazz .u-api {
332
+ }
333
+ .jazz ul.list-bullet {
334
+ list-style: none;
335
+ margin-bottom: 12px;
336
+ margin-left: 24px;
337
+ padding-left: 0
338
+ }
339
+ .jazz ul.list-bullet li.item {
340
+ list-style-type: none;
341
+ list-style-image: none;
342
+ padding-left: 1.3em;
343
+ position: relative
344
+ }
345
+ .jazz .aside ul.list-bullet li.item {
346
+ padding-left: 1.1em
347
+ }
348
+ .jazz ul.list-bullet li.item:before {
349
+ color: rgba(65,65,65,1);
350
+ content: "\02022";
351
+ font-size: 1.5em;
352
+ left: 0;
353
+ padding-top: 2px;
354
+ position: absolute
355
+ }
356
+ .jazz .aside ul.list-bullet li.item:before {
357
+ font-size: 1.2em;
358
+ margin-top: -2px
359
+ }
360
+ .jazz .list-number,.jazz .list-simple,.jazz .list-check {
361
+ margin-bottom: 12px;
362
+ margin-left: 20px;
363
+ padding-left: 20px
364
+ }
365
+ .jazz .list-number {
366
+ color: rgba(65,65,65,1);
367
+ font-size: 1.4em
368
+ }
369
+ .jazz .aside .list-number {
370
+ font-size: 1em
371
+ }
372
+ .jazz ol.list-number li.item ol.list-number {
373
+ font-size: 1em
374
+ }
375
+ .jazz .list-number .item p {
376
+ font-size: 1em
377
+ }
378
+ .jazz .list-simple {
379
+ list-style-type: none
380
+ }
381
+ .jazz .list-check {
382
+ list-style: url(../Images/check.png) outside none
383
+ }
384
+ .jazz .item p {
385
+ margin: 0;
386
+ padding-bottom: 6px
387
+ }
388
+ .jazz .book-parts {
389
+ /* background-color: rgba(249,249,249,1); */
390
+ border: 1px solid rgba(238,238,238,1);
391
+ bottom: 0;
392
+ box-shadow: 0 0 1px rgba(0,0,0,.07);
393
+ display: block;
394
+ overflow: auto;
395
+ -webkit-overflow-scrolling: touch;
396
+ position: fixed;
397
+ top: 70px;
398
+ width: 230px
399
+ }
400
+ .jazz .nav-parts {
401
+ color: rgba(128,128,128,1);
402
+ font-weight: 100;
403
+ line-height: 140%;
404
+ list-style-type: none;
405
+ margin: 0;
406
+ -webkit-padding-start: 0
407
+ }
408
+ .jazz .part-name {
409
+ border-bottom: 1px solid rgba(238,238,238,1);
410
+ font-family: Helvetica;
411
+ font-size: 1.6em;
412
+ line-height: 150%;
413
+ list-style-type: none;
414
+ margin: 0;
415
+ padding: 15px 30px 15px 20px;
416
+ cursor: pointer
417
+ }
418
+ .jazz .nav-chapters {
419
+ font-weight: 400;
420
+ line-height: 110%;
421
+ list-style-position: outside;
422
+ list-style-type: none;
423
+ margin: 0;
424
+ padding: 0;
425
+ height: 0;
426
+ overflow: hidden;
427
+ -webkit-transition: height .3s ease-in-out;
428
+ -moz-transition: height .3s ease-in-out;
429
+ -o-transition: height .3s ease-in-out;
430
+ -ms-transition: height .3s ease-in-out;
431
+ transition: height .3s ease-in-out
432
+ }
433
+ .jazz .nav-chapter {
434
+ font-size: .8em;
435
+ list-style-position: outside;
436
+ list-style-type: none;
437
+ margin: 0;
438
+ padding: 0 0 8px
439
+ }
440
+ .jazz .nav-chapters .nav-chapter {
441
+ margin-left: 0
442
+ }
443
+ .jazz .nav-chapter .nav-chapter-active {
444
+ color: rgba(0,0,0,1);
445
+ font-weight: 700;
446
+ text-decoration: none
447
+ }
448
+ .jazz .book-parts a {
449
+ color: rgba(128,128,128,1);
450
+ display: block;
451
+ margin-left: 15px;
452
+ text-decoration: none
453
+ }
454
+ .jazz .aside-title {
455
+ color: rgba(128,128,128,1);
456
+ font-size: .6em;
457
+ letter-spacing: 2px;
458
+ margin-bottom: 8px;
459
+ text-transform: uppercase
460
+ }
461
+ .jazz .tip,.jazz .warning,.jazz .important,.jazz .note {
462
+ background-color: rgba(249,249,249,1);
463
+ border-left: 5px solid rgba(238,238,238,1);
464
+ color: rgba(0,0,0,1);
465
+ font-size: 1.2em;
466
+ margin: 25px 45px 35px 35px;
467
+ padding: 15px 15px 7px;
468
+
469
+ }
470
+ .jazz .note p,.jazz .important p,.jazz .tip p,.jazz .warning p {
471
+ font-size: 1em;
472
+ margin-bottom: 8px
473
+ }
474
+ .jazz .note {
475
+ border-left: 5px solid rgba(238,238,238,1)
476
+ }
477
+ .jazz .important {
478
+ border-left: 5px solid rgba(128,128,128,1)
479
+ }
480
+ .jazz .tip {
481
+ border-left: 5px solid rgba(238,238,238,1)
482
+ }
483
+ .jazz .warning {
484
+ border-left: 5px solid rgba(247,235,97,1)
485
+ }
486
+ .jazz .rec-container {
487
+ margin: 40px auto;
488
+ text-align: center;
489
+ width: 95%
490
+ }
491
+ .jazz .rec-container .blurb {
492
+ text-align: center
493
+ }
494
+ .jazz .rec-container .blurb p:nth-child(1) {
495
+ color: rgba(128,128,128,1);
496
+ font-size: 2em;
497
+ font-weight: 100;
498
+ line-height: 120%;
499
+ margin: 0 auto 20px;
500
+ width: 460px
501
+ }
502
+ .jazz .rec-container .blurb p {
503
+ margin-bottom: 20px
504
+ }
505
+ .jazz .rec-container .left-container,.jazz .rec-container .right-container {
506
+ display: table-cell;
507
+ margin-top: 20px;
508
+ width: 325px
509
+ }
510
+ .jazz .rec-container .left-container {
511
+ padding-right: 10px
512
+ }
513
+ .jazz .rec-container .right-container {
514
+ padding-left: 10px
515
+ }
516
+ .jazz .rec-container .container-label {
517
+ font-size: 1.5em;
518
+ margin-bottom: 10px
519
+ }
520
+ .jazz .rec-container .do {
521
+ color: rgba(17,183,40,1)
522
+ }
523
+ .jazz .rec-container .do-not {
524
+ color: rgba(208,50,54,1)
525
+ }
526
+ .jazz .rec-container .recommended {
527
+ color: rgba(40,103,206,1)
528
+ }
529
+ .jazz .rec-container .not-recommended {
530
+ color: rgba(255,133,0,1)
531
+ }
532
+ .jazz .rec-container .inline-graphic {
533
+ margin: 10px auto;
534
+ max-width: 100%
535
+ }
536
+ .jazz .code-listing {
537
+ background-clip: padding-box;
538
+ margin: 20px 0;
539
+ text-align: left
540
+ }
541
+ .jazz .item .code-listing {
542
+ padding: 0;
543
+ margin: 0 0 15px
544
+ }
545
+ .jazz .code-listing .caption {
546
+ caption-side: top;
547
+ display: block;
548
+ font-size: 1.1em;
549
+ text-align: left;
550
+ margin-bottom: 16px
551
+ }
552
+ .jazz>.content-wrapper>.chapter>.section>.list-number>.item>.code-listing {
553
+ padding-top: 0;
554
+ padding-bottom: 5px;
555
+ margin-top: 0;
556
+ margin-bottom: 0
557
+ }
558
+ .jazz .code-sample {
559
+ /* background-color: rgba(249,249,249,1); */
560
+ display: block;
561
+ font-size: 1.4em;
562
+ margin-left: 20px
563
+ }
564
+ .jazz ol .code-sample {
565
+ font-size: 1em
566
+ }
567
+ .jazz .code-lines {
568
+ /* background-color: rgba(255,255,255,1); */
569
+ counter-reset: li;
570
+ line-height: 1.6em;
571
+ list-style: none;
572
+ margin: 0 0 0 20px;
573
+ padding: 0
574
+ }
575
+ .jazz pre {
576
+ white-space: pre-wrap
577
+ }
578
+ .jazz .code-lines li:before {
579
+ color: rgba(128,128,128,1);
580
+ content: counter(li);
581
+ counter-increment: li;
582
+ font-family: Menlo,monospace;
583
+ margin-right: 10px;
584
+ -webkit-user-select: none
585
+ }
586
+ .jazz .code-lines li {
587
+ padding-left: 10px;
588
+ text-indent: -24px;
589
+ white-space: pre
590
+ }
591
+ .jazz .code-lines li:nth-child(n+10) {
592
+ text-indent: -28px
593
+ }
594
+ .jazz .code-lines li:nth-child(n+10):before {
595
+ margin-right: 6px
596
+ }
597
+ .jazz #next_previous {
598
+ bottom: 0;
599
+ color: rgba(0,136,204,1);
600
+ margin: 0 25px;
601
+ position: absolute;
602
+ width: 684px
603
+ }
604
+ .jazz .next-link a,.jazz .previous-link a {
605
+ background-size: 6px 12px;
606
+ background-repeat: no-repeat;
607
+ font-size: 1.4em;
608
+ margin-bottom: 50px;
609
+ margin-top: 50px;
610
+ width: 45%
611
+ }
612
+ .jazz .next-link a {
613
+ background-image: url(../Images/right_arrow_2x.png);
614
+ background-position: 100% 50%;
615
+ float: right;
616
+ padding-right: 16px;
617
+ text-align: right
618
+ }
619
+ .jazz .previous-link a {
620
+ background-image: url(../Images/left_arrow_2x.png);
621
+ background-position: 0 50%;
622
+ float: left;
623
+ padding-left: 16px;
624
+ text-align: left
625
+ }
626
+ .jazz #footer {
627
+ bottom: 0;
628
+ position: fixed;
629
+ width: 100%
630
+ }
631
+ .jazz #leave_feedback {
632
+ display: none
633
+ }
634
+ .jazz #footer #leave_feedback {
635
+ /* background-color: rgba(160,160,160,1); */
636
+ box-shadow: 0 0 1px rgba(0,0,0,.07);
637
+ color: rgba(255,255,255,1);
638
+ font-size: 1.1em;
639
+ margin-left: 912px;
640
+ padding: 5px 10px;
641
+ position: absolute;
642
+ text-align: center;
643
+ right: auto;
644
+ z-index: 3;
645
+ display: block
646
+ }
647
+ .jazz #modal {
648
+ font-family: Helvetica,Arial,sans-serif;
649
+ -webkit-border-radius: 0;
650
+ width: 600px
651
+ }
652
+ .jazz #modal #feedback h2 {
653
+ font-size: 1.5em;
654
+ font-weight: 100;
655
+ margin-bottom: 10px
656
+ }
657
+ .jazz #modal #feedback #star_group,.jazz #modal #feedback #improve {
658
+ top: 0
659
+ }
660
+ .jazz #modal #feedback #star_group label,.jazz #modal #feedback .right-leaf,.jazz #modal #feedback .checkboxes label {
661
+ color: rgba(0,0,0,1)
662
+ }
663
+ .jazz #modal #feedback #star_group label {
664
+ width: 200px
665
+ }
666
+ .jazz #modal #feedback .right-leaf {
667
+ width: 297px
668
+ }
669
+ .jazz #modal #feedback #comment,.jazz #modal #feedback #email {
670
+ border: 1px solid rgba(128,128,128,1);
671
+ font-family: Helvetica,Arial,sans-serif
672
+ }
673
+ .jazz #modal #feedback #comment {
674
+ margin: 26px 0 12px
675
+ }
676
+ .jazz #modal #feedback #email {
677
+ height: 13px
678
+ }
679
+ .jazz #modal #feedback #submit {
680
+ /* background-color: rgba(160,160,160,1); */
681
+ background-image: none;
682
+ color: rgba(255,255,255,1);
683
+ font-family: Helvetica,Arial,sans-serif;
684
+ height: 27px;
685
+ margin: 0 0 0 6px;
686
+ -webkit-border-radius: 0
687
+ }
688
+ .jazz #modal #feedback #legal {
689
+ margin-top: 22px
690
+ }
691
+ .jazz .caption {
692
+ caption-side: top;
693
+ display: block;
694
+ font-size: 1.1em;
695
+ text-align: left;
696
+ margin-bottom: 8px
697
+ }
698
+ .jazz .figure {
699
+ margin: 40px auto;
700
+ text-align: center
701
+ }
702
+ .jazz .inline-graphic {
703
+ margin: 20px auto;
704
+ text-align: center;
705
+ display: block
706
+ }
707
+ .jazz tr td p .inline-graphic {
708
+ margin: 10px 0
709
+ }
710
+ .jazz .list-bullet .item p .inline-graphic,.jazz .list-number .item p .inline-graphic {
711
+ margin: 0 4px;
712
+ display: inline;
713
+ vertical-align: middle
714
+ }
715
+ .jazz .tableholder {
716
+ }
717
+ .jazz .tablecaption {
718
+ caption-side: top;
719
+ font-size: 1.1em;
720
+ text-align: left;
721
+ margin-bottom: 8px
722
+ }
723
+ .jazz ol .tablecaption {
724
+ font-size: .78em
725
+ }
726
+ .jazz .caption-number {
727
+ padding-right: .4em
728
+ }
729
+ .jazz .graybox {
730
+ border: 1px solid rgba(238,238,238,1);
731
+ border-collapse: collapse;
732
+ border-spacing: 0;
733
+ empty-cells: hide;
734
+ margin: 20px 0 36px;
735
+ text-align: left;
736
+ width: 100%
737
+ }
738
+ .jazz .graybox p {
739
+ margin: 0
740
+ }
741
+ .jazz .TableHeading_TableRow_TableCell {
742
+ padding: 5px 10px;
743
+ border-left: 1px solid rgba(238,238,238,1);
744
+ /* background-color: rgba(249,249,249,1); */
745
+ font-weight: 400;
746
+ white-space: normal
747
+ }
748
+ .jazz td {
749
+ border: 1px solid rgba(238,238,238,1);
750
+ padding: 5px 25px 5px 10px;
751
+ margin: 0;
752
+ vertical-align: middle;
753
+ max-width: 260px
754
+ }
755
+ .jazz .row-heading {
756
+ /* background-color: rgba(249,249,249,1) */
757
+ }
758
+ .video-container {
759
+ position: relative
760
+ }
761
+ .video-container video {
762
+ outline: 0;
763
+ -webkit-transition: -webkit-filter .3s ease;
764
+ -moz-transition: -moz-filter .3s ease;
765
+ -o-transition: -o-filter .3s ease;
766
+ cursor: pointer
767
+ }
768
+ .playButtonOverlay {
769
+ opacity: 1;
770
+ display: block;
771
+ -webkit-transition: opacity .3s ease;
772
+ position: absolute;
773
+ background: url(../Images/playbutton.svg) no-repeat;
774
+ background-size: cover;
775
+ left: 312px;
776
+ width: 60px;
777
+ height: 60px;
778
+ pointer-events: none;
779
+ top: 40%
780
+ }
781
+ .playButtonOverlay.hide {
782
+ opacity: 0
783
+ }
784
+ .jazz #big_button.active {
785
+ position: fixed;
786
+ top: 0;
787
+ bottom: 0;
788
+ left: 0;
789
+ right: 0;
790
+ z-index: 1;
791
+ /* background-color: transparent */
792
+ }
793
+ #conceptual_flow_with_tasks #carat {
794
+ margin: 0 10px
795
+ }
796
+ #conceptual_flow_with_tasks #design_resources_link {
797
+ color: rgba(0,136,204,1);
798
+ text-decoration: none
799
+ }
800
+ #conceptual_flow_with_tasks .list-check {
801
+ list-style: url(../Images/check.png) outside none
802
+ }
803
+ #conceptual_flow_with_tasks .nav-part-active {
804
+ /* background-color: rgba(255,255,255,1); */
805
+ color: rgba(0,0,0,1);
806
+ cursor: default
807
+ }
808
+ #conceptual_flow_with_tasks .nav-chapters {
809
+ font-weight: 400;
810
+ line-height: 110%;
811
+ list-style-position: outside;
812
+ list-style-type: none;
813
+ margin: 0;
814
+ padding: 0;
815
+ height: 0;
816
+ overflow: hidden;
817
+ -webkit-transition: height .3s ease-in-out;
818
+ -moz-transition: height .3s ease-in-out;
819
+ -o-transition: height .3s ease-in-out;
820
+ -ms-transition: height .3s ease-in-out;
821
+ transition: height .3s ease-in-out
822
+ }
823
+ #conceptual_flow_with_tasks .nav-part-active .nav-chapters {
824
+ margin: 15px 0 0
825
+ }
826
+ #conceptual_flow_with_tasks .nav-chapter {
827
+ font-size: .8em;
828
+ list-style-position: outside;
829
+ list-style-type: none;
830
+ margin: 0;
831
+ padding: 0 0 8px
832
+ }
833
+ #conceptual_flow_with_tasks .nav-chapters .nav-chapter {
834
+ margin-left: 0
835
+ }
836
+ #conceptual_flow_with_tasks .nav-chapter .nav-chapter-active {
837
+ color: rgba(0,0,0,1);
838
+ font-weight: 700;
839
+ text-decoration: none
840
+ }
841
+ #conceptual_flow_with_tasks .book-parts a {
842
+ color: rgba(128,128,128,1);
843
+ display: block;
844
+ margin-left: 15px;
845
+ text-decoration: none
846
+ }
847
+ #conceptual_flow_with_tasks .rec-container {
848
+ margin: 40px auto;
849
+ text-align: center;
850
+ width: 95%
851
+ }
852
+ #conceptual_flow_with_tasks .rec-container .blurb {
853
+ text-align: center
854
+ }
855
+ #conceptual_flow_with_tasks .rec-container .blurb p:nth-child(1) {
856
+ color: rgba(128,128,128,1);
857
+ font-size: 2em;
858
+ font-weight: 100;
859
+ line-height: 120%;
860
+ margin: 0 auto 20px;
861
+ width: 460px
862
+ }
863
+ #conceptual_flow_with_tasks .rec-container .blurb p {
864
+ margin-bottom: 20px
865
+ }
866
+ #conceptual_flow_with_tasks .rec-container .left-container,#conceptual_flow_with_tasks .rec-container .right-container {
867
+ display: table-cell;
868
+ margin-top: 20px;
869
+ width: 325px
870
+ }
871
+ #conceptual_flow_with_tasks .rec-container .left-container {
872
+ padding-right: 10px
873
+ }
874
+ #conceptual_flow_with_tasks .rec-container .right-container {
875
+ padding-left: 10px
876
+ }
877
+ #conceptual_flow_with_tasks .rec-container .container-label {
878
+ font-size: 1.5em;
879
+ margin-bottom: 10px
880
+ }
881
+ #conceptual_flow_with_tasks .rec-container .do {
882
+ color: rgba(17,183,40,1)
883
+ }
884
+ #conceptual_flow_with_tasks .rec-container .do-not {
885
+ color: rgba(208,50,54,1)
886
+ }
887
+ #conceptual_flow_with_tasks .rec-container .recommended {
888
+ color: rgba(40,103,206,1)
889
+ }
890
+ #conceptual_flow_with_tasks .rec-container .not-recommended {
891
+ color: rgba(255,133,0,1)
892
+ }
893
+ #conceptual_flow_with_tasks .rec-container .inline-graphic {
894
+ margin: 10px auto;
895
+ max-width: 100%
896
+ }
897
+ #roadmap.jazz .nav-chapters {
898
+ font-weight: 400;
899
+ line-height: 110%;
900
+ list-style-position: outside;
901
+ list-style-type: none;
902
+ margin: 0;
903
+ padding: 8px 0 0;
904
+ height: 100%;
905
+ width: 200px
906
+ }
907
+ #roadmap .nav-part-active {
908
+ /* background-color: rgba(255,255,255,1); */
909
+ color: rgba(0,0,0,1);
910
+ cursor: default
911
+ }
912
+ #roadmap.jazz .conceptual-with-tasks:before {
913
+ border: 2px solid rgba(128,128,128,1);
914
+ border-radius: 50%;
915
+ content: "";
916
+ display: block;
917
+ float: left;
918
+ height: 10px;
919
+ margin: 2px 8px 0 0;
920
+ width: 10px
921
+ }
922
+ #roadmap.jazz .tutorial:before {
923
+ border: 2px solid rgba(128,128,128,1);
924
+ content: "";
925
+ display: block;
926
+ float: left;
927
+ height: 10px;
928
+ margin: 2px 8px 0 0;
929
+ width: 10px
930
+ }
931
+ #roadmap.jazz .nav-visited-chapter.conceptual-with-tasks:before {
932
+ /* background-color: rgba(128,128,128,1) */
933
+ }
934
+ #roadmap.jazz .nav-visited-chapter.tutorial:before {
935
+ /* background-color: rgba(128,128,128,1) */
936
+ }
937
+ #roadmap.jazz .nav-current-chapter.conceptual-with-tasks:before {
938
+ /* background-color: rgba(0,0,0,1); */
939
+ border-color: rgba(0,0,0,1)
940
+ }
941
+ #roadmap.jazz .nav-current-chapter.tutorial:before {
942
+ /* background-color: rgba(0,0,0,1); */
943
+ border-color: rgba(0,0,0,1)
944
+ }
945
+ .jazz .book-parts a {
946
+ margin-left: 24px
947
+ }
948
+ #roadmap .nav-chapters li:first-child .pipe {
949
+ height: 9px;
950
+ top: auto
951
+ }
952
+ #roadmap .nav-chapters .pipe {
953
+ /* background-color: gray; */
954
+ height: 9px;
955
+ padding-top: 2px;
956
+ position: absolute;
957
+ right: auto;
958
+ bottom: auto;
959
+ left: 26px;
960
+ width: 2px;
961
+ margin-top: -1px
962
+ }
963
+ #roadmap .nav-chapters li:last-child .pipe {
964
+ height: 0;
965
+ display: none
966
+ }
967
+ #roadmap.jazz .part-name {
968
+ cursor: default
969
+ }
970
+ /*! Copyright © 2012 Apple Inc. All rights reserved. */#release_notes h2 {
971
+ width: auto
972
+ }
973
+ #release_notes .nav-part-active {
974
+ /* background-color: rgba(255,255,255,1); */
975
+ color: rgba(0,0,0,1);
976
+ cursor: default
977
+ }
978
+ #release_notes #contents {
979
+ width: 980px;
980
+ margin-left: 0
981
+ }
982
+ #release_notes .section {
983
+ width: 734px;
984
+ margin: 0 auto
985
+ }
986
+ #release_notes #mini_toc {
987
+ left: 434px
988
+ }
989
+ /*! Copyright © 2010 Apple Inc. All rights reserved. */@media only print {.jazz #valence {
990
+ display: none
991
+ }
992
+ .jazz #ios_header {
993
+ display: none
994
+ }
995
+ .jazz #footer #leave_feedback {
996
+ display: none
997
+ }
998
+ .jazz #mini_toc {
999
+ display: none
1000
+ }
1001
+ .jazz .chapter {
1002
+ position: relative;
1003
+ margin: 0 auto;
1004
+ top: 0;
1005
+ border: 0;
1006
+ box-shadow: none;
1007
+ padding-bottom: 0
1008
+ }
1009
+ .jazz .book-parts {
1010
+ display: none
1011
+ }
1012
+ body.jazz,.jazz .content-wrapper {
1013
+ /* background-color: rgba(255,255,255,1) */
1014
+ }
1015
+ .jazz a[name] {
1016
+ margin: auto;
1017
+ padding-top: 0;
1018
+ display: static
1019
+ }
1020
+ .jazz .next-link a {
1021
+ display: none
1022
+ }
1023
+ .jazz .previous-link a {
1024
+ display: none
1025
+ }
1026
+ .jazz .rec-container .left-container {
1027
+ padding-right: 0;
1028
+ float: left
1029
+ }
1030
+ .jazz .rec-container .right-container {
1031
+ float: right;
1032
+ padding-left: 0
1033
+ }
1034
+ .jazz .rec-container .left-container,.jazz .rec-container .right-container {
1035
+ display: static;
1036
+ width: auto
1037
+ }
1038
+ .jazz p {
1039
+ clear: both
1040
+ }
1041
+ .jazz .copyright {
1042
+ margin: auto
1043
+ }
1044
+
1045
+ }
1046
+ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {body.jazz {
1047
+ font-size: 75%
1048
+ }
1049
+ .jazz .content-wrapper {
1050
+ width: 100%
1051
+ }
1052
+ .jazz #ios_header .content-wrapper {
1053
+ /* background-color: rgba(242,242,242,1); */
1054
+ margin: 0 auto;
1055
+ width: 96%
1056
+ }
1057
+ .jazz #valence .content-wrapper {
1058
+ /* background-color: rgba(242,242,242,1); */
1059
+ margin: 0 auto;
1060
+ width: 96%
1061
+ }
1062
+ .jazz #ios_header {
1063
+ height: 30px;
1064
+ letter-spacing: 0;
1065
+ margin-bottom: 0;
1066
+ position: fixed;
1067
+ top: 0;
1068
+ width: 100%;
1069
+ z-index: 3
1070
+ }
1071
+ .jazz #valence {
1072
+ height: 70px;
1073
+ top: 30px;
1074
+ position: fixed;
1075
+ width: 100%;
1076
+ z-index: 2
1077
+ }
1078
+ .jazz #hierarchial_navigation {
1079
+ margin-top: 2px
1080
+ }
1081
+ .jazz .download-text {
1082
+ background-image: url(../Images/download_2x.png);
1083
+ background-size: 30px 30px;
1084
+ background-position: 0;
1085
+ color: transparent;
1086
+ height: 30px;
1087
+ margin: 0;
1088
+ width: 30px;
1089
+ overflow: hidden
1090
+ }
1091
+ .jazz #search {
1092
+ background-image: url(../Images/search_2x.png);
1093
+ background-size: 30px 30px;
1094
+ background-position: 0;
1095
+ float: right;
1096
+ height: 30px;
1097
+ margin: 0 0 0 10px;
1098
+ padding: 0;
1099
+ width: 30px
1100
+ }
1101
+ .jazz #search.enabled {
1102
+ }
1103
+ .jazz input[type=search] {
1104
+ display: none
1105
+ }
1106
+ .jazz input[type=search].enabled {
1107
+ background-image: none;
1108
+ display: block;
1109
+ height: 30px;
1110
+ margin-top: 34px;
1111
+ padding-left: 8px;
1112
+ -webkit-border-radius: 0;
1113
+ width: 248px
1114
+ }
1115
+ .jazz #shortstack {
1116
+ display: block;
1117
+ float: none;
1118
+ height: 30px;
1119
+ margin-left: -12px;
1120
+ margin-top: 18px;
1121
+ padding: 13px 10px;
1122
+ position: absolute;
1123
+ width: 30px
1124
+ }
1125
+ .jazz .chapter {
1126
+ bottom: 0;
1127
+ left: 0;
1128
+ margin-left: 0;
1129
+ padding-bottom: 0;
1130
+ position: relative;
1131
+ right: 0;
1132
+ top: 110px;
1133
+ z-index: -2
1134
+ }
1135
+ .jazz .part-name {
1136
+ padding: 20px 20px 20px 25px
1137
+ }
1138
+ .jazz .book-parts {
1139
+ box-shadow: 0 0 1px rgba(0,0,0,.07);
1140
+ display: none;
1141
+ top: 110px;
1142
+ position: fixed;
1143
+ left: 0;
1144
+ -webkit-overflow-scrolling: touch;
1145
+ width: 295px;
1146
+ z-index: -1
1147
+ }
1148
+ .jazz .nav-parts {
1149
+ overflow: auto
1150
+ }
1151
+ .jazz .book-parts.open {
1152
+ box-shadow: 7px 0 5px rgba(0,0,0,.05);
1153
+ display: block;
1154
+ z-index: 5
1155
+ }
1156
+ .jazz #big_button {
1157
+ }
1158
+ .jazz #big_button.active {
1159
+ position: fixed;
1160
+ top: 0;
1161
+ bottom: 0;
1162
+ left: 0;
1163
+ right: 0;
1164
+ z-index: 4;
1165
+ /* background-color: transparent */
1166
+ }
1167
+ .jazz .nav-chapter {
1168
+ padding: 0 0 16px
1169
+ }
1170
+ .jazz #mini_toc {
1171
+ background-position: 90% 14px;
1172
+ margin-top: 2px;
1173
+ padding: 10px 10px 5px 15px;
1174
+ width: 220px;
1175
+ top: 125px
1176
+ }
1177
+ .jazz #mini_toc ul.list-bullet {
1178
+ margin-top: 15px;
1179
+ padding-bottom: 0;
1180
+ width: 200px
1181
+ }
1182
+ .jazz .section {
1183
+ padding: 20px 13px
1184
+ }
1185
+ .jazz .chapter {
1186
+ margin: 0 auto;
1187
+ width: 100%;
1188
+ z-index: 0;
1189
+ overflow: visible
1190
+ }
1191
+ .jazz h2 {
1192
+ padding: 15px 20px 15px 13px
1193
+ }
1194
+ .jazz .figure img {
1195
+ max-width: 600px
1196
+ }
1197
+ .jazz .two-columns .inline-graphic {
1198
+ max-width: 100%
1199
+ }
1200
+ .jazz .intro ul.list-bullet {
1201
+ width: 100%
1202
+ }
1203
+ .jazz .intro ul.list-bullet li.item {
1204
+ width: 40%;
1205
+ padding-right: 80px
1206
+ }
1207
+ .jazz #next_previous {
1208
+ margin: 0 13px;
1209
+ position: static;
1210
+ width: 95%
1211
+ }
1212
+ .jazz .copyright {
1213
+ margin: 70px 13px 15px 0;
1214
+ position: relative;
1215
+ bottom: 0
1216
+ }
1217
+ .jazz #footer {
1218
+ position: relative
1219
+ }
1220
+ .jazz #footer #leave_feedback {
1221
+ height: 17px;
1222
+ right: 0;
1223
+ position: fixed
1224
+ }
1225
+ .jazz #modal #feedback #comment {
1226
+ -webkit-border-radius: 0;
1227
+ height: 111px;
1228
+ margin: 16px 0 12px
1229
+ }
1230
+ .jazz #feedback .asterisk#a1.ipad,.asterisk#modal_a1.ipad {
1231
+ left: 257px
1232
+ }
1233
+ .jazz #feedback .asterisk#a2.ipad,.asterisk#modal_a2.ipad {
1234
+ top: 178px
1235
+ }
1236
+ .jazz .fineprint.invalid,#modal_feedback .fineprint.invalid {
1237
+ bottom: 53px
1238
+ }
1239
+ .jazz #modal #feedback #email {
1240
+ -webkit-border-radius: 0
1241
+ }
1242
+ .jazz #modal #feedback input[type=button] {
1243
+ /* background-color: rgba(160,160,160,1); */
1244
+ background-image: none;
1245
+ color: rgba(255,255,255,1);
1246
+ font-family: Helvetica,Arial,sans-serif;
1247
+ margin: 10px 0 0;
1248
+ -webkit-border-radius: 0;
1249
+ -webkit-appearance: none;
1250
+ -moz-appearance: none;
1251
+ appearance: none
1252
+ }
1253
+
1254
+ }
1255
+ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {body.jazz {
1256
+ }
1257
+ .jazz .content-wrapper {
1258
+ /* background-color: rgba(242,242,242,1); */
1259
+ margin: 0 auto;
1260
+ width: 96%
1261
+ }
1262
+ .jazz #ios_header {
1263
+ letter-spacing: 0
1264
+ }
1265
+ .jazz #valence {
1266
+ top: 25px;
1267
+ height: 35px
1268
+ }
1269
+ .jazz #hierarchial_navigation {
1270
+ margin-top: 4px
1271
+ }
1272
+ .jazz .download-text {
1273
+ margin-top: 6px
1274
+ }
1275
+ .jazz input[type=search] {
1276
+ margin-right: 0;
1277
+ margin-top: 0;
1278
+ padding-left: 25px;
1279
+ -webkit-border-radius: 0
1280
+ }
1281
+ .jazz .book-parts {
1282
+ -webkit-overflow-scrolling: touch
1283
+ }
1284
+ .jazz .part-name {
1285
+ padding: 15px 20px
1286
+ }
1287
+ .jazz .chapter {
1288
+ bottom: 0;
1289
+ left: 246px;
1290
+ margin-left: 20px;
1291
+ padding-bottom: 0;
1292
+ overflow: visible
1293
+ }
1294
+ .jazz .section {
1295
+ background: rgba(255,255,255,1)
1296
+ }
1297
+ .jazz #next_previous {
1298
+ position: static;
1299
+ background: rgba(255,255,255,1);
1300
+ margin: 0;
1301
+ padding: 0 25px
1302
+ }
1303
+ .jazz #dpf_leave_feedback {
1304
+ height: 16px;
1305
+ margin-left: 797px
1306
+ }
1307
+ .jazz .two-columns .inline-graphic {
1308
+ max-width: 100%
1309
+ }
1310
+ .jazz #footer {
1311
+ position: relative
1312
+ }
1313
+ .jazz .copyright {
1314
+ margin: 0;
1315
+ position: relative;
1316
+ bottom: 8px
1317
+ }
1318
+ .jazz #footer #leave_feedback {
1319
+ position: fixed
1320
+ }
1321
+ .jazz #modal #feedback #comment {
1322
+ -webkit-border-radius: 0;
1323
+ height: 106px
1324
+ }
1325
+ .jazz #feedback .asterisk#a1.ipad,.asterisk#modal_a1.ipad {
1326
+ left: 257px
1327
+ }
1328
+ .jazz .fineprint.invalid,#modal_feedback .fineprint.invalid {
1329
+ bottom: 48px
1330
+ }
1331
+ .jazz #modal #feedback #email {
1332
+ -webkit-border-radius: 0
1333
+ }
1334
+ .jazz #modal #feedback input[type=button] {
1335
+ /* background-color: rgba(160,160,160,1); */
1336
+ background-image: none;
1337
+ color: rgba(255,255,255,1);
1338
+ font-family: Helvetica,Arial,sans-serif;
1339
+ margin: 10px 0 0;
1340
+ -webkit-border-radius: 0;
1341
+ -webkit-appearance: none;
1342
+ -moz-appearance: none;
1343
+ appearance: none
1344
+ }
1345
+
1346
+ }
1347
+ @media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) {html {
1348
+ -webkit-text-size-adjust: none
1349
+ }
1350
+ body.jazz {
1351
+ /* background-color: rgba(255,255,255,1); */
1352
+ font-size: 70%;
1353
+ overflow-x: hidden
1354
+ }
1355
+ .jazz #ios_header {
1356
+ display: block;
1357
+ height: 30px;
1358
+ position: static;
1359
+ top: 0;
1360
+ z-index: 3
1361
+ }
1362
+ .jazz #ios_header .content-wrapper {
1363
+ /* background-color: rgba(242,242,242,1); */
1364
+ margin: 0 auto;
1365
+ width: 96%
1366
+ }
1367
+ .jazz .header-text {
1368
+ letter-spacing: 0;
1369
+ padding-top: 8px
1370
+ }
1371
+ .jazz #wwdr {
1372
+ padding-top: 8px
1373
+ }
1374
+ .jazz #valence {
1375
+ display: block;
1376
+ height: 91px;
1377
+ left: 0;
1378
+ position: relative;
1379
+ top: 0;
1380
+ width: 100%;
1381
+ z-index: 2
1382
+ }
1383
+ .jazz #valence .content-wrapper {
1384
+ /* background-color: rgba(242,242,242,1); */
1385
+ margin: 0 auto;
1386
+ width: 96%
1387
+ }
1388
+ .jazz #hierarchial_navigation {
1389
+ font-size: 1.4em;
1390
+ margin-bottom: 0;
1391
+ margin-top: 0;
1392
+ padding-left: 10%;
1393
+ padding-right: 10%;
1394
+ text-align: center
1395
+ }
1396
+ .jazz #search {
1397
+ background-image: url(../Images/search_2x.png);
1398
+ background-position: 50% 50%;
1399
+ background-repeat: no-repeat;
1400
+ background-size: 32px 32px;
1401
+ float: right;
1402
+ height: 44px;
1403
+ margin: 0 80px 0 0;
1404
+ padding: 0;
1405
+ width: 44px
1406
+ }
1407
+ .jazz input[type=search] {
1408
+ display: none
1409
+ }
1410
+ .jazz input[type=search].enabled {
1411
+ background-image: none;
1412
+ display: block;
1413
+ font-size: 1.4em;
1414
+ height: 40px;
1415
+ margin-right: -75px;
1416
+ margin-top: 64px;
1417
+ outline: 13px solid rgba(160,160,160,1);
1418
+ padding-left: 8px;
1419
+ -webkit-border-radius: 0;
1420
+ width: 297px
1421
+ }
1422
+ .jazz .download-text {
1423
+ background-image: url(../Images/download_2x.png);
1424
+ background-position: 50% 50%;
1425
+ background-repeat: no-repeat;
1426
+ background-size: 32px 32px;
1427
+ color: transparent;
1428
+ height: 44px;
1429
+ margin: 0 10px 0 0;
1430
+ width: 44px
1431
+ }
1432
+ .jazz #shortstack {
1433
+ float: none;
1434
+ display: block;
1435
+ height: 32px;
1436
+ margin-left: 75px;
1437
+ margin-top: 42px;
1438
+ padding: 6px;
1439
+ position: absolute;
1440
+ width: 32px
1441
+ }
1442
+ .jazz .book-parts {
1443
+ border: 0;
1444
+ box-shadow: 0 0 0;
1445
+ clear: both;
1446
+ margin: 61px 0 0 -20px;
1447
+ -webkit-overflow-scrolling: auto;
1448
+ z-index: -1
1449
+ }
1450
+ .jazz .book-parts.open {
1451
+ display: block;
1452
+ margin-left: 0;
1453
+ -webkit-overflow-scrolling: touch;
1454
+ width: 100%;
1455
+ z-index: 2
1456
+ }
1457
+ .jazz .part-name {
1458
+ padding-left: 30px
1459
+ }
1460
+ .jazz .nav-part-active {
1461
+ padding-bottom: 0
1462
+ }
1463
+ .jazz .nav-chapters {
1464
+ line-height: 180%
1465
+ }
1466
+ .jazz .nav-chapter {
1467
+ line-height: 140%;
1468
+ padding-bottom: 22px;
1469
+ padding-left: 5px
1470
+ }
1471
+ .jazz .content-wrapper {
1472
+ /* background-color: rgba(255,255,255,1); */
1473
+ width: 100%
1474
+ }
1475
+ .jazz .chapter {
1476
+ border: 0;
1477
+ box-shadow: none;
1478
+ left: 0;
1479
+ margin: 0 auto;
1480
+ padding-bottom: 50px;
1481
+ padding-top: 6px;
1482
+ position: relative;
1483
+ right: 0;
1484
+ top: 0;
1485
+ -webkit-overflow-scrolling: touch;
1486
+ width: 96%
1487
+ }
1488
+ .jazz .frozen {
1489
+ position: fixed;
1490
+ z-index: -10
1491
+ }
1492
+ .jazz h2 {
1493
+ margin-top: 0;
1494
+ padding: 10px 15px 10px 5px;
1495
+ width: 100%
1496
+ }
1497
+ .jazz #mini_toc {
1498
+ background-position-y: 14px;
1499
+ margin: 10px 0 10px 5px;
1500
+ padding: 10px 10px 5px;
1501
+ position: static;
1502
+ width: 246px
1503
+ }
1504
+ .jazz #mini_toc #mini_toc_button {
1505
+ width: 246px
1506
+ }
1507
+ .jazz .section {
1508
+ padding: 10px 5px 20px
1509
+ }
1510
+ .jazz h3 {
1511
+ margin-top: 0
1512
+ }
1513
+ .jazz .figure img {
1514
+ max-width: 275px
1515
+ }
1516
+ .jazz .list-bullet {
1517
+ margin-left: 18px;
1518
+ padding-left: 15px
1519
+ }
1520
+ .jazz .intro ul.list-bullet {
1521
+ margin-top: 10px
1522
+ }
1523
+ .jazz .intro ul.list-bullet li.item {
1524
+ float: none;
1525
+ padding: 5px 0;
1526
+ width: 100%
1527
+ }
1528
+ .jazz ul.list-bullet li.item:before {
1529
+ padding-top: 1px
1530
+ }
1531
+ .jazz .intro ul.list-bullet li.item p {
1532
+ line-height: 200%
1533
+ }
1534
+ .jazz .two-columns {
1535
+ display: block;
1536
+ margin: 80px auto
1537
+ }
1538
+ .jazz .two-columns .inline-graphic {
1539
+ max-width: 100%
1540
+ }
1541
+ .jazz .left-column {
1542
+ display: block
1543
+ }
1544
+ .jazz .right-column {
1545
+ display: block;
1546
+ padding-left: 0
1547
+ }
1548
+ .jazz .two-columns img {
1549
+ padding-bottom: 10px
1550
+ }
1551
+ .jazz .two-columns p {
1552
+ font-size: 1.2em
1553
+ }
1554
+ .jazz .rec-container .blurb p:nth-child(1) {
1555
+ width: 95%
1556
+ }
1557
+ .jazz .rec-container .left-container {
1558
+ display: block;
1559
+ width: 100%
1560
+ }
1561
+ .jazz .rec-container .right-container {
1562
+ display: block;
1563
+ margin-top: 10px;
1564
+ width: 100%
1565
+ }
1566
+ .jazz #next_previous {
1567
+ margin: 0 10px;
1568
+ position: static;
1569
+ width: 95%
1570
+ }
1571
+ .jazz .previous-link {
1572
+ display: table-cell;
1573
+ height: 60px;
1574
+ margin-bottom: 30px;
1575
+ width: 40%
1576
+ }
1577
+ .jazz .next-link {
1578
+ display: table-cell;
1579
+ height: 60px;
1580
+ margin-bottom: 30px;
1581
+ width: 40%
1582
+ }
1583
+ .jazz .next-link a,.jazz .previous-link a {
1584
+ display: table-cell;
1585
+ vertical-align: middle;
1586
+ width: 90%
1587
+ }
1588
+ .jazz #next_previous .copyright a {
1589
+ display: inline;
1590
+ vertical-align: baseline
1591
+ }
1592
+ .jazz .copyright {
1593
+ margin: 0;
1594
+ text-align: center
1595
+ }
1596
+ .jazz #footer {
1597
+ /* background-color: rgba(255,255,255,1); */
1598
+ padding-bottom: 20px;
1599
+ position: relative
1600
+ }
1601
+ .jazz #footer #leave_feedback {
1602
+ margin: 0 auto;
1603
+ height: 15px;
1604
+ position: static;
1605
+ width: 60px
1606
+ }
1607
+ .jazz #modal {
1608
+ margin-bottom: 7px;
1609
+ overflow: scroll!important;
1610
+ padding: 0;
1611
+ -webkit-overflow-scrolling: touch;
1612
+ width: 300px
1613
+ }
1614
+ .jazz #modal #closebox {
1615
+ left: 266px;
1616
+ top: 5px
1617
+ }
1618
+ .jazz .activated {
1619
+ height: 700px;
1620
+ margin-bottom: 0
1621
+ }
1622
+ .jazz #feedback {
1623
+ padding: 10px;
1624
+ width: 280px
1625
+ }
1626
+ .jazz #modal #sending {
1627
+ width: 300px
1628
+ }
1629
+ .jazz #modal #feedback h2 {
1630
+ font-size: 1.1em;
1631
+ margin-bottom: 5px;
1632
+ margin-top: 0;
1633
+ padding-top: 0
1634
+ }
1635
+ .jazz #modal #feedback .left-leaf {
1636
+ float: none;
1637
+ margin-bottom: 15px;
1638
+ width: 250px
1639
+ }
1640
+ .jazz #modal #feedback .right-leaf {
1641
+ float: none;
1642
+ width: 250px
1643
+ }
1644
+ .jazz #modal #feedback #comment {
1645
+ -webkit-border-radius: 0;
1646
+ height: 90px;
1647
+ width: 266px
1648
+ }
1649
+ .jazz #feedback .asterisk#a1 {
1650
+ left: 185px;
1651
+ top: 5px
1652
+ }
1653
+ .jazz #feedback .asterisk#a2 {
1654
+ top: 270px;
1655
+ left: 279px
1656
+ }
1657
+ .jazz #modal #feedback #email {
1658
+ -webkit-border-radius: 0;
1659
+ width: 266px
1660
+ }
1661
+ .jazz #modal #feedback .fineprint {
1662
+ bottom: 0;
1663
+ position: relative;
1664
+ width: 200px
1665
+ }
1666
+ .jazz #modal #feedback input[type=button] {
1667
+ /* background-color: rgba(160,160,160,1); */
1668
+ background-image: none;
1669
+ color: rgba(255,255,255,1);
1670
+ font-family: Helvetica,Arial,sans-serif;
1671
+ left: 0;
1672
+ margin: 10px 0 0;
1673
+ -webkit-border-radius: 0;
1674
+ -webkit-appearance: none;
1675
+ -moz-appearance: none;
1676
+ appearance: none
1677
+ }
1678
+ .jazz #modal #feedback #submit {
1679
+ margin: 10px 0 0
1680
+ }
1681
+
1682
+ }
1683
+ @media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {html {
1684
+ -webkit-text-size-adjust: none
1685
+ }
1686
+ body.jazz {
1687
+ /* background-color: rgba(255,255,255,1); */
1688
+ font-size: 70%;
1689
+ overflow-x: hidden
1690
+ }
1691
+ .jazz #ios_header {
1692
+ display: block;
1693
+ height: 30px;
1694
+ position: static;
1695
+ top: 0;
1696
+ z-index: 3
1697
+ }
1698
+ .jazz #ios_header .content-wrapper {
1699
+ /* background-color: rgba(242,242,242,1); */
1700
+ margin: 0 auto;
1701
+ width: 96%
1702
+ }
1703
+ .jazz .header-text {
1704
+ letter-spacing: 0;
1705
+ padding-top: 8px
1706
+ }
1707
+ .jazz #wwdr {
1708
+ padding-top: 8px
1709
+ }
1710
+ .jazz #valence {
1711
+ display: block;
1712
+ height: 82px;
1713
+ left: 0;
1714
+ position: relative;
1715
+ top: 0;
1716
+ width: 100%;
1717
+ z-index: 2
1718
+ }
1719
+ .jazz #valence .content-wrapper {
1720
+ /* background-color: rgba(242,242,242,1); */
1721
+ margin: 0 auto;
1722
+ width: 96%
1723
+ }
1724
+ .jazz #hierarchial_navigation {
1725
+ float: none;
1726
+ font-size: 1.4em;
1727
+ margin: 0 auto;
1728
+ padding-top: 0;
1729
+ text-align: center;
1730
+ width: 90%
1731
+ }
1732
+ .jazz #search {
1733
+ background-image: url(../Images/search_2x.png);
1734
+ background-position: 50% 50%;
1735
+ background-repeat: no-repeat;
1736
+ background-size: 32px 32px;
1737
+ float: right;
1738
+ height: 44px;
1739
+ margin: 4px 199px 0 0;
1740
+ padding: 0;
1741
+ width: 44px
1742
+ }
1743
+ .jazz input[type=search] {
1744
+ display: none
1745
+ }
1746
+ .jazz input[type=search].enabled {
1747
+ background-image: none;
1748
+ display: block;
1749
+ font-size: 1.4em;
1750
+ height: 40px;
1751
+ margin-right: -200px;
1752
+ margin-top: 60px;
1753
+ outline: 13px solid rgba(128,128,128,1);
1754
+ padding-left: 8px;
1755
+ -webkit-border-radius: 0;
1756
+ width: 545px
1757
+ }
1758
+ .jazz .download-text {
1759
+ background-image: url(../Images/download_2x.png);
1760
+ background-position: 50% 50%;
1761
+ background-repeat: no-repeat;
1762
+ background-size: 32px 32px;
1763
+ color: transparent;
1764
+ height: 44px;
1765
+ margin: 4px 10px 0 0;
1766
+ width: 44px
1767
+ }
1768
+ .jazz #shortstack {
1769
+ float: none;
1770
+ display: block;
1771
+ height: 32px;
1772
+ margin-left: 192px;
1773
+ margin-top: 5px;
1774
+ padding: 6px;
1775
+ position: absolute;
1776
+ width: 32px
1777
+ }
1778
+ .jazz .book-parts {
1779
+ clear: both;
1780
+ display: none;
1781
+ margin: 51px 0 0 -20px;
1782
+ -webkit-overflow-scrolling: touch;
1783
+ z-index: 1
1784
+ }
1785
+ .jazz .book-parts.open {
1786
+ display: block;
1787
+ width: 60%;
1788
+ z-index: 2
1789
+ }
1790
+ .jazz .part-name {
1791
+ padding-left: 30px
1792
+ }
1793
+ .jazz .nav-part-active {
1794
+ padding-bottom: 0
1795
+ }
1796
+ .jazz .nav-chapters {
1797
+ line-height: 180%
1798
+ }
1799
+ .jazz .nav-chapter {
1800
+ line-height: 140%;
1801
+ padding-bottom: 22px;
1802
+ padding-left: 5px
1803
+ }
1804
+ .jazz .content-wrapper {
1805
+ /* background-color: rgba(255,255,255,1); */
1806
+ width: 100%
1807
+ }
1808
+ .jazz .chapter {
1809
+ border: 0;
1810
+ box-shadow: none;
1811
+ left: 0;
1812
+ margin: 0 auto;
1813
+ padding-bottom: 50px;
1814
+ padding-top: 6px;
1815
+ position: relative;
1816
+ right: 0;
1817
+ top: 0;
1818
+ -webkit-overflow-scrolling: touch;
1819
+ width: 96%
1820
+ }
1821
+ .jazz .frozen {
1822
+ padding-top: 112px;
1823
+ position: fixed;
1824
+ z-index: -10
1825
+ }
1826
+ .jazz h2 {
1827
+ padding: 10px 15px 10px 5px;
1828
+ width: 100%
1829
+ }
1830
+ .jazz #mini_toc {
1831
+ background-position-y: 14px;
1832
+ margin: 10px 0 10px 5px;
1833
+ padding: 10px 10px 5px;
1834
+ position: static;
1835
+ width: 246px
1836
+ }
1837
+ .jazz #mini_toc #mini_toc_button {
1838
+ width: 246px
1839
+ }
1840
+ .jazz .section {
1841
+ padding: 10px 5px 20px
1842
+ }
1843
+ .jazz .figure img {
1844
+ max-width: 275px
1845
+ }
1846
+ .jazz .list-bullet {
1847
+ margin-left: 18px;
1848
+ padding-left: 15px
1849
+ }
1850
+ .jazz .intro ul.list-bullet {
1851
+ margin-top: 10px
1852
+ }
1853
+ .jazz .intro ul.list-bullet li.item {
1854
+ float: none;
1855
+ padding: 5px 0;
1856
+ width: 100%
1857
+ }
1858
+ .jazz ul.list-bullet li.item:before {
1859
+ padding-top: 1px
1860
+ }
1861
+ .jazz .intro ul.list-bullet li.item p {
1862
+ line-height: 200%
1863
+ }
1864
+ .jazz .two-columns {
1865
+ display: block;
1866
+ margin: 80px auto
1867
+ }
1868
+ .jazz .left-column {
1869
+ display: block
1870
+ }
1871
+ .jazz .right-column {
1872
+ display: block;
1873
+ padding-left: 0
1874
+ }
1875
+ .jazz .two-columns img {
1876
+ padding-bottom: 10px
1877
+ }
1878
+ .jazz .two-columns .inline-graphic {
1879
+ max-width: 100%
1880
+ }
1881
+ .jazz .two-columns p {
1882
+ font-size: 1.2em
1883
+ }
1884
+ .jazz .rec-container .blurb p:nth-child(1) {
1885
+ width: 95%
1886
+ }
1887
+ .jazz .rec-container .left-container {
1888
+ display: block;
1889
+ width: 100%
1890
+ }
1891
+ .jazz .rec-container .right-container {
1892
+ display: block;
1893
+ margin-top: 10px;
1894
+ width: 100%
1895
+ }
1896
+ .jazz #next_previous {
1897
+ margin: 0 10px;
1898
+ position: static;
1899
+ width: 95%
1900
+ }
1901
+ .jazz .previous-link {
1902
+ display: table-cell;
1903
+ height: 60px;
1904
+ margin-bottom: 30px;
1905
+ width: 40%
1906
+ }
1907
+ .jazz .next-link {
1908
+ display: table-cell;
1909
+ height: 60px;
1910
+ margin-bottom: 30px;
1911
+ width: 40%
1912
+ }
1913
+ .jazz .next-link a,.jazz .previous-link a {
1914
+ display: table-cell;
1915
+ vertical-align: middle;
1916
+ width: 90%
1917
+ }
1918
+ .jazz #next_previous .copyright a {
1919
+ display: inline;
1920
+ vertical-align: baseline
1921
+ }
1922
+ .jazz .copyright {
1923
+ margin: 0;
1924
+ text-align: center
1925
+ }
1926
+ .jazz #footer {
1927
+ /* background-color: rgba(255,255,255,1); */
1928
+ padding-bottom: 20px;
1929
+ position: relative
1930
+ }
1931
+ .jazz #footer #leave_feedback {
1932
+ margin: 0 auto;
1933
+ height: 15px;
1934
+ position: static;
1935
+ width: 100px
1936
+ }
1937
+ .jazz #modal {
1938
+ margin-bottom: 7px;
1939
+ overflow: scroll!important;
1940
+ padding: 0;
1941
+ -webkit-overflow-scrolling: touch;
1942
+ width: 300px
1943
+ }
1944
+ .jazz #modal #closebox {
1945
+ left: 266px;
1946
+ top: 5px
1947
+ }
1948
+ .jazz .activated {
1949
+ height: 700px;
1950
+ margin-bottom: 0
1951
+ }
1952
+ .jazz #feedback {
1953
+ padding: 10px;
1954
+ width: 280px
1955
+ }
1956
+ .jazz #modal #sending {
1957
+ width: 300px
1958
+ }
1959
+ .jazz #modal #feedback h2 {
1960
+ font-size: 1.1em;
1961
+ margin-bottom: 5px;
1962
+ margin-top: 0;
1963
+ padding-top: 0
1964
+ }
1965
+ .jazz #modal #feedback .left-leaf {
1966
+ float: none;
1967
+ margin-bottom: 15px;
1968
+ width: 250px
1969
+ }
1970
+ .jazz #modal #feedback .right-leaf {
1971
+ float: none;
1972
+ width: 250px
1973
+ }
1974
+ .jazz #modal #feedback #comment {
1975
+ -webkit-border-radius: 0;
1976
+ height: 90px;
1977
+ width: 266px
1978
+ }
1979
+ .jazz #feedback .asterisk#a1 {
1980
+ left: 185px;
1981
+ top: 5px
1982
+ }
1983
+ .jazz #feedback .asterisk#a2 {
1984
+ top: 270px;
1985
+ left: 279px
1986
+ }
1987
+ .jazz #modal #feedback #email {
1988
+ -webkit-border-radius: 0;
1989
+ width: 266px
1990
+ }
1991
+ .jazz #modal #feedback .fineprint {
1992
+ bottom: 0;
1993
+ position: relative;
1994
+ width: 200px
1995
+ }
1996
+ .jazz #modal #feedback input[type=button] {
1997
+ /* background-color: rgba(160,160,160,1); */
1998
+ background-image: none;
1999
+ color: rgba(255,255,255,1);
2000
+ font-family: Helvetica,Arial,sans-serif;
2001
+ left: 0;
2002
+ margin: 10px 0 0;
2003
+ -webkit-border-radius: 0;
2004
+ -webkit-appearance: none;
2005
+ -moz-appearance: none;
2006
+ appearance: none
2007
+ }
2008
+ .jazz #modal #feedback #submit {
2009
+ margin: 10px 0 0
2010
+ }
2011
+
2012
+ }
2013
+ .svg-container {
2014
+ position: relative
2015
+ }
2016
+ .svg-play-button {
2017
+ background: url(../Images/playbutton.svg) no-repeat;
2018
+ background-position: 0 0;
2019
+ background-size: cover;
2020
+ width: 32px;
2021
+ height: 32px;
2022
+ position: absolute;
2023
+ top: 90px;
2024
+ left: 90px;
2025
+ pointer-events: none;
2026
+ opacity: 1;
2027
+ -webkit-transition: opacity .3s ease
2028
+ }
2029
+ .svg-play-button.faded {
2030
+ opacity: 0
2031
+ }
2032
+ .p {
2033
+ color: rgba(0,0,0,1)
2034
+ }
2035
+ .c {
2036
+ color: rgba(0,116,0,1);
2037
+ font-style: italic
2038
+ }
2039
+ .err {
2040
+ }
2041
+ .k {
2042
+ color: rgba(170,13,145,1)
2043
+ }
2044
+ .o {
2045
+ color: #666
2046
+ }
2047
+ .cm {
2048
+ color: rgba(0,116,0,1);
2049
+ font-style: italic
2050
+ }
2051
+ .cp {
2052
+ color: rgba(100,56,32,1)
2053
+ }
2054
+ .c1 {
2055
+ color: rgba(0,116,0,1);
2056
+ font-style: italic
2057
+ }
2058
+ .cs {
2059
+ color: rgba(0,116,0,1);
2060
+ font-style: italic
2061
+ }
2062
+ .gd {
2063
+ color: #A00000
2064
+ }
2065
+ .ge {
2066
+ font-style: italic
2067
+ }
2068
+ .gr {
2069
+ color: #F00
2070
+ }
2071
+ .gh {
2072
+ color: navy;
2073
+ font-weight: 700
2074
+ }
2075
+ .gi {
2076
+ color: #00A000
2077
+ }
2078
+ .go {
2079
+ color: gray
2080
+ }
2081
+ .gp {
2082
+ color: navy;
2083
+ font-weight: 700
2084
+ }
2085
+ .gs {
2086
+ font-weight: 700
2087
+ }
2088
+ .gu {
2089
+ color: purple;
2090
+ font-weight: 700
2091
+ }
2092
+ .gt {
2093
+ color: #0040D0
2094
+ }
2095
+ .kc {
2096
+ color: rgba(170,13,145,1)
2097
+ }
2098
+ .kd {
2099
+ color: rgba(170,13,145,1)
2100
+ }
2101
+ .kp {
2102
+ color: rgba(170,13,145,1)
2103
+ }
2104
+ .kr {
2105
+ color: rgba(170,13,145,1)
2106
+ }
2107
+ .kt {
2108
+ color: rgba(170,13,145,1)
2109
+ }
2110
+ .m {
2111
+ color: rgba(28,0,207,1)
2112
+ }
2113
+ .s {
2114
+ color: rgba(196,26,22,1)
2115
+ }
2116
+ .n {
2117
+ color: rgba(46,13,110,1)
2118
+ }
2119
+ .na {
2120
+ color: rgba(131,48,30,1)
2121
+ }
2122
+ .nb {
2123
+ color: rgba(170,13,145,1)
2124
+ }
2125
+ .nc {
2126
+ color: rgba(63,110,116,1)
2127
+ }
2128
+ .no {
2129
+ color: rgba(38,71,75,1)
2130
+ }
2131
+ .nd {
2132
+ color: #A2F
2133
+ }
2134
+ .ni {
2135
+ color: #999;
2136
+ font-weight: 700
2137
+ }
2138
+ .ne {
2139
+ color: #D2413A;
2140
+ font-weight: 700
2141
+ }
2142
+ .nf {
2143
+ color: rgba(0,0,0,1)
2144
+ }
2145
+ .nl {
2146
+ color: rgba(46,13,110,1)
2147
+ }
2148
+ .nn {
2149
+ color: #00F;
2150
+ font-weight: 700
2151
+ }
2152
+ .nt {
2153
+ color: green;
2154
+ font-weight: 700
2155
+ }
2156
+ .nv {
2157
+ color: #19177C
2158
+ }
2159
+ .ow {
2160
+ color: #A2F;
2161
+ font-weight: 700
2162
+ }
2163
+ .w {
2164
+ color: #bbb
2165
+ }
2166
+ .mf {
2167
+ color: rgba(28,0,207,1)
2168
+ }
2169
+ .mh {
2170
+ color: rgba(28,0,207,1)
2171
+ }
2172
+ .mi {
2173
+ color: rgba(28,0,207,1)
2174
+ }
2175
+ .mo {
2176
+ color: rgba(28,0,207,1)
2177
+ }
2178
+ .sb {
2179
+ color: rgba(196,26,22,1)
2180
+ }
2181
+ .sc {
2182
+ color: rgba(196,26,22,1)
2183
+ }
2184
+ .sd {
2185
+ color: rgba(196,26,22,1)
2186
+ }
2187
+ .s2 {
2188
+ color: rgba(196,26,22,1)
2189
+ }
2190
+ .se {
2191
+ color: rgba(196,26,22,1)
2192
+ }
2193
+ .sh {
2194
+ color: rgba(196,26,22,1)
2195
+ }
2196
+ .si {
2197
+ color: rgba(196,26,22,1)
2198
+ }
2199
+ .sx {
2200
+ color: rgba(196,26,22,1)
2201
+ }
2202
+ .sr {
2203
+ color: rgba(196,26,22,1)
2204
+ }
2205
+ .s1 {
2206
+ color: rgba(196,26,22,1)
2207
+ }
2208
+ .ss {
2209
+ color: rgba(196,26,22,1)
2210
+ }
2211
+ .bp {
2212
+ color: green
2213
+ }
2214
+ .vc {
2215
+ color: rgba(63,110,116,1)
2216
+ }
2217
+ .vg {
2218
+ color: #19177C
2219
+ }
2220
+ .vi {
2221
+ color: #19177C
2222
+ }
2223
+ .il {
2224
+ color: rgba(28,0,207,1)
2225
+ }