aboutsummaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorEric Bidelman2012-04-09 13:40:34 -0700
committerEric Bidelman2012-04-09 13:40:34 -0700
commita72619425c7b796a72c9e50ea06f6f8308e8703a (patch)
tree4bb7712f7147497ce0d882bcef5f66c969ed726d /theme
parentd370b1d98b2a3375cb6093d70fcbf791c867b46d (diff)
downloadio-slides-remote-a72619425c7b796a72c9e50ea06f6f8308e8703a.tar.gz
auto fadein slide animations happen with css (no more js :))
Diffstat (limited to 'theme')
-rw-r--r--theme/css/default.css237
-rw-r--r--theme/sass/default.scss33
2 files changed, 136 insertions, 134 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index c2022de..f9a91b0 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -358,7 +358,15 @@ slides > slide.current {
358 -ms-transform: translate3d(0, 0, 0); 358 -ms-transform: translate3d(0, 0, 0);
359 transform: translate3d(0, 0, 0); 359 transform: translate3d(0, 0, 0);
360} 360}
361/* line 156, ../sass/default.scss */ 361/* line 155, ../sass/default.scss */
362slides > slide.current .auto-fadein {
363 opacity: 1;
364}
365/* line 159, ../sass/default.scss */
366slides > slide.current .gdbar {
367 background-size: 100% 100%;
368}
369/* line 164, ../sass/default.scss */
362slides > slide.next { 370slides > slide.next {
363 display: block; 371 display: block;
364 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 372 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
@@ -372,7 +380,7 @@ slides > slide.next {
372 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 380 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
373 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 381 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
374} 382}
375/* line 162, ../sass/default.scss */ 383/* line 170, ../sass/default.scss */
376slides > slide.far-next { 384slides > slide.far-next {
377 display: block; 385 display: block;
378 -moz-transform: translate(2040px); 386 -moz-transform: translate(2040px);
@@ -386,24 +394,24 @@ slides > slide.far-next {
386 -ms-transform: translate3d(2040px, 0, 0); 394 -ms-transform: translate3d(2040px, 0, 0);
387 transform: translate3d(2040px, 0, 0); 395 transform: translate3d(2040px, 0, 0);
388} 396}
389/* line 168, ../sass/default.scss */ 397/* line 176, ../sass/default.scss */
390slides > slide.dark { 398slides > slide.dark {
391 background: #515151; 399 background: #515151;
392} 400}
393/* line 172, ../sass/default.scss */ 401/* line 180, ../sass/default.scss */
394slides > slide hgroup + article { 402slides > slide hgroup + article {
395 margin-top: 1.5em; 403 margin-top: 1.5em;
396} 404}
397/* line 176, ../sass/default.scss */ 405/* line 184, ../sass/default.scss */
398slides > slide > article { 406slides > slide > article {
399 margin-top: 2em; 407 margin-top: 2em;
400} 408}
401/* line 179, ../sass/default.scss */ 409/* line 187, ../sass/default.scss */
402slides > slide > article p { 410slides > slide > article p {
403 margin-bottom: 1em; 411 margin-bottom: 1em;
404} 412}
405 413
406/* line 190, ../sass/default.scss */ 414/* line 198, ../sass/default.scss */
407slides.layout-widescreen > slide.far-past, 415slides.layout-widescreen > slide.far-past,
408slides.layout-faux-widescreen > slide.far-past { 416slides.layout-faux-widescreen > slide.far-past {
409 display: block; 417 display: block;
@@ -418,7 +426,7 @@ slides.layout-faux-widescreen > slide.far-past {
418 -ms-transform: translate3d(-2260px, 0, 0); 426 -ms-transform: translate3d(-2260px, 0, 0);
419 transform: translate3d(-2260px, 0, 0); 427 transform: translate3d(-2260px, 0, 0);
420} 428}
421/* line 196, ../sass/default.scss */ 429/* line 204, ../sass/default.scss */
422slides.layout-widescreen > slide.past, 430slides.layout-widescreen > slide.past,
423slides.layout-faux-widescreen > slide.past { 431slides.layout-faux-widescreen > slide.past {
424 display: block; 432 display: block;
@@ -433,7 +441,7 @@ slides.layout-faux-widescreen > slide.past {
433 -ms-transform: translate3d(-1130px, 0, 0); 441 -ms-transform: translate3d(-1130px, 0, 0);
434 transform: translate3d(-1130px, 0, 0); 442 transform: translate3d(-1130px, 0, 0);
435} 443}
436/* line 202, ../sass/default.scss */ 444/* line 210, ../sass/default.scss */
437slides.layout-widescreen > slide.current, 445slides.layout-widescreen > slide.current,
438slides.layout-faux-widescreen > slide.current { 446slides.layout-faux-widescreen > slide.current {
439 display: block; 447 display: block;
@@ -448,7 +456,7 @@ slides.layout-faux-widescreen > slide.current {
448 -ms-transform: translate3d(0, 0, 0); 456 -ms-transform: translate3d(0, 0, 0);
449 transform: translate3d(0, 0, 0); 457 transform: translate3d(0, 0, 0);
450} 458}
451/* line 208, ../sass/default.scss */ 459/* line 216, ../sass/default.scss */
452slides.layout-widescreen > slide.next, 460slides.layout-widescreen > slide.next,
453slides.layout-faux-widescreen > slide.next { 461slides.layout-faux-widescreen > slide.next {
454 display: block; 462 display: block;
@@ -463,7 +471,7 @@ slides.layout-faux-widescreen > slide.next {
463 -ms-transform: translate3d(1130px, 0, 0); 471 -ms-transform: translate3d(1130px, 0, 0);
464 transform: translate3d(1130px, 0, 0); 472 transform: translate3d(1130px, 0, 0);
465} 473}
466/* line 214, ../sass/default.scss */ 474/* line 222, ../sass/default.scss */
467slides.layout-widescreen > slide.far-next, 475slides.layout-widescreen > slide.far-next,
468slides.layout-faux-widescreen > slide.far-next { 476slides.layout-faux-widescreen > slide.far-next {
469 display: block; 477 display: block;
@@ -479,30 +487,30 @@ slides.layout-faux-widescreen > slide.far-next {
479 transform: translate3d(2260px, 0, 0); 487 transform: translate3d(2260px, 0, 0);
480} 488}
481 489
482/* line 221, ../sass/default.scss */ 490/* line 229, ../sass/default.scss */
483b { 491b {
484 font-weight: 600; 492 font-weight: 600;
485} 493}
486 494
487/* line 225, ../sass/default.scss */ 495/* line 233, ../sass/default.scss */
488a { 496a {
489 color: #0066cc; 497 color: #0066cc;
490} 498}
491/* line 228, ../sass/default.scss */ 499/* line 236, ../sass/default.scss */
492a:visited { 500a:visited {
493 color: rgba(0, 102, 204, 0.75); 501 color: rgba(0, 102, 204, 0.75);
494} 502}
495/* line 232, ../sass/default.scss */ 503/* line 240, ../sass/default.scss */
496a:hover { 504a:hover {
497 color: black; 505 color: black;
498} 506}
499 507
500/* line 237, ../sass/default.scss */ 508/* line 245, ../sass/default.scss */
501h1, h2, h3 { 509h1, h2, h3 {
502 font-weight: 600; 510 font-weight: 600;
503} 511}
504 512
505/* line 241, ../sass/default.scss */ 513/* line 249, ../sass/default.scss */
506h2 { 514h2 {
507 font-size: 45px; 515 font-size: 45px;
508 line-height: 45px; 516 line-height: 45px;
@@ -510,7 +518,7 @@ h2 {
510 color: #515151; 518 color: #515151;
511} 519}
512 520
513/* line 248, ../sass/default.scss */ 521/* line 256, ../sass/default.scss */
514h3 { 522h3 {
515 font-size: 30px; 523 font-size: 30px;
516 letter-spacing: -1px; 524 letter-spacing: -1px;
@@ -519,38 +527,38 @@ h3 {
519 color: #797979; 527 color: #797979;
520} 528}
521 529
522/* line 256, ../sass/default.scss */ 530/* line 264, ../sass/default.scss */
523ul { 531ul {
524 margin-left: 1.2em; 532 margin-left: 1.2em;
525 margin-bottom: 1em; 533 margin-bottom: 1em;
526} 534}
527/* line 260, ../sass/default.scss */ 535/* line 268, ../sass/default.scss */
528ul li { 536ul li {
529 margin-bottom: 0.5em; 537 margin-bottom: 0.5em;
530} 538}
531/* line 263, ../sass/default.scss */ 539/* line 271, ../sass/default.scss */
532ul li ul { 540ul li ul {
533 margin-left: 2em; 541 margin-left: 2em;
534 margin-bottom: 0; 542 margin-bottom: 0;
535} 543}
536/* line 267, ../sass/default.scss */ 544/* line 275, ../sass/default.scss */
537ul li ul li:before { 545ul li ul li:before {
538 content: '-'; 546 content: '-';
539 font-weight: 600; 547 font-weight: 600;
540} 548}
541/* line 274, ../sass/default.scss */ 549/* line 282, ../sass/default.scss */
542ul > li:before { 550ul > li:before {
543 content: '·'; 551 content: '·';
544 margin-left: -1em; 552 margin-left: -1em;
545 position: absolute; 553 position: absolute;
546 font-weight: 600; 554 font-weight: 600;
547} 555}
548/* line 282, ../sass/default.scss */ 556/* line 290, ../sass/default.scss */
549ul ul { 557ul ul {
550 margin-top: .5em; 558 margin-top: .5em;
551} 559}
552 560
553/* line 287, ../sass/default.scss */ 561/* line 295, ../sass/default.scss */
554pre { 562pre {
555 font-family: 'Inconsolata', 'Courier New', monospace; 563 font-family: 'Inconsolata', 'Courier New', monospace;
556 font-size: 20px; 564 font-size: 20px;
@@ -568,7 +576,7 @@ pre {
568 box-sizing: border-box; 576 box-sizing: border-box;
569 /*overflow: hidden;*/ 577 /*overflow: hidden;*/
570} 578}
571/* line 301, ../sass/default.scss */ 579/* line 309, ../sass/default.scss */
572pre:after { 580pre:after {
573 content: