aboutsummaryrefslogtreecommitdiffhomepage
path: root/css/theme
diff options
context:
space:
mode:
Diffstat (limited to 'css/theme')
-rw-r--r--css/theme/README.md8
-rw-r--r--css/theme/beige.css124
-rw-r--r--css/theme/black.css102
-rw-r--r--css/theme/blood.css131
-rw-r--r--css/theme/league.css112
-rw-r--r--css/theme/moon.css112
-rw-r--r--css/theme/night.css102
-rw-r--r--css/theme/serif.css106
-rw-r--r--css/theme/simple.css100
-rw-r--r--css/theme/sky.css112
-rw-r--r--css/theme/solarized.css112
-rw-r--r--css/theme/source/black.scss2
-rw-r--r--css/theme/source/blood.scss18
-rw-r--r--css/theme/source/white.scss2
-rw-r--r--css/theme/template/theme.scss48
-rw-r--r--css/theme/white.css112
16 files changed, 786 insertions, 517 deletions
diff --git a/css/theme/README.md b/css/theme/README.md
index 90dc149..5a6c8fa 100644
--- a/css/theme/README.md
+++ b/css/theme/README.md
@@ -2,11 +2,9 @@
Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup
-You also need to install Ruby and then Sass (with `gem install sass`).
-
## Creating a Theme
-To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js).
+To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `grunt css-themes`.
Each theme file does four things in the following order:
@@ -17,9 +15,7 @@ Shared utility functions.
Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.
3. **Override**
-This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding full selectors with hardcoded styles.
+This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please.
4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
The template theme file which will generate final CSS output based on the currently defined variables.
-
-When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 514427c..5bbda4b 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -1,25 +1,25 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Beige theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #f7f2d3;
- background: -moz-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f2d3));
- background: -webkit-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -o-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: -ms-radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
- background: radial-gradient(center, circle cover, #ffffff 0%, #f7f2d3 100%);
+ background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+ background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+ background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #333; }
@@ -29,17 +29,23 @@ body {
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #333;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -146,9 +162,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -158,12 +172,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -187,18 +211,18 @@ body {
.reveal a {
color: #8b743d;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #c0a76e;
+ color: #c0a86e;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #564726; }
+ background: #564826; }
/*********************************************
* IMAGES
@@ -209,10 +233,14 @@ body {
border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -222,29 +250,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #c0a76e; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #c0a86e; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #c0a76e; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #c0a86e; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #c0a76e; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #c0a86e; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #c0a76e; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #c0a86e; }
/*********************************************
* PROGRESS BAR
@@ -257,9 +289,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #8b743d; }
diff --git a/css/theme/black.css b/css/theme/black.css
index 7d3bee4..511fa79 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
color: #222; }
@@ -15,7 +15,7 @@ body {
background-color: #222; }
.reveal {
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px;
font-weight: normal;
color: #fff; }
@@ -25,17 +25,23 @@ body {
background: #bee4fd;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #fff;
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -142,9 +158,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -154,12 +168,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -183,9 +207,9 @@ body {
.reveal a {
color: #42affa;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #8dcffc;
@@ -194,7 +218,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #068ee9; }
+ background: #068de9; }
/*********************************************
* IMAGES
@@ -205,10 +229,14 @@ body {
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -218,28 +246,32 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #42affa; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #42affa; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #42affa; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #42affa; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8dcffc; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8dcffc; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8dcffc; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8dcffc; }
/*********************************************
@@ -253,9 +285,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #42affa; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 768d2a3..6fe3d67 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -1,4 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/**
* Blood theme for reveal.js
* Author: Walther http://github.com/Walther
@@ -10,21 +9,16 @@
* For other themes, change $codeBackground accordingly.
*
*/
+@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #222;
- background: -moz-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #222));
- background: -webkit-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: -o-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: -ms-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background-color: #2b2b2b; }
+ background-color: #222; }
.reveal {
- font-family: Ubuntu, 'sans-serif';
+ font-family: Ubuntu, "sans-serif";
font-size: 36px;
font-weight: normal;
color: #eee; }
@@ -34,17 +28,23 @@ body {
background: #a23;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee;
- font-family: Ubuntu, 'sans-serif';
+ font-family: Ubuntu, "sans-serif";
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -75,17 +75,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -102,7 +107,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -112,7 +120,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -125,7 +134,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -151,9 +161,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -163,12 +171,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -192,18 +210,18 @@ body {
.reveal a {
color: #a23;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #dd5567;
+ color: #dd5566;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #6a1521; }
+ background: #6a1520; }
/*********************************************
* IMAGES
@@ -214,10 +232,14 @@ body {
border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -227,29 +249,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #a23; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #a23; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #a23; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #a23; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #dd5567; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #dd5566; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #dd5567; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #dd5566; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #dd5567; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #dd5566; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #dd5567; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #dd5566; }
/*********************************************
* PROGRESS BAR
@@ -263,25 +289,18 @@ body {
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #a23; }
-
.reveal p {
font-weight: 300;
text-shadow: 1px 1px #222; }
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
font-weight: 700; }
-.reveal a, .reveal a:hover {
- text-shadow: 2px 2px 2px #000; }
-
-.reveal small a, .reveal small a:hover {
- text-shadow: 1px 1px 1px #000; }
-
.reveal p code {
background-color: #23241f;
display: inline-block;
diff --git a/css/theme/league.css b/css/theme/league.css
index c6d07f6..03c44ce 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -1,5 +1,3 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* League theme for reveal.js.
*
@@ -7,6 +5,8 @@
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -21,7 +21,7 @@ body {
background-color: #2b2b2b; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #eee; }
@@ -31,17 +31,23 @@ body {
background: #FF5E99;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -72,17 +78,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -99,7 +110,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -109,7 +123,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -122,7 +137,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -148,9 +164,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -160,12 +174,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -189,18 +213,18 @@ body {
.reveal a {
color: #13DAEC;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #71ebf4;
+ color: #71e9f4;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #0d9ba5; }
+ background: #0d99a5; }
/*********************************************
* IMAGES
@@ -211,10 +235,14 @@ body {
border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -224,29 +252,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #13DAEC; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #13DAEC; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #13DAEC; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #13DAEC; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #71ebf4; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #71e9f4; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #71ebf4; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #71e9f4; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #71ebf4; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #71e9f4; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #71ebf4; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #71e9f4; }
/*********************************************
* PROGRESS BAR
@@ -259,9 +291,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #13DAEC; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 4817c18..5e5d6e4 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized Dark theme for reveal.js.
* Author: Achim Staebler
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized colors by Ethan Schoonover
*/
@@ -19,7 +19,7 @@ body {
background-color: #002b36; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #93a1a1; }
@@ -29,17 +29,23 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee8d5;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -146,9 +162,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -158,12 +172,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -187,18 +211,18 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #78bae6;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6291; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -209,10 +233,14 @@ body {
border: 4px solid #93a1a1;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -222,29 +250,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #78bae6; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #78b9e6; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #78bae6; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #78b9e6; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #78bae6; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #78b9e6; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #78bae6; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
@@ -257,9 +289,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #268bd2; }
diff --git a/css/theme/night.css b/css/theme/night.css
index 71319b2..a439cdc 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -1,10 +1,10 @@
-@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/**
* Black theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -13,7 +13,7 @@ body {
background-color: #111; }
.reveal {
- font-family: 'Open Sans', sans-serif;
+ font-family: "Open Sans", sans-serif;
font-size: 30px;
font-weight: normal;
color: #eee; }
@@ -23,17 +23,23 @@ body {
background: #e7ad52;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #eee;
- font-family: 'Montserrat', Impact, sans-serif;
+ font-family: "Montserrat", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: -0.03em;
@@ -64,17 +70,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -91,7 +102,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -101,7 +115,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -114,7 +129,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -140,9 +156,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -152,12 +166,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -181,9 +205,9 @@ body {
.reveal a {
color: #e7ad52;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #f3d7ac;
@@ -192,7 +216,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #d0881d; }
+ background: #d08a1d; }
/*********************************************
* IMAGES
@@ -203,10 +227,14 @@ body {
border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -216,28 +244,32 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #e7ad52; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #e7ad52; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #e7ad52; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #e7ad52; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #f3d7ac; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #f3d7ac; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #f3d7ac; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #f3d7ac; }
/*********************************************
@@ -251,9 +283,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #e7ad52; }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index ed85db6..40ccb39 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -15,7 +15,7 @@ body {
background-color: #F0F1EB; }
.reveal {
- font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-size: 36px;
font-weight: normal;
color: #000; }
@@ -25,17 +25,23 @@ body {
background: #26351C;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #383D3D;
- font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -142,9 +158,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -154,12 +168,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -183,12 +207,12 @@ body {
.reveal a {
color: #51483D;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #8b7b69;
+ color: #8b7c69;
text-shadow: none;
border: none; }
@@ -205,10 +229,14 @@ body {
border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -218,29 +246,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #51483D; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #51483D; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #51483D; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #51483D; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #8b7b69; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #8b7c69; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #8b7b69; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #8b7c69; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #8b7b69; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #8b7c69; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #8b7b69; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #8b7c69; }
/*********************************************
* PROGRESS BAR
@@ -253,9 +285,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #51483D; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index d9153d7..b17fa5c 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -1,5 +1,3 @@
-@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
@@ -7,6 +5,8 @@
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -15,7 +15,7 @@ body {
background-color: #fff; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #000; }
@@ -25,17 +25,23 @@ body {
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #000;
- font-family: 'News Cycle', Impact, sans-serif;
+ font-family: "News Cycle", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -142,9 +158,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -154,12 +168,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -183,9 +207,9 @@ body {
.reveal a {
color: #00008B;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
color: #0000f1;
@@ -205,10 +229,14 @@ body {
border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -218,28 +246,32 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #00008B; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #00008B; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #00008B; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #00008B; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #0000f1; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #0000f1; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #0000f1; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #0000f1; }
/*********************************************
@@ -253,9 +285,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #00008B; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index f7e8402..99f1cfd 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -1,10 +1,10 @@
-@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
/**
* Sky theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
+@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
.reveal a {
line-height: 1.3em; }
@@ -22,7 +22,7 @@ body {
background-color: #f7fbfc; }
.reveal {
- font-family: 'Open Sans', sans-serif;
+ font-family: "Open Sans", sans-serif;
font-size: 36px;
font-weight: normal;
color: #333; }
@@ -32,17 +32,23 @@ body {
background: #134674;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #333;
- font-family: 'Quicksand', sans-serif;
+ font-family: "Quicksand", sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: -0.08em;
@@ -73,17 +79,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -100,7 +111,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -110,7 +124,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -123,7 +138,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -149,9 +165,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -161,12 +175,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -190,18 +214,18 @@ body {
.reveal a {
color: #3b759e;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #74a8cb;
+ color: #74a7cb;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #264d66; }
+ background: #264c66; }
/*********************************************
* IMAGES
@@ -212,10 +236,14 @@ body {
border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -225,29 +253,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #3b759e; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #3b759e; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #3b759e; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #3b759e; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #74a8cb; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #74a7cb; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #74a8cb; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #74a7cb; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #74a8cb; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #74a7cb; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #74a8cb; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #74a7cb; }
/*********************************************
* PROGRESS BAR
@@ -260,9 +292,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #3b759e; }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 583201a..b4d4d4b 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/league-gothic/league-gothic.css);
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized Light theme for reveal.js.
* Author: Achim Staebler
*/
+@import url(../../lib/font/league-gothic/league-gothic.css);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized colors by Ethan Schoonover
*/
@@ -19,7 +19,7 @@ body {
background-color: #fdf6e3; }
.reveal {
- font-family: 'Lato', sans-serif;
+ font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: normal;
color: #657b83; }
@@ -29,17 +29,23 @@ body {
background: #d33682;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #586e75;
- font-family: 'League Gothic', Impact, sans-serif;
+ font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
@@ -70,17 +76,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -97,7 +108,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -107,7 +121,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -120,7 +135,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -146,9 +162,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -158,12 +172,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -187,18 +211,18 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #78bae6;
+ color: #78b9e6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6291; }
+ background: #1a6091; }
/*********************************************
* IMAGES
@@ -209,10 +233,14 @@ body {
border: 4px solid #657b83;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -222,29 +250,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #78bae6; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #78b9e6; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #78bae6; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #78b9e6; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #78bae6; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #78b9e6; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #78bae6; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #78b9e6; }
/*********************************************
* PROGRESS BAR
@@ -257,9 +289,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #268bd2; }
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
index 73dfecb..5f7f601 100644
--- a/css/theme/source/black.scss
+++ b/css/theme/source/black.scss
@@ -1,7 +1,7 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
diff --git a/css/theme/source/blood.scss b/css/theme/source/blood.scss
index f2e3a09..d22b53d 100644
--- a/css/theme/source/blood.scss
+++ b/css/theme/source/blood.scss
@@ -24,6 +24,8 @@ $blood: #a23;
$coal: #222;
$codeBackground: #23241f;
+$backgroundColor: $coal;
+
// Main text
$mainFont: Ubuntu, 'sans-serif';
$mainFontSize: 36px;
@@ -45,10 +47,6 @@ $linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: $blood;
$selectionColor: #fff;
-// Background generator
-@mixin bodyBackground() {
- @include radial-gradient( $coal, lighten( $coal, 25% ) );
-}
// Theme template ------------------------------
@import "../template/theme";
@@ -61,7 +59,7 @@ $selectionColor: #fff;
text-shadow: 1px 1px $coal;
}
-.reveal h1,
+.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
@@ -70,16 +68,6 @@ $selectionColor: #fff;
font-weight: 700;
}
-.reveal a,
-.reveal a:hover {
- text-shadow: 2px 2px 2px #000;
-}
-
-.reveal small a,
-.reveal small a:hover {
- text-shadow: 1px 1px 1px #000;
-}
-
.reveal p code {
background-color: $codeBackground;
display: inline-block;
diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss
index 4c5b647..6758ce0 100644
--- a/css/theme/source/white.scss
+++ b/css/theme/source/white.scss
@@ -1,7 +1,7 @@
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index b5069d3..101a567 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -178,8 +178,6 @@ body {
overflow: auto;
max-height: 400px;
word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC;
}
.reveal table {
@@ -199,6 +197,16 @@ body {
border-bottom: 1px solid;
}
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center;
+}
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right;
+}
+
.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
border-bottom: none;
@@ -260,6 +268,11 @@ body {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
+ .reveal section img.plain {
+ border: 0;
+ box-shadow: none;
+ }
+
.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
@@ -278,39 +291,39 @@ body {
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: $linkColor;
}
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: $linkColor;
}
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: $linkColor;
}
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: $linkColor;
}
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: $linkColorHover;
}
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: $linkColorHover;
}
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: $linkColorHover;
}
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: $linkColorHover;
}
@@ -330,11 +343,4 @@ body {
transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: $linkColor;
-}
-
diff --git a/css/theme/white.css b/css/theme/white.css
index 5fdb2fc..b10dd0e 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -1,9 +1,9 @@
-@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
+ * By Hakim El Hattab, http://hakim.se
*/
+@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
color: #fff; }
@@ -15,7 +15,7 @@ body {
background-color: #fff; }
.reveal {
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 38px;
font-weight: normal;
color: #222; }
@@ -25,17 +25,23 @@ body {
background: #98bdef;
text-shadow: none; }
-.reveal .slides > section, .reveal .slides > section > section {
+.reveal .slides > section,
+.reveal .slides > section > section {
line-height: 1.3;
font-weight: inherit; }
/*********************************************
* HEADERS
*********************************************/
-.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
margin: 0 0 20px 0;
color: #222;
- font-family: 'Source Sans Pro', Helvetica, sans-serif;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
@@ -66,17 +72,22 @@ body {
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
-.reveal img, .reveal video, .reveal iframe {
+.reveal img,
+.reveal video,
+.reveal iframe {
max-width: 95%;
max-height: 95%; }
-.reveal strong, .reveal b {
+.reveal strong,
+.reveal b {
font-weight: bold; }
.reveal em {
font-style: italic; }
-.reveal ol, .reveal dl, .reveal ul {
+.reveal ol,
+.reveal dl,
+.reveal ul {
display: inline-block;
text-align: left;
margin: 0 0 0 1em; }
@@ -93,7 +104,10 @@ body {
.reveal ul ul ul {
list-style-type: circle; }
-.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
display: block;
margin-left: 40px; }
@@ -103,7 +117,8 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q, .reveal blockquote {
+.reveal q,
+.reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -116,7 +131,8 @@ body {
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
-.reveal blockquote p:first-child, .reveal blockquote p:last-child {
+.reveal blockquote p:first-child,
+.reveal blockquote p:last-child {
display: inline-block; }
.reveal q {
@@ -142,9 +158,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -154,12 +168,22 @@ body {
.reveal table th {
font-weight: bold; }
-.reveal table th, .reveal table td {
+.reveal table th,
+.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
-.reveal table tr:last-child td {
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right; }
+
+.reveal table tbody tr:last-child th,
+.reveal table tbody tr:last-child td {
border-bottom: none; }
.reveal sup {
@@ -183,18 +207,18 @@ body {
.reveal a {
color: #2a76dd;
text-decoration: none;
- -webkit-transition: color 0.15s ease;
- -moz-transition: color 0.15s ease;
- transition: color 0.15s ease; }
+ -webkit-transition: color .15s ease;
+ -moz-transition: color .15s ease;
+ transition: color .15s ease; }
.reveal a:hover {
- color: #6ca2e8;
+ color: #6ca0e8;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a54a1; }
+ background: #1a53a1; }
/*********************************************
* IMAGES
@@ -205,10 +229,14 @@ body {
border: 4px solid #222;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+.reveal section img.plain {
+ border: 0;
+ box-shadow: none; }
+
.reveal a img {
- -webkit-transition: all 0.15s linear;
- -moz-transition: all 0.15s linear;
- transition: all 0.15s linear; }
+ -webkit-transition: all .15s linear;
+ -moz-transition: all .15s linear;
+ transition: all .15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -218,29 +246,33 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: #2a76dd; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: #2a76dd; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: #2a76dd; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: #2a76dd; }
-.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #6ca2e8; }
+.reveal .controls .navigate-left.enabled:hover {
+ border-right-color: #6ca0e8; }
-.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #6ca2e8; }
+.reveal .controls .navigate-right.enabled:hover {
+ border-left-color: #6ca0e8; }
-.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #6ca2e8; }
+.reveal .controls .navigate-up.enabled:hover {
+ border-bottom-color: #6ca0e8; }
-.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #6ca2e8; }
+.reveal .controls .navigate-down.enabled:hover {
+ border-top-color: #6ca0e8; }
/*********************************************
* PROGRESS BAR
@@ -253,9 +285,3 @@ body {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
-
-/*********************************************
- * SLIDE NUMBER
- *********************************************/
-.reveal .slide-number {
- color: #2a76dd; }