diff options
Diffstat (limited to 'theme/sass')
-rw-r--r-- | theme/sass/default.scss | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss index 3815f8a..38fd14e 100644 --- a/theme/sass/default.scss +++ b/theme/sass/default.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @import "base"; | 1 | @import "base"; |
2 | @import "compass/css3/user-interface"; | 2 | @import "compass/css3/user-interface"; |
3 | 3 | ||
4 | $social-tags: '#io2012 @yourtwitter'; | 4 | $social-tags: '#io2012'; |
5 | $brand-small-icon-size: 30px; | 5 | $brand-small-icon-size: 30px; |
6 | 6 | ||
7 | $gray-1: #e6e6e6; | 7 | $gray-1: #e6e6e6; |
@@ -44,7 +44,6 @@ $slide-border-radius: 5px; | |||
44 | body { | 44 | body { |
45 | @include background-image(radial-gradient(50% 50%, #b1dfff 0%, | 45 | @include background-image(radial-gradient(50% 50%, #b1dfff 0%, |
46 | $brand-blue-secondary2 600px)); | 46 | $brand-blue-secondary2 600px)); |
47 | //@include background-image(linear-gradient(top, $brand-blue 60%, $brand-blue-secondary2)); | ||
48 | background-attachment: fixed; | 47 | background-attachment: fixed; |
49 | } | 48 | } |
50 | 49 | ||
@@ -117,6 +116,19 @@ slides > slide:not(.fill):not(.nobackground) { | |||
117 | } | 116 | } |
118 | } | 117 | } |
119 | 118 | ||
119 | slides > slide.title-slide { | ||
120 | &:after { | ||
121 | content: ''; | ||
122 | background: url(../../images/io2012_logo.png) no-repeat 100% 50%; | ||
123 | @include background-size(contain); | ||
124 | position: absolute; | ||
125 | bottom: $slide-top-bottom-padding; | ||
126 | right: $slide-top-bottom-padding; | ||
127 | width: 100%; | ||
128 | height: 60px; | ||
129 | } | ||
130 | } | ||
131 | |||
120 | /*slides.layout-widescreen > slide:not(.nobackground), | 132 | /*slides.layout-widescreen > slide:not(.nobackground), |
121 | slides.layout-faux-widescreen > slide:not(.nobackground) { | 133 | slides.layout-faux-widescreen > slide:not(.nobackground) { |
122 | background-position-x: 0, 840px; | 134 | background-position-x: 0, 840px; |
@@ -157,7 +169,7 @@ slides > slide { | |||
157 | } | 169 | } |
158 | 170 | ||
159 | .gdbar { | 171 | .gdbar { |
160 | background-size: 100% 100%; | 172 | @include background-size(100% 100%); |
161 | } | 173 | } |
162 | } | 174 | } |
163 | 175 | ||
@@ -619,7 +631,7 @@ input, button { | |||
619 | } | 631 | } |
620 | hgroup { | 632 | hgroup { |
621 | position: absolute; | 633 | position: absolute; |
622 | bottom: 150px; | 634 | bottom: 225px; |
623 | } | 635 | } |
624 | } | 636 | } |
625 | 637 | ||
@@ -653,8 +665,7 @@ aside.gdbar { | |||
653 | top: 125px; | 665 | top: 125px; |
654 | @include border-radius(0 10px 10px 0); | 666 | @include border-radius(0 10px 10px 0); |
655 | @include background(linear-gradient(left, $gray-1, $gray-1) no-repeat); | 667 | @include background(linear-gradient(left, $gray-1, $gray-1) no-repeat); |
656 | @include background-size(100% 100%); | 668 | @include background-size(0% 100%); |
657 | background-size: 0 100%; | ||
658 | @include transition(all 0.5s ease-out 0.5s); /* Better to transition only on background-size, but not sure how to do that with the mixin. */ | 669 | @include transition(all 0.5s ease-out 0.5s); /* Better to transition only on background-size, but not sure how to do that with the mixin. */ |
659 | 670 | ||
660 | &.right { | 671 | &.right { |
@@ -687,6 +698,8 @@ aside.gdbar { | |||
687 | .title-slide { | 698 | .title-slide { |
688 | 699 | ||
689 | hgroup { | 700 | hgroup { |
701 | bottom: 100px; | ||
702 | |||
690 | h1 { | 703 | h1 { |
691 | font-size: 65px; | 704 | font-size: 65px; |
692 | line-height: 1.4; | 705 | line-height: 1.4; |