From ba011027cea557a78a400959f9f04a8de456947e Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Tue, 10 Apr 2012 16:41:02 -0700 Subject: Clean up up .sass file. Speaker notes and code highlighting toggles off when slide move --- theme/css/default.css | 623 +++++++++++++++++++++++------------------------- theme/sass/default.scss | 166 ++++++------- 2 files changed, 375 insertions(+), 414 deletions(-) (limited to 'theme') diff --git a/theme/css/default.css b/theme/css/default.css index d82a3c2..262e2a2 100644 --- a/theme/css/default.css +++ b/theme/css/default.css @@ -1,4 +1,4 @@ -/* line 17, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 17, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -20,45 +20,45 @@ time, mark, audio, video { vertical-align: baseline; } -/* line 20, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 20, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ body { line-height: 1; } -/* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 24, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 26, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 28, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } -/* line 101, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 101, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 114, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 114, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } @@ -86,8 +86,9 @@ body { -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; - -moz-transition: opacity 800ms ease-in; -webkit-transition: opacity 800ms ease-in; + -moz-transition: opacity 800ms ease-in; + -ms-transition: opacity 800ms ease-in; -o-transition: opacity 800ms ease-in; transition: opacity 800ms ease-in; } @@ -104,10 +105,10 @@ slides { position: absolute; left: 0; top: 0; - -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1000; perspective: 1000; @@ -122,9 +123,8 @@ slides > slide { overflow: hidden; left: 50%; top: 50%; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - -ms-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } @@ -174,11 +174,10 @@ article.fill iframe { height: 100%; border: 0; margin: 0; - -moz-border-radius: 10px; -webkit-border-radius: 10px; - -o-border-radius: 10px; + -moz-border-radius: 10px; -ms-border-radius: 10px; - -khtml-border-radius: 10px; + -o-border-radius: 10px; border-radius: 10px; z-index: -1; } @@ -186,8 +185,8 @@ article.fill iframe { /* line 145, ../sass/_base.scss */ slide.fill { background-repeat: no-repeat; - -moz-background-size: cover; -webkit-background-size: cover; + -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @@ -226,9 +225,8 @@ slide.fill img { border: solid transparent; min-height: 28px; padding: 100px 0 0; - -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); - -o-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); + -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); border-width: 1px 1px 1px 6px; } @@ -269,309 +267,285 @@ body { /* line 83, ../sass/default.scss */ slides > slide { + display: none; + font-family: 'Open Sans', Arial, sans-serif; + font-size: 26px; + color: #797979; + background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6)); + background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); + background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); + background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); + background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); + background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); + background-color: white; width: 900px; height: 700px; margin-left: -450px; margin-top: -350px; padding: 40px 60px; - background-color: white; - font-size: 26px; - -moz-border-radius: 5px; -webkit-border-radius: 5px; - -o-border-radius: 5px; + -moz-border-radius: 5px; -ms-border-radius: 5px; - -khtml-border-radius: 5px; + -o-border-radius: 5px; border-radius: 5px; - -moz-box-shadow: 5px 5px 20px #515151; -webkit-box-shadow: 5px 5px 20px #515151; - -o-box-shadow: 5px 5px 20px #515151; + -moz-box-shadow: 5px 5px 20px #515151; box-shadow: 5px 5px 20px #515151; - -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } - -/* line 99, ../sass/default.scss */ -slides.layout-widescreen > slide { - margin-left: -550px; - width: 1100px; -} - /* line 104, ../sass/default.scss */ -slides.layout-faux-widescreen > slide { - margin-left: -550px; - width: 1100px; - padding: 40px 160px; -} - -/*slides.nobackground slide:not(.fill) { - background: url(/images/devfest_logo_small.png) 98% 99% no-repeat, - url(/images/bubbles.png) 5% -125px no-repeat, - url(/images/colorbar.png) 0 91% repeat-x, - white !important; -} - -slides.nobackground slide:not(.fill)::after, -slides.nobackground slide:not(.fill)::before { - color: inherit !important; -} -*/ -/* line 130, ../sass/default.scss */ -slides > slide:not(.fill):not(.nobackground):before { - font-size: 12pt; - content: "#io2012"; - position: absolute; - bottom: 20px; - left: 60px; - background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%; - -moz-background-size: 30px 30px; - -webkit-background-size: 30px 30px; - -o-background-size: 30px 30px; - background-size: 30px 30px; - padding-left: 40px; - height: 30px; - line-height: 1.9; -} -/* line 142, ../sass/default.scss */ -slides > slide:not(.fill):not(.nobackground):after { - font-size: 12pt; - content: attr(data-slide-num) "/" attr(data-total-slides); - position: absolute; - bottom: 20px; - right: 60px; - line-height: 1.9; -} - -/* line 153, ../sass/default.scss */ -slides > slide.title-slide:after { - content: ''; - background: url(../../images/io2012_logo.png) no-repeat 100% 50%; - -moz-background-size: contain; - -webkit-background-size: contain; - -o-background-size: contain; - background-size: contain; - position: absolute; - bottom: 40px; - right: 40px; - width: 100%; - height: 60px; -} - -/*slides.layout-widescreen > slide:not(.nobackground), -slides.layout-faux-widescreen > slide:not(.nobackground) { - background-position-x: 0, 840px; -}*/ -/* Slides */ -/* line 172, ../sass/default.scss */ -slides > slide { - display: none; - font-family: 'Open Sans', Arial, sans-serif; - color: #797979; - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6)); - background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); - background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); - background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); - background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); - background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); -} -/* line 182, ../sass/default.scss */ slides > slide.far-past { display: block; - -moz-transform: translate(-2040px); -webkit-transform: translate(-2040px); - -o-transform: translate(-2040px); + -moz-transform: translate(-2040px); -ms-transform: translate(-2040px); + -o-transform: translate(-2040px); transform: translate(-2040px); - -moz-transform: translate3d(-2040px, 0, 0); -webkit-transform: translate3d(-2040px, 0, 0); - -o-transform: translate3d(-2040px, 0, 0); + -moz-transform: translate3d(-2040px, 0, 0); -ms-transform: translate3d(-2040px, 0, 0); + -o-transform: translate3d(-2040px, 0, 0); transform: translate3d(-2040px, 0, 0); } -/* line 188, ../sass/default.scss */ +/* line 110, ../sass/default.scss */ slides > slide.past { display: block; - -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); -webkit-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); - -o-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); + -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); -ms-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); + -o-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); transform: translate(-1020px) rotateY(30deg) rotateX(45deg); - -moz-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); -webkit-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); - -o-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); + -moz-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); + -o-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); } -/* line 194, ../sass/default.scss */ +/* line 116, ../sass/default.scss */ slides > slide.current { display: block; - -moz-transform: translate(0); -webkit-transform: translate(0); - -o-transform: translate(0); + -moz-transform: translate(0); -ms-transform: translate(0); + -o-transform: translate(0); transform: translate(0); - -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } -/* line 199, ../sass/default.scss */ +/* line 121, ../sass/default.scss */ slides > slide.current .auto-fadein { opacity: 1; } -/* line 203, ../sass/default.scss */ +/* line 125, ../sass/default.scss */ slides > slide.current .gdbar { - -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; + -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } -/* line 208, ../sass/default.scss */ +/* line 130, ../sass/default.scss */ slides > slide.next { display: block; - -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); -webkit-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); - -o-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); + -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); -ms-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); + -o-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); transform: translate(1020px) rotateY(-30deg) rotateX(45deg); - -moz-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); -webkit-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); - -o-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); + -moz-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); + -o-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); } -/* line 214, ../sass/default.scss */ +/* line 136, ../sass/default.scss */ slides > slide.far-next { display: block; - -moz-transform: translate(2040px); -webkit-transform: translate(2040px); - -o-transform: translate(2040px); + -moz-transform: translate(2040px); -ms-transform: translate(2040px); + -o-transform: translate(2040px); transform: translate(2040px); - -moz-transform: translate3d(2040px, 0, 0); -webkit-transform: translate3d(2040px, 0, 0); - -o-transform: translate3d(2040px, 0, 0); + -moz-transform: translate3d(2040px, 0, 0); -ms-transform: translate3d(2040px, 0, 0); + -o-transform: translate3d(2040px, 0, 0); transform: translate3d(2040px, 0, 0); } -/* line 220, ../sass/default.scss */ +/* line 142, ../sass/default.scss */ slides > slide.dark { background: #515151; } -/* line 224, ../sass/default.scss */ +/* line 150, ../sass/default.scss */ +slides > slide:not(.fill):not(.nobackground):before { + font-size: 12pt; + content: "#io2012"; + position: absolute; + bottom: 20px; + left: 60px; + background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%; + -webkit-background-size: 30px 30px; + -moz-background-size: 30px 30px; + -o-background-size: 30px 30px; + background-size: 30px 30px; + padding-left: 40px; + height: 30px; + line-height: 1.9; +} +/* line 162, ../sass/default.scss */ +slides > slide:not(.fill):not(.nobackground):after { + font-size: 12pt; + content: attr(data-slide-num) "/" attr(data-total-slides); + position: absolute; + bottom: 20px; + right: 60px; + line-height: 1.9; +} +/* line 173, ../sass/default.scss */ +slides > slide.title-slide:after { + content: ''; + background: url(../../images/io2012_logo.png) no-repeat 100% 50%; + -webkit-background-size: contain; + -moz-background-size: contain; + -o-background-size: contain; + background-size: contain; + position: absolute; + bottom: 40px; + right: 40px; + width: 100%; + height: 60px; +} +/* line 185, ../sass/default.scss */ slides > slide > hgroup + article { margin-top: 45px; } -/* line 227, ../sass/default.scss */ +/* line 188, ../sass/default.scss */ slides > slide > hgroup + article p { margin-bottom: 1em; } -/* line 232, ../sass/default.scss */ +/* line 193, ../sass/default.scss */ slides > slide > article:only-child > iframe { height: 100%; } -/* line 242, ../sass/default.scss */ +/* line 198, ../sass/default.scss */ +slides.layout-widescreen > slide { + margin-left: -550px; + width: 1100px; +} + +/* line 203, ../sass/default.scss */ +slides.layout-faux-widescreen > slide { + margin-left: -550px; + width: 1100px; + padding: 40px 160px; +} + +/* line 214, ../sass/default.scss */ slides.layout-widescreen > slide.far-past, slides.layout-faux-widescreen > slide.far-past { display: block; - -moz-transform: translate(-2260px); -webkit-transform: translate(-2260px); - -o-transform: translate(-2260px); + -moz-transform: translate(-2260px); -ms-transform: translate(-2260px); + -o-transform: translate(-2260px); transform: translate(-2260px); - -moz-transform: translate3d(-2260px, 0, 0); -webkit-transform: translate3d(-2260px, 0, 0); - -o-transform: translate3d(-2260px, 0, 0); + -moz-transform: translate3d(-2260px, 0, 0); -ms-transform: translate3d(-2260px, 0, 0); + -o-transform: translate3d(-2260px, 0, 0); transform: translate3d(-2260px, 0, 0); } -/* line 248, ../sass/default.scss */ +/* line 220, ../sass/default.scss */ slides.layout-widescreen > slide.past, slides.layout-faux-widescreen > slide.past { display: block; - -moz-transform: translate(-1130px); -webkit-transform: translate(-1130px); - -o-transform: translate(-1130px); + -moz-transform: translate(-1130px); -ms-transform: translate(-1130px); + -o-transform: translate(-1130px); transform: translate(-1130px); - -moz-transform: translate3d(-1130px, 0, 0); -webkit-transform: translate3d(-1130px, 0, 0); - -o-transform: translate3d(-1130px, 0, 0); + -moz-transform: translate3d(-1130px, 0, 0); -ms-transform: translate3d(-1130px, 0, 0); + -o-transform: translate3d(-1130px, 0, 0); transform: translate3d(-1130px, 0, 0); } -/* line 254, ../sass/default.scss */ +/* line 226, ../sass/default.scss */ slides.layout-widescreen > slide.current, slides.layout-faux-widescreen > slide.current { display: block; - -moz-transform: translate(0); -webkit-transform: translate(0); - -o-transform: translate(0); + -moz-transform: translate(0); -ms-transform: translate(0); + -o-transform: translate(0); transform: translate(0); - -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } -/* line 260, ../sass/default.scss */ +/* line 232, ../sass/default.scss */ slides.layout-widescreen > slide.next, slides.layout-faux-widescreen > slide.next { display: block; - -moz-transform: translate(1130px); -webkit-transform: translate(1130px); - -o-transform: translate(1130px); + -moz-transform: translate(1130px); -ms-transform: translate(1130px); + -o-transform: translate(1130px); transform: translate(1130px); - -moz-transform: translate3d(1130px, 0, 0); -webkit-transform: translate3d(1130px, 0, 0); - -o-transform: translate3d(1130px, 0, 0); + -moz-transform: translate3d(1130px, 0, 0); -ms-transform: translate3d(1130px, 0, 0); + -o-transform: translate3d(1130px, 0, 0); transform: translate3d(1130px, 0, 0); } -/* line 266, ../sass/default.scss */ +/* line 238, ../sass/default.scss */ slides.layout-widescreen > slide.far-next, slides.layout-faux-widescreen > slide.far-next { display: block; - -moz-transform: translate(2260px); -webkit-transform: translate(2260px); - -o-transform: translate(2260px); + -moz-transform: translate(2260px); -ms-transform: translate(2260px); + -o-transform: translate(2260px); transform: translate(2260px); - -moz-transform: translate3d(2260px, 0, 0); -webkit-transform: translate3d(2260px, 0, 0); - -o-transform: translate3d(2260px, 0, 0); + -moz-transform: translate3d(2260px, 0, 0); -ms-transform: translate3d(2260px, 0, 0); + -o-transform: translate3d(2260px, 0, 0); transform: translate3d(2260px, 0, 0); } -/* line 273, ../sass/default.scss */ +/* line 245, ../sass/default.scss */ b { font-weight: 600; } -/* line 277, ../sass/default.scss */ +/* line 249, ../sass/default.scss */ a { color: #2a7cdf; text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid rgba(42, 124, 223, 0.5); } -/* line 283, ../sass/default.scss */ +/* line 255, ../sass/default.scss */ a:hover { color: black !important; } -/* line 288, ../sass/default.scss */ +/* line 260, ../sass/default.scss */ h1, h2, h3 { font-weight: 600; } -/* line 292, ../sass/default.scss */ +/* line 264, ../sass/default.scss */ h2 { font-size: 45px; line-height: 45px; @@ -579,7 +553,7 @@ h2 { color: #515151; } -/* line 299, ../sass/default.scss */ +/* line 271, ../sass/default.scss */ h3 { font-size: 30px; letter-spacing: -1px; @@ -588,52 +562,53 @@ h3 { color: #797979; } -/* line 307, ../sass/default.scss */ +/* line 279, ../sass/default.scss */ ul { margin-left: 1.2em; margin-bottom: 1em; position: relative; } -/* line 312, ../sass/default.scss */ +/* line 284, ../sass/default.scss */ ul li { margin-bottom: 0.5em; } -/* line 315, ../sass/default.scss */ +/* line 287, ../sass/default.scss */ ul li ul { margin-left: 2em; margin-bottom: 0; } -/* line 319, ../sass/default.scss */ +/* line 291, ../sass/default.scss */ ul li ul li:before { content: '-'; font-weight: 600; } -/* line 326, ../sass/default.scss */ +/* line 298, ../sass/default.scss */ ul > li:before { content: '·'; margin-left: -1em; position: absolute; font-weight: 600; } -/* line 334, ../sass/default.scss */ +/* line 305, ../sass/default.scss */ ul ul { margin-top: .5em; } -/* line 340, ../sass/default.scss */ -.highlight-code pre > * { +/* line 312, ../sass/default.scss */ +.highlight-code slide.current pre > * { opacity: 0.25; - -moz-transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; + -moz-transition: opacity 0.5s ease-in; + -ms-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } -/* line 344, ../sass/default.scss */ -.highlight-code b { +/* line 316, ../sass/default.scss */ +.highlight-code slide.current b { opacity: 1; } -/* line 349, ../sass/default.scss */ +/* line 321, ../sass/default.scss */ pre { font-family: 'Inconsolata', 'Courier New', monospace; font-size: 20px; @@ -645,13 +620,12 @@ pre { background-color: #e6e6e6; left: -60px; position: relative; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - -ms-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; /*overflow: hidden;*/ } -/* line 363, ../sass/default.scss */ +/* line 335, ../sass/default.scss */ pre:after { content: attr(data-lang); background-color: #a9a9a9; @@ -664,36 +638,35 @@ pre:after { text-transform: uppercase; } -/* line 376, ../sass/default.scss */ +/* line 348, ../sass/default.scss */ code { font-size: 95%; font-family: 'Inconsolata', 'Courier New', monospace; color: black; } -/* line 382, ../sass/default.scss */ +/* line 354, ../sass/default.scss */ iframe { width: 100%; height: 530px; background: white; border: 1px solid #e6e6e6; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - -ms-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } -/* line 390, ../sass/default.scss */ +/* line 362, ../sass/default.scss */ dt { font-weight: bold; } -/* line 394, ../sass/default.scss */ +/* line 366, ../sass/default.scss */ h3 + iframe { height: 540px; } -/* line 398, ../sass/default.scss */ +/* line 370, ../sass/default.scss */ button { display: inline-block; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9), color-stop(70%, #e3e3e3)); @@ -703,18 +676,16 @@ button { background: -ms-linear-gradient(#f9f9f9 40%, #e3e3e3 70%); background: linear-gradient(#f9f9f9 40%, #e3e3e3 70%); border: 1px solid #999; - -moz-border-radius: 3px; -webkit-border-radius: 3px; - -o-border-radius: 3px; + -moz-border-radius: 3px; -ms-border-radius: 3px; - -khtml-border-radius: 3px; + -o-border-radius: 3px; border-radius: 3px; padding: 5px 8px; outline: none; white-space: nowrap; - -moz-user-select: none; -webkit-user-select: none; - -khtml-user-select: none; + -moz-user-select: none; user-select: none; cursor: pointer; text-shadow: 1px 1px white; @@ -722,12 +693,12 @@ button { font-size: 10pt; } -/* line 413, ../sass/default.scss */ +/* line 385, ../sass/default.scss */ button:hover { border-color: black; } -/* line 417, ../sass/default.scss */ +/* line 389, ../sass/default.scss */ button:active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3), color-stop(70%, #f9f9f9)); background: -webkit-linear-gradient(#e3e3e3 40%, #f9f9f9 70%); @@ -737,95 +708,95 @@ button:active { background: linear-gradient(#e3e3e3 40%, #f9f9f9 70%); } -/* line 421, ../sass/default.scss */ +/* line 393, ../sass/default.scss */ .blue { color: #4387fd; } -/* line 424, ../sass/default.scss */ +/* line 396, ../sass/default.scss */ .blue2 { color: #3c8ef3; } -/* line 427, ../sass/default.scss */ +/* line 399, ../sass/default.scss */ .blue3 { color: #2a7cdf; } -/* line 430, ../sass/default.scss */ +/* line 402, ../sass/default.scss */ .yellow { color: #ffd14d; } -/* line 433, ../sass/default.scss */ +/* line 405, ../sass/default.scss */ .yellow2 { color: #f9cc46; } -/* line 436, ../sass/default.scss */ +/* line 408, ../sass/default.scss */ .yellow3 { color: #f6c000; } -/* line 439, ../sass/default.scss */ +/* line 411, ../sass/default.scss */ .green { color: #0da861; } -/* line 442, ../sass/default.scss */ +/* line 414, ../sass/default.scss */ .green2 { color: #00a86d; } -/* line 445, ../sass/default.scss */ +/* line 417, ../sass/default.scss */ .green3 { color: #009f5d; } -/* line 448, ../sass/default.scss */ +/* line 420, ../sass/default.scss */ .red { color: #f44a3f; } -/* line 451, ../sass/default.scss */ +/* line 423, ../sass/default.scss */ .red2 { color: #e0543e; } -/* line 454, ../sass/default.scss */ +/* line 426, ../sass/default.scss */ .red3 { color: #d94d3a; } -/* line 457, ../sass/default.scss */ +/* line 429, ../sass/default.scss */ .gray { color: #e6e6e6; } -/* line 460, ../sass/default.scss */ +/* line 432, ../sass/default.scss */ .gray2 { color: #a9a9a9; } -/* line 463, ../sass/default.scss */ +/* line 435, ../sass/default.scss */ .gray3 { color: #797979; } -/* line 466, ../sass/default.scss */ +/* line 438, ../sass/default.scss */ .gray4 { color: #515151; } -/* line 470, ../sass/default.scss */ +/* line 442, ../sass/default.scss */ .columns-2 { - -moz-column-count: 2; -webkit-column-count: 2; + -moz-column-count: 2; -o-column-count: 2; column-count: 2; } -/* line 474, ../sass/default.scss */ +/* line 446, ../sass/default.scss */ table { width: 100%; border-collapse: -moz-initial; @@ -833,16 +804,16 @@ table { border-spacing: 2px; border-bottom: 1px solid #797979; } -/* line 481, ../sass/default.scss */ +/* line 453, ../sass/default.scss */ table tr > td:first-child, table th { font-weight: 600; color: #515151; } -/* line 486, ../sass/default.scss */ +/* line 458, ../sass/default.scss */ table tr:nth-child(odd) { background-color: #e6e6e6; } -/* line 490, ../sass/default.scss */ +/* line 462, ../sass/default.scss */ table th { color: white; font-size: 18px; @@ -853,12 +824,12 @@ table th { background: -ms-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat; background: linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat; } -/* line 496, ../sass/default.scss */ +/* line 468, ../sass/default.scss */ table td, table th { font-size: 18px; padding: 1em 0.5em; } -/* line 501, ../sass/default.scss */ +/* line 473, ../sass/default.scss */ table td.highlight { color: #515151; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #ffd14d), color-stop(80%, #f6c000)) no-repeat; @@ -868,40 +839,39 @@ table td.highlight { background: -ms-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat; background: linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat; } -/* line 506, ../sass/default.scss */ +/* line 478, ../sass/default.scss */ table.rows { border-bottom: none; border-right: 1px solid #797979; } -/* line 512, ../sass/default.scss */ +/* line 484, ../sass/default.scss */ q { font-size: 45px; line-height: 72px; } -/* line 516, ../sass/default.scss */ +/* line 488, ../sass/default.scss */ q:before { content: '“'; position: absolute; margin-left: -0.5em; } -/* line 521, ../sass/default.scss */ +/* line 493, ../sass/default.scss */ q:after { content: '”'; position: absolute; margin-left: 0.1em; } -/* line 528, ../sass/default.scss */ +/* line 500, ../sass/default.scss */ slide.fill { - -moz-border-radius: 5px; -webkit-border-radius: 5px; - -o-border-radius: 5px; + -moz-border-radius: 5px; -ms-border-radius: 5px; - -khtml-border-radius: 5px; + -o-border-radius: 5px; border-radius: 5px; } -/* line 531, ../sass/default.scss */ +/* line 503, ../sass/default.scss */ slide.fill h3 { background: rgba(255, 255, 255, 0.75); padding-top: .2em; @@ -912,7 +882,7 @@ slide.fill h3 { margin-right: -60px; padding-right: 60px; } -/* line 542, ../sass/default.scss */ +/* line 514, ../sass/default.scss */ slide.fill h4 { display: inline; position: absolute; @@ -921,89 +891,90 @@ slide.fill h4 { } /* Size variants */ -/* line 553, ../sass/default.scss */ +/* line 525, ../sass/default.scss */ article.smaller p, article.smaller ul { font-size: 20px; line-height: 24px; letter-spacing: 0; } -/* line 559, ../sass/default.scss */ +/* line 531, ../sass/default.scss */ article.smaller table td, article.smaller table th { font-size: 14px; } -/* line 563, ../sass/default.scss */ +/* line 535, ../sass/default.scss */ article.smaller pre { font-size: 15px; line-height: 20px; letter-spacing: 0; } -/* line 568, ../sass/default.scss */ +/* line 540, ../sass/default.scss */ article.smaller q { font-size: 40px; line-height: 48px; } -/* line 572, ../sass/default.scss */ +/* line 544, ../sass/default.scss */ article.smaller q:before, article.smaller q:after { font-size: 60px; } /* Builds */ -/* line 581, ../sass/default.scss */ +/* line 553, ../sass/default.scss */ .build > * { - -moz-transition: opacity 0.5s ease-in-out 0.2s; -webkit-transition: opacity 0.5s ease-in-out 0.2s; + -moz-transition: opacity 0.5s ease-in-out 0.2s; + -ms-transition: opacity 0.5s ease-in-out 0.2s; -o-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s; } -/* line 585, ../sass/default.scss */ +/* line 557, ../sass/default.scss */ .build .to-build { opacity: 0; } -/* line 589, ../sass/default.scss */ +/* line 561, ../sass/default.scss */ .build .build-fade { opacity: 0.3; } -/* line 592, ../sass/default.scss */ +/* line 564, ../sass/default.scss */ .build .build-fade:hover { opacity: 1.0; } /* Pretty print */ -/* line 601, ../sass/default.scss */ +/* line 573, ../sass/default.scss */ .prettyprint .str, .prettyprint .atv { /* a markup attribute value */ color: #009f5d; } -/* line 605, ../sass/default.scss */ +/* line 577, ../sass/default.scss */ .prettyprint .kwd, .prettyprint .tag { /* a markup tag name */ color: #0066cc; } -/* line 608, ../sass/default.scss */ +/* line 580, ../sass/default.scss */ .prettyprint .com { /* a comment */ color: #797979; font-style: italic; } -/* line 612, ../sass/default.scss */ +/* line 584, ../sass/default.scss */ .prettyprint .lit { /* a literal value */ color: #7f0000; } -/* line 617, ../sass/default.scss */ +/* line 589, ../sass/default.scss */ .prettyprint .pun, .prettyprint .opn, .prettyprint .clo { color: #515151; } -/* line 623, ../sass/default.scss */ +/* line 595, ../sass/default.scss */ .prettyprint .typ, .prettyprint .atn, .prettyprint .dec, @@ -1012,18 +983,31 @@ article.smaller q:before, article.smaller q:after { color: #d94d3a; } -/* line 626, ../sass/default.scss */ +/* line 598, ../sass/default.scss */ .prettyprint .pln { color: #515151; } -/* line 630, ../sass/default.scss */ +/* line 604, ../sass/default.scss */ +.with-notes slide.current { + -webkit-transform: rotateY(180deg) !important; + -moz-transform: rotateY(180deg) !important; + -ms-transform: rotateY(180deg) !important; + -o-transform: rotateY(180deg) !important; + transform: rotateY(180deg) !important; +} +/* line 607, ../sass/default.scss */ .with-notes .note { opacity: 1; + -webkit-transform: rotateY(180deg); + -moz-transform: rotateY(180deg); + -ms-transform: rotateY(180deg); + -o-transform: rotateY(180deg); + transform: rotateY(180deg); pointer-events: auto; } -/* line 635, ../sass/default.scss */ +/* line 614, ../sass/default.scss */ .note { position: absolute; z-index: 100; @@ -1032,64 +1016,62 @@ article.smaller q:before, article.smaller q:after { top: 0; left: 0; background: rgba(0, 0, 0, 0.3); + opacity: 0; + pointer-events: none; display: -webkit-box !important; display: -moz-box !important; display: -ms-box !important; display: -o-box !important; display: box !important; - -moz-box-orient: vertical; -webkit-box-orient: vertical; + -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; - -moz-box-align: center; -webkit-box-align: center; + -moz-box-align: center; -ms-box-align: center; box-align: center; - -moz-box-pack: center; -webkit-box-pack: center; + -moz-box-pack: center; -ms-box-pack: center; box-pack: center; - pointer-events: none; - -moz-transition: all 0.2s ease-in-out; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - opacity: 0; - -moz-border-radius: 5px; + -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; + -moz-transition: -moz-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; + -ms-transition: -ms-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; + -o-transition: -o-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; + transition: transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; -webkit-border-radius: 5px; - -o-border-radius: 5px; + -moz-border-radius: 5px; -ms-border-radius: 5px; - -khtml-border-radius: 5px; + -o-border-radius: 5px; border-radius: 5px; } -/* line 652, ../sass/default.scss */ +/* line 630, ../sass/default.scss */ .note > section { background: #fff; - -moz-border-radius: 5px; -webkit-border-radius: 5px; - -o-border-radius: 5px; + -moz-border-radius: 5px; -ms-border-radius: 5px; - -khtml-border-radius: 5px; + -o-border-radius: 5px; border-radius: 5px; - -moz-box-shadow: 0 0 10px #797979; -webkit-box-shadow: 0 0 10px #797979; - -o-box-shadow: 0 0 10px #797979; + -moz-box-shadow: 0 0 10px #797979; box-shadow: 0 0 10px #797979; width: 60%; padding: 2em; } -/* line 661, ../sass/default.scss */ +/* line 639, ../sass/default.scss */ input, button { vertical-align: middle; } -/* line 665, ../sass/default.scss */ +/* line 643, ../sass/default.scss */ .centered { text-align: center; } -/* line 669, ../sass/default.scss */ +/* line 647, ../sass/default.scss */ .reflect { -webkit-box-reflect: below 3px -webkit-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); -moz-box-reflect: below 3px -moz-linear-gradient(rgba(255, 255, 255, 0) 85%, white 150%); @@ -1098,7 +1080,7 @@ input, button { box-reflect: below 3px linear-gradient(rgba(255, 255, 255, 0) 85%, #ffffff 150%); } -/* line 677, ../sass/default.scss */ +/* line 655, ../sass/default.scss */ .flexbox { display: -webkit-box !important; display: -moz-box !important; @@ -1107,98 +1089,99 @@ input, button { display: box !important; } -/* line 681, ../sass/default.scss */ +/* line 659, ../sass/default.scss */ .flexbox.vcenter { - -moz-box-orient: vertical; -webkit-box-orient: vertical; + -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; - -moz-box-align: center; -webkit-box-align: center; + -moz-box-align: center; -ms-box-align: center; box-align: center; - -moz-box-pack: center; -webkit-box-pack: center; + -moz-box-pack: center; -ms-box-pack: center; box-pack: center; height: 100%; width: 100%; } -/* line 687, ../sass/default.scss */ +/* line 665, ../sass/default.scss */ .flexbox.vleft { - -moz-box-orient: vertical; -webkit-box-orient: vertical; + -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; - -moz-box-align: left; -webkit-box-align: left; + -moz-box-align: left; -ms-box-align: left; box-align: left; - -moz-box-pack: center; -webkit-box-pack: center; + -moz-box-pack: center; -ms-box-pack: center; box-pack: center; height: 100%; width: 100%; } -/* line 693, ../sass/default.scss */ +/* line 671, ../sass/default.scss */ .auto-fadein { - -moz-transition: opacity 0.6s ease-in 1s; -webkit-transition: opacity 0.6s ease-in 1s; + -moz-transition: opacity 0.6s ease-in 1s; + -ms-transition: opacity 0.6s ease-in 1s; -o-transition: opacity 0.6s ease-in 1s; transition: opacity 0.6s ease-in 1s; opacity: 0; } /* ===== SLIDE CONTENT ===== */ -/* line 700, ../sass/default.scss */ +/* line 678, ../sass/default.scss */ .logoslide img { width: 383px; height: 92px; } -/* line 706, ../sass/default.scss */ +/* line 684, ../sass/default.scss */ .segue { padding: 60px 120px; } -/* line 709, ../sass/default.scss */ +/* line 687, ../sass/default.scss */ .segue h2 { color: #e6e6e6; font-size: 60px; } -/* line 713, ../sass/default.scss */ +/* line 691, ../sass/default.scss */ .segue h3 { color: #e6e6e6; line-height: 2.8; } -/* line 717, ../sass/default.scss */ +/* line 695, ../sass/default.scss */ .segue aside { width: 215px !important; } -/* line 720, ../sass/default.scss */ +/* line 698, ../sass/default.scss */ .segue hgroup { position: absolute; bottom: 225px; } -/* line 726, ../sass/default.scss */ +/* line 704, ../sass/default.scss */ .thank-you-slide { background: #4387fd; color: white; } -/* line 730, ../sass/default.scss */ +/* line 708, ../sass/default.scss */ .thank-you-slide h2 { font-size: 60px; color: inherit; } -/* line 735, ../sass/default.scss */ +/* line 713, ../sass/default.scss */ .thank-you-slide article > p { margin-top: 2em; font-size: 20pt; } -/* line 740, ../sass/default.scss */ +/* line 718, ../sass/default.scss */ .thank-you-slide > p { position: absolute; bottom: 80px; @@ -1206,18 +1189,17 @@ input, button { line-height: 1.3; } -/* line 748, ../sass/default.scss */ +/* line 726, ../sass/default.scss */ aside.gdbar { height: 97px; width: 155px; position: absolute; left: 0; top: 125px; - -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; - -o-border-radius: 0 10px 10px 0; + -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; - -khtml-border-radius: 0 10px 10px 0; + -o-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6e6e6), color-stop(100%, #e6e6e6)) no-repeat; background: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat; @@ -1225,44 +1207,45 @@ aside.gdbar { background: -o-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat; background: -ms-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat; background: linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat; - -moz-background-size: 0% 100%; -webkit-background-size: 0% 100%; + -moz-background-size: 0% 100%; -o-background-size: 0% 100%; background-size: 0% 100%; - -moz-transition: all 0.5s ease-out 0.5s; -webkit-transition: all 0.5s ease-out 0.5s; + -moz-transition: all 0.5s ease-out 0.5s; + -ms-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; 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. */ } -/* line 759, ../sass/default.scss */ +/* line 737, ../sass/default.scss */ aside.gdbar.right { right: 0; left: -moz-initial; left: initial; top: 254px; /* 96 is height of gray icon bar */ - -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); - -o-transform: rotateZ(180deg); + -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); + -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } -/* line 766, ../sass/default.scss */ +/* line 744, ../sass/default.scss */ aside.gdbar.right img { - -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); - -o-transform: rotateZ(180deg); + -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); + -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } -/* line 771, ../sass/default.scss */ +/* line 749, ../sass/default.scss */ aside.gdbar.bottom { top: -moz-initial; top: initial; bottom: 60px; } -/* line 777, ../sass/default.scss */ +/* line 755, ../sass/default.scss */ aside.gdbar img { width: 85px; height: 85px; @@ -1271,24 +1254,24 @@ aside.gdbar img { margin: 8px 15px; } -/* line 788, ../sass/default.scss */ +/* line 766, ../sass/default.scss */ .title-slide hgroup { bottom: 100px; } -/* line 791, ../sass/default.scss */ +/* line 769, ../sass/default.scss */ .title-slide hgroup h1 { font-size: 65px; line-height: 1.4; letter-spacing: -3px; color: #515151; } -/* line 798, ../sass/default.scss */ +/* line 776, ../sass/default.scss */ .title-slide hgroup h2 { font-size: 34px; color: #a9a9a9; font-weight: inherit; } -/* line 804, ../sass/default.scss */ +/* line 782, ../sass/default.scss */ .title-slide hgroup p { font-size: 20px; color: #797979; @@ -1296,11 +1279,11 @@ aside.gdbar img { margin-top: 2em; } -/* line 813, ../sass/default.scss */ +/* line 791, ../sass/default.scss */ .quote { color: #e6e6e6; } -/* line 816, ../sass/default.scss */ +/* line 794, ../sass/default.scss */ .quote .author { font-size: 24px; position: absolute; @@ -1308,12 +1291,12 @@ aside.gdbar img { line-height: 1.4; } -/* line 825, ../sass/default.scss */ +/* line 803, ../sass/default.scss */ [data-config-contact] a { color: white; border-bottom: none; } -/* line 829, ../sass/default.scss */ +/* line 807, ../sass/default.scss */ [data-config-contact] span { width: 115px; display: inline-block; diff --git a/theme/sass/default.scss b/theme/sass/default.scss index 271015c..b7b5ef5 100644 --- a/theme/sass/default.scss +++ b/theme/sass/default.scss @@ -81,99 +81,21 @@ body { } slides > slide { + display: none; + font-family: 'Open Sans', Arial, sans-serif; + font-size: 26px; + color: $gray-3; + @include background(linear-gradient(white, white 85%, $gray-1)); + background-color: white; width: $slide-width; height: $slide-height; margin-left: -$slide-width / 2; margin-top: -$slide-height / 2; - padding: $slide-top-bottom-padding $slide-left-right-padding; - background-color: white; - font-size: 26px; - @include border-radius($slide-border-radius); @include box-shadow(5px 5px 20px $gray-4); @include transition(all 0.3s ease-out); -} - -slides.layout-widescreen > slide { - margin-left: -$slide-width-widescreen / 2; - width: $slide-width-widescreen; -} - -slides.layout-faux-widescreen > slide { - margin-left: -$slide-width-widescreen / 2; - width: $slide-width-widescreen; - padding: $slide-top-bottom-padding 160px; -} - -slides > slide:not(.nobackground):not(.fill) { - //background: white url(../../images/google_developers_icon_128.png) ($brand-small-icon-size * 2) 98% no-repeat; - //@include background-size($brand-small-icon-size $brand-small-icon-size); -} - -/*slides.nobackground slide:not(.fill) { - background: url(/images/devfest_logo_small.png) 98% 99% no-repeat, - url(/images/bubbles.png) 5% -125px no-repeat, - url(/images/colorbar.png) 0 91% repeat-x, - white !important; -} - -slides.nobackground slide:not(.fill)::after, -slides.nobackground slide:not(.fill)::before { - color: inherit !important; -} -*/ - -slides > slide:not(.fill):not(.nobackground) { - - &:before { - font-size: 12pt; - content: $social-tags; - position: absolute; - bottom: $slide-top-bottom-padding / 2; - left: $slide-left-right-padding; - background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%; - @include background-size($brand-small-icon-size $brand-small-icon-size); - padding-left: $brand-small-icon-size + 10; - height: $brand-small-icon-size; - line-height: 1.9; - } - &:after { - font-size: 12pt; - content: attr(data-slide-num) '/' attr(data-total-slides); - position: absolute; - bottom: $slide-top-bottom-padding / 2; - right: $slide-left-right-padding; - line-height: 1.9; - } -} - -slides > slide.title-slide { - &:after { - content: ''; - background: url(../../images/io2012_logo.png) no-repeat 100% 50%; - @include background-size(contain); - position: absolute; - bottom: $slide-top-bottom-padding; - right: $slide-top-bottom-padding; - width: 100%; - height: 60px; - } -} - -/*slides.layout-widescreen > slide:not(.nobackground), -slides.layout-faux-widescreen > slide:not(.nobackground) { - background-position-x: 0, 840px; -}*/ - -/* Slides */ - -slides > slide { - display: none; - font-family: 'Open Sans', Arial, sans-serif; - color: $gray-3; - @include background(linear-gradient(white, white 85%, $gray-1)); $translateX: 1020px; $rotateY: 30deg; @@ -221,6 +143,45 @@ slides > slide { background: $gray-4; } + &:not(.fill):not(.nobackground) { + //background: white url(../../images/google_developers_icon_128.png) ($brand-small-icon-size * 2) 98% no-repeat; + //@include background-size($brand-small-icon-size $brand-small-icon-size); + + &:before { + font-size: 12pt; + content: $social-tags; + position: absolute; + bottom: $slide-top-bottom-padding / 2; + left: $slide-left-right-padding; + background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%; + @include background-size($brand-small-icon-size $brand-small-icon-size); + padding-left: $brand-small-icon-size + 10; + height: $brand-small-icon-size; + line-height: 1.9; + } + &:after { + font-size: 12pt; + content: attr(data-slide-num) '/' attr(data-total-slides); + position: absolute; + bottom: $slide-top-bottom-padding / 2; + right: $slide-left-right-padding; + line-height: 1.9; + } + } + + &.title-slide { + &:after { + content: ''; + background: url(../../images/io2012_logo.png) no-repeat 100% 50%; + @include background-size(contain); + position: absolute; + bottom: $slide-top-bottom-padding; + right: $slide-top-bottom-padding; + width: 100%; + height: 60px; + } + } + > hgroup + article { margin-top: $article-cotent-top-padding; @@ -234,6 +195,17 @@ slides > slide { } } +slides.layout-widescreen > slide { + margin-left: -$slide-width-widescreen / 2; + width: $slide-width-widescreen; +} + +slides.layout-faux-widescreen > slide { + margin-left: -$slide-width-widescreen / 2; + width: $slide-width-widescreen; + padding: $slide-top-bottom-padding 160px; +} + slides.layout-widescreen, slides.layout-faux-widescreen { @@ -325,7 +297,6 @@ ul { > li:before { content: '·'; - //width: 0.5em; margin-left: -1em; position: absolute; font-weight: 600; @@ -336,7 +307,8 @@ ul { } } -.highlight-code { +// Code highlighting only effects the current slide. +.highlight-code slide.current { pre > * { opacity: 0.25; @include transition(opacity 0.5s ease-in); @@ -627,9 +599,16 @@ article.smaller { color: $gray-4; } -.with-notes .note { - opacity: 1; - pointer-events: auto; +// Speaker notes only show the current slide. +.with-notes { + slide.current { + @include transform(rotateY(180deg) !important); + } + .note { + opacity: 1; + @include transform(rotateY(180deg)); + pointer-events: auto; + } } .note { @@ -640,13 +619,12 @@ article.smaller { top: 0; left: 0; background: rgba(0, 0, 0, 0.3); + opacity: 0; + pointer-events: none; @include flexbox; @include flex-center-center; - - pointer-events: none; - @include transition(all 0.2s ease-in-out); - opacity: 0; - + @include transition(transform 0.2s cubic-bezier(.10, .10, .25, .90), + opacity 0.4s ease-in-out 0.4s); @include border-radius($slide-border-radius); > section { -- cgit v1.2.3