aboutsummaryrefslogtreecommitdiff
path: root/theme/sass/default.scss
diff options
context:
space:
mode:
authorEric Bidelman2012-04-09 15:37:33 -0700
committerEric Bidelman2012-04-09 15:37:33 -0700
commit6335dc2b57cd27541024c29f6815b9247e4abd38 (patch)
tree2049b94162cee10c2a6106cd492d950b290d5e6b /theme/sass/default.scss
parenta72619425c7b796a72c9e50ea06f6f8308e8703a (diff)
downloadio-slides-remote-6335dc2b57cd27541024c29f6815b9247e4abd38.tar.gz
Quote slide workign
Diffstat (limited to 'theme/sass/default.scss')
-rw-r--r--theme/sass/default.scss73
1 files changed, 31 insertions, 42 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss
index 73f6723..912af01 100644
--- a/theme/sass/default.scss
+++ b/theme/sass/default.scss
@@ -177,12 +177,8 @@ slides > slide {
177 background: $gray-4; 177 background: $gray-4;
178 } 178 }
179 179
180 hgroup + article { 180 > hgroup + article {
181 margin-top: 1.5em; 181 margin-top: 1.5em;
182 }
183
184 > article {
185 margin-top: 2em;
186 182
187 p { 183 p {
188 margin-bottom: 1em; 184 margin-bottom: 1em;
@@ -411,40 +407,18 @@ th {
411} 407}
412 408
413q { 409q {
414 display: block; 410 font-size: 45px;
415 font-size: 60px;
416 line-height: 72px; 411 line-height: 72px;
417 margin-left: 20px;
418 margin-top: 100px;
419 412
420 &:before { 413 &:before {
421 content: 'âœ'; 414 content: '';
422 position: absolute; 415 position: absolute;
423 display: inline-block; 416 margin-left: -0.5em;
424 margin-left: -2.1em;
425 width: 2em;
426 text-align: right;
427 font-size: 90px;
428 color: rgb(192, 192, 192);
429 } 417 }
430 &:after { 418 &:after {
431 content: 'â'; 419 content: '';
432 position: absolute; 420 position: absolute;
433 margin-left: .1em; 421 margin-left: 0.1em;
434 font-size: 90px;
435 color: rgb(192, 192, 192);
436 }
437}
438
439div.author {
440 text-align: right;
441 font-size: 40px;
442
443 margin-top: 20px;
444 margin-right: 150px;
445
446 &:before {
447 content: '—';
448 } 422 }
449} 423}
450 424
@@ -627,6 +601,8 @@ input, button {
627} 601}
628 602
629.segue { 603.segue {
604 padding: $slide-left-right-padding $slide-left-right-padding * 2;
605
630 h2 { 606 h2 {
631 color: $gray-1; 607 color: $gray-1;
632 font-size: 60px; 608 font-size: 60px;
@@ -635,6 +611,13 @@ input, button {
635 color: $gray-1; 611 color: $gray-1;
636 line-height: 2.8; 612 line-height: 2.8;
637 } 613 }
614 aside {
615 width: 215px !important;
616 }
617 hgroup {
618 position: absolute;
619 bottom: 150px;
620 }
638} 621}
639 622
640.thank-you-slide { 623.thank-you-slide {
@@ -646,7 +629,7 @@ input, button {
646 color: inherit; 629 color: inherit;
647 } 630 }
648 631
649 section > p { 632 article > p {
650 margin-top: 2em; 633 margin-top: 2em;
651 font-size: 20pt; 634 font-size: 20pt;
652 } 635 }
@@ -675,7 +658,7 @@ aside.gdbar {
675 right: 0; 658 right: 0;
676 left: -moz-initial; 659 left: -moz-initial;
677 left: initial; 660 left: initial;
678 top: ($slide-height / 2) - 96 + 10; /* 96 is height of gray icon bar */ 661 top: ($slide-height / 2) - 96; /* 96 is height of gray icon bar */
679 @include transform(rotateZ(180deg)); 662 @include transform(rotateZ(180deg));
680 663
681 img { 664 img {
@@ -683,21 +666,24 @@ aside.gdbar {
683 } 666 }
684 } 667 }
685 668
669 &.bottom {
670 left: -moz-initial;
671 top: initial;
672 bottom: $slide-left-right-padding;
673 }
674
686 img { 675 img {
687 width: 85px; 676 width: 85px;
688 height: 85px; 677 height: 85px;
689 position: absolute; 678 position: absolute;
690 right: 0; 679 right: 0;
691 margin: 8px 12px; 680 margin: 8px 15px;
692 } 681 }
693} 682}
694 683
695.title-slide { 684.title-slide {
696 685
697 hgroup { 686 hgroup {
698 position: absolute;
699 bottom: 150px;
700
701 h1 { 687 h1 {
702 font-size: 65px; 688 font-size: 65px;
703 line-height: 1.4; 689 line-height: 1.4;
@@ -720,10 +706,13 @@ aside.gdbar {
720 } 706 }
721} 707}
722 708
723.thank-you-slide, .segue { 709.quote {
724 padding: $slide-left-right-padding $slide-left-right-padding * 2; 710 color: $gray-1;
725 711
726 aside { 712 .author {
727 width: 215px; 713 font-size: 24px;
714 position: absolute;
715 bottom: 80px;
716 line-height: 1.4;
728 } 717 }
729} 718}