rails-reveal-js 3.1.0 → 3.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,9 +1,9 @@
1
- @import url(../../lib/font/league-gothic/league-gothic.css);
2
- @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3
1
  /**
4
2
  * Solarized Light theme for reveal.js.
5
3
  * Author: Achim Staebler
6
4
  */
5
+ @import url(../../lib/font/league-gothic/league-gothic.css);
6
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
7
7
  /**
8
8
  * Solarized colors by Ethan Schoonover
9
9
  */
@@ -19,7 +19,7 @@ body {
19
19
  background-color: #fdf6e3; }
20
20
 
21
21
  .reveal {
22
- font-family: 'Lato', sans-serif;
22
+ font-family: "Lato", sans-serif;
23
23
  font-size: 36px;
24
24
  font-weight: normal;
25
25
  color: #657b83; }
@@ -29,17 +29,23 @@ body {
29
29
  background: #d33682;
30
30
  text-shadow: none; }
31
31
 
32
- .reveal .slides > section, .reveal .slides > section > section {
32
+ .reveal .slides > section,
33
+ .reveal .slides > section > section {
33
34
  line-height: 1.3;
34
35
  font-weight: inherit; }
35
36
 
36
37
  /*********************************************
37
38
  * HEADERS
38
39
  *********************************************/
39
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
40
+ .reveal h1,
41
+ .reveal h2,
42
+ .reveal h3,
43
+ .reveal h4,
44
+ .reveal h5,
45
+ .reveal h6 {
40
46
  margin: 0 0 20px 0;
41
47
  color: #586e75;
42
- font-family: 'League Gothic', Impact, sans-serif;
48
+ font-family: "League Gothic", Impact, sans-serif;
43
49
  font-weight: normal;
44
50
  line-height: 1.2;
45
51
  letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
70
76
  line-height: 1.3; }
71
77
 
72
78
  /* Ensure certain elements are never larger than the slide itself */
73
- .reveal img, .reveal video, .reveal iframe {
79
+ .reveal img,
80
+ .reveal video,
81
+ .reveal iframe {
74
82
  max-width: 95%;
75
83
  max-height: 95%; }
76
84
 
77
- .reveal strong, .reveal b {
85
+ .reveal strong,
86
+ .reveal b {
78
87
  font-weight: bold; }
79
88
 
80
89
  .reveal em {
81
90
  font-style: italic; }
82
91
 
83
- .reveal ol, .reveal dl, .reveal ul {
92
+ .reveal ol,
93
+ .reveal dl,
94
+ .reveal ul {
84
95
  display: inline-block;
85
96
  text-align: left;
86
97
  margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
97
108
  .reveal ul ul ul {
98
109
  list-style-type: circle; }
99
110
 
100
- .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
111
+ .reveal ul ul,
112
+ .reveal ul ol,
113
+ .reveal ol ol,
114
+ .reveal ol ul {
101
115
  display: block;
102
116
  margin-left: 40px; }
103
117
 
@@ -107,7 +121,8 @@ body {
107
121
  .reveal dd {
108
122
  margin-left: 40px; }
109
123
 
110
- .reveal q, .reveal blockquote {
124
+ .reveal q,
125
+ .reveal blockquote {
111
126
  quotes: none; }
112
127
 
113
128
  .reveal blockquote {
@@ -120,7 +135,8 @@ body {
120
135
  background: rgba(255, 255, 255, 0.05);
121
136
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
122
137
 
123
- .reveal blockquote p:first-child, .reveal blockquote p:last-child {
138
+ .reveal blockquote p:first-child,
139
+ .reveal blockquote p:last-child {
124
140
  display: inline-block; }
125
141
 
126
142
  .reveal q {
@@ -146,9 +162,7 @@ body {
146
162
  padding: 5px;
147
163
  overflow: auto;
148
164
  max-height: 400px;
149
- word-wrap: normal;
150
- background: #3F3F3F;
151
- color: #DCDCDC; }
165
+ word-wrap: normal; }
152
166
 
153
167
  .reveal table {
154
168
  margin: auto;
@@ -158,18 +172,22 @@ body {
158
172
  .reveal table th {
159
173
  font-weight: bold; }
160
174
 
161
- .reveal table th, .reveal table td {
175
+ .reveal table th,
176
+ .reveal table td {
162
177
  text-align: left;
163
178
  padding: 0.2em 0.5em 0.2em 0.5em;
164
179
  border-bottom: 1px solid; }
165
180
 
166
- .reveal table th[align="center"], .reveal table td[align="center"] {
181
+ .reveal table th[align="center"],
182
+ .reveal table td[align="center"] {
167
183
  text-align: center; }
168
184
 
169
- .reveal table th[align="right"], .reveal table td[align="right"] {
185
+ .reveal table th[align="right"],
186
+ .reveal table td[align="right"] {
170
187
  text-align: right; }
171
188
 
172
- .reveal table tr:last-child td {
189
+ .reveal table tbody tr:last-child th,
190
+ .reveal table tbody tr:last-child td {
173
191
  border-bottom: none; }
174
192
 
175
193
  .reveal sup {
@@ -193,18 +211,18 @@ body {
193
211
  .reveal a {
194
212
  color: #268bd2;
195
213
  text-decoration: none;
196
- -webkit-transition: color 0.15s ease;
197
- -moz-transition: color 0.15s ease;
198
- transition: color 0.15s ease; }
214
+ -webkit-transition: color .15s ease;
215
+ -moz-transition: color .15s ease;
216
+ transition: color .15s ease; }
199
217
 
200
218
  .reveal a:hover {
201
- color: #78bae6;
219
+ color: #78b9e6;
202
220
  text-shadow: none;
203
221
  border: none; }
204
222
 
205
223
  .reveal .roll span:after {
206
224
  color: #fff;
207
- background: #1a6291; }
225
+ background: #1a6091; }
208
226
 
209
227
  /*********************************************
210
228
  * IMAGES
@@ -215,10 +233,14 @@ body {
215
233
  border: 4px solid #657b83;
216
234
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
217
235
 
236
+ .reveal section img.plain {
237
+ border: 0;
238
+ box-shadow: none; }
239
+
218
240
  .reveal a img {
219
- -webkit-transition: all 0.15s linear;
220
- -moz-transition: all 0.15s linear;
221
- transition: all 0.15s linear; }
241
+ -webkit-transition: all .15s linear;
242
+ -moz-transition: all .15s linear;
243
+ transition: all .15s linear; }
222
244
 
223
245
  .reveal a:hover img {
224
246
  background: rgba(255, 255, 255, 0.2);
@@ -228,29 +250,33 @@ body {
228
250
  /*********************************************
229
251
  * NAVIGATION CONTROLS
230
252
  *********************************************/
231
- .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
253
+ .reveal .controls .navigate-left,
254
+ .reveal .controls .navigate-left.enabled {
232
255
  border-right-color: #268bd2; }
233
256
 
234
- .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
257
+ .reveal .controls .navigate-right,
258
+ .reveal .controls .navigate-right.enabled {
235
259
  border-left-color: #268bd2; }
236
260
 
237
- .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
261
+ .reveal .controls .navigate-up,
262
+ .reveal .controls .navigate-up.enabled {
238
263
  border-bottom-color: #268bd2; }
239
264
 
240
- .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
265
+ .reveal .controls .navigate-down,
266
+ .reveal .controls .navigate-down.enabled {
241
267
  border-top-color: #268bd2; }
242
268
 
243
- .reveal .controls div.navigate-left.enabled:hover {
244
- border-right-color: #78bae6; }
269
+ .reveal .controls .navigate-left.enabled:hover {
270
+ border-right-color: #78b9e6; }
245
271
 
246
- .reveal .controls div.navigate-right.enabled:hover {
247
- border-left-color: #78bae6; }
272
+ .reveal .controls .navigate-right.enabled:hover {
273
+ border-left-color: #78b9e6; }
248
274
 
249
- .reveal .controls div.navigate-up.enabled:hover {
250
- border-bottom-color: #78bae6; }
275
+ .reveal .controls .navigate-up.enabled:hover {
276
+ border-bottom-color: #78b9e6; }
251
277
 
252
- .reveal .controls div.navigate-down.enabled:hover {
253
- border-top-color: #78bae6; }
278
+ .reveal .controls .navigate-down.enabled:hover {
279
+ border-top-color: #78b9e6; }
254
280
 
255
281
  /*********************************************
256
282
  * PROGRESS BAR
@@ -263,9 +289,3 @@ body {
263
289
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
264
290
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
265
291
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
266
-
267
- /*********************************************
268
- * SLIDE NUMBER
269
- *********************************************/
270
- .reveal .slide-number {
271
- color: #268bd2; }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Black theme for reveal.js. This is the opposite of the 'white' theme.
3
3
  *
4
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
4
+ * By Hakim El Hattab, http://hakim.se
5
5
  */
6
6
 
7
7
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * White theme for reveal.js. This is the opposite of the 'black' theme.
3
3
  *
4
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
4
+ * By Hakim El Hattab, http://hakim.se
5
5
  */
6
6
 
7
7
 
@@ -178,8 +178,6 @@ body {
178
178
  overflow: auto;
179
179
  max-height: 400px;
180
180
  word-wrap: normal;
181
- background: #3F3F3F;
182
- color: #DCDCDC;
183
181
  }
184
182
 
185
183
  .reveal table {
@@ -209,7 +207,8 @@ body {
209
207
  text-align: right;
210
208
  }
211
209
 
212
- .reveal table tr:last-child td {
210
+ .reveal table tbody tr:last-child th,
211
+ .reveal table tbody tr:last-child td {
213
212
  border-bottom: none;
214
213
  }
215
214
 
@@ -269,6 +268,11 @@ body {
269
268
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
270
269
  }
271
270
 
271
+ .reveal section img.plain {
272
+ border: 0;
273
+ box-shadow: none;
274
+ }
275
+
272
276
  .reveal a img {
273
277
  -webkit-transition: all .15s linear;
274
278
  -moz-transition: all .15s linear;
@@ -287,39 +291,39 @@ body {
287
291
  * NAVIGATION CONTROLS
288
292
  *********************************************/
289
293
 
290
- .reveal .controls div.navigate-left,
291
- .reveal .controls div.navigate-left.enabled {
294
+ .reveal .controls .navigate-left,
295
+ .reveal .controls .navigate-left.enabled {
292
296
  border-right-color: $linkColor;
293
297
  }
294
298
 
295
- .reveal .controls div.navigate-right,
296
- .reveal .controls div.navigate-right.enabled {
299
+ .reveal .controls .navigate-right,
300
+ .reveal .controls .navigate-right.enabled {
297
301
  border-left-color: $linkColor;
298
302
  }
299
303
 
300
- .reveal .controls div.navigate-up,
301
- .reveal .controls div.navigate-up.enabled {
304
+ .reveal .controls .navigate-up,
305
+ .reveal .controls .navigate-up.enabled {
302
306
  border-bottom-color: $linkColor;
303
307
  }
304
308
 
305
- .reveal .controls div.navigate-down,
306
- .reveal .controls div.navigate-down.enabled {
309
+ .reveal .controls .navigate-down,
310
+ .reveal .controls .navigate-down.enabled {
307
311
  border-top-color: $linkColor;
308
312
  }
309
313
 
310
- .reveal .controls div.navigate-left.enabled:hover {
314
+ .reveal .controls .navigate-left.enabled:hover {
311
315
  border-right-color: $linkColorHover;
312
316
  }
313
317
 
314
- .reveal .controls div.navigate-right.enabled:hover {
318
+ .reveal .controls .navigate-right.enabled:hover {
315
319
  border-left-color: $linkColorHover;
316
320
  }
317
321
 
318
- .reveal .controls div.navigate-up.enabled:hover {
322
+ .reveal .controls .navigate-up.enabled:hover {
319
323
  border-bottom-color: $linkColorHover;
320
324
  }
321
325
 
322
- .reveal .controls div.navigate-down.enabled:hover {
326
+ .reveal .controls .navigate-down.enabled:hover {
323
327
  border-top-color: $linkColorHover;
324
328
  }
325
329
 
@@ -339,11 +343,4 @@ body {
339
343
  transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
340
344
  }
341
345
 
342
- /*********************************************
343
- * SLIDE NUMBER
344
- *********************************************/
345
- .reveal .slide-number {
346
- color: $linkColor;
347
- }
348
-
349
346
 
@@ -1,9 +1,9 @@
1
- @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
2
1
  /**
3
2
  * White theme for reveal.js. This is the opposite of the 'black' theme.
4
3
  *
5
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
4
+ * By Hakim El Hattab, http://hakim.se
6
5
  */
6
+ @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
7
7
  section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
8
8
  color: #fff; }
9
9
 
@@ -15,7 +15,7 @@ body {
15
15
  background-color: #fff; }
16
16
 
17
17
  .reveal {
18
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
18
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
19
19
  font-size: 38px;
20
20
  font-weight: normal;
21
21
  color: #222; }
@@ -25,17 +25,23 @@ body {
25
25
  background: #98bdef;
26
26
  text-shadow: none; }
27
27
 
28
- .reveal .slides > section, .reveal .slides > section > section {
28
+ .reveal .slides > section,
29
+ .reveal .slides > section > section {
29
30
  line-height: 1.3;
30
31
  font-weight: inherit; }
31
32
 
32
33
  /*********************************************
33
34
  * HEADERS
34
35
  *********************************************/
35
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
36
+ .reveal h1,
37
+ .reveal h2,
38
+ .reveal h3,
39
+ .reveal h4,
40
+ .reveal h5,
41
+ .reveal h6 {
36
42
  margin: 0 0 20px 0;
37
43
  color: #222;
38
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
44
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
39
45
  font-weight: 600;
40
46
  line-height: 1.2;
41
47
  letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
66
72
  line-height: 1.3; }
67
73
 
68
74
  /* Ensure certain elements are never larger than the slide itself */
69
- .reveal img, .reveal video, .reveal iframe {
75
+ .reveal img,
76
+ .reveal video,
77
+ .reveal iframe {
70
78
  max-width: 95%;
71
79
  max-height: 95%; }
72
80
 
73
- .reveal strong, .reveal b {
81
+ .reveal strong,
82
+ .reveal b {
74
83
  font-weight: bold; }
75
84
 
76
85
  .reveal em {
77
86
  font-style: italic; }
78
87
 
79
- .reveal ol, .reveal dl, .reveal ul {
88
+ .reveal ol,
89
+ .reveal dl,
90
+ .reveal ul {
80
91
  display: inline-block;
81
92
  text-align: left;
82
93
  margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
93
104
  .reveal ul ul ul {
94
105
  list-style-type: circle; }
95
106
 
96
- .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
107
+ .reveal ul ul,
108
+ .reveal ul ol,
109
+ .reveal ol ol,
110
+ .reveal ol ul {
97
111
  display: block;
98
112
  margin-left: 40px; }
99
113
 
@@ -103,7 +117,8 @@ body {
103
117
  .reveal dd {
104
118
  margin-left: 40px; }
105
119
 
106
- .reveal q, .reveal blockquote {
120
+ .reveal q,
121
+ .reveal blockquote {
107
122
  quotes: none; }
108
123
 
109
124
  .reveal blockquote {
@@ -116,7 +131,8 @@ body {
116
131
  background: rgba(255, 255, 255, 0.05);
117
132
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
118
133
 
119
- .reveal blockquote p:first-child, .reveal blockquote p:last-child {
134
+ .reveal blockquote p:first-child,
135
+ .reveal blockquote p:last-child {
120
136
  display: inline-block; }
121
137
 
122
138
  .reveal q {
@@ -142,9 +158,7 @@ body {
142
158
  padding: 5px;
143
159
  overflow: auto;
144
160
  max-height: 400px;
145
- word-wrap: normal;
146
- background: #3F3F3F;
147
- color: #DCDCDC; }
161
+ word-wrap: normal; }
148
162
 
149
163
  .reveal table {
150
164
  margin: auto;
@@ -154,18 +168,22 @@ body {
154
168
  .reveal table th {
155
169
  font-weight: bold; }
156
170
 
157
- .reveal table th, .reveal table td {
171
+ .reveal table th,
172
+ .reveal table td {
158
173
  text-align: left;
159
174
  padding: 0.2em 0.5em 0.2em 0.5em;
160
175
  border-bottom: 1px solid; }
161
176
 
162
- .reveal table th[align="center"], .reveal table td[align="center"] {
177
+ .reveal table th[align="center"],
178
+ .reveal table td[align="center"] {
163
179
  text-align: center; }
164
180
 
165
- .reveal table th[align="right"], .reveal table td[align="right"] {
181
+ .reveal table th[align="right"],
182
+ .reveal table td[align="right"] {
166
183
  text-align: right; }
167
184
 
168
- .reveal table tr:last-child td {
185
+ .reveal table tbody tr:last-child th,
186
+ .reveal table tbody tr:last-child td {
169
187
  border-bottom: none; }
170
188
 
171
189
  .reveal sup {
@@ -189,18 +207,18 @@ body {
189
207
  .reveal a {
190
208
  color: #2a76dd;
191
209
  text-decoration: none;
192
- -webkit-transition: color 0.15s ease;
193
- -moz-transition: color 0.15s ease;
194
- transition: color 0.15s ease; }
210
+ -webkit-transition: color .15s ease;
211
+ -moz-transition: color .15s ease;
212
+ transition: color .15s ease; }
195
213
 
196
214
  .reveal a:hover {
197
- color: #6ca2e8;
215
+ color: #6ca0e8;
198
216
  text-shadow: none;
199
217
  border: none; }
200
218
 
201
219
  .reveal .roll span:after {
202
220
  color: #fff;
203
- background: #1a54a1; }
221
+ background: #1a53a1; }
204
222
 
205
223
  /*********************************************
206
224
  * IMAGES
@@ -211,10 +229,14 @@ body {
211
229
  border: 4px solid #222;
212
230
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
213
231
 
232
+ .reveal section img.plain {
233
+ border: 0;
234
+ box-shadow: none; }
235
+
214
236
  .reveal a img {
215
- -webkit-transition: all 0.15s linear;
216
- -moz-transition: all 0.15s linear;
217
- transition: all 0.15s linear; }
237
+ -webkit-transition: all .15s linear;
238
+ -moz-transition: all .15s linear;
239
+ transition: all .15s linear; }
218
240
 
219
241
  .reveal a:hover img {
220
242
  background: rgba(255, 255, 255, 0.2);
@@ -224,29 +246,33 @@ body {
224
246
  /*********************************************
225
247
  * NAVIGATION CONTROLS
226
248
  *********************************************/
227
- .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
249
+ .reveal .controls .navigate-left,
250
+ .reveal .controls .navigate-left.enabled {
228
251
  border-right-color: #2a76dd; }
229
252
 
230
- .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
253
+ .reveal .controls .navigate-right,
254
+ .reveal .controls .navigate-right.enabled {
231
255
  border-left-color: #2a76dd; }
232
256
 
233
- .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
257
+ .reveal .controls .navigate-up,
258
+ .reveal .controls .navigate-up.enabled {
234
259
  border-bottom-color: #2a76dd; }
235
260
 
236
- .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
261
+ .reveal .controls .navigate-down,
262
+ .reveal .controls .navigate-down.enabled {
237
263
  border-top-color: #2a76dd; }
238
264
 
239
- .reveal .controls div.navigate-left.enabled:hover {
240
- border-right-color: #6ca2e8; }
265
+ .reveal .controls .navigate-left.enabled:hover {
266
+ border-right-color: #6ca0e8; }
241
267
 
242
- .reveal .controls div.navigate-right.enabled:hover {
243
- border-left-color: #6ca2e8; }
268
+ .reveal .controls .navigate-right.enabled:hover {
269
+ border-left-color: #6ca0e8; }
244
270
 
245
- .reveal .controls div.navigate-up.enabled:hover {
246
- border-bottom-color: #6ca2e8; }
271
+ .reveal .controls .navigate-up.enabled:hover {
272
+ border-bottom-color: #6ca0e8; }
247
273
 
248
- .reveal .controls div.navigate-down.enabled:hover {
249
- border-top-color: #6ca2e8; }
274
+ .reveal .controls .navigate-down.enabled:hover {
275
+ border-top-color: #6ca0e8; }
250
276
 
251
277
  /*********************************************
252
278
  * PROGRESS BAR
@@ -259,9 +285,3 @@ body {
259
285
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
260
286
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
261
287
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
262
-
263
- /*********************************************
264
- * SLIDE NUMBER
265
- *********************************************/
266
- .reveal .slide-number {
267
- color: #2a76dd; }