hyla 1.0.7.pre.6 → 1.0.7.pre.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/Rakefile +23 -7
- data/hyla.gemspec +3 -0
- data/lib/hyla/project.rb +1 -1
- data/lib/hyla.rb +0 -2
- data/lib/resources/assets/revealjs/css/theme/old-gpe.css +196 -0
- data/lib/resources/assets/revealjs/lib/css/font-awesome-4.3.0.css +1098 -2886
- data/lib/resources/assets/revealjs-redhat/lib/css/font-awesome-4.3.0.css +1098 -2886
- data/lib/resources/assets/revealjs-redhat/lib/css/gpe.css +180 -656
- data/lib/resources/assets/revealjs-redhat/lib/css/theme-output.css +395 -1509
- data/lib/resources/assets/revealjs-redhat/lib/css/theme-v2-liberation.css +1366 -4332
- data/lib/resources/assets/revealjs-redhat/lib/css/theme-v2-overpass.css +1364 -4320
- data/lib/resources/assets/revealjs-redhat/lib/js/{gpe.js → debug/gpe.js} +0 -0
- data/lib/resources/assets/revealjs-redhat/lib/js/debug/reveal.js +12 -2
- data/lib/resources/assets/revealjs-redhat/lib/js/gpe.min.js +1 -0
- data/lib/resources/assets/revealjs-redhat/lib/js/head.min.js +16 -1
- data/lib/resources/assets/revealjs-redhat/lib/js/reveal.min.js +337 -2
- data/lib/resources/assets/sass/{gpe2.scss → new-gpe.scss} +1 -2
- data/lib/resources/assets/sass/{gpe.scss → old-gpe.scss} +0 -0
- data/lib/resources/backends/slim/revealjs-redhat/document.html.slim +3 -0
- data/lib/templates/_config.yaml +4 -2
- metadata +21 -5
@@ -1,669 +1,193 @@
|
|
1
1
|
/* $debug-configuration: true; */
|
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
|
-
*/
|
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"; */
|
7
3
|
/* $fonts: 'Overpass', 'Liberation Sans', 'Open Sans', sans-serif; */
|
8
|
-
/*********************************************
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
}
|
17
|
-
|
18
|
-
|
19
|
-
.reveal {
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
/*
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
.reveal
|
40
|
-
|
41
|
-
.reveal
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
}
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
.reveal .
|
59
|
-
|
60
|
-
.reveal .
|
61
|
-
|
62
|
-
.reveal .
|
63
|
-
|
64
|
-
}
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
.reveal
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
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 88, ../gpe2.scss */
|
87
|
-
.reveal .slides {
|
88
|
-
text-align: left;
|
89
|
-
margin-top: 15px;
|
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 102, ../gpe2.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 115, ../gpe2.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 125, ../gpe2.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 143, ../gpe2.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 155, ../gpe2.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 171, ../gpe2.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 182, ../gpe2.scss */
|
186
|
-
.reveal a:not(.image):hover {
|
187
|
-
color: #a70000;
|
188
|
-
text-shadow: none;
|
189
|
-
border: none;
|
190
|
-
}
|
191
|
-
|
192
|
-
/* line 188, ../gpe2.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 197, ../gpe2.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 206, ../gpe2.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 215, ../gpe2.scss */
|
223
|
-
.reveal .controls div.navigate-left,
|
224
|
-
.reveal .controls div.navigate-left.enabled {
|
225
|
-
border-right-color: #C1100C;
|
226
|
-
}
|
227
|
-
|
228
|
-
/* line 220, ../gpe2.scss */
|
229
|
-
.reveal .controls div.navigate-right,
|
230
|
-
.reveal .controls div.navigate-right.enabled {
|
231
|
-
border-left-color: #C1100C;
|
232
|
-
}
|
233
|
-
|
234
|
-
/* line 225, ../gpe2.scss */
|
235
|
-
.reveal .controls div.navigate-up,
|
236
|
-
.reveal .controls div.navigate-up.enabled {
|
237
|
-
border-bottom-color: #C1100C;
|
238
|
-
}
|
239
|
-
|
240
|
-
/* line 230, ../gpe2.scss */
|
241
|
-
.reveal .controls div.navigate-down,
|
242
|
-
.reveal .controls div.navigate-down.enabled {
|
243
|
-
border-top-color: #C1100C;
|
244
|
-
}
|
245
|
-
|
246
|
-
/* line 235, ../gpe2.scss */
|
247
|
-
.reveal .controls div.navigate-left.enabled:hover {
|
248
|
-
border-right-color: #ef6f16;
|
249
|
-
}
|
250
|
-
|
251
|
-
/* line 239, ../gpe2.scss */
|
252
|
-
.reveal .controls div.navigate-right.enabled:hover {
|
253
|
-
border-left-color: #ef6f16;
|
254
|
-
}
|
255
|
-
|
256
|
-
/* line 243, ../gpe2.scss */
|
257
|
-
.reveal .controls div.navigate-up.enabled:hover {
|
258
|
-
border-bottom-color: #ef6f16;
|
259
|
-
}
|
260
|
-
|
261
|
-
/* line 247, ../gpe2.scss */
|
262
|
-
.reveal .controls div.navigate-down.enabled:hover {
|
263
|
-
border-top-color: #ef6f16;
|
264
|
-
}
|
265
|
-
|
266
|
-
/*********************************************
|
267
|
-
* PROGRESS BAR
|
268
|
-
*********************************************/
|
269
|
-
/* line 254, ../gpe2.scss */
|
270
|
-
.reveal .progress {
|
271
|
-
background: rgba(0, 0, 0, 0.2);
|
272
|
-
}
|
273
|
-
|
274
|
-
/* line 258, ../gpe2.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 270, ../gpe2.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
|
-
*********************************************************************************/
|
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 ********************************************************************************/
|
299
77
|
/* line 287, ../gpe.scss */
|
300
|
-
|
301
|
-
.reveal ul li p, ul li li p, ul li li p {
|
302
|
-
color: black;
|
303
|
-
list-style: none;
|
304
|
-
}
|
78
|
+
.reveal ul li p, ul li li p, ul li li p { color: black; list-style: none; }
|
305
79
|
|
306
80
|
/* line 293, ../gpe.scss */
|
307
|
-
|
308
|
-
.reveal ul li {
|
309
|
-
list-style-type: disc;
|
310
|
-
color: black;
|
311
|
-
}
|
81
|
+
.reveal ul li { list-style-type: disc; color: black; }
|
312
82
|
|
313
83
|
/* line 298, ../gpe.scss */
|
314
|
-
|
315
|
-
.reveal ul li li {
|
316
|
-
list-style-type: square;
|
317
|
-
color: black;
|
318
|
-
}
|
84
|
+
.reveal ul li li { list-style-type: square; color: black; }
|
319
85
|
|
320
86
|
/* line 303, ../gpe.scss */
|
321
|
-
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
329
|
-
*
|
330
|
-
|
331
|
-
|
332
|
-
|
333
|
-
.reveal i.
|
334
|
-
|
335
|
-
|
336
|
-
|
337
|
-
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
|
342
|
-
|
343
|
-
|
344
|
-
.
|
345
|
-
|
346
|
-
|
347
|
-
|
348
|
-
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
}
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
.
|
369
|
-
|
370
|
-
|
371
|
-
|
372
|
-
|
373
|
-
.
|
374
|
-
|
375
|
-
}
|
376
|
-
|
377
|
-
|
378
|
-
|
379
|
-
|
380
|
-
|
381
|
-
|
382
|
-
|
383
|
-
|
384
|
-
|
385
|
-
|
386
|
-
|
387
|
-
|
388
|
-
|
389
|
-
|
390
|
-
|
391
|
-
|
392
|
-
|
393
|
-
|
394
|
-
|
395
|
-
|
396
|
-
|
397
|
-
|
398
|
-
|
399
|
-
/* line 370, ../gpe2.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 381, ../gpe2.scss */
|
412
|
-
table.tableblock:not(.noredheader) 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 389, ../gpe2.scss */
|
421
|
-
table.tableblock.noredheader tr:first-child td {
|
422
|
-
background-color: #EEEEEE;
|
423
|
-
}
|
424
|
-
|
425
|
-
/* line 393, ../gpe2.scss */
|
426
|
-
table.tableblock tr:nth-child(even) {
|
427
|
-
background: white;
|
428
|
-
}
|
429
|
-
|
430
|
-
/* line 397, ../gpe2.scss */
|
431
|
-
table.tableblock tr:nth-child(odd) {
|
432
|
-
background: #eeeeee;
|
433
|
-
}
|
434
|
-
|
435
|
-
/* line 401, ../gpe2.scss */
|
436
|
-
th.tableblock.halign-left, td.tableblock.halign-left {
|
437
|
-
text-align: left;
|
438
|
-
}
|
439
|
-
|
440
|
-
/* line 405, ../gpe2.scss */
|
441
|
-
th.tableblock.halign-right, td.tableblock.halign-right {
|
442
|
-
text-align: right;
|
443
|
-
}
|
444
|
-
|
445
|
-
/* line 409, ../gpe2.scss */
|
446
|
-
th.tableblock.halign-center, td.tableblock.halign-center {
|
447
|
-
text-align: center;
|
448
|
-
}
|
449
|
-
|
450
|
-
/* line 413, ../gpe2.scss */
|
451
|
-
th.tableblock.valign-top, td.tableblock.valign-top {
|
452
|
-
vertical-align: top;
|
453
|
-
}
|
454
|
-
|
455
|
-
/* line 417, ../gpe2.scss */
|
456
|
-
th.tableblock.valign-bottom, td.tableblock.valign-bottom {
|
457
|
-
vertical-align: bottom;
|
458
|
-
}
|
459
|
-
|
460
|
-
/* line 421, ../gpe2.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 430, ../gpe2.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 439, ../gpe2.scss */
|
481
|
-
.reveal pre {
|
482
|
-
width: 100%;
|
483
|
-
}
|
484
|
-
|
485
|
-
/* line 443, ../gpe2.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 453, ../gpe2.scss */
|
497
|
-
.reveal ol {
|
498
|
-
margin-left: 50px;
|
499
|
-
}
|
500
|
-
|
501
|
-
/* line 457, ../gpe2.scss */
|
502
|
-
ol.arabic {
|
503
|
-
list-style-type: decimal;
|
504
|
-
}
|
505
|
-
|
506
|
-
/* line 461, ../gpe2.scss */
|
507
|
-
ol.decimal {
|
508
|
-
list-style-type: decimal-leading-zero;
|
509
|
-
}
|
510
|
-
|
511
|
-
/* line 465, ../gpe2.scss */
|
512
|
-
ol.loweralpha {
|
513
|
-
list-style-type: lower-alpha;
|
514
|
-
}
|
515
|
-
|
516
|
-
/* line 469, ../gpe2.scss */
|
517
|
-
ol.upperalpha {
|
518
|
-
list-style-type: upper-alpha;
|
519
|
-
}
|
520
|
-
|
521
|
-
/* line 473, ../gpe2.scss */
|
522
|
-
ol.lowerroman {
|
523
|
-
list-style-type: lower-roman;
|
524
|
-
}
|
525
|
-
|
526
|
-
/* line 477, ../gpe2.scss */
|
527
|
-
ol.upperroman {
|
528
|
-
list-style-type: upper-roman;
|
529
|
-
}
|
530
|
-
|
531
|
-
/* line 481, ../gpe2.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 490, ../gpe2.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 495, ../gpe2.scss */
|
548
|
-
.admonitionblock > table {
|
549
|
-
border: 0;
|
550
|
-
background: none;
|
551
|
-
width: 100%;
|
552
|
-
padding: 5px 0px;
|
553
|
-
}
|
554
|
-
|
555
|
-
/* line 502, ../gpe2.scss */
|
556
|
-
.admonitionblock > table td.icon {
|
557
|
-
text-align: center;
|
558
|
-
width: 80px;
|
559
|
-
}
|
560
|
-
|
561
|
-
/* line 507, ../gpe2.scss */
|
562
|
-
.admonitionblock > table td.icon img {
|
563
|
-
max-width: none;
|
564
|
-
}
|
565
|
-
|
566
|
-
/* line 511, ../gpe2.scss */
|
567
|
-
.admonitionblock > table td.icon .title {
|
568
|
-
font-weight: bold;
|
569
|
-
text-transform: uppercase;
|
570
|
-
}
|
571
|
-
|
572
|
-
/* line 516, ../gpe2.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
|
-
}
|
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) 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; }
|
581
165
|
|
582
166
|
/* Override the color for the list */
|
583
|
-
|
584
|
-
|
585
|
-
|
586
|
-
|
587
|
-
|
588
|
-
|
589
|
-
.admonitionblock
|
590
|
-
|
591
|
-
}
|
592
|
-
|
593
|
-
|
594
|
-
.admonitionblock > table td.icon {
|
595
|
-
vertical-align: middle;
|
596
|
-
}
|
597
|
-
|
598
|
-
/* line 538, ../gpe2.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 552, ../gpe2.scss */
|
614
|
-
.admonitionblock td.icon .icon-note:before {
|
615
|
-
content: "\f05a";
|
616
|
-
color: #005498;
|
617
|
-
color: #003f72;
|
618
|
-
}
|
619
|
-
|
620
|
-
/* line 558, ../gpe2.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
|
-
}
|
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; }
|
626
178
|
|
627
179
|
/* Use a more yellow lighter color */
|
628
|
-
|
629
|
-
|
630
|
-
|
631
|
-
|
632
|
-
}
|
633
|
-
|
634
|
-
|
635
|
-
.
|
636
|
-
|
637
|
-
|
638
|
-
|
639
|
-
|
640
|
-
|
641
|
-
.
|
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 585, ../gpe2.scss */
|
652
|
-
.reveal .audioblock {
|
653
|
-
padding: 15px 0px;
|
654
|
-
}
|
655
|
-
|
656
|
-
/* line 588, ../gpe2.scss */
|
657
|
-
.reveal p, .reveal ol, .reveal ul, .reveal table, .reveal .colist td {
|
658
|
-
font-size: 28px;
|
659
|
-
}
|
660
|
-
|
661
|
-
/* line 591, ../gpe2.scss */
|
662
|
-
.reveal pre {
|
663
|
-
font-size: 0.55em;
|
664
|
-
}
|
665
|
-
|
666
|
-
/* line 594, ../gpe2.scss */
|
667
|
-
.reveal .listingblock {
|
668
|
-
padding-bottom: 10px;
|
669
|
-
}
|
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; }
|