aboutsummaryrefslogtreecommitdiff
path: root/theme/sass
diff options
context:
space:
mode:
Diffstat (limited to 'theme/sass')
-rw-r--r--theme/sass/default.scss25
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;
44body { 44body {
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
119slides > 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),
121slides.layout-faux-widescreen > slide:not(.nobackground) { 133slides.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;