hyla 1.0.9.pre.3 → 1.0.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ }