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.
@@ -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; }