From 31ea3d93f19250eef47f3345c3043c890ac31442 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Mon, 29 Apr 2013 18:08:34 -0700 Subject: Adding bottom grey footer --- theme/scss/io2013.scss | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) (limited to 'theme/scss/io2013.scss') diff --git a/theme/scss/io2013.scss b/theme/scss/io2013.scss index c728cfb..1bab7b0 100644 --- a/theme/scss/io2013.scss +++ b/theme/scss/io2013.scss @@ -1,4 +1,5 @@ @import "compass/css3/background-size"; +@import "compass/css3/box-sizing"; @import "variables"; @@ -19,6 +20,31 @@ q, blockquote { slides > slide { color: $gray-4; + + $grayBarHeight: 90px; + + // Grey bottom bar. + &:not(.nobackground) { + &:before { + background: none; + background-color: $gray-1; + height: $grayBarHeight; + left: 0; + width: 100%; + bottom: 0; + } + &:after { + background: url(../../images/google_developers_icon_128.png) no-repeat 0 0; + @include background-size($brand-small-icon-size); + background-position: $slide-left-right-padding 50%; + left: 0; + bottom: $grayBarHeight; + width: 100%; + @include box-sizing(border-box); + text-align: right; + padding-right: $slide-left-right-padding; + } + } &.title-slide { &:after { @@ -48,4 +74,17 @@ slides > slide { } } } + + .source { + bottom: $grayBarHeight + 40; + } + + > article:only-child { + height: 88% + } + + > article:only-child > iframe { + height: 100%; + } + } \ No newline at end of file -- cgit v1.2.3