More styling. Fixes for FF

3 files changed, 312 insertions, 122 deletions

diff --git a/theme/css/default.css b/theme/css/default.css
index 03e25d1..714af1c 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -66,13 +66,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
 /**
  * Base SlideDeck Styles
  */
-/* line 34, ../sass/_base.scss */
+/* line 42, ../sass/_base.scss */
 html {
   height: 100%;
   overflow: hidden;
 }
 
-/* line 39, ../sass/_base.scss */
+/* line 47, ../sass/_base.scss */
 body {
   margin: 0;
   padding: 0;
@@ -92,12 +92,12 @@ body {
   transition: opacity 800ms ease-in;
 }
 
-/* line 57, ../sass/_base.scss */
+/* line 65, ../sass/_base.scss */
 slides > slide[hidden] {
   display: none !important;
 }
 
-/* line 61, ../sass/_base.scss */
+/* line 69, ../sass/_base.scss */
 slides {
   width: 100%;
   height: 100%;
@@ -115,7 +115,7 @@ slides {
   transform-style: preserve-3d;
 }
 
-/* line 72, ../sass/_base.scss */
+/* line 80, ../sass/_base.scss */
 slides > slide {
   display: block;
   position: absolute;
@@ -165,7 +165,7 @@ slides > slide {
   margin-left: 500px;
 }*/
 /* Slide styles */
-/* line 122, ../sass/_base.scss */
+/* line 130, ../sass/_base.scss */
 article.fill iframe {
   position: absolute;
   left: 0;
@@ -183,7 +183,7 @@ article.fill iframe {
   z-index: -1;
 }
 
-/* line 137, ../sass/_base.scss */
+/* line 145, ../sass/_base.scss */
 slide.fill {
   background-repeat: no-repeat;
   -moz-background-size: cover;
@@ -192,7 +192,7 @@ slide.fill {
   background-size: cover;
 }
 
-/* line 142, ../sass/_base.scss */
+/* line 150, ../sass/_base.scss */
 slide.fill img {
   position: absolute;
   left: 0;
@@ -274,7 +274,7 @@ slides.nobackground slide:not(.fill)::before {
 }
 */
 /* line 98, ../sass/default.scss */
-slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before {
+slides > slide:not(.fill):not(.nobackground):before {
   font-size: 12pt;
   content: "#io2012 @yourtwitter";
   position: absolute;
@@ -290,7 +290,7 @@ slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before {
   line-height: 1.9;
 }
 /* line 110, ../sass/default.scss */
-slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after {
+slides > slide:not(.fill):not(.nobackground):after {
   font-size: 12pt;
   content: attr(data-slide-num) "/" attr(data-total-slides);
   position: absolute;
@@ -387,11 +387,19 @@ slides > slide.far-next {
   transform: translate3d(2040px, 0, 0);
 }
 /* line 168, ../sass/default.scss */
+slides > slide hgroup + article {
+  margin-top: 1.5em;
+}
+/* line 172, ../sass/default.scss */
 slides > slide > article {
   margin-top: 2em;
 }
+/* line 175, ../sass/default.scss */
+slides > slide > article p {
+  margin-bottom: 1em;
+}
 
-/* line 178, ../sass/default.scss */
+/* line 186, ../sass/default.scss */
 slides.layout-widescreen > slide.far-past,
 slides.layout-faux-widescreen > slide.far-past {
   display: block;
@@ -406,7 +414,7 @@ slides.layout-faux-widescreen > slide.far-past {
   -ms-transform: translate3d(-2260px, 0, 0);
   transform: translate3d(-2260px, 0, 0);
 }
-/* line 184, ../sass/default.scss */
+/* line 192, ../sass/default.scss */
 slides.layout-widescreen > slide.past,
 slides.layout-faux-widescreen > slide.past {
   display: block;
@@ -421,7 +429,7 @@ slides.layout-faux-widescreen > slide.past {
   -ms-transform: translate3d(-1130px, 0, 0);
   transform: translate3d(-1130px, 0, 0);
 }
-/* line 190, ../sass/default.scss */
+/* line 198, ../sass/default.scss */
 slides.layout-widescreen > slide.current,
 slides.layout-faux-widescreen > slide.current {
   display: block;
@@ -436,7 +444,7 @@ slides.layout-faux-widescreen > slide.current {
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
-/* line 196, ../sass/default.scss */
+/* line 204, ../sass/default.scss */
 slides.layout-widescreen > slide.next,
 slides.layout-faux-widescreen > slide.next {
   display: block;
@@ -451,7 +459,7 @@ slides.layout-faux-widescreen > slide.next {
   -ms-transform: translate3d(1130px, 0, 0);
   transform: translate3d(1130px, 0, 0);
 }
-/* line 202, ../sass/default.scss */
+/* line 210, ../sass/default.scss */
 slides.layout-widescreen > slide.far-next,
 slides.layout-faux-widescreen > slide.far-next {
   display: block;
@@ -467,30 +475,30 @@ slides.layout-faux-widescreen > slide.far-next {
   transform: translate3d(2260px, 0, 0);
 }
 
-/* line 209, ../sass/default.scss */
+/* line 217, ../sass/default.scss */
 b {
   font-weight: 600;
 }
 
-/* line 213, ../sass/default.scss */
+/* line 221, ../sass/default.scss */
 a {
   color: #0066cc;
 }
-/* line 216, ../sass/default.scss */
+/* line 224, ../sass/default.scss */
 a:visited {
   color: rgba(0, 102, 204, 0.75);
 }
-/* line 220, ../sass/default.scss */
+/* line 228, ../sass/default.scss */
 a:hover {
   color: black;
 }
 
-/* line 225, ../sass/default.scss */
+/* line 233, ../sass/default.scss */
 h1, h2, h3 {
   font-weight: 600;
 }
 
-/* line 229, ../sass/default.scss */
+/* line 237, ../sass/default.scss */
 h2 {
   font-size: 45px;
   line-height: 45px;
@@ -498,10 +506,9 @@ h2 {
   color: #515151;
 }
 
-/* line 243, ../sass/default.scss */
+/* line 244, ../sass/default.scss */
 h3 {
   font-size: 30px;
-  margin: 0 0 1em 0;
   letter-spacing: -1px;
   line-height: 2;
   font-weight: inherit;
@@ -510,48 +517,74 @@ h3 {