move theme styles at bottom of main.css, change background of page transition to...

diff --git a/css/main.css b/css/main.css
index 572925872f4334259b976993d075c133a0cd24cd..6117fbc66b37d7e8f9afedf15488cccd41e3f684 100644 (file)
--- a/css/main.css
+++ b/css/main.css
@@ -777,7 +777,7 @@ body {
                height: 100%;
                left: 0;
                top: 0;
-               background: #232628;
+               background: rgba(0,0,0,0.2);
 
                -webkit-transform: translateZ( -20px );
                   -moz-transform: translateZ( -20px );
@@ -856,68 +856,6 @@ body {
 }
 
 
-/*********************************************
- * NEON THEME
- *********************************************/
-
-.theme-neon .reveal a,
-.theme-neon .reveal a:hover,
-.theme-neon .reveal .controls a.enabled {
-       color: #5de048;
-}
-
-.theme-neon .reveal .progress span,
-.theme-neon .reveal .roll span:after {
-       background: #5de048;
-}
-
-.theme-neon .reveal a.image:hover img {
-       border-color: #5de048;
-}
-
-
-/*********************************************
- * BEIGE THEME
- *********************************************/
-
-.theme-beige body {
-       color: #333;
-
-       background: #f7f3de;
-       background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(247,242,211,1) 100%);
-       background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,242,211,1)));
-       background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
-       background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
-       background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
-       background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
-}
-
-.theme-beige .reveal h1,
-.theme-beige .reveal h2,
-.theme-beige .reveal h3,
-.theme-beige .reveal h4,
-.theme-beige .reveal h5,
-.theme-beige .reveal h6 {
-       color: #333;
-       text-shadow: none;
-}
-
-.theme-beige .reveal a,
-.theme-beige .reveal a:hover,
-.theme-beige .reveal .controls a.enabled {
-       color: #8b743d;
-}
-
-.theme-beige .reveal .progress span,
-.theme-beige .reveal .roll span:after {
-       background: #8b743d;
-}
-
-.theme-beige .reveal a.image:hover img {
-       border-color: #8b743d;
-}
-
-
 /*********************************************
  * OVERVIEW
  *********************************************/
@@ -1013,3 +951,65 @@ body {
 .reveal aside.notes {
        display: none;
 }
+
+
+/*********************************************
+ * NEON THEME
+ *********************************************/
+
+.theme-neon .reveal a,
+.theme-neon .reveal a:hover,
+.theme-neon .reveal .controls a.enabled {
+       color: #5de048;
+}
+
+.theme-neon .reveal .progress span,
+.theme-neon .reveal .roll span:after {
+       background: #5de048;
+}
+
+.theme-neon .reveal a.image:hover img {
+       border-color: #5de048;
+}
+
+
+/*********************************************
+ * BEIGE THEME
+ *********************************************/
+
+.theme-beige body {
+       color: #333;
+
+       background: #f7f3de;
+       background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(247,242,211,1) 100%);
+       background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,242,211,1)));
+       background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
+       background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
+       background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
+       background: radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(247,242,211,1) 100%);
+}
+
+.theme-beige .reveal h1,
+.theme-beige .reveal h2,
+.theme-beige .reveal h3,
+.theme-beige .reveal h4,
+.theme-beige .reveal h5,
+.theme-beige .reveal h6 {
+       color: #333;
+       text-shadow: none;
+}
+
+.theme-beige .reveal a,
+.theme-beige .reveal a:hover,
+.theme-beige .reveal .controls a.enabled {
+       color: #8b743d;
+}
+
+.theme-beige .reveal .progress span,
+.theme-beige .reveal .roll span:after {
+       background: #8b743d;
+}
+
+.theme-beige .reveal a.image:hover img {
+       border-color: #8b743d;
+}