hyla 1.0.9.pre.3 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,684 @@
1
+ /* $fonts: 'Overpass', 'Liberation Sans', 'Open Sans', sans-serif; */
2
+ /* JBCnfConf 2016 */
3
+ /*$color: #019AD7;*/
4
+ /* Snowcamp 2016 */
5
+ /* Override global variable */
6
+ /* This color is defined within the theme_output.scss file */
7
+ /* line 6, ../conference.scss */
8
+ .reveal .slide-background {
9
+ background: white;
10
+ }
11
+
12
+ /*********************************************
13
+ * GLOBAL STYLES
14
+ * Feb 24, ART: added a border to the body, attempting to see how the margin is being used.
15
+ * Feb 24, ART: added a border to the reveal section, attempting to see how the margin is being used.
16
+ *********************************************/
17
+ /* line 15, ../conference.scss */
18
+ body {
19
+ font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
20
+ }
21
+
22
+ /* line 19, ../conference.scss */
23
+ .reveal {
24
+ font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
25
+ font-size: 28px;
26
+ font-weight: normal;
27
+ letter-spacing: -0.02em;
28
+ color: black;
29
+ }
30
+
31
+ /* line 27, ../conference.scss */
32
+ ::selection {
33
+ color: white;
34
+ background: rgba(0, 0, 0, 0.99);
35
+ text-shadow: none;
36
+ }
37
+
38
+ /*********************************************
39
+ * HEADERS
40
+ *********************************************/
41
+ /* line 36, ../conference.scss */
42
+ .reveal h1,
43
+ .reveal h2,
44
+ .reveal h3,
45
+ .reveal h4,
46
+ .reveal h5,
47
+ .reveal h6 {
48
+ margin: 0 0 20px 0;
49
+ color: #3E4349;
50
+ font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
51
+ line-height: 0.9em;
52
+ letter-spacing: 0.02em;
53
+ text-transform: none;
54
+ text-shadow: none;
55
+ }
56
+
57
+ /**************************************************************
58
+ * Change color of the cover slide using class sl-block-content
59
+ **************************************************************/
60
+ /* line 54, ../conference.scss */
61
+ .reveal .sl-block-content h1,
62
+ .reveal .sl-block-content h2,
63
+ .reveal .sl-block-content h3,
64
+ .reveal .sl-block-content h4,
65
+ .reveal .sl-block-content h5,
66
+ .reveal .sl-block-content h6 {
67
+ color: #222222;
68
+ }
69
+
70
+ /***************************************************
71
+ * Feb 26, ART: Font Size 2em and width: 900px added
72
+ **************************************************/
73
+ /* line 66, ../conference.scss */
74
+ .reveal h1 {
75
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
76
+ font-size: 2em;
77
+ width: 900px;
78
+ }
79
+
80
+ /* line 72, ../conference.scss */
81
+ .reveal h2 {
82
+ font-size: 2em;
83
+ }
84
+
85
+ /******************************************
86
+ * Fill screen to 100% & align text on left
87
+ * Feb 26, CHM : Add top: 370px to fill the screen to 100%
88
+ * Mar 24 3015, CHM : Remove top due to cutoff with safari, firefox & add margin-top
89
+ ******************************************/
90
+ /* line 81, ../conference.scss */
91
+ .reveal .slides {
92
+ text-align: left;
93
+ /* margin-top: $slides-margin-top; WE don't use it as the value is assigned by Revealjs */
94
+ }
95
+
96
+ /******************************************
97
+ * Reduce Font size
98
+ ******************************************/
99
+ /* line 89, ../conference.scss */
100
+ .reveal .slides > section h1 {
101
+ font-size: 2.4em;
102
+ }
103
+
104
+ /* line 92, ../conference.scss */
105
+ .reveal .slides > section h2 {
106
+ font-size: 1.8em;
107
+ }
108
+
109
+ /*********************************************
110
+ * ScrollBar
111
+ * Feb 24, ART: Changed the height of the scrollbar from 450 600
112
+ * Feb 24, ART: Changed the padding from 10 20 20 20 to 5 10 10 10
113
+ * Feb 24, ART: Changed the margin from 20px 0 0 to 5px 0 0
114
+ * Mar 02, CHM: Increase height from 600 to 670px
115
+ * Mar 06, CHM: Change overflow from scroll to auto
116
+ *********************************************/
117
+ /* line 104, ../conference.scss */
118
+ .scrollbar {
119
+ border: 1px solid #eee;
120
+ height: 600px;
121
+ overflow: auto;
122
+ margin: 5px 0 0;
123
+ padding: 5px 10px 10px 10px;
124
+ }
125
+
126
+ /**************************************************************
127
+ * Style used to display the cover picture full screen
128
+ * Add this tag [.cover] before the picture of the cover page
129
+ * Mar 04 2015, CHM: Initial
130
+ **************************************************************/
131
+ /* line 117, ../conference.scss */
132
+ .cover {
133
+ position: absolute;
134
+ top: 20px;
135
+ text-align: center;
136
+ }
137
+
138
+ /*********************************************
139
+ * Corporate Logo Header Image
140
+ * Feb 26, CHM: Changed the height from 80px to 0px
141
+ *********************************************/
142
+ /* line 127, ../conference.scss */
143
+ .header {
144
+ position: absolute;
145
+ margin: 0 auto;
146
+ left: 0;
147
+ right: 0;
148
+ top: 0;
149
+ height: 0px;
150
+ font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
151
+ font-size: 20px;
152
+ text-align: center;
153
+ }
154
+
155
+ /*****************************************************
156
+ * Copyright Footer
157
+ * Feb 24, ART: Changed to footer height from 80 to 40
158
+ * Mar 13 2015, CHM : Add footer-cover to override the color for cover slide
159
+ * Mar 24 2015, CHM : Remove hard coded px and use percentages
160
+ ******************************************************/
161
+ /* line 145, ../conference.scss */
162
+ .reveal .footer {
163
+ position: absolute;
164
+ margin: 0 auto;
165
+ left: 0;
166
+ right: 0;
167
+ bottom: -25%;
168
+ height: 80px;
169
+ font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
170
+ font-size: 14px;
171
+ text-align: center;
172
+ }
173
+
174
+ /* line 157, ../conference.scss */
175
+ .reveal .footer-cover {
176
+ position: absolute;
177
+ margin: 0 auto;
178
+ left: 0;
179
+ right: 0;
180
+ bottom: -25%;
181
+ height: 80px;
182
+ font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
183
+ font-size: 14px;
184
+ text-align: center;
185
+ color: white;
186
+ }
187
+
188
+ /*********************************************
189
+ * LINKS
190
+ *********************************************/
191
+ /* line 173, ../conference.scss */
192
+ .reveal a:not(.image) {
193
+ color: #E0040A;
194
+ text-decoration: none;
195
+ -webkit-transition: color .15s ease;
196
+ -moz-transition: color .15s ease;
197
+ -ms-transition: color .15s ease;
198
+ -o-transition: color .15s ease;
199
+ transition: color .15s ease;
200
+ }
201
+
202
+ /* line 184, ../conference.scss */
203
+ .reveal a:not(.image):hover {
204
+ color: #E0040A;
205
+ text-shadow: none;
206
+ border: none;
207
+ }
208
+
209
+ /* line 190, ../conference.scss */
210
+ .reveal .roll span:after {
211
+ color: #fff;
212
+ background: #E0040A;
213
+ }
214
+
215
+ /*********************************************
216
+ * IMAGES
217
+ * Mar 13 2015, CHM : Remove the shadow box around the image
218
+ *********************************************/
219
+ /* line 199, ../conference.scss */
220
+ .reveal section img {
221
+ margin: 15px 0px;
222
+ -webkit-transition: all .2s linear;
223
+ -moz-transition: all .2s linear;
224
+ -ms-transition: all .2s linear;
225
+ -o-transition: all .2s linear;
226
+ transition: all .2s linear;
227
+ }
228
+
229
+ /* line 208, ../conference.scss */
230
+ .reveal a:hover img {
231
+ background: rgba(255, 255, 255, 0.2);
232
+ border-color: #E0040A;
233
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
234
+ }
235
+
236
+ /*********************************************
237
+ * NAVIGATION CONTROLS
238
+ *********************************************/
239
+ /* line 217, ../conference.scss */
240
+ .reveal .controls div.navigate-left,
241
+ .reveal .controls div.navigate-left.enabled {
242
+ border-right-color: #C1100C;
243
+ }
244
+
245
+ /* line 222, ../conference.scss */
246
+ .reveal .controls div.navigate-right,
247
+ .reveal .controls div.navigate-right.enabled {
248
+ border-left-color: #C1100C;
249
+ }
250
+
251
+ /* line 227, ../conference.scss */
252
+ .reveal .controls div.navigate-up,
253
+ .reveal .controls div.navigate-up.enabled {
254
+ border-bottom-color: #C1100C;
255
+ }
256
+
257
+ /* line 232, ../conference.scss */
258
+ .reveal .controls div.navigate-down,
259
+ .reveal .controls div.navigate-down.enabled {
260
+ border-top-color: #C1100C;
261
+ }
262
+
263
+ /* line 237, ../conference.scss */
264
+ .reveal .controls div.navigate-left.enabled:hover {
265
+ border-right-color: #ef6f16;
266
+ }
267
+
268
+ /* line 241, ../conference.scss */
269
+ .reveal .controls div.navigate-right.enabled:hover {
270
+ border-left-color: #ef6f16;
271
+ }
272
+
273
+ /* line 245, ../conference.scss */
274
+ .reveal .controls div.navigate-up.enabled:hover {
275
+ border-bottom-color: #ef6f16;
276
+ }
277
+
278
+ /* line 249, ../conference.scss */
279
+ .reveal .controls div.navigate-down.enabled:hover {
280
+ border-top-color: #ef6f16;
281
+ }
282
+
283
+ /*********************************************
284
+ * PROGRESS BAR
285
+ *********************************************/
286
+ /* line 256, ../conference.scss */
287
+ .reveal .progress {
288
+ background: rgba(0, 0, 0, 0.2);
289
+ }
290
+
291
+ /* line 260, ../conference.scss */
292
+ .reveal .progress span {
293
+ background: #E0040A;
294
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
295
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
296
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
297
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
298
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
299
+ }
300
+
301
+ /*********************************************
302
+ * SLIDE NUMBER
303
+ *********************************************/
304
+ /* line 272, ../conference.scss */
305
+ .reveal .slide-number {
306
+ color: darkblue;
307
+ }
308
+
309
+ /*********************************************************************************
310
+ * Trick to avoid to define [square] or [circle] for each item of an unordered list
311
+ * and solve issue that we have here as we have nested lists
312
+ * Feb 27, CHM : Added
313
+ * Mar 04 2015, CHM: Add red colors & square, disc & circle
314
+ * Mar 13 2015, CHM: Change color to black and revert square, disc & circle
315
+ *********************************************************************************/
316
+ /* line 287, ../gpe.scss */
317
+ /* line 284, ../conference.scss */
318
+ .reveal ul li p, ul li li p, ul li li p {
319
+ color: black;
320
+ list-style: none;
321
+ }
322
+
323
+ /* line 293, ../gpe.scss */
324
+ /* line 290, ../conference.scss */
325
+ .reveal ul li {
326
+ list-style-type: disc;
327
+ color: black;
328
+ }
329
+
330
+ /* line 298, ../gpe.scss */
331
+ /* line 296, ../conference.scss */
332
+ .reveal ul li li {
333
+ list-style-type: square;
334
+ color: black;
335
+ }
336
+
337
+ /* line 303, ../gpe.scss */
338
+ /* line 302, ../conference.scss */
339
+ .reveal ul li li li {
340
+ list-style-type: circle;
341
+ color: black;
342
+ }
343
+
344
+ /*******************************************************************
345
+ * .reveal i must be override in order to be able to use Asciidoctor and
346
+ * Font Awesome icons for NOTE, WARNING, REMARK, ....
347
+ * Feb, CHM: Added
348
+ *******************************************************************/
349
+ /* line 312, ../conference.scss */
350
+ .reveal i.fa {
351
+ font-family: 'FontAwesome';
352
+ font-style: normal;
353
+ font-size: 100%;
354
+ }
355
+
356
+ /*********************************************
357
+ * Support asciidoctor callout
358
+ * Feb 27, CHM: Added
359
+ *********************************************/
360
+ /* line 322, ../conference.scss */
361
+ .reveal i.conum {
362
+ display: inline-block;
363
+ color: white !important;
364
+ background-color: #E0040A;
365
+ -webkit-border-radius: 100px;
366
+ border-radius: 100px;
367
+ text-align: center;
368
+ width: 25px;
369
+ height: 25px;
370
+ font-size: 14px;
371
+ font-weight: bold;
372
+ line-height: 25px;
373
+ font-style: normal;
374
+ position: relative;
375
+ top: -2px;
376
+ letter-spacing: -2px;
377
+ }
378
+
379
+ /* line 340, ../conference.scss */
380
+ .reveal i.conum * {
381
+ color: white !important;
382
+ }
383
+
384
+ /* line 344, ../conference.scss */
385
+ .reveal i.conum + b {
386
+ display: none;
387
+ }
388
+
389
+ /* line 348, ../conference.scss */
390
+ .reveal i.conum:after {
391
+ content: attr(data-value);
392
+ }
393
+
394
+ /* line 352, ../conference.scss */
395
+ .reveal i.conum:not([data-value]):empty {
396
+ display: none;
397
+ }
398
+
399
+ /*******************************************************
400
+ * Asciidoctor Table style rendering
401
+ * Feb 27, CHM: Added & Refactor to display the borders
402
+ * Mar 02, CHM: Add caption to display the Table title with a different style, color
403
+ * Mar 03, CHM: Improve style to be compliant with Redhat styles
404
+ * Mar 06, CHM: Add a noredheader class to avoid to display the first line in red of a table containing images, ..
405
+ ******************************************************/
406
+ /* line 363, ../conference.scss */
407
+ table.tableblock, table.tableblock td {
408
+ border-style: none;
409
+ border-color: #F3F4F4;
410
+ border-width: 0px;
411
+ border-collapse: collapse;
412
+ border-spacing: 0px;
413
+ padding: 5px;
414
+ }
415
+
416
+ /* line 372, ../conference.scss */
417
+ table.tableblock > caption {
418
+ line-height: 1.4;
419
+ color: #333333;
420
+ margin-top: 0.2em;
421
+ margin-bottom: 0.5em;
422
+ overflow: visible;
423
+ max-width: 0;
424
+ white-space: nowrap;
425
+ display: table-caption;
426
+ }
427
+
428
+ /* line 383, ../conference.scss */
429
+ table.tableblock:not(.noredheader) thead tr, table.tableblock:not(.noredheader) :not(thead) + tbody tr:first-child td {
430
+ background-color: #a70000;
431
+ text-align: left;
432
+ padding: 10px;
433
+ color: white;
434
+ font-size: 24px;
435
+ }
436
+
437
+ /* line 391, ../conference.scss */
438
+ table.tableblock.noredheader tr:first-child td {
439
+ /* background-color: #EEEEEE;*/
440
+ }
441
+
442
+ /* line 395, ../conference.scss */
443
+ table.tableblock tr:nth-child(even) {
444
+ /* background: white;*/
445
+ }
446
+
447
+ /* line 399, ../conference.scss */
448
+ table.tableblock tr:nth-child(odd) {
449
+ /* background-color: #F3F4F4;*/
450
+ }
451
+
452
+ /* line 403, ../conference.scss */
453
+ th.tableblock.halign-left, td.tableblock.halign-left {
454
+ text-align: left;
455
+ }
456
+
457
+ /* line 407, ../conference.scss */
458
+ th.tableblock.halign-right, td.tableblock.halign-right {
459
+ text-align: right;
460
+ }
461
+
462
+ /* line 411, ../conference.scss */
463
+ th.tableblock.halign-center, td.tableblock.halign-center {
464
+ text-align: center;
465
+ }
466
+
467
+ /* line 415, ../conference.scss */
468
+ th.tableblock.valign-top, td.tableblock.valign-top {
469
+ vertical-align: top;
470
+ }
471
+
472
+ /* line 419, ../conference.scss */
473
+ th.tableblock.valign-bottom, td.tableblock.valign-bottom {
474
+ vertical-align: bottom;
475
+ }
476
+
477
+ /* line 423, ../conference.scss */
478
+ th.tableblock.valign-middle, td.tableblock.valign-middle {
479
+ vertical-align: middle;
480
+ }
481
+
482
+ /**************************************************************
483
+ * By default, it is not possible to display text in Bold, ... within <li> tag
484
+ * Here is a trick to support that <strong>text</strong> enclosed in <li> tag & color
485
+ * Feb 27, CHM: Added
486
+ **************************************************************/
487
+ /* line 432, ../conference.scss */
488
+ li strong {
489
+ color: #E0040A;
490
+ font-weight: bold;
491
+ }
492
+
493
+ /* line 437, ../conference.scss */
494
+ .listingblock .content {
495
+ margin-right: 50px;
496
+ padding-right: 50px;
497
+ }
498
+
499
+ /****************
500
+ * Override Revealjs ordered list
501
+ * Mar 06 2015, CHM : Numbers displayed were cut
502
+ * Mar 16 2015, CHM : Change margin left for font overlap otherwise it is cut
503
+ ****************/
504
+ /* line 447, ../conference.scss */
505
+ .reveal ol {
506
+ margin-left: 50px;
507
+ }
508
+
509
+ /* line 451, ../conference.scss */
510
+ ol.arabic {
511
+ list-style-type: decimal;
512
+ }
513
+
514
+ /* line 455, ../conference.scss */
515
+ ol.decimal {
516
+ list-style-type: decimal-leading-zero;
517
+ }
518
+
519
+ /* line 459, ../conference.scss */
520
+ ol.loweralpha {
521
+ list-style-type: lower-alpha;
522
+ }
523
+
524
+ /* line 463, ../conference.scss */
525
+ ol.upperalpha {
526
+ list-style-type: upper-alpha;
527
+ }
528
+
529
+ /* line 467, ../conference.scss */
530
+ ol.lowerroman {
531
+ list-style-type: lower-roman;
532
+ }
533
+
534
+ /* line 471, ../conference.scss */
535
+ ol.upperroman {
536
+ list-style-type: upper-roman;
537
+ }
538
+
539
+ /* line 475, ../conference.scss */
540
+ ol.lowergreek {
541
+ list-style-type: lower-greek;
542
+ }
543
+
544
+ /**************************************************************
545
+ * Admonition Asciidoctor
546
+ *
547
+ * Mar 03, CHM: Added
548
+ **************************************************************/
549
+ /* line 484, ../conference.scss */
550
+ .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .mathblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title {
551
+ text-align: left;
552
+ font-weight: bold;
553
+ }
554
+
555
+ /* line 489, ../conference.scss */
556
+ .admonitionblock > table {
557
+ border: 0;
558
+ background: none;
559
+ width: 100%;
560
+ padding: 5px 0px;
561
+ }
562
+
563
+ /* line 496, ../conference.scss */
564
+ .admonitionblock > table td.icon {
565
+ text-align: center;
566
+ width: 80px;
567
+ }
568
+
569
+ /* line 501, ../conference.scss */
570
+ .admonitionblock > table td.icon img {
571
+ max-width: none;
572
+ }
573
+
574
+ /* line 505, ../conference.scss */
575
+ .admonitionblock > table td.icon .title {
576
+ font-weight: bold;
577
+ text-transform: uppercase;
578
+ }
579
+
580
+ /* line 510, ../conference.scss */
581
+ .admonitionblock > table td.content {
582
+ padding-left: 1.125em;
583
+ padding-right: 1.25em;
584
+ border-left: 1px solid #dddddd;
585
+ color: #6f6f6f;
586
+ font-size: 20px;
587
+ font-style: normal;
588
+ }
589
+
590
+ /* Override the color for the list */
591
+ /* line 520, ../conference.scss */
592
+ .admonitionblock > table td.content ul li, .admonitionblock > table td.content ol li, .admonitionblock > table td.content ol p, .admonitionblock > table td.content ul p {
593
+ color: #6f6f6f;
594
+ }
595
+
596
+ /* line 524, ../conference.scss */
597
+ .admonitionblock > table td.content > :last-child > :last-child {
598
+ margin-bottom: 0;
599
+ }
600
+
601
+ /* line 528, ../conference.scss */
602
+ .admonitionblock > table td.icon {
603
+ vertical-align: middle;
604
+ }
605
+
606
+ /* line 532, ../conference.scss */
607
+ .admonitionblock td.icon [class^="icon-"]:before {
608
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
609
+ cursor: default;
610
+ font-style: normal;
611
+ font-weight: normal;
612
+ font-family: FontAwesome;
613
+ text-decoration: inherit;
614
+ font-size: 46px;
615
+ padding-right: 0.5em;
616
+ position: relative;
617
+ left: 0;
618
+ top: 5px;
619
+ }
620
+
621
+ /* line 546, ../conference.scss */
622
+ .admonitionblock td.icon .icon-note:before {
623
+ content: "\f05a";
624
+ color: #005498;
625
+ color: #003f72;
626
+ }
627
+
628
+ /* line 552, ../conference.scss */
629
+ .admonitionblock td.icon .icon-tip:before {
630
+ content: "\f0eb";
631
+ text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
632
+ color: #111;
633
+ }
634
+
635
+ /* Use a more yellow lighter color */
636
+ /* line 559, ../conference.scss */
637
+ .admonitionblock td.icon .icon-warning:before {
638
+ content: "\f071";
639
+ color: #EFEF0C;
640
+ }
641
+
642
+ /* line 564, ../conference.scss */
643
+ .admonitionblock td.icon .icon-caution:before {
644
+ content: "\f06d";
645
+ color: #bf3400;
646
+ }
647
+
648
+ /* line 569, ../conference.scss */
649
+ .admonitionblock td.icon .icon-important:before {
650
+ content: "\f06a";
651
+ color: #bf0000;
652
+ }
653
+
654
+ /**************************************************************
655
+ * Audio, pre tag, ...
656
+ * Mar 23 2015, CHM: Added
657
+ * Mar 25 2015, CHM: Change font size to 28px;
658
+ **************************************************************/
659
+ /* line 579, ../conference.scss */
660
+ .reveal .audioblock {
661
+ padding: 15px 0px;
662
+ }
663
+
664
+ /* line 583, ../conference.scss */
665
+ .reveal p, .reveal ol, .reveal ul, .reveal table, .reveal .colist td {
666
+ font-size: 28px;
667
+ }
668
+
669
+ /**************************************************************
670
+ * Override Revealjs Pre class
671
+ * Mar 04 2015, CHM : Change width from 90% to 100% and margin to reduce size of the box hightlighted
672
+ * June 2016, CHM : Increase width, height of the block displaying the code source
673
+ *************************************************************/
674
+ /* line 592, ../conference.scss */
675
+ .reveal pre {
676
+ font-size: 0.75em;
677
+ width: 115%;
678
+ height: 115%;
679
+ }
680
+
681
+ /* line 598, ../conference.scss */
682
+ .reveal .listingblock {
683
+ padding-bottom: 10px;
684
+ }