theme updates, normalized spacing between block-level elements

12 files changed, 37 insertions, 34 deletions

diff --git a/css/theme/beige.css b/css/theme/beige.css
index 83263fb..1a57b33 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -71,7 +71,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -119,7 +119,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -135,7 +135,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/black.css b/css/theme/black.css
index a790d86..6c16a37 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -59,7 +59,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -107,7 +107,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -123,7 +123,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/blood.css b/css/theme/blood.css
index d73dc2f..b2c6941 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -70,7 +70,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -118,7 +118,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -134,7 +134,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/default.css b/css/theme/default.css
index 8e064bf..c3e5edf 100644
--- a/css/theme/default.css
+++ b/css/theme/default.css
@@ -71,7 +71,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -119,7 +119,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -135,7 +135,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/moon.css b/css/theme/moon.css
index d90616a..4a83bde 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -71,7 +71,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -119,7 +119,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -135,7 +135,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/night.css b/css/theme/night.css
index 69dd224..f0f3623 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -59,7 +59,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -107,7 +107,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -123,7 +123,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/serif.css b/css/theme/serif.css
index 28171ad..c265dc3 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -61,7 +61,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -109,7 +109,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -125,7 +125,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 6d65454..58bc3ec 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -61,7 +61,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -109,7 +109,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -125,7 +125,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 36d0b02..7f3e689 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -68,7 +68,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -116,7 +116,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -132,7 +132,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index dd4ec2b..5eb2a9d 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -71,7 +71,7 @@ body {
  * OTHER
  *********************************************/
 .reveal p {
-  margin-bottom: 10px;
+  margin: 20px 0;
   line-height: 1.3; }
 
 /* Ensure certain elements are never larger than the slide itself */
@@ -119,7 +119,7 @@ body {
   display: block;
   position: relative;
   width: 70%;
-  margin: 5px auto;
+  margin: 20px auto;
   padding: 5px;
   font-style: italic;
   background: rgba(255, 255, 255, 0.05);
@@ -135,7 +135,7 @@ body {
   display: block;
   position: relative;
   width: 90%;
-  margin: 15px auto;
+  margin: 20px auto;
   text-align: left;
   font-size: 0.55em;
   font-family: monospace;
diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index 88f7d75..7e484f8 100644
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -9,8 +9,11 @@ $mainFont: 'Lato', sans-serif;
 $mainFontSize: 36px;
 $mainColor: #eee;
 
+// Vertical spacing between blocks of text
+$blockMargin: 20px;
+
 // Headings
-$headingMargin: 0 0 20px 0;
+$headingMargin: 0 0 $blockMargin 0;
 $headingFont: 'League Gothic', Impact, sans-serif;
 $headingColor: #eee;
 $headingLineHeight: 1.2;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index f2a542e..da907f5 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -66,7 +66,7 @@ body {
  *********************************************/
 
 .reveal p {
-	margin-bottom: 10px;
+	margin: $blockMargin 0;
 	line-height: 1.3;
 }
 
@@ -136,7 +136,7 @@ body {
 	display: block;
 	position: relative;
 	width: 70%;
-	margin: 5px auto;
+	margin: $blockMargin auto;
 	padding: 5px;
 
 	font-style: italic;
@@ -156,7 +156,7 @@ body {
 	display: block;
 	position: relative;
 	width: 90%;
-	margin: 15px auto;
+	margin: $blockMargin auto;
 
 	text-align: left;
 	font-size: 0.55em;