Updated slide theme styles.

Author: christinatruong

framework/css/theme-llc.css

@@ -57,6 +57,14 @@ h1, h2 {
 h2 {
   font-size: 40px;
 }
+h2 + pre {
+  margin-top: 25px;
+}
+h2 code {
+  font-size: inherit;
+  text-transform: lowercase;
+  font-weight: normal;
+}
 
 h3 {
   margin-bottom: 5px;
@@ -66,6 +74,14 @@ h3 + p {
   margin-top: 0;
 }
 
+h4 {
+  margin-bottom: 6px;
+  letter-spacing: 0;
+}
+h4 + pre {
+  margin-top: 6px;
+}
+
 a {
   color: #444444;
 }
@@ -74,6 +90,9 @@ a:hover {
   color: #b109aa;
 }
 
+pre {
+  margin: 8px 0;
+}
 pre code {
   overflow-y: auto;
 }
@@ -118,6 +137,11 @@ footer .license img {
   padding: 45px 5%;
   height: 96%;
 }
+.slide:after {
+  content: " ";
+  display: block;
+  height: 200px;
+}
 .slide img {
   max-width: 100%;
 }
@@ -177,8 +201,9 @@ textarea.snippet {
   font-size: 14px;
   padding: 2px 7px;
   position: relative;
-  bottom: -33px;
+  bottom: -10px;
   right: 8px;
+  margin-bottom: -25px;
 }
 
 /* table styles */
@@ -197,6 +222,9 @@ table img {
 .example p {
   margin: 10px 0;
 }
+.example:last-child {
+  margin-bottom: 50px;
+}
 
 /* Incremental slides */
 .delayed.displayed,

framework/sass/theme-llc.scss

@@ -58,6 +58,15 @@ h1, h2 {
 }
 h2 {
 	font-size: $font-size-h2;
+
+	+ pre {
+		margin-top: 25px;
+	}
+	code {
+		font-size: inherit;
+		text-transform: lowercase;
+		font-weight: normal;
+	}
 }
 h3 {
 	margin-bottom: 5px;
@@ -67,6 +76,14 @@ h3 {
 		margin-top: 0;
 	}
 }
+h4 {
+	margin-bottom: 6px;
+	letter-spacing: 0;
+
+	+ pre {
+		margin-top: 6px;
+	}
+}
 
 a {
 	color: $gray;
@@ -77,8 +94,12 @@ a {
 	}
 }
 
-pre code {
-	overflow-y: auto;
+pre {
+	margin: 8px 0;
+
+	code {
+		overflow-y: auto;
+	}
 }
 code {
 	font-family: Monaco, Andale Mono, monospace;
@@ -122,7 +143,15 @@ footer {
 .slide {
 	padding: 45px 5%;
 	height: 96%;
-
+	
+	// Adds extra space to the bottom of the slides to allow 
+	// presenters to scroll the page up so people in the back
+	// of the room can see the bottom of the slides.
+	&:after {
+		content: " ";
+		display: block;
+		height: 200px;
+	}
 	img {
 		max-width: 100%;
 	}
@@ -190,8 +219,9 @@ textarea.snippet {
 	font-size: 14px;
 	padding: 2px 7px;
 	position: relative;
-	bottom: -33px;
-	right: 8px;
+	bottom: -10px;
+	right: 8px; 
+	margin-bottom: -25px;
 }
 
 
@@ -214,6 +244,10 @@ table {
 	p {
 		margin: 10px 0;
 	}
+
+	&:last-child {
+		margin-bottom: 50px;
+	}
 }
 
 /* Incremental slides */