rails-reveal-js 2.6.1.2 → 3.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
  /*********************************************