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 Dark 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: #002b36; }
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: #93a1a1; }
@@ -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: #eee8d5;
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 #93a1a1;
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,10 +1,10 @@
1
- @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
2
- @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
3
1
  /**
4
2
  * Black theme for reveal.js.
5
3
  *
6
4
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
5
  */
6
+ @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
7
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
8
8
  /*********************************************
9
9
  * GLOBAL STYLES
10
10
  *********************************************/
@@ -13,7 +13,7 @@ body {
13
13
  background-color: #111; }
14
14
 
15
15
  .reveal {
16
- font-family: 'Open Sans', sans-serif;
16
+ font-family: "Open Sans", sans-serif;
17
17
  font-size: 30px;
18
18
  font-weight: normal;
19
19
  color: #eee; }
@@ -23,17 +23,23 @@ body {
23
23
  background: #e7ad52;
24
24
  text-shadow: none; }
25
25
 
26
- .reveal .slides > section, .reveal .slides > section > section {
26
+ .reveal .slides > section,
27
+ .reveal .slides > section > section {
27
28
  line-height: 1.3;
28
29
  font-weight: inherit; }
29
30
 
30
31
  /*********************************************
31
32
  * HEADERS
32
33
  *********************************************/
33
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
34
+ .reveal h1,
35
+ .reveal h2,
36
+ .reveal h3,
37
+ .reveal h4,
38
+ .reveal h5,
39
+ .reveal h6 {
34
40
  margin: 0 0 20px 0;
35
41
  color: #eee;
36
- font-family: 'Montserrat', Impact, sans-serif;
42
+ font-family: "Montserrat", Impact, sans-serif;
37
43
  font-weight: normal;
38
44
  line-height: 1.2;
39
45
  letter-spacing: -0.03em;
@@ -64,17 +70,22 @@ body {
64
70
  line-height: 1.3; }
65
71
 
66
72
  /* Ensure certain elements are never larger than the slide itself */
67
- .reveal img, .reveal video, .reveal iframe {
73
+ .reveal img,
74
+ .reveal video,
75
+ .reveal iframe {
68
76
  max-width: 95%;
69
77
  max-height: 95%; }
70
78
 
71
- .reveal strong, .reveal b {
79
+ .reveal strong,
80
+ .reveal b {
72
81
  font-weight: bold; }
73
82
 
74
83
  .reveal em {
75
84
  font-style: italic; }
76
85
 
77
- .reveal ol, .reveal dl, .reveal ul {
86
+ .reveal ol,
87
+ .reveal dl,
88
+ .reveal ul {
78
89
  display: inline-block;
79
90
  text-align: left;
80
91
  margin: 0 0 0 1em; }
@@ -91,7 +102,10 @@ body {
91
102
  .reveal ul ul ul {
92
103
  list-style-type: circle; }
93
104
 
94
- .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
105
+ .reveal ul ul,
106
+ .reveal ul ol,
107
+ .reveal ol ol,
108
+ .reveal ol ul {
95
109
  display: block;
96
110
  margin-left: 40px; }
97
111
 
@@ -101,7 +115,8 @@ body {
101
115
  .reveal dd {
102
116
  margin-left: 40px; }
103
117
 
104
- .reveal q, .reveal blockquote {
118
+ .reveal q,
119
+ .reveal blockquote {
105
120
  quotes: none; }
106
121
 
107
122
  .reveal blockquote {
@@ -114,7 +129,8 @@ body {
114
129
  background: rgba(255, 255, 255, 0.05);
115
130
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
116
131
 
117
- .reveal blockquote p:first-child, .reveal blockquote p:last-child {
132
+ .reveal blockquote p:first-child,
133
+ .reveal blockquote p:last-child {
118
134
  display: inline-block; }
119
135
 
120
136
  .reveal q {
@@ -140,9 +156,7 @@ body {
140
156
  padding: 5px;
141
157
  overflow: auto;
142
158
  max-height: 400px;
143
- word-wrap: normal;
144
- background: #3F3F3F;
145
- color: #DCDCDC; }
159
+ word-wrap: normal; }
146
160
 
147
161
  .reveal table {
148
162
  margin: auto;
@@ -152,18 +166,22 @@ body {
152
166
  .reveal table th {
153
167
  font-weight: bold; }
154
168
 
155
- .reveal table th, .reveal table td {
169
+ .reveal table th,
170
+ .reveal table td {
156
171
  text-align: left;
157
172
  padding: 0.2em 0.5em 0.2em 0.5em;
158
173
  border-bottom: 1px solid; }
159
174
 
160
- .reveal table th[align="center"], .reveal table td[align="center"] {
175
+ .reveal table th[align="center"],
176
+ .reveal table td[align="center"] {
161
177
  text-align: center; }
162
178
 
163
- .reveal table th[align="right"], .reveal table td[align="right"] {
179
+ .reveal table th[align="right"],
180
+ .reveal table td[align="right"] {
164
181
  text-align: right; }
165
182
 
166
- .reveal table tr:last-child td {
183
+ .reveal table tbody tr:last-child th,
184
+ .reveal table tbody tr:last-child td {
167
185
  border-bottom: none; }
168
186
 
169
187
  .reveal sup {
@@ -187,9 +205,9 @@ body {
187
205
  .reveal a {
188
206
  color: #e7ad52;
189
207
  text-decoration: none;
190
- -webkit-transition: color 0.15s ease;
191
- -moz-transition: color 0.15s ease;
192
- transition: color 0.15s ease; }
208
+ -webkit-transition: color .15s ease;
209
+ -moz-transition: color .15s ease;
210
+ transition: color .15s ease; }
193
211
 
194
212
  .reveal a:hover {
195
213
  color: #f3d7ac;
@@ -198,7 +216,7 @@ body {
198
216
 
199
217
  .reveal .roll span:after {
200
218
  color: #fff;
201
- background: #d0881d; }
219
+ background: #d08a1d; }
202
220
 
203
221
  /*********************************************
204
222
  * IMAGES
@@ -209,10 +227,14 @@ body {
209
227
  border: 4px solid #eee;
210
228
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
211
229
 
230
+ .reveal section img.plain {
231
+ border: 0;
232
+ box-shadow: none; }
233
+
212
234
  .reveal a img {
213
- -webkit-transition: all 0.15s linear;
214
- -moz-transition: all 0.15s linear;
215
- transition: all 0.15s linear; }
235
+ -webkit-transition: all .15s linear;
236
+ -moz-transition: all .15s linear;
237
+ transition: all .15s linear; }
216
238
 
217
239
  .reveal a:hover img {
218
240
  background: rgba(255, 255, 255, 0.2);
@@ -222,28 +244,32 @@ body {
222
244
  /*********************************************
223
245
  * NAVIGATION CONTROLS
224
246
  *********************************************/
225
- .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
247
+ .reveal .controls .navigate-left,
248
+ .reveal .controls .navigate-left.enabled {
226
249
  border-right-color: #e7ad52; }
227
250
 
228
- .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
251
+ .reveal .controls .navigate-right,
252
+ .reveal .controls .navigate-right.enabled {
229
253
  border-left-color: #e7ad52; }
230
254
 
231
- .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
255
+ .reveal .controls .navigate-up,
256
+ .reveal .controls .navigate-up.enabled {
232
257
  border-bottom-color: #e7ad52; }
233
258
 
234
- .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
259
+ .reveal .controls .navigate-down,
260
+ .reveal .controls .navigate-down.enabled {
235
261
  border-top-color: #e7ad52; }
236
262
 
237
- .reveal .controls div.navigate-left.enabled:hover {
263
+ .reveal .controls .navigate-left.enabled:hover {
238
264
  border-right-color: #f3d7ac; }
239
265
 
240
- .reveal .controls div.navigate-right.enabled:hover {
266
+ .reveal .controls .navigate-right.enabled:hover {
241
267
  border-left-color: #f3d7ac; }
242
268
 
243
- .reveal .controls div.navigate-up.enabled:hover {
269
+ .reveal .controls .navigate-up.enabled:hover {
244
270
  border-bottom-color: #f3d7ac; }
245
271
 
246
- .reveal .controls div.navigate-down.enabled:hover {
272
+ .reveal .controls .navigate-down.enabled:hover {
247
273
  border-top-color: #f3d7ac; }
248
274
 
249
275
  /*********************************************
@@ -257,9 +283,3 @@ body {
257
283
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
258
284
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
259
285
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
260
-
261
- /*********************************************
262
- * SLIDE NUMBER
263
- *********************************************/
264
- .reveal .slide-number {
265
- color: #e7ad52; }