rails-reveal-js 3.1.0 → 3.3.0

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.
@@ -4,7 +4,7 @@ Themes are written using Sass to keep things modular and reduce the need for rep
4
4
 
5
5
  ## Creating a Theme
6
6
 
7
- To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js).
7
+ To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `grunt css-themes`.
8
8
 
9
9
  Each theme file does four things in the following order:
10
10
 
@@ -19,5 +19,3 @@ This is where you override the default theme. Either by specifying variables (se
19
19
 
20
20
  4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
21
21
  The template theme file which will generate final CSS output based on the currently defined variables.
22
-
23
- When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
@@ -1,25 +1,25 @@
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
  * Beige theme for reveal.js.
5
3
  *
6
4
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
5
  */
6
+ @import url(../../lib/font/league-gothic/league-gothic.css);
7
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
8
8
  /*********************************************
9
9
  * GLOBAL STYLES
10
10
  *********************************************/
11
11
  body {
12
12
  background: #f7f2d3;
13
- background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
14
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3));
15
- background: -webkit-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
16
- background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
17
- background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
18
- background: radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
13
+ background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
14
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
15
+ background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
16
+ background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
17
+ background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
18
+ background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
19
19
  background-color: #f7f3de; }
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: #333; }
@@ -29,17 +29,23 @@ body {
29
29
  background: rgba(79, 64, 28, 0.99);
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: #333;
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: #8b743d;
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: #c0a76e;
219
+ color: #c0a86e;
202
220
  text-shadow: none;
203
221
  border: none; }
204
222
 
205
223
  .reveal .roll span:after {
206
224
  color: #fff;
207
- background: #564726; }
225
+ background: #564826; }
208
226
 
209
227
  /*********************************************
210
228
  * IMAGES
@@ -215,10 +233,14 @@ body {
215
233
  border: 4px solid #333;
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: #8b743d; }
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: #8b743d; }
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: #8b743d; }
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: #8b743d; }
242
268
 
243
- .reveal .controls div.navigate-left.enabled:hover {
244
- border-right-color: #c0a76e; }
269
+ .reveal .controls .navigate-left.enabled:hover {
270
+ border-right-color: #c0a86e; }
245
271
 
246
- .reveal .controls div.navigate-right.enabled:hover {
247
- border-left-color: #c0a76e; }
272
+ .reveal .controls .navigate-right.enabled:hover {
273
+ border-left-color: #c0a86e; }
248
274
 
249
- .reveal .controls div.navigate-up.enabled:hover {
250
- border-bottom-color: #c0a76e; }
275
+ .reveal .controls .navigate-up.enabled:hover {
276
+ border-bottom-color: #c0a86e; }
251
277
 
252
- .reveal .controls div.navigate-down.enabled:hover {
253
- border-top-color: #c0a76e; }
278
+ .reveal .controls .navigate-down.enabled:hover {
279
+ border-top-color: #c0a86e; }
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: #8b743d; }
@@ -1,9 +1,9 @@
1
- @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
2
1
  /**
3
2
  * Black theme for reveal.js. This is the opposite of the 'white' 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-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
8
8
  color: #222; }
9
9
 
@@ -15,7 +15,7 @@ body {
15
15
  background-color: #222; }
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: #fff; }
@@ -25,17 +25,23 @@ body {
25
25
  background: #bee4fd;
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: #fff;
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,9 +207,9 @@ body {
189
207
  .reveal a {
190
208
  color: #42affa;
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
215
  color: #8dcffc;
@@ -200,7 +218,7 @@ body {
200
218
 
201
219
  .reveal .roll span:after {
202
220
  color: #fff;
203
- background: #068ee9; }
221
+ background: #068de9; }
204
222
 
205
223
  /*********************************************
206
224
  * IMAGES
@@ -211,10 +229,14 @@ body {
211
229
  border: 4px solid #fff;
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,28 +246,32 @@ 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: #42affa; }
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: #42affa; }
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: #42affa; }
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: #42affa; }
238
264
 
239
- .reveal .controls div.navigate-left.enabled:hover {
265
+ .reveal .controls .navigate-left.enabled:hover {
240
266
  border-right-color: #8dcffc; }
241
267
 
242
- .reveal .controls div.navigate-right.enabled:hover {
268
+ .reveal .controls .navigate-right.enabled:hover {
243
269
  border-left-color: #8dcffc; }
244
270
 
245
- .reveal .controls div.navigate-up.enabled:hover {
271
+ .reveal .controls .navigate-up.enabled:hover {
246
272
  border-bottom-color: #8dcffc; }
247
273
 
248
- .reveal .controls div.navigate-down.enabled:hover {
274
+ .reveal .controls .navigate-down.enabled:hover {
249
275
  border-top-color: #8dcffc; }
250
276
 
251
277
  /*********************************************
@@ -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: #42affa; }