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,4 +1,3 @@
1
- @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
2
1
  /**
3
2
  * Blood theme for reveal.js
4
3
  * Author: Walther http://github.com/Walther
@@ -10,6 +9,7 @@
10
9
  * For other themes, change $codeBackground accordingly.
11
10
  *
12
11
  */
12
+ @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
13
13
  /*********************************************
14
14
  * GLOBAL STYLES
15
15
  *********************************************/
@@ -18,7 +18,7 @@ body {
18
18
  background-color: #222; }
19
19
 
20
20
  .reveal {
21
- font-family: Ubuntu, 'sans-serif';
21
+ font-family: Ubuntu, "sans-serif";
22
22
  font-size: 36px;
23
23
  font-weight: normal;
24
24
  color: #eee; }
@@ -28,17 +28,23 @@ body {
28
28
  background: #a23;
29
29
  text-shadow: none; }
30
30
 
31
- .reveal .slides > section, .reveal .slides > section > section {
31
+ .reveal .slides > section,
32
+ .reveal .slides > section > section {
32
33
  line-height: 1.3;
33
34
  font-weight: inherit; }
34
35
 
35
36
  /*********************************************
36
37
  * HEADERS
37
38
  *********************************************/
38
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
39
+ .reveal h1,
40
+ .reveal h2,
41
+ .reveal h3,
42
+ .reveal h4,
43
+ .reveal h5,
44
+ .reveal h6 {
39
45
  margin: 0 0 20px 0;
40
46
  color: #eee;
41
- font-family: Ubuntu, 'sans-serif';
47
+ font-family: Ubuntu, "sans-serif";
42
48
  font-weight: normal;
43
49
  line-height: 1.2;
44
50
  letter-spacing: normal;
@@ -69,17 +75,22 @@ body {
69
75
  line-height: 1.3; }
70
76
 
71
77
  /* Ensure certain elements are never larger than the slide itself */
72
- .reveal img, .reveal video, .reveal iframe {
78
+ .reveal img,
79
+ .reveal video,
80
+ .reveal iframe {
73
81
  max-width: 95%;
74
82
  max-height: 95%; }
75
83
 
76
- .reveal strong, .reveal b {
84
+ .reveal strong,
85
+ .reveal b {
77
86
  font-weight: bold; }
78
87
 
79
88
  .reveal em {
80
89
  font-style: italic; }
81
90
 
82
- .reveal ol, .reveal dl, .reveal ul {
91
+ .reveal ol,
92
+ .reveal dl,
93
+ .reveal ul {
83
94
  display: inline-block;
84
95
  text-align: left;
85
96
  margin: 0 0 0 1em; }
@@ -96,7 +107,10 @@ body {
96
107
  .reveal ul ul ul {
97
108
  list-style-type: circle; }
98
109
 
99
- .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
110
+ .reveal ul ul,
111
+ .reveal ul ol,
112
+ .reveal ol ol,
113
+ .reveal ol ul {
100
114
  display: block;
101
115
  margin-left: 40px; }
102
116
 
@@ -106,7 +120,8 @@ body {
106
120
  .reveal dd {
107
121
  margin-left: 40px; }
108
122
 
109
- .reveal q, .reveal blockquote {
123
+ .reveal q,
124
+ .reveal blockquote {
110
125
  quotes: none; }
111
126
 
112
127
  .reveal blockquote {
@@ -119,7 +134,8 @@ body {
119
134
  background: rgba(255, 255, 255, 0.05);
120
135
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
121
136
 
122
- .reveal blockquote p:first-child, .reveal blockquote p:last-child {
137
+ .reveal blockquote p:first-child,
138
+ .reveal blockquote p:last-child {
123
139
  display: inline-block; }
124
140
 
125
141
  .reveal q {
@@ -145,9 +161,7 @@ body {
145
161
  padding: 5px;
146
162
  overflow: auto;
147
163
  max-height: 400px;
148
- word-wrap: normal;
149
- background: #3F3F3F;
150
- color: #DCDCDC; }
164
+ word-wrap: normal; }
151
165
 
152
166
  .reveal table {
153
167
  margin: auto;
@@ -157,18 +171,22 @@ body {
157
171
  .reveal table th {
158
172
  font-weight: bold; }
159
173
 
160
- .reveal table th, .reveal table td {
174
+ .reveal table th,
175
+ .reveal table td {
161
176
  text-align: left;
162
177
  padding: 0.2em 0.5em 0.2em 0.5em;
163
178
  border-bottom: 1px solid; }
164
179
 
165
- .reveal table th[align="center"], .reveal table td[align="center"] {
180
+ .reveal table th[align="center"],
181
+ .reveal table td[align="center"] {
166
182
  text-align: center; }
167
183
 
168
- .reveal table th[align="right"], .reveal table td[align="right"] {
184
+ .reveal table th[align="right"],
185
+ .reveal table td[align="right"] {
169
186
  text-align: right; }
170
187
 
171
- .reveal table tr:last-child td {
188
+ .reveal table tbody tr:last-child th,
189
+ .reveal table tbody tr:last-child td {
172
190
  border-bottom: none; }
173
191
 
174
192
  .reveal sup {
@@ -192,18 +210,18 @@ body {
192
210
  .reveal a {
193
211
  color: #a23;
194
212
  text-decoration: none;
195
- -webkit-transition: color 0.15s ease;
196
- -moz-transition: color 0.15s ease;
197
- transition: color 0.15s ease; }
213
+ -webkit-transition: color .15s ease;
214
+ -moz-transition: color .15s ease;
215
+ transition: color .15s ease; }
198
216
 
199
217
  .reveal a:hover {
200
- color: #dd5567;
218
+ color: #dd5566;
201
219
  text-shadow: none;
202
220
  border: none; }
203
221
 
204
222
  .reveal .roll span:after {
205
223
  color: #fff;
206
- background: #6a1521; }
224
+ background: #6a1520; }
207
225
 
208
226
  /*********************************************
209
227
  * IMAGES
@@ -214,10 +232,14 @@ body {
214
232
  border: 4px solid #eee;
215
233
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
216
234
 
235
+ .reveal section img.plain {
236
+ border: 0;
237
+ box-shadow: none; }
238
+
217
239
  .reveal a img {
218
- -webkit-transition: all 0.15s linear;
219
- -moz-transition: all 0.15s linear;
220
- transition: all 0.15s linear; }
240
+ -webkit-transition: all .15s linear;
241
+ -moz-transition: all .15s linear;
242
+ transition: all .15s linear; }
221
243
 
222
244
  .reveal a:hover img {
223
245
  background: rgba(255, 255, 255, 0.2);
@@ -227,29 +249,33 @@ body {
227
249
  /*********************************************
228
250
  * NAVIGATION CONTROLS
229
251
  *********************************************/
230
- .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
252
+ .reveal .controls .navigate-left,
253
+ .reveal .controls .navigate-left.enabled {
231
254
  border-right-color: #a23; }
232
255
 
233
- .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
256
+ .reveal .controls .navigate-right,
257
+ .reveal .controls .navigate-right.enabled {
234
258
  border-left-color: #a23; }
235
259
 
236
- .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
260
+ .reveal .controls .navigate-up,
261
+ .reveal .controls .navigate-up.enabled {
237
262
  border-bottom-color: #a23; }
238
263
 
239
- .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
264
+ .reveal .controls .navigate-down,
265
+ .reveal .controls .navigate-down.enabled {
240
266
  border-top-color: #a23; }
241
267
 
242
- .reveal .controls div.navigate-left.enabled:hover {
243
- border-right-color: #dd5567; }
268
+ .reveal .controls .navigate-left.enabled:hover {
269
+ border-right-color: #dd5566; }
244
270
 
245
- .reveal .controls div.navigate-right.enabled:hover {
246
- border-left-color: #dd5567; }
271
+ .reveal .controls .navigate-right.enabled:hover {
272
+ border-left-color: #dd5566; }
247
273
 
248
- .reveal .controls div.navigate-up.enabled:hover {
249
- border-bottom-color: #dd5567; }
274
+ .reveal .controls .navigate-up.enabled:hover {
275
+ border-bottom-color: #dd5566; }
250
276
 
251
- .reveal .controls div.navigate-down.enabled:hover {
252
- border-top-color: #dd5567; }
277
+ .reveal .controls .navigate-down.enabled:hover {
278
+ border-top-color: #dd5566; }
253
279
 
254
280
  /*********************************************
255
281
  * PROGRESS BAR
@@ -263,17 +289,16 @@ body {
263
289
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
264
290
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
265
291
 
266
- /*********************************************
267
- * SLIDE NUMBER
268
- *********************************************/
269
- .reveal .slide-number {
270
- color: #a23; }
271
-
272
292
  .reveal p {
273
293
  font-weight: 300;
274
294
  text-shadow: 1px 1px #222; }
275
295
 
276
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
296
+ .reveal h1,
297
+ .reveal h2,
298
+ .reveal h3,
299
+ .reveal h4,
300
+ .reveal h5,
301
+ .reveal h6 {
277
302
  font-weight: 700; }
278
303
 
279
304
  .reveal p code {
@@ -1,5 +1,3 @@
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
  * League theme for reveal.js.
5
3
  *
@@ -7,6 +5,8 @@
7
5
  *
8
6
  * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
9
7
  */
8
+ @import url(../../lib/font/league-gothic/league-gothic.css);
9
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
10
10
  /*********************************************
11
11
  * GLOBAL STYLES
12
12
  *********************************************/
@@ -21,7 +21,7 @@ body {
21
21
  background-color: #2b2b2b; }
22
22
 
23
23
  .reveal {
24
- font-family: 'Lato', sans-serif;
24
+ font-family: "Lato", sans-serif;
25
25
  font-size: 36px;
26
26
  font-weight: normal;
27
27
  color: #eee; }
@@ -31,17 +31,23 @@ body {
31
31
  background: #FF5E99;
32
32
  text-shadow: none; }
33
33
 
34
- .reveal .slides > section, .reveal .slides > section > section {
34
+ .reveal .slides > section,
35
+ .reveal .slides > section > section {
35
36
  line-height: 1.3;
36
37
  font-weight: inherit; }
37
38
 
38
39
  /*********************************************
39
40
  * HEADERS
40
41
  *********************************************/
41
- .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
42
+ .reveal h1,
43
+ .reveal h2,
44
+ .reveal h3,
45
+ .reveal h4,
46
+ .reveal h5,
47
+ .reveal h6 {
42
48
  margin: 0 0 20px 0;
43
49
  color: #eee;
44
- font-family: 'League Gothic', Impact, sans-serif;
50
+ font-family: "League Gothic", Impact, sans-serif;
45
51
  font-weight: normal;
46
52
  line-height: 1.2;
47
53
  letter-spacing: normal;
@@ -72,17 +78,22 @@ body {
72
78
  line-height: 1.3; }
73
79
 
74
80
  /* Ensure certain elements are never larger than the slide itself */
75
- .reveal img, .reveal video, .reveal iframe {
81
+ .reveal img,
82
+ .reveal video,
83
+ .reveal iframe {
76
84
  max-width: 95%;
77
85
  max-height: 95%; }
78
86
 
79
- .reveal strong, .reveal b {
87
+ .reveal strong,
88
+ .reveal b {
80
89
  font-weight: bold; }
81
90
 
82
91
  .reveal em {
83
92
  font-style: italic; }
84
93
 
85
- .reveal ol, .reveal dl, .reveal ul {
94
+ .reveal ol,
95
+ .reveal dl,
96
+ .reveal ul {
86
97
  display: inline-block;
87
98
  text-align: left;
88
99
  margin: 0 0 0 1em; }
@@ -99,7 +110,10 @@ body {
99
110
  .reveal ul ul ul {
100
111
  list-style-type: circle; }
101
112
 
102
- .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
113
+ .reveal ul ul,
114
+ .reveal ul ol,
115
+ .reveal ol ol,
116
+ .reveal ol ul {
103
117
  display: block;
104
118
  margin-left: 40px; }
105
119
 
@@ -109,7 +123,8 @@ body {
109
123
  .reveal dd {
110
124
  margin-left: 40px; }
111
125
 
112
- .reveal q, .reveal blockquote {
126
+ .reveal q,
127
+ .reveal blockquote {
113
128
  quotes: none; }
114
129
 
115
130
  .reveal blockquote {
@@ -122,7 +137,8 @@ body {
122
137
  background: rgba(255, 255, 255, 0.05);
123
138
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
124
139
 
125
- .reveal blockquote p:first-child, .reveal blockquote p:last-child {
140
+ .reveal blockquote p:first-child,
141
+ .reveal blockquote p:last-child {
126
142
  display: inline-block; }
127
143
 
128
144
  .reveal q {
@@ -148,9 +164,7 @@ body {
148
164
  padding: 5px;
149
165
  overflow: auto;
150
166
  max-height: 400px;
151
- word-wrap: normal;
152
- background: #3F3F3F;
153
- color: #DCDCDC; }
167
+ word-wrap: normal; }
154
168
 
155
169
  .reveal table {
156
170
  margin: auto;
@@ -160,18 +174,22 @@ body {
160
174
  .reveal table th {
161
175
  font-weight: bold; }
162
176
 
163
- .reveal table th, .reveal table td {
177
+ .reveal table th,
178
+ .reveal table td {
164
179
  text-align: left;
165
180
  padding: 0.2em 0.5em 0.2em 0.5em;
166
181
  border-bottom: 1px solid; }
167
182
 
168
- .reveal table th[align="center"], .reveal table td[align="center"] {
183
+ .reveal table th[align="center"],
184
+ .reveal table td[align="center"] {
169
185
  text-align: center; }
170
186
 
171
- .reveal table th[align="right"], .reveal table td[align="right"] {
187
+ .reveal table th[align="right"],
188
+ .reveal table td[align="right"] {
172
189
  text-align: right; }
173
190
 
174
- .reveal table tr:last-child td {
191
+ .reveal table tbody tr:last-child th,
192
+ .reveal table tbody tr:last-child td {
175
193
  border-bottom: none; }
176
194
 
177
195
  .reveal sup {
@@ -195,18 +213,18 @@ body {
195
213
  .reveal a {
196
214
  color: #13DAEC;
197
215
  text-decoration: none;
198
- -webkit-transition: color 0.15s ease;
199
- -moz-transition: color 0.15s ease;
200
- transition: color 0.15s ease; }
216
+ -webkit-transition: color .15s ease;
217
+ -moz-transition: color .15s ease;
218
+ transition: color .15s ease; }
201
219
 
202
220
  .reveal a:hover {
203
- color: #71ebf4;
221
+ color: #71e9f4;
204
222
  text-shadow: none;
205
223
  border: none; }
206
224
 
207
225
  .reveal .roll span:after {
208
226
  color: #fff;
209
- background: #0d9ba5; }
227
+ background: #0d99a5; }
210
228
 
211
229
  /*********************************************
212
230
  * IMAGES
@@ -217,10 +235,14 @@ body {
217
235
  border: 4px solid #eee;
218
236
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
219
237
 
238
+ .reveal section img.plain {
239
+ border: 0;
240
+ box-shadow: none; }
241
+
220
242
  .reveal a img {
221
- -webkit-transition: all 0.15s linear;
222
- -moz-transition: all 0.15s linear;
223
- transition: all 0.15s linear; }
243
+ -webkit-transition: all .15s linear;
244
+ -moz-transition: all .15s linear;
245
+ transition: all .15s linear; }
224
246
 
225
247
  .reveal a:hover img {
226
248
  background: rgba(255, 255, 255, 0.2);
@@ -230,29 +252,33 @@ body {
230
252
  /*********************************************
231
253
  * NAVIGATION CONTROLS
232
254
  *********************************************/
233
- .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
255
+ .reveal .controls .navigate-left,
256
+ .reveal .controls .navigate-left.enabled {
234
257
  border-right-color: #13DAEC; }
235
258
 
236
- .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
259
+ .reveal .controls .navigate-right,
260
+ .reveal .controls .navigate-right.enabled {
237
261
  border-left-color: #13DAEC; }
238
262
 
239
- .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
263
+ .reveal .controls .navigate-up,
264
+ .reveal .controls .navigate-up.enabled {
240
265
  border-bottom-color: #13DAEC; }
241
266
 
242
- .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
267
+ .reveal .controls .navigate-down,
268
+ .reveal .controls .navigate-down.enabled {
243
269
  border-top-color: #13DAEC; }
244
270
 
245
- .reveal .controls div.navigate-left.enabled:hover {
246
- border-right-color: #71ebf4; }
271
+ .reveal .controls .navigate-left.enabled:hover {
272
+ border-right-color: #71e9f4; }
247
273
 
248
- .reveal .controls div.navigate-right.enabled:hover {
249
- border-left-color: #71ebf4; }
274
+ .reveal .controls .navigate-right.enabled:hover {
275
+ border-left-color: #71e9f4; }
250
276
 
251
- .reveal .controls div.navigate-up.enabled:hover {
252
- border-bottom-color: #71ebf4; }
277
+ .reveal .controls .navigate-up.enabled:hover {
278
+ border-bottom-color: #71e9f4; }
253
279
 
254
- .reveal .controls div.navigate-down.enabled:hover {
255
- border-top-color: #71ebf4; }
280
+ .reveal .controls .navigate-down.enabled:hover {
281
+ border-top-color: #71e9f4; }
256
282
 
257
283
  /*********************************************
258
284
  * PROGRESS BAR
@@ -265,9 +291,3 @@ body {
265
291
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
266
292
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
267
293
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
268
-
269
- /*********************************************
270
- * SLIDE NUMBER
271
- *********************************************/
272
- .reveal .slide-number {
273
- color: #13DAEC; }