hyla 1.0.7 → 1.0.8

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