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