aboutsummaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorEric Bidelman2012-04-09 20:10:25 -0700
committerEric Bidelman2012-04-09 20:10:25 -0700
commit3e6c68e22533bf589243cd5fdc95be819e4cb1ac (patch)
treec1d6e24e30f6f393e1828103da6e39287e944f2d /theme
parentca26979ec3e0f76c6623e9b488bfb976cd976566 (diff)
downloadio-slides-remote-3e6c68e22533bf589243cd5fdc95be819e4cb1ac.tar.gz
io logo on title slide
Diffstat (limited to 'theme')
-rw-r--r--theme/css/default.css249
-rw-r--r--theme/sass/default.scss25
2 files changed, 154 insertions, 120 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index 39b7f53..0c9a7d3 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -223,7 +223,7 @@ body {
223 background-attachment: fixed; 223 background-attachment: fixed;
224} 224}
225 225
226/* line 51, ../sass/default.scss */ 226/* line 50, ../sass/default.scss */
227slides > slide { 227slides > slide {
228 width: 900px; 228 width: 900px;
229 height: 700px; 229 height: 700px;
@@ -248,13 +248,13 @@ slides > slide {
248 transition: all 0.3s ease-out; 248 transition: all 0.3s ease-out;
249} 249}
250 250
251/* line 67, ../sass/default.scss */ 251/* line 66, ../sass/default.scss */
252slides.layout-widescreen > slide { 252slides.layout-widescreen > slide {
253 margin-left: -550px; 253 margin-left: -550px;
254 width: 1100px; 254 width: 1100px;
255} 255}
256 256
257/* line 72, ../sass/default.scss */ 257/* line 71, ../sass/default.scss */
258slides.layout-faux-widescreen > slide { 258slides.layout-faux-widescreen > slide {
259 margin-left: -550px; 259 margin-left: -550px;
260 width: 1100px; 260 width: 1100px;
@@ -273,10 +273,10 @@ slides.nobackground slide:not(.fill)::before {
273 color: inherit !important; 273 color: inherit !important;
274} 274}
275*/ 275*/
276/* line 98, ../sass/default.scss */ 276/* line 97, ../sass/default.scss */
277slides > slide:not(.fill):not(.nobackground):before { 277slides > slide:not(.fill):not(.nobackground):before {
278 font-size: 12pt; 278 font-size: 12pt;
279 content: "#io2012 @yourtwitter"; 279 content: "#io2012";
280 position: absolute; 280 position: absolute;
281 bottom: 20px; 281 bottom: 20px;
282 left: 60px; 282 left: 60px;
@@ -289,7 +289,7 @@ slides > slide:not(.fill):not(.nobackground):before {
289 height: 30px; 289 height: 30px;
290 line-height: 1.9; 290 line-height: 1.9;
291} 291}
292/* line 110, ../sass/default.scss */ 292/* line 109, ../sass/default.scss */
293slides > slide:not(.fill):not(.nobackground):after { 293slides > slide:not(.fill):not(.nobackground):after {
294 font-size: 12pt; 294 font-size: 12pt;
295 content: attr(data-slide-num) "/" attr(data-total-slides); 295 content: attr(data-slide-num) "/" attr(data-total-slides);
@@ -299,12 +299,27 @@ slides > slide:not(.fill):not(.nobackground):after {
299 line-height: 1.9; 299 line-height: 1.9;
300} 300}
301 301
302/* line 120, ../sass/default.scss */
303slides > slide.title-slide:after {
304 content: '';
305 background: url(../../images/io2012_logo.png) no-repeat 100% 50%;
306 -moz-background-size: contain;
307 -webkit-background-size: contain;
308 -o-background-size: contain;
309 background-size: contain;
310 position: absolute;
311 bottom: 40px;
312 right: 40px;
313 width: 100%;
314 height: 60px;
315}
316
302/*slides.layout-widescreen > slide:not(.nobackground), 317/*slides.layout-widescreen > slide:not(.nobackground),
303slides.layout-faux-widescreen > slide:not(.nobackground) { 318slides.layout-faux-widescreen > slide:not(.nobackground) {
304 background-position-x: 0, 840px; 319 background-position-x: 0, 840px;
305}*/ 320}*/
306/* Slides */ 321/* Slides */
307/* line 127, ../sass/default.scss */ 322/* line 139, ../sass/default.scss */
308slides > slide { 323slides > slide {
309 display: none; 324 display: none;
310 font-family: 'Open Sans', Arial, sans-serif; 325 font-family: 'Open Sans', Arial, sans-serif;
@@ -316,7 +331,7 @@ slides > slide {
316 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); 331 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
317 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); 332 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
318} 333}
319/* line 138, ../sass/default.scss */ 334/* line 150, ../sass/default.scss */
320slides > slide.far-past { 335slides > slide.far-past {
321 display: block; 336 display: block;
322 -moz-transform: translate(-2040px); 337 -moz-transform: translate(-2040px);
@@ -330,7 +345,7 @@ slides > slide.far-past {
330 -ms-transform: translate3d(-2040px, 0, 0); 345 -ms-transform: translate3d(-2040px, 0, 0);
331 transform: translate3d(-2040px, 0, 0); 346 transform: translate3d(-2040px, 0, 0);
332} 347}
333/* line 144, ../sass/default.scss */ 348/* line 156, ../sass/default.scss */
334slides > slide.past { 349slides > slide.past {
335 display: block; 350 display: block;
336 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 351 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
@@ -344,7 +359,7 @@ slides > slide.past {
344 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 359 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
345 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 360 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
346} 361}
347/* line 150, ../sass/default.scss */ 362/* line 162, ../sass/default.scss */
348slides > slide.current { 363slides > slide.current {
349 display: block; 364 display: block;
350 -moz-transform: translate(0); 365 -moz-transform: translate(0);
@@ -358,15 +373,18 @@ slides > slide.current {
358 -ms-transform: translate3d(0, 0, 0); 373 -ms-transform: translate3d(0, 0, 0);
359 transform: translate3d(0, 0, 0); 374 transform: translate3d(0, 0, 0);
360} 375}
361/* line 155, ../sass/default.scss */ 376/* line 167, ../sass/default.scss */
362slides > slide.current .auto-fadein { 377slides > slide.current .auto-fadein {
363 opacity: 1; 378 opacity: 1;
364} 379}
365/* line 159, ../sass/default.scss */ 380/* line 171, ../sass/default.scss */
366slides > slide.current .gdbar { 381slides > slide.current .gdbar {
382 -moz-background-size: 100% 100%;
383 -webkit-background-size: 100% 100%;
384 -o-background-size: 100% 100%;
367 background-size: 100% 100%; 385 background-size: 100% 100%;
368} 386}
369/* line 164, ../sass/default.scss */ 387/* line 176, ../sass/default.scss */
370slides > slide.next { 388slides > slide.next {
371 display: block; 389 display: block;
372 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 390 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
@@ -380,7 +398,7 @@ slides > slide.next {
380 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 398 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
381 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 399 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
382} 400}
383/* line 170, ../sass/default.scss */ 401/* line 182, ../sass/default.scss */
384slides > slide.far-next { 402slides > slide.far-next {
385 display: block; 403 display: block;
386 -moz-transform: translate(2040px); 404 -moz-transform: translate(2040px);
@@ -394,20 +412,20 @@ slides > slide.far-next {
394 -ms-transform: translate3d(2040px, 0, 0); 412 -ms-transform: translate3d(2040px, 0, 0);
395 transform: translate3d(2040px, 0, 0); 413 transform: translate3d(2040px, 0, 0);
396} 414}
397/* line 176, ../sass/default.scss */ 415/* line 188, ../sass/default.scss */
398slides > slide.dark { 416slides > slide.dark {
399 background: #515151; 417 background: #515151;
400} 418}
401/* line 180, ../sass/default.scss */ 419/* line 192, ../sass/default.scss */
402slides > slide > hgroup + article { 420slides > slide > hgroup + article {
403 margin-top: 1.5em; 421 margin-top: 1.5em;
404} 422}
405/* line 183, ../sass/default.scss */ 423/* line 195, ../sass/default.scss */
406slides > slide > hgroup + article p { 424slides > slide > hgroup + article p {
407 margin-bottom: 1em; 425 margin-bottom: 1em;
408} 426}
409 427
410/* line 194, ../sass/default.scss */ 428/* line 206, ../sass/default.scss */
411slides.layout-widescreen > slide.far-past, 429slides.layout-widescreen > slide.far-past,
412slides.layout-faux-widescreen > slide.far-past { 430slides.layout-faux-widescreen > slide.far-past {
413 display: block; 431 display: block;
@@ -422,7 +440,7 @@ slides.layout-faux-widescreen > slide.far-past {
422 -ms-transform: translate3d(-2260px, 0, 0); 440 -ms-transform: translate3d(-2260px, 0, 0);
423 transform: translate3d(-2260px, 0, 0); 441 transform: translate3d(-2260px, 0, 0);
424} 442}
425/* line 200, ../sass/default.scss */ 443/* line 212, ../sass/default.scss */
426slides.layout-widescreen > slide.past, 444slides.layout-widescreen > slide.past,
427slides.layout-faux-widescreen > slide.past { 445slides.layout-faux-widescreen > slide.past {
428 display: block; 446 display: block;
@@ -437,7 +455,7 @@ slides.layout-faux-widescreen > slide.past {
437 -ms-transform: translate3d(-1130px, 0, 0); 455 -ms-transform: translate3d(-1130px, 0, 0);
438 transform: translate3d(-1130px, 0, 0); 456 transform: translate3d(-1130px, 0, 0);
439} 457}
440/* line 206, ../sass/default.scss */ 458/* line 218, ../sass/default.scss */
441slides.layout-widescreen > slide.current, 459slides.layout-widescreen > slide.current,
442slides.layout-faux-widescreen > slide.current { 460slides.layout-faux-widescreen > slide.current {
443 display: block; 461 display: block;
@@ -452,7 +470,7 @@ slides.layout-faux-widescreen > slide.current {
452 -ms-transform: translate3d(0, 0, 0); 470 -ms-transform: translate3d(0, 0, 0);
453 transform: translate3d(0, 0, 0); 471 transform: translate3d(0, 0, 0);
454} 472}
455/* line 212, ../sass/default.scss */ 473/* line 224, ../sass/default.scss */
456slides.layout-widescreen > slide.next, 474slides.layout-widescreen > slide.next,
457slides.layout-faux-widescreen > slide.next { 475slides.layout-faux-widescreen > slide.next {
458 display: block; 476 display: block;
@@ -467,7 +485,7 @@ slides.layout-faux-widescreen > slide.next {
467 -ms-transform: translate3d(1130px, 0, 0); 485 -ms-transform: translate3d(1130px, 0, 0);
468 transform: translate3d(1130px, 0, 0); 486 transform: translate3d(1130px, 0, 0);
469}