Hook up slide enter/leave events. gdevs grey icon bar slides in. Branding updates in footer. Other style updates (more sassy!)

3 files changed, 867 insertions, 1793 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 1dec5ee..40b4f77 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -1,17 +1,82 @@
+/* line 17, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/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,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* line 20, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/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 */
+ol, ul {
+  list-style: none;
+}
+
+/* line 24, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/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 */
+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 */
+q, blockquote {
+  quotes: none;
+}
+/* line 101, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/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 */
+a img {
+  border: none;
+}
+
+/* line 114, ../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+  display: block;
+}
+
 /**
  * Base SlideDeck Styles
  */
-/* line 22, ../sass/_base.scss */
+/* line 34, ../sass/_base.scss */
 html {
   height: 100%;
   overflow: hidden;
 }
 
-/* line 27, ../sass/_base.scss */
+/* line 39, ../sass/_base.scss */
 body {
   margin: 0;
   padding: 0;
-  display: block !important;
+  opacity: 1 !important;
   height: 100%;
   min-height: 740px;
   overflow-x: hidden;
@@ -21,9 +86,18 @@ body {
   -moz-font-smoothing: antialiased;
   -ms-font-smoothing: antialiased;
   -o-font-smoothing: antialiased;
+  -moz-transition: opacity 600ms ease-in;
+  -webkit-transition: opacity 600ms ease-in;
+  -o-transition: opacity 600ms ease-in;
+  transition: opacity 600ms ease-in;
+}
+
+/* line 57, ../sass/_base.scss */
+slides > slide[hidden] {
+  display: none !important;
 }
 
-/* line 43, ../sass/_base.scss */
+/* line 61, ../sass/_base.scss */
 slides {
   width: 100%;
   height: 100%;
@@ -41,7 +115,7 @@ slides {
   transform-style: preserve-3d;
 }
 
-/* line 54, ../sass/_base.scss */
+/* line 72, ../sass/_base.scss */
 slides > slide {
   display: block;
   position: absolute;
@@ -91,7 +165,7 @@ slides > slide {
   margin-left: 500px;
 }*/
 /* Slide styles */
-/* line 104, ../sass/_base.scss */
+/* line 122, ../sass/_base.scss */
 article.fill iframe {
   position: absolute;
   left: 0;
@@ -109,7 +183,7 @@ article.fill iframe {
   z-index: -1;
 }
 
-/* line 119, ../sass/_base.scss */
+/* line 137, ../sass/_base.scss */
 slide.fill {
   background-repeat: no-repeat;
   -moz-background-size: cover;
@@ -118,7 +192,7 @@ slide.fill {
   background-size: cover;
 }
 
-/* line 124, ../sass/_base.scss */
+/* line 142, ../sass/_base.scss */
 slide.fill img {
   position: absolute;
   left: 0;
@@ -131,25 +205,25 @@ slide.fill img {
 /**
  * Theme Styles
  */
-/* line 6, ../sass/default.scss */
+/* line 38, ../sass/default.scss */
 ::selection {
   color: white;
-  background-color: red;
+  background-color: #ffd14d;
   text-shadow: none;
 }
 
-/* line 12, ../sass/default.scss */
+/* line 44, ../sass/default.scss */
 body {
-  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #0c54ab));
-  background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
-  background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
-  background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
-  background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
-  background-image: radial-gradient(50% 50%, #b1dfff 0%, #0c54ab 600px);
+  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #4387fd), color-stop(100%, #2a7cdf));
+  background-image: -webkit-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
+  background-image: -moz-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
+  background-image: -o-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
+  background-image: -ms-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
+  background-image: radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px);
   background-attachment: fixed;
 }
 
-/* line 17, ../sass/default.scss */
+/* line 51, ../sass/default.scss */
 slides > slide {
   width: 900px;
   height: 700px;
@@ -157,415 +231,323 @@ slides > slide {
   margin-top: -350px;
   padding: 40px 60px;
   background-color: white;
-  -moz-border-radius: 10px;
-  -webkit-border-radius: 10px;
-  -o-border-radius: 10px;
-  -ms-border-radius: 10px;
-  -khtml-border-radius: 10px;
-  border-radius: 10px;
-  -moz-box-shadow: 5px 5px 20px black;
-  -webkit-box-shadow: 5px 5px 20px black;
-  -o-box-shadow: 5px 5px 20px black;
-  box-shadow: 5px 5px 20px black;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -o-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+  -moz-box-shadow: 3px 3px 20px #515151;
+  -webkit-box-shadow: 3px 3px 20px #515151;
+  -o-box-shadow: 3px 3px 20px #515151;
+  box-shadow: 3px 3px 20px #515151;
   -moz-transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
 }