rails-reveal-js 2.6.1.2 → 3.1.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.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/lib/rails/reveal/js/version.rb +1 -1
  3. data/rails-reveal-js.gemspec +2 -2
  4. data/vendor/assets/javascripts/reveal.js +4 -4
  5. data/vendor/assets/stylesheets/reveal-theme/README.md +2 -4
  6. data/vendor/assets/stylesheets/reveal-theme/beige.css +183 -60
  7. data/vendor/assets/stylesheets/reveal-theme/black.css +267 -0
  8. data/vendor/assets/stylesheets/reveal-theme/blood.css +190 -80
  9. data/vendor/assets/stylesheets/reveal-theme/league.css +273 -0
  10. data/vendor/assets/stylesheets/reveal-theme/moon.css +174 -51
  11. data/vendor/assets/stylesheets/reveal-theme/night.css +171 -42
  12. data/vendor/assets/stylesheets/reveal-theme/serif.css +187 -58
  13. data/vendor/assets/stylesheets/reveal-theme/simple.css +179 -50
  14. data/vendor/assets/stylesheets/reveal-theme/sky.css +176 -47
  15. data/vendor/assets/stylesheets/reveal-theme/solarized.css +174 -51
  16. data/vendor/assets/stylesheets/reveal-theme/source/beige.scss +1 -12
  17. data/vendor/assets/stylesheets/reveal-theme/source/black.scss +49 -0
  18. data/vendor/assets/stylesheets/reveal-theme/source/blood.scss +3 -15
  19. data/vendor/assets/stylesheets/reveal-theme/source/{default.scss → league.scss} +5 -13
  20. data/vendor/assets/stylesheets/reveal-theme/source/moon.scss +1 -12
  21. data/vendor/assets/stylesheets/reveal-theme/source/night.scss +0 -0
  22. data/vendor/assets/stylesheets/reveal-theme/source/serif.scss +1 -1
  23. data/vendor/assets/stylesheets/reveal-theme/source/simple.scss +0 -0
  24. data/vendor/assets/stylesheets/reveal-theme/source/sky.scss +1 -1
  25. data/vendor/assets/stylesheets/reveal-theme/source/solarized.scss +1 -12
  26. data/vendor/assets/stylesheets/reveal-theme/source/white.scss +49 -0
  27. data/vendor/assets/stylesheets/reveal-theme/template/mixins.scss +0 -0
  28. data/vendor/assets/stylesheets/reveal-theme/template/settings.scss +13 -4
  29. data/vendor/assets/stylesheets/reveal-theme/template/theme.scss +193 -14
  30. data/vendor/assets/stylesheets/reveal-theme/white.css +267 -0
  31. data/vendor/assets/stylesheets/reveal.css +1171 -3
  32. metadata +21 -11
  33. data/vendor/assets/stylesheets/reveal-theme/default.css +0 -148
@@ -1,15 +1,9 @@
1
+ @import url(../../lib/font/league-gothic/league-gothic.css);
1
2
  @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2
3
  /**
3
4
  * Solarized Dark theme for reveal.js.
4
5
  * Author: Achim Staebler
5
6
  */
6
- @font-face {
7
- font-family: 'League Gothic';
8
- src: url("../../lib/font/league_gothic-webfont.eot");
9
- src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
10
- font-weight: normal;
11
- font-style: normal; }
12
-
13
7
  /**
14
8
  * Solarized colors by Ethan Schoonover
15
9
  */
