diff options
author | Eric Bidelman | 2012-04-07 17:20:45 -0700 |
---|---|---|
committer | Eric Bidelman | 2012-04-07 17:20:45 -0700 |
commit | 1a10348622e92803cc9a90ec4369bb6974cc5329 (patch) | |
tree | f29792498f236de313635620bc04da3981af584c /theme | |
parent | cb6cac6cb3f19a51254b7bb25acf86799c352989 (diff) | |
download | io-slides-remote-1a10348622e92803cc9a90ec4369bb6974cc5329.tar.gz |
slideleave now fires when navigating backwards
Diffstat (limited to 'theme')
-rw-r--r-- | theme/css/default.css | 289 | ||||
-rw-r--r-- | theme/sass/_base.scss | 2 | ||||
-rw-r--r-- | theme/sass/default.scss | 86 |
3 files changed, 189 insertions, 188 deletions
diff --git a/theme/css/default.css b/theme/css/default.css index 40b4f77..03e25d1 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -86,10 +86,10 @@ body { | |||
86 | -moz-font-smoothing: antialiased; | 86 | -moz-font-smoothing: antialiased; |
87 | -ms-font-smoothing: antialiased; | 87 | -ms-font-smoothing: antialiased; |
88 | -o-font-smoothing: antialiased; | 88 | -o-font-smoothing: antialiased; |
89 | -moz-transition: opacity 600ms ease-in; | 89 | -moz-transition: opacity 800ms ease-in; |
90 | -webkit-transition: opacity 600ms ease-in; | 90 | -webkit-transition: opacity 800ms ease-in; |
91 | -o-transition: opacity 600ms ease-in; | 91 | -o-transition: opacity 800ms ease-in; |
92 | transition: opacity 600ms ease-in; | 92 | transition: opacity 800ms ease-in; |
93 | } | 93 | } |
94 | 94 | ||
95 | /* line 57, ../sass/_base.scss */ | 95 | /* line 57, ../sass/_base.scss */ |
@@ -214,12 +214,12 @@ slide.fill img { | |||
214 | 214 | ||
215 | /* line 44, ../sass/default.scss */ | 215 | /* line 44, ../sass/default.scss */ |
216 | body { | 216 | body { |
217 | background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #4387fd), color-stop(100%, #2a7cdf)); | 217 | background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf)); |
218 | background-image: -webkit-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); | 218 | background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); |
219 | background-image: -moz-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); | 219 | background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); |
220 | background-image: -o-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); | 220 | background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); |
221 | background-image: -ms-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); | 221 | background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); |
222 | background-image: radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); | 222 | background-image: radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); |
223 | background-attachment: fixed; | 223 | background-attachment: fixed; |
224 | } | 224 | } |
225 | 225 | ||
@@ -231,29 +231,30 @@ slides > slide { | |||
231 | margin-top: -350px; | 231 | margin-top: -350px; |
232 | padding: 40px 60px; | 232 | padding: 40px 60px; |
233 | background-color: white; | 233 | background-color: white; |
234 | font-size: 26px; | ||
234 | -moz-border-radius: 5px; | 235 | -moz-border-radius: 5px; |
235 | -webkit-border-radius: 5px; | 236 | -webkit-border-radius: 5px; |
236 | -o-border-radius: 5px; | 237 | -o-border-radius: 5px; |
237 | -ms-border-radius: 5px; | 238 | -ms-border-radius: 5px; |
238 | -khtml-border-radius: 5px; | 239 | -khtml-border-radius: 5px; |
239 | border-radius: 5px; | 240 | border-radius: 5px; |
240 | -moz-box-shadow: 3px 3px 20px #515151; | 241 | -moz-box-shadow: 5px 5px 20px #515151; |
241 | -webkit-box-shadow: 3px 3px 20px #515151; | 242 | -webkit-box-shadow: 5px 5px 20px #515151; |
242 | -o-box-shadow: 3px 3px 20px #515151; | 243 | -o-box-shadow: 5px 5px 20px #515151; |
243 | box-shadow: 3px 3px 20px #515151; | 244 | box-shadow: 5px 5px 20px #515151; |
244 | -moz-transition: all 0.3s ease-out; | 245 | -moz-transition: all 0.3s ease-out; |
245 | -webkit-transition: all 0.3s ease-out; | 246 | -webkit-transition: all 0.3s ease-out; |
246 | -o-transition: all 0.3s ease-out; | 247 | -o-transition: all 0.3s ease-out; |
247 | transition: all 0.3s ease-out; | 248 | transition: all 0.3s ease-out; |
248 | } | 249 | } |
249 | 250 | ||
250 | /* line 66, ../sass/default.scss */ | 251 | /* line 67, ../sass/default.scss */ |
251 | slides.layout-widescreen > slide { | 252 | slides.layout-widescreen > slide { |
252 | margin-left: -550px; | 253 | margin-left: -550px; |
253 | width: 1100px; | 254 | width: 1100px; |
254 | } | 255 | } |
255 | 256 | ||
256 | /* line 71, ../sass/default.scss */ | 257 | /* line 72, ../sass/default.scss */ |
257 | slides.layout-faux-widescreen > slide { | 258 | slides.layout-faux-widescreen > slide { |
258 | margin-left: -550px; | 259 | margin-left: -550px; |
259 | width: 1100px; | 260 | width: 1100px; |
@@ -272,13 +273,14 @@ slides.nobackground slide:not(.fill)::before { | |||
272 | color: inherit !important; | 273 | color: inherit !important; |
273 | } | 274 | } |
274 | */ | 275 | */ |
275 | /* line 97, ../sass/default.scss */ | 276 | /* line 98, ../sass/default.scss */ |
276 | slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { | 277 | slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { |
278 | font-size: 12pt; | ||
277 | content: "#io2012 @yourtwitter"; | 279 | content: "#io2012 @yourtwitter"; |
278 | position: absolute; | 280 | position: absolute; |
279 | bottom: 20px; | 281 | bottom: 20px; |
280 | left: 60px; | 282 | left: 60px; |
281 | background: url(/images/google_developers_icon_128.png) no-repeat 0 50%; | 283 | background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%; |
282 | -moz-background-size: 30px 30px; | 284 | -moz-background-size: 30px 30px; |
283 | -webkit-background-size: 30px 30px; | 285 | -webkit-background-size: 30px 30px; |
284 | -o-background-size: 30px 30px; | 286 | -o-background-size: 30px 30px; |
@@ -287,12 +289,14 @@ slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { | |||
287 | height: 30px; | 289 | height: 30px; |
288 | line-height: 1.9; | 290 | line-height: 1.9; |
289 | } | 291 | } |
290 | /* line 108, ../sass/default.scss */ | 292 | /* line 110, ../sass/default.scss */ |
291 | slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after { | 293 | slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after { |
294 | font-size: 12pt; | ||
292 | content: attr(data-slide-num) "/" attr(data-total-slides); | 295 | content: attr(data-slide-num) "/" attr(data-total-slides); |
293 | position: absolute; | 296 | position: absolute; |
294 | bottom: 20px; | 297 | bottom: 20px; |
295 | right: 60px; | 298 | right: 60px; |
299 | line-height: 1.9; | ||
296 | } | 300 | } |
297 | 301 | ||
298 | /*slides.layout-widescreen > slide:not(.nobackground), | 302 | /*slides.layout-widescreen > slide:not(.nobackground), |
@@ -300,13 +304,19 @@ slides.layout-faux-widescreen > slide:not(.nobackground) { | |||
300 | background-position-x: 0, 840px; | 304 | background-position-x: 0, 840px; |
301 | }*/ | 305 | }*/ |
302 | /* Slides */ | 306 | /* Slides */ |
303 | /* line 123, ../sass/default.scss */ | 307 | /* line 127, ../sass/default.scss */ |
304 | slides > slide { | 308 | slides > slide { |
305 | display: none; | 309 | display: none; |
306 | font-family: 'Open Sans', Arial, sans-serif; | 310 | font-family: 'Open Sans', Arial, sans-serif; |
307 | color: #797979; | 311 | color: #797979; |
312 | background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6)); | ||
313 | background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
314 | background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
315 | background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
316 | background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
317 | background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
308 | } | 318 | } |
309 | /* line 132, ../sass/default.scss */ | 319 | /* line 138, ../sass/default.scss */ |
310 | slides > slide.far-past { | 320 | slides > slide.far-past { |
311 | display: block; | 321 | display: block; |
312 | -moz-transform: translate(-2040px); | 322 | -moz-transform: translate(-2040px); |
@@ -320,7 +330,7 @@ slides > slide.far-past { | |||
320 | -ms-transform: translate3d(-2040px, 0, 0); | 330 | -ms-transform: translate3d(-2040px, 0, 0); |
321 | transform: translate3d(-2040px, 0, 0); | 331 | transform: translate3d(-2040px, 0, 0); |
322 | } | 332 | } |
323 | /* line 138, ../sass/default.scss */ | 333 | /* line 144, ../sass/default.scss */ |
324 | slides > slide.past { | 334 | slides > slide.past { |
325 | display: block; | 335 | display: block; |
326 | -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); | 336 | -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); |
@@ -334,7 +344,7 @@ slides > slide.past { | |||
334 | -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | 344 | -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); |
335 | transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | 345 | transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); |
336 | } | 346 | } |
337 | /* line 144, ../sass/default.scss */ | 347 | /* line 150, ../sass/default.scss */ |
338 | slides > slide.current { | 348 | slides > slide.current { |
339 | display: block; | 349 | display: block; |
340 | -moz-transform: translate(0); | 350 | -moz-transform: translate(0); |
@@ -348,7 +358,7 @@ slides > slide.current { | |||
348 | -ms-transform: translate3d(0, 0, 0); | 358 | -ms-transform: translate3d(0, 0, 0); |
349 | transform: translate3d(0, 0, 0); | 359 | transform: translate3d(0, 0, 0); |
350 | } | 360 | } |
351 | /* line 150, ../sass/default.scss */ | 361 | /* line 156, ../sass/default.scss */ |
352 | slides > slide.next { | 362 | slides > slide.next { |
353 | display: block; | 363 | display: block; |
354 | -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); | 364 | -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); |
@@ -362,7 +372,7 @@ slides > slide.next { | |||
362 | -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | 372 | -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); |
363 | transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | 373 | transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); |
364 | } | 374 | } |
365 | /* line 156, ../sass/default.scss */ | 375 | /* line 162, ../sass/default.scss */ |
366 | slides > slide.far-next { | 376 | slides > slide.far-next { |
367 | display: block; | 377 | display: block; |
368 | -moz-transform: translate(2040px); | 378 | -moz-transform: translate(2040px); |
@@ -376,8 +386,12 @@ slides > slide.far-next { | |||
376 | -ms-transform: translate3d(2040px, 0, 0); | 386 | -ms-transform: translate3d(2040px, 0, 0); |
377 | transform: translate3d(2040px, 0, 0); | 387 | transform: translate3d(2040px, 0, 0); |
378 | } | 388 | } |
379 | |||
380 | /* line 168, ../sass/default.scss */ | 389 | /* line 168, ../sass/default.scss */ |
390 | slides > slide > article { | ||
391 | margin-top: 2em; | ||
392 | } | ||
393 | |||
394 | /* line 178, ../sass/default.scss */ | ||
381 | slides.layout-widescreen > slide.far-past, | 395 | slides.layout-widescreen > slide.far-past, |
382 | slides.layout-faux-widescreen > slide.far-past { | 396 | slides.layout-faux-widescreen > slide.far-past { |
383 | display: block; | 397 | display: block; |
@@ -392,7 +406,7 @@ slides.layout-faux-widescreen > slide.far-past { | |||
392 | -ms-transform: translate3d(-2260px, 0, 0); | 406 | -ms-transform: translate3d(-2260px, 0, 0); |
393 | transform: translate3d(-2260px, 0, 0); | 407 | transform: translate3d(-2260px, 0, 0); |
394 | } | 408 | } |
395 | /* line 174, ../sass/default.scss */ | 409 | /* line 184, ../sass/default.scss */ |
396 | slides.layout-widescreen > slide.past, | 410 | slides.layout-widescreen > slide.past, |
397 | slides.layout-faux-widescreen > slide.past { | 411 | slides.layout-faux-widescreen > slide.past { |
398 | display: block; | 412 | display: block; |
@@ -407,7 +421,7 @@ slides.layout-faux-wi |