@@ -25,57 +19,192 @@ body {
25
19
  background-color: #002b36; }
26
20
 
27
21
  .reveal {
28
- font-family: "Lato", sans-serif;
22
+ font-family: 'Lato', sans-serif;
29
23
  font-size: 36px;
30
24
  font-weight: normal;
31
- letter-spacing: -0.02em;
32
25
  color: #93a1a1; }
33
26
 
34
27
  ::selection {
35
- color: white;
28
+ color: #fff;
36
29
  background: #d33682;
37
30
  text-shadow: none; }
38
31
 
32
+ .reveal .slides > section, .reveal .slides > section > section {
33
+ line-height: 1.3;
34
+ font-weight: inherit; }
35
+
39
36
  /*********************************************
40
37
  * HEADERS
41
38
  *********************************************/
42
- .reveal h1,
43
- .reveal h2,
44
- .reveal h3,
45
- .reveal h4,
46
- .reveal h5,
47
- .reveal h6 {
39
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
48
40
  margin: 0 0 20px 0;
49
41
  color: #eee8d5;
50
- font-family: "League Gothic", Impact, sans-serif;
51
- line-height: 0.9em;
52
- letter-spacing: 0.02em;
42
+ font-family: 'League Gothic', Impact, sans-serif;
43
+ font-weight: normal;
44
+ line-height: 1.2;
45
+ letter-spacing: normal;
53
46
  text-transform: uppercase;
54
- text-shadow: none; }
47
+ text-shadow: none;
48
+ word-wrap: break-word; }
49
+
50
+ .reveal h1 {
51
+ font-size: 3.77em; }
52
+
53
+ .reveal h2 {
54
+ font-size: 2.11em; }
55
+
56
+ .reveal h3 {
57
+ font-size: 1.55em; }
58
+
59
+ .reveal h4 {
60
+ font-size: 1em; }
55
61
 
56
62
  .reveal h1 {
57
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
63
+ text-shadow: none; }
64
+
65
+ /*********************************************
66
+ * OTHER
67
+ *********************************************/
68
+ .reveal p {
69
+ margin: 20px 0;
70
+ line-height: 1.3; }
71
+
72
+ /* Ensure certain elements are never larger than the slide itself */
73
+ .reveal img, .reveal video, .reveal iframe {
74
+ max-width: 95%;
75
+ max-height: 95%; }
76
+
77
+ .reveal strong, .reveal b {
78
+ font-weight: bold; }
79
+
80
+ .reveal em {
81
+ font-style: italic; }
82
+
83
+ .reveal ol, .reveal dl, .reveal ul {
84
+ display: inline-block;
85
+ text-align: left;
86
+ margin: 0 0 0 1em; }
87
+
88
+ .reveal ol {
89
+ list-style-type: decimal; }
90
+
91
+ .reveal ul {
92
+ list-style-type: disc; }
93
+
94
+ .reveal ul ul {
95
+ list-style-type: square; }
96
+
97
+ .reveal ul ul ul {
98
+ list-style-type: circle; }
99
+
100
+ .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
101
+ display: block;
102
+ margin-left: 40px; }
103
+
104
+ .reveal dt {
105
+ font-weight: bold; }
106
+
107
+ .reveal dd {
108
+ margin-left: 40px; }
109
+
110
+ .reveal q, .reveal blockquote {
111
+ quotes: none; }
112
+
113
+ .reveal blockquote {
114
+ display: block;
115
+ position: relative;
116
+ width: 70%;
117
+ margin: 20px auto;
118
+ padding: 5px;
119
+ font-style: italic;
120
+ background: rgba(255, 255, 255, 0.05);
121
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
122
+
123
+ .reveal blockquote p:first-child, .reveal blockquote p:last-child {
124
+ display: inline-block; }
125
+
126
+ .reveal q {
127
+ font-style: italic; }
128
+
129
+ .reveal pre {
130
+ display: block;
131
+ position: relative;
132
+ width: 90%;
133
+ margin: 20px auto;
134
+ text-align: left;
135
+ font-size: 0.55em;
136
+ font-family: monospace;
137
+ line-height: 1.2em;
138
+ word-wrap: break-word;
139
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
140
+
141
+ .reveal code {
142
+ font-family: monospace; }
143
+
144
+ .reveal pre code {
145
+ display: block;
146
+ padding: 5px;
147
+ overflow: auto;
148
+ max-height: 400px;
149
+ word-wrap: normal;
150
+ background: #3F3F3F;
151
+ color: #DCDCDC; }
152
+
153
+ .reveal table {
154
+ margin: auto;
155
+ border-collapse: collapse;
156
+ border-spacing: 0; }
157
+
158
+ .reveal table th {
159
+ font-weight: bold; }
160
+
161
+ .reveal table th, .reveal table td {
162
+ text-align: left;
163
+ padding: 0.2em 0.5em 0.2em 0.5em;
164
+ border-bottom: 1px solid; }
165
+
166
+ .reveal table th[align="center"], .reveal table td[align="center"] {
167
+ text-align: center; }
168
+
169
+ .reveal table th[align="right"], .reveal table td[align="right"] {
170
+ text-align: right; }
171
+
172
+ .reveal table tr:last-child td {
173
+ border-bottom: none; }
174
+
175
+ .reveal sup {
176
+ vertical-align: super; }
177
+
178
+ .reveal sub {
179
+ vertical-align: sub; }
180
+
181
+ .reveal small {
182
+ display: inline-block;
183
+ font-size: 0.6em;
184
+ line-height: 1.2em;
185
+ vertical-align: top; }
186
+
187
+ .reveal small * {
188
+ vertical-align: top; }
58
189
 
59
190
  /*********************************************
60
191
  * LINKS
61
192
  *********************************************/
62
- .reveal a:not(.image) {
193
+ .reveal a {
63
194
  color: #268bd2;
64
195
  text-decoration: none;
65
- -webkit-transition: color .15s ease;
66
- -moz-transition: color .15s ease;
67
- -ms-transition: color .15s ease;
68
- -o-transition: color .15s ease;
69
- transition: color .15s ease; }
70
-
71
- .reveal a:not(.image):hover {
72
- color: #78b9e6;
196
+ -webkit-transition: color 0.15s ease;
197
+ -moz-transition: color 0.15s ease;
198
+ transition: color 0.15s ease; }
199
+
200
+ .reveal a:hover {
201
+ color: #78bae6;
73
202
  text-shadow: none;
74
203
  border: none; }
75
204
 
76
205
  .reveal .roll span:after {
77
206
  color: #fff;
78
- background: #1a6091; }
207
+ background: #1a6291; }
79
208
 
80
209
  /*********************************************
81
210
  * IMAGES
@@ -84,12 +213,12 @@ body {
84
213
  margin: 15px 0px;
85
214
  background: rgba(255, 255, 255, 0.12);
86
215
  border: 4px solid #93a1a1;
87
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
88
- -webkit-transition: all .2s linear;
89
- -moz-transition: all .2s linear;
90
- -ms-transition: all .2s linear;
91
- -o-transition: all .2s linear;
92
- transition: all .2s linear; }
216
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
217
+
218
+ .reveal a img {
219
+ -webkit-transition: all 0.15s linear;
220
+ -moz-transition: all 0.15s linear;
221
+ transition: all 0.15s linear; }
93
222
 
94
223
  .reveal a:hover img {
95
224
  background: rgba(255, 255, 255, 0.2);
@@ -99,33 +228,29 @@ body {
99
228
  /*********************************************
100
229
  * NAVIGATION CONTROLS
101
230
  *********************************************/
102
- .reveal .controls div.navigate-left,
103
- .reveal .controls div.navigate-left.enabled {
231
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
104
232
  border-right-color: #268bd2; }
105
233
 
106
- .reveal .controls div.navigate-right,
107
- .reveal .controls div.navigate-right.enabled {
234
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
108
235
  border-left-color: #268bd2; }
109
236
 
110
- .reveal .controls div.navigate-up,
111
- .reveal .controls div.navigate-up.enabled {
237
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
112
238
  border-bottom-color: #268bd2; }
113
239
 
114
- .reveal .controls div.navigate-down,
115
- .reveal .controls div.navigate-down.enabled {
240
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
116
241
  border-top-color: #268bd2; }
117
242
 
118
243
  .reveal .controls div.navigate-left.enabled:hover {
119
- border-right-color: #78b9e6; }
244
+ border-right-color: #78bae6; }
120
245
 
121
246
  .reveal .controls div.navigate-right.enabled:hover {
122
- border-left-color: #78b9e6; }
247
+ border-left-color: #78bae6; }
123
248
 
124
249
  .reveal .controls div.navigate-up.enabled:hover {
125
- border-bottom-color: #78b9e6; }
250
+ border-bottom-color: #78bae6; }
126
251
 
127
252
  .reveal .controls div.navigate-down.enabled:hover {
128
- border-top-color: #78b9e6; }
253
+ border-top-color: #78bae6; }
129
254
 
130
255
  /*********************************************
131
256
  * PROGRESS BAR
@@ -137,8 +262,6 @@ body {
137
262
  background: #268bd2;
138
263
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
264
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
140
- -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
141
- -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
142
265
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
143
266
 
144
267
  /*********************************************
@@ -9,61 +9,196 @@
9
9
  * GLOBAL STYLES
10
10
  *********************************************/
11
11
  body {
12
- background: #111111;
13
- background-color: #111111; }
12
+ background: #111;
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
- letter-spacing: -0.02em;
20
- color: #eeeeee; }
19
+ color: #eee; }
21
20
 
22
21
  ::selection {
23
- color: white;
22
+ color: #fff;
24
23
  background: #e7ad52;
25
24
  text-shadow: none; }
26
25
 
26
+ .reveal .slides > section, .reveal .slides > section > section {
27
+ line-height: 1.3;
28
+ font-weight: inherit; }
29
+
27
30
  /*********************************************
28
31
  * HEADERS
29
32
  *********************************************/
30
- .reveal h1,
31
- .reveal h2,
32
- .reveal h3,
33
- .reveal h4,
34
- .reveal h5,
35
- .reveal h6 {
33
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
36
34
  margin: 0 0 20px 0;
37
- color: #eeeeee;
38
- font-family: "Montserrat", Impact, sans-serif;
39
- line-height: 0.9em;
35
+ color: #eee;
36
+ font-family: 'Montserrat', Impact, sans-serif;
37
+ font-weight: normal;
38
+ line-height: 1.2;
40
39
  letter-spacing: -0.03em;
41
40
  text-transform: none;
42
- text-shadow: none; }
41
+ text-shadow: none;
42
+ word-wrap: break-word; }
43
43
 
44
44
  .reveal h1 {
45
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
45
+ font-size: 3.77em; }
46
+
47
+ .reveal h2 {
48
+ font-size: 2.11em; }
49
+
50
+ .reveal h3 {
51
+ font-size: 1.55em; }
52
+
53
+ .reveal h4 {
54
+ font-size: 1em; }
55
+
56
+ .reveal h1 {
57
+ text-shadow: none; }
58
+
59
+ /*********************************************
60
+ * OTHER
61
+ *********************************************/
62
+ .reveal p {
63
+ margin: 20px 0;
64
+ line-height: 1.3; }
65
+
66
+ /* Ensure certain elements are never larger than the slide itself */
67
+ .reveal img, .reveal video, .reveal iframe {
68
+ max-width: 95%;
69
+ max-height: 95%; }
70
+
71
+ .reveal strong, .reveal b {
72
+ font-weight: bold; }
73
+
74
+ .reveal em {
75
+ font-style: italic; }
76
+
77
+ .reveal ol, .reveal dl, .reveal ul {
78
+ display: inline-block;
79
+ text-align: left;
80
+ margin: 0 0 0 1em; }
81
+
82
+ .reveal ol {
83
+ list-style-type: decimal; }
84
+
85
+ .reveal ul {
86
+ list-style-type: disc; }
87
+
88
+ .reveal ul ul {
89
+ list-style-type: square; }
90
+
91
+ .reveal ul ul ul {
92
+ list-style-type: circle; }
93
+
94
+ .reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
95
+ display: block;
96
+ margin-left: 40px; }
97
+
98
+ .reveal dt {
99
+ font-weight: bold; }
100
+
101
+ .reveal dd {
102
+ margin-left: 40px; }
103
+
104
+ .reveal q, .reveal blockquote {
105
+ quotes: none; }
106
+
107
+ .reveal blockquote {
108
+ display: block;
109
+ position: relative;
110
+ width: 70%;
111
+ margin: 20px auto;
112
+ padding: 5px;
113
+ font-style: italic;
114
+ background: rgba(255, 255, 255, 0.05);
115
+ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
116
+
117
+ .reveal blockquote p:first-child, .reveal blockquote p:last-child {
118
+ display: inline-block; }
119
+
120
+ .reveal q {
121
+ font-style: italic; }
122
+
123
+ .reveal pre {
124
+ display: block;
125
+ position: relative;
126
+ width: 90%;
127
+ margin: 20px auto;
128
+ text-align: left;
129
+ font-size: 0.55em;
130
+ font-family: monospace;
131
+ line-height: 1.2em;
132
+ word-wrap: break-word;
133
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
134
+
135
+ .reveal code {
136
+ font-family: monospace; }
137
+
138
+ .reveal pre code {
139
+ display: block;
140
+ padding: 5px;
141
+ overflow: auto;
142
+ max-height: 400px;
143
+ word-wrap: normal;
144
+ background: #3F3F3F;
145
+ color: #DCDCDC; }
146
+
147
+ .reveal table {
148
+ margin: auto;
149
+ border-collapse: collapse;
150
+ border-spacing: 0; }
151
+
152
+ .reveal table th {
153
+ font-weight: bold; }
154
+
155
+ .reveal table th, .reveal table td {
156
+ text-align: left;
157
+ padding: 0.2em 0.5em 0.2em 0.5em;
158
+ border-bottom: 1px solid; }
159
+
160
+ .reveal table th[align="center"], .reveal table td[align="center"] {
161
+ text-align: center; }
162
+
163
+ .reveal table th[align="right"], .reveal table td[align="right"] {
164
+ text-align: right; }
165
+
166
+ .reveal table tr:last-child td {
167
+ border-bottom: none; }
168
+
169
+ .reveal sup {
170
+ vertical-align: super; }
171
+
172
+ .reveal sub {
173
+ vertical-align: sub; }
174
+
175
+ .reveal small {
176
+ display: inline-block;
177
+ font-size: 0.6em;
178
+ line-height: 1.2em;
179
+ vertical-align: top; }
180
+
181
+ .reveal small * {
182
+ vertical-align: top; }
46
183
 
47
184
  /*********************************************
48
185
  * LINKS
49
186
  *********************************************/
50
- .reveal a:not(.image) {
187
+ .reveal a {
51
188
  color: #e7ad52;
52
189
  text-decoration: none;
53
- -webkit-transition: color .15s ease;
54
- -moz-transition: color .15s ease;
55
- -ms-transition: color .15s ease;
56
- -o-transition: color .15s ease;
57
- transition: color .15s ease; }
190
+ -webkit-transition: color 0.15s ease;
191
+ -moz-transition: color 0.15s ease;
192
+ transition: color 0.15s ease; }
58
193
 
59
- .reveal a:not(.image):hover {
194
+ .reveal a:hover {
60
195
  color: #f3d7ac;
61
196
  text-shadow: none;
62
197
  border: none; }
63
198
 
64
199
  .reveal .roll span:after {
65
200
  color: #fff;
66
- background: #d08a1d; }
201
+ background: #d0881d; }
67
202
 
68
203
  /*********************************************
69
204
  * IMAGES
@@ -71,13 +206,13 @@ body {
71
206
  .reveal section img {
72
207
  margin: 15px 0px;
73
208
  background: rgba(255, 255, 255, 0.12);
74
- border: 4px solid #eeeeee;
75
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
76
- -webkit-transition: all .2s linear;
77
- -moz-transition: all .2s linear;
78
- -ms-transition: all .2s linear;
79
- -o-transition: all .2s linear;
80
- transition: all .2s linear; }
209
+ border: 4px solid #eee;
210
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
211
+
212
+ .reveal a img {
213
+ -webkit-transition: all 0.15s linear;
214
+ -moz-transition: all 0.15s linear;
215
+ transition: all 0.15s linear; }
81
216
 
82
217
  .reveal a:hover img {
83
218
  background: rgba(255, 255, 255, 0.2);
@@ -87,20 +222,16 @@ body {
87
222
  /*********************************************
88
223
  * NAVIGATION CONTROLS
89
224
  *********************************************/
90
- .reveal .controls div.navigate-left,
91
- .reveal .controls div.navigate-left.enabled {
225
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
92
226
  border-right-color: #e7ad52; }
93
227
 
94
- .reveal .controls div.navigate-right,
95
- .reveal .controls div.navigate-right.enabled {
228
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
96
229
  border-left-color: #e7ad52; }
97
230
 
98
- .reveal .controls div.navigate-up,
99
- .reveal .controls div.navigate-up.enabled {
231
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
100
232
  border-bottom-color: #e7ad52; }
101
233
 
102
- .reveal .controls div.navigate-down,
103
- .reveal .controls div.navigate-down.enabled {
234
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
104
235
  border-top-color: #e7ad52; }
105
236
 
106
237
  .reveal .controls div.navigate-left.enabled:hover {
@@ -125,8 +256,6 @@ body {
125
256
  background: #e7ad52;
126
257
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
127
258
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
128
- -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
129
- -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
130
259
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
131
260
 
132
261
  /*********************************************