summaryrefslogtreecommitdiffhomepage
path: root/css/theme
diff options
context:
space:
mode:
Diffstat (limited to 'css/theme')
-rw-r--r--css/theme/beige.css113
-rw-r--r--css/theme/black.css258
-rw-r--r--css/theme/blood.css147
-rw-r--r--css/theme/default.css119
-rw-r--r--css/theme/moon.css95
-rw-r--r--css/theme/night.css90
-rw-r--r--css/theme/serif.css114
-rw-r--r--css/theme/simple.css106
-rw-r--r--css/theme/sky.css96
-rw-r--r--css/theme/solarized.css95
-rw-r--r--css/theme/source/black.scss44
-rw-r--r--css/theme/source/default.scss1
-rw-r--r--css/theme/template/settings.scss11
-rw-r--r--css/theme/template/theme.scss13
14 files changed, 704 insertions, 598 deletions
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 685f490..83263fb 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -1,59 +1,53 @@
+@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(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@font-face {
font-family: 'League Gothic';
- src: url("../../lib/font/league_gothic-webfont.eot");
- src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
+ src: url('../../lib/font/league_gothic-webfont.eot');
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal; }
+
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #f7f2d3;
- 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: -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-color: #f7f3de; }
.reveal {
- font-family: "Lato", sans-serif;
+ font-family: 'Lato', sans-serif;
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
- color: #333333; }
+ color: #333; }
::selection {
- color: white;
+ color: #fff;
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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: #333333;
- font-family: "League Gothic", Impact, sans-serif;
- line-height: 1em;
- letter-spacing: 0.02em;
+ color: #333;
+ font-family: 'League Gothic', Impact, sans-serif;
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
word-wrap: break-word; }
@@ -71,32 +65,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
+ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -113,10 +102,7 @@ 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; }
@@ -126,8 +112,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -140,8 +125,7 @@ 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 {
@@ -179,8 +163,7 @@ 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; }
@@ -209,18 +192,18 @@ body {
.reveal a {
color: #8b743d;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #c0a86e;
+ color: #c0a76e;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #564826; }
+ background: #564726; }
/*********************************************
* IMAGES
@@ -228,13 +211,13 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid #333333;
+ border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -244,33 +227,29 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
border-right-color: #8b743d; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
border-left-color: #8b743d; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
border-bottom-color: #8b743d; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
border-top-color: #8b743d; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #c0a86e; }
+ border-right-color: #c0a76e; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #c0a86e; }
+ border-left-color: #c0a76e; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #c0a86e; }
+ border-bottom-color: #c0a76e; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #c0a86e; }
+ border-top-color: #c0a76e; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/black.css b/css/theme/black.css
new file mode 100644
index 0000000..a790d86
--- /dev/null
+++ b/css/theme/black.css
@@ -0,0 +1,258 @@
+@import url(https://fonts.googleapis.com/css?family=Montserrat:400);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
+/**
+ * Black theme for reveal.js.
+ *
+ * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
+ */
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+ background: #111;
+ background-color: #111; }
+
+.reveal {
+ font-family: 'Open Sans', Helvetica, sans-serif;
+ font-size: 34px;
+ font-weight: normal;
+ color: #fff; }
+
+::selection {
+ color: #fff;
+ background: #b6d7fe;
+ text-shadow: none; }
+
+.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 {
+ margin: 0 0 20px 0;
+ color: #fff;
+ font-family: 'Montserrat', Helvetica, sans-serif;
+ line-height: 1.2;
+ letter-spacing: normal;
+ text-transform: uppercase;
+ text-shadow: none;
+ word-wrap: break-word; }
+
+.reveal h1 {
+ font-size: 2.8em; }
+
+.reveal h2 {
+ font-size: 1.8em; }
+
+.reveal h3 {
+ font-size: 1.5em; }
+
+.reveal h4 {
+ font-size: 1em; }
+
+.reveal h1 {
+ text-shadow: none; }
+
+/*********************************************
+ * OTHER
+ *********************************************/
+.reveal p {
+ margin-bottom: 10px;
+ line-height: 1.3; }
+
+/* Ensure certain elements are never larger than the slide itself */
+.reveal img, .reveal video, .reveal iframe {
+ max-width: 95%;
+ max-height: 95%; }
+
+.reveal strong, .reveal b {
+ font-weight: bold; }
+
+.reveal em {
+ font-style: italic; }
+
+.reveal ol, .reveal dl, .reveal ul {
+ display: inline-block;
+ text-align: left;
+ margin: 0 0 0 1em; }
+
+.reveal ol {
+ list-style-type: decimal; }
+
+.reveal ul {
+ list-style-type: disc; }
+
+.reveal ul ul {
+ list-style-type: square; }
+
+.reveal ul ul ul {
+ list-style-type: circle; }
+
+.reveal ul ul, .reveal ul ol, .reveal ol ol, .reveal ol ul {
+ display: block;
+ margin-left: 40px; }
+
+.reveal dt {
+ font-weight: bold; }
+
+.reveal dd {
+ margin-left: 40px; }
+
+.reveal q, .reveal blockquote {
+ quotes: none; }
+
+.reveal blockquote {
+ display: block;
+ position: relative;
+ width: 70%;
+ margin: 5px auto;
+ padding: 5px;
+ font-style: italic;
+ 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 {
+ display: inline-block; }
+
+.reveal q {
+ font-style: italic; }
+
+.reveal pre {
+ display: block;
+ position: relative;
+ width: 90%;
+ margin: 15px auto;
+ text-align: left;
+ font-size: 0.55em;
+ font-family: monospace;
+ line-height: 1.2em;
+ word-wrap: break-word;
+ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
+
+.reveal code {
+ font-family: monospace; }
+
+.reveal pre code {
+ display: block;
+ padding: 5px;
+ overflow: auto;
+ max-height: 400px;
+ word-wrap: normal;
+ background: #3F3F3F;
+ color: #DCDCDC; }
+
+.reveal table {
+ margin: auto;
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+.reveal table th {
+ font-weight: bold; }
+
+.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 {
+ border-bottom: none; }
+
+.reveal sup {
+ vertical-align: super; }
+
+.reveal sub {
+ vertical-align: sub; }
+
+.reveal small {
+ display: inline-block;
+ font-size: 0.6em;
+ line-height: 1.2em;
+ vertical-align: top; }
+
+.reveal small * {
+ vertical-align: top; }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a {
+ color: #3992fb;
+ text-decoration: none;
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
+
+.reveal a:hover {
+ color: #84bcfd;
+ text-shadow: none;
+ border: none; }
+
+.reveal .roll span:after {
+ color: #fff;
+ background: #056ce3; }
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+ margin: 15px 0px;
+ background: rgba(255, 255, 255, 0.12);
+ border: 4px solid #fff;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
+
+.reveal a img {
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
+
+.reveal a:hover img {
+ background: rgba(255, 255, 255, 0.2);
+ border-color: #3992fb;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
+
+/*********************************************
+ * NAVIGATION CONTROLS
+ *********************************************/
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+ border-right-color: #3992fb; }
+
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+ border-left-color: #3992fb; }
+
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+ border-bottom-color: #3992fb; }
+
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+ border-top-color: #3992fb; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+ border-right-color: #84bcfd; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+ border-left-color: #84bcfd; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+ border-bottom-color: #84bcfd; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+ border-top-color: #84bcfd; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+ background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+ background: #3992fb;
+ -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: #3992fb; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index a29b11d..d73dc2f 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -1,3 +1,4 @@
+@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/**
* Blood theme for reveal.js
* Author: Walther http://github.com/Walther
@@ -9,53 +10,45 @@
* For other themes, change $codeBackground accordingly.
*
*/
-@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
- background: #222222;
- background: -moz-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #222222));
- background: -webkit-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
- background: -o-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
- background: -ms-radial-gradient(center, circle cover, #626262 0%, #222222 100%);
- background: radial-gradient(center, circle cover, #626262 0%, #222222 100%);
+ 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; }
.reveal {
- font-family: Ubuntu, "sans-serif";
+ font-family: Ubuntu, 'sans-serif';
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
- color: #eeeeee; }
+ color: #eee; }
::selection {
- color: white;
- background: #aa2233;
+ color: #fff;
+ background: #a23;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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: #eeeeee;
- font-family: Ubuntu, "sans-serif";
- line-height: 1em;
- letter-spacing: 0.02em;
+ color: #eee;
+ font-family: Ubuntu, 'sans-serif';
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: uppercase;
- text-shadow: 2px 2px 2px #222222;
+ text-shadow: 2px 2px 2px #222;
word-wrap: break-word; }
.reveal h1 {
@@ -71,32 +64,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
+ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -113,10 +101,7 @@ 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; }
@@ -126,8 +111,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -140,8 +124,7 @@ 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 {
@@ -179,8 +162,7 @@ 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; }
@@ -207,20 +189,20 @@ body {
* LINKS
*********************************************/
.reveal a {
- color: #aa2233;
+ color: #a23;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #dd5566;
+ color: #dd5567;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #6a1520; }
+ background: #6a1521; }
/*********************************************
* IMAGES
@@ -228,49 +210,45 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid #eeeeee;
+ border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
- border-color: #aa2233;
+ border-color: #a23;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
- border-right-color: #aa2233; }
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+ border-right-color: #a23; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
- border-left-color: #aa2233; }
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+ border-left-color: #a23; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
- border-bottom-color: #aa2233; }
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+ border-bottom-color: #a23; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
- border-top-color: #aa2233; }
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+ border-top-color: #a23; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #dd5566; }
+ border-right-color: #dd5567; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #dd5566; }
+ border-left-color: #dd5567; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #dd5566; }
+ border-bottom-color: #dd5567; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #dd5566; }
+ border-top-color: #dd5567; }
/*********************************************
* PROGRESS BAR
@@ -279,7 +257,7 @@ body {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
- background: #aa2233;
+ background: #a23;
-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); }
@@ -288,26 +266,19 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
- color: #aa2233; }
+ color: #a23; }
.reveal p {
font-weight: 300;
- text-shadow: 1px 1px #222222; }
-
-.reveal h1,
-.reveal h2,
-.reveal h3,
-.reveal h4,
-.reveal h5,
-.reveal h6 {
+ text-shadow: 1px 1px #222; }
+
+.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
font-weight: 700; }
-.reveal a,
-.reveal a:hover {
+.reveal a, .reveal a:hover {
text-shadow: 2px 2px 2px #000; }
-.reveal small a,
-.reveal small a:hover {
+.reveal small a, .reveal small a:hover {
text-shadow: 1px 1px 1px #000; }
.reveal p code {
diff --git a/css/theme/default.css b/css/theme/default.css
index 708bfa4..8e064bf 100644
--- a/css/theme/default.css
+++ b/css/theme/default.css
@@ -1,15 +1,16 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Default theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@font-face {
font-family: 'League Gothic';
- src: url("../../lib/font/league_gothic-webfont.eot");
- src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
+ src: url('../../lib/font/league_gothic-webfont.eot');
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal; }
+
/*********************************************
* GLOBAL STYLES
*********************************************/
@@ -24,36 +25,29 @@ body {
background-color: #2b2b2b; }
.reveal {
- font-family: "Lato", sans-serif;
+ font-family: 'Lato', sans-serif;
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
- color: #eeeeee; }
+ color: #eee; }
::selection {
- color: white;
- background: #ff5e99;
+ color: #fff;
+ background: #FF5E99;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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: #eeeeee;
- font-family: "League Gothic", Impact, sans-serif;
- line-height: 1em;
- letter-spacing: 0.02em;
+ color: #eee;
+ font-family: 'League Gothic', Impact, sans-serif;
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: uppercase;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
word-wrap: break-word; }
@@ -71,32 +65,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
+ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -113,10 +102,7 @@ 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; }
@@ -126,8 +112,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -140,8 +125,7 @@ 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 {
@@ -179,8 +163,7 @@ 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; }
@@ -207,20 +190,20 @@ body {
* LINKS
*********************************************/
.reveal a {
- color: #13daec;
+ color: #13DAEC;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #71e9f4;
+ color: #71ebf4;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #0d99a5; }
+ background: #0d9ba5; }
/*********************************************
* IMAGES
@@ -228,49 +211,45 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid #eeeeee;
+ border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
- border-color: #13daec;
+ border-color: #13DAEC;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
- border-right-color: #13daec; }
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+ border-right-color: #13DAEC; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
- border-left-color: #13daec; }
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+ border-left-color: #13DAEC; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
- border-bottom-color: #13daec; }
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+ border-bottom-color: #13DAEC; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
- border-top-color: #13daec; }
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+ border-top-color: #13DAEC; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #71e9f4; }
+ border-right-color: #71ebf4; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #71e9f4; }
+ border-left-color: #71ebf4; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #71e9f4; }
+ border-bottom-color: #71ebf4; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #71e9f4; }
+ border-top-color: #71ebf4; }
/*********************************************
* PROGRESS BAR
@@ -279,7 +258,7 @@ body {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
- background: #13daec;
+ background: #13DAEC;
-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); }
@@ -288,4 +267,4 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
- color: #13daec; }
+ color: #13DAEC; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index a7b236b..d90616a 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -1,14 +1,15 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized Dark theme for reveal.js.
* Author: Achim Staebler
*/
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@font-face {
font-family: 'League Gothic';
- src: url("../../lib/font/league_gothic-webfont.eot");
- src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
+ src: url('../../lib/font/league_gothic-webfont.eot');
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal; }
+
/**
* Solarized colors by Ethan Schoonover
*/
@@ -24,36 +25,29 @@ body {
background-color: #002b36; }
.reveal {
- font-family: "Lato", sans-serif;
+ font-family: 'Lato', sans-serif;
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
color: #93a1a1; }
::selection {
- color: white;
+ color: #fff;
background: #d33682;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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;
- line-height: 1em;
- letter-spacing: 0.02em;
+ font-family: 'League Gothic', Impact, sans-serif;
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
word-wrap: break-word; }
@@ -71,32 +65,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+ text-shadow: none; }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -113,10 +102,7 @@ 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; }
@@ -126,8 +112,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -140,8 +125,7 @@ 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 {
@@ -179,8 +163,7 @@ 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; }
@@ -209,18 +192,18 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #78b9e6;
+ color: #78bae6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6091; }
+ background: #1a6291; }
/*********************************************
* IMAGES
@@ -232,9 +215,9 @@ body {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -244,33 +227,29 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #78b9e6; }
+ border-right-color: #78bae6; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #78b9e6; }
+ border-left-color: #78bae6; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #78b9e6; }
+ border-bottom-color: #78bae6; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #78b9e6; }
+ border-top-color: #78bae6; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/night.css b/css/theme/night.css
index ec48802..69dd224 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -1,47 +1,40 @@
+@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
*********************************************/
body {
- background: #111111;
- background-color: #111111; }
+ background: #111;
+ background-color: #111; }
.reveal {
- font-family: "Open Sans", sans-serif;
+ font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: normal;
- letter-spacing: -0.02em;
- color: #eeeeee; }
+ color: #eee; }
::selection {
- color: white;
+ color: #fff;
background: #e7ad52;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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: #eeeeee;
- font-family: "Montserrat", Impact, sans-serif;
- line-height: 1em;
+ color: #eee;
+ font-family: 'Montserrat', Impact, sans-serif;
+ line-height: 1.2;
letter-spacing: -0.03em;
text-transform: none;
text-shadow: none;
@@ -60,32 +53,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+ text-shadow: none; }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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,10 +90,7 @@ 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; }
@@ -115,8 +100,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -129,8 +113,7 @@ 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 {
@@ -168,8 +151,7 @@ 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; }
@@ -198,9 +180,9 @@ body {
.reveal a {
color: #e7ad52;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
color: #f3d7ac;
@@ -209,7 +191,7 @@ body {
.reveal .roll span:after {
color: #fff;
- background: #d08a1d; }
+ background: #d0881d; }
/*********************************************
* IMAGES
@@ -217,13 +199,13 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid #eeeeee;
+ border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -233,20 +215,16 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
border-right-color: #e7ad52; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
border-left-color: #e7ad52; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
border-bottom-color: #e7ad52; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
border-top-color: #e7ad52; }
.reveal .controls div.navigate-left.enabled:hover {
diff --git a/css/theme/serif.css b/css/theme/serif.css
index a060bc8..28171ad 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -11,40 +11,33 @@
* GLOBAL STYLES
*********************************************/
body {
- background: #f0f1eb;
- background-color: #f0f1eb; }
+ background: #F0F1EB;
+ 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;
- letter-spacing: -0.02em;
- color: black; }
+ color: #000; }
::selection {
- color: white;
- background: #26351c;
+ color: #fff;
+ background: #26351C;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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;
- line-height: 1em;
- letter-spacing: 0.02em;
+ color: #383D3D;
+ font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: none;
text-shadow: none;
word-wrap: break-word; }
@@ -62,32 +55,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+ text-shadow: none; }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -104,10 +92,7 @@ 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; }
@@ -117,8 +102,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -131,8 +115,7 @@ 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 {
@@ -170,8 +153,7 @@ 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; }
@@ -198,14 +180,14 @@ body {
* LINKS
*********************************************/
.reveal a {
- color: #51483d;
+ color: #51483D;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #8b7c69;
+ color: #8b7b69;
text-shadow: none;
border: none; }
@@ -219,49 +201,45 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid black;
+ border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
- border-color: #51483d;
+ border-color: #51483D;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
- border-right-color: #51483d; }
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+ border-right-color: #51483D; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
- border-left-color: #51483d; }
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+ border-left-color: #51483D; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
- border-bottom-color: #51483d; }
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+ border-bottom-color: #51483D; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
- border-top-color: #51483d; }
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+ border-top-color: #51483D; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #8b7c69; }
+ border-right-color: #8b7b69; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #8b7c69; }
+ border-left-color: #8b7b69; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #8b7c69; }
+ border-bottom-color: #8b7b69; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #8b7c69; }
+ border-top-color: #8b7b69; }
/*********************************************
* PROGRESS BAR
@@ -270,7 +248,7 @@ body {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
- background: #51483d;
+ background: #51483D;
-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); }
@@ -279,4 +257,4 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
- color: #51483d; }
+ color: #51483D; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index 528bac8..6d65454 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -1,3 +1,5 @@
+@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.
@@ -5,46 +7,37 @@
* 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
*********************************************/
body {
- background: white;
- background-color: white; }
+ background: #fff;
+ background-color: #fff; }
.reveal {
- font-family: "Lato", sans-serif;
+ font-family: 'Lato', sans-serif;
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
- color: black; }
+ color: #000; }
::selection {
- color: white;
+ color: #fff;
background: rgba(0, 0, 0, 0.99);
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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: black;
- font-family: "News Cycle", Impact, sans-serif;
- line-height: 1em;
- letter-spacing: 0.02em;
+ color: #000;
+ font-family: 'News Cycle', Impact, sans-serif;
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: none;
text-shadow: none;
word-wrap: break-word; }
@@ -62,32 +55,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+ text-shadow: none; }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -104,10 +92,7 @@ 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; }
@@ -117,8 +102,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -131,8 +115,7 @@ 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 {
@@ -170,8 +153,7 @@ 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; }
@@ -198,11 +180,11 @@ body {
* LINKS
*********************************************/
.reveal a {
- color: darkblue;
+ color: #00008B;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
color: #0000f1;
@@ -219,37 +201,33 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid black;
+ border: 4px solid #000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
- border-color: darkblue;
+ border-color: #00008B;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
- border-right-color: darkblue; }
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+ border-right-color: #00008B; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
- border-left-color: darkblue; }
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+ border-left-color: #00008B; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
- border-bottom-color: darkblue; }
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+ border-bottom-color: #00008B; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
- border-top-color: darkblue; }
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+ border-top-color: #00008B; }
.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #0000f1; }
@@ -270,7 +248,7 @@ body {
background: rgba(0, 0, 0, 0.2); }
.reveal .progress span {
- background: darkblue;
+ background: #00008B;
-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); }
@@ -279,4 +257,4 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
- color: darkblue; }
+ color: #00008B; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 0601db4..36d0b02 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,35 +22,28 @@ body {
background-color: #f7fbfc; }
.reveal {
- font-family: "Open Sans", sans-serif;
+ font-family: 'Open Sans', sans-serif;
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
- color: #333333; }
+ color: #333; }
::selection {
- color: white;
+ color: #fff;
background: #134674;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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: #333333;
- font-family: "Quicksand", sans-serif;
- line-height: 1em;
+ color: #333;
+ font-family: 'Quicksand', sans-serif;
+ line-height: 1.2;
letter-spacing: -0.08em;
text-transform: uppercase;
text-shadow: none;
@@ -69,32 +62,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+ text-shadow: none; }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -111,10 +99,7 @@ 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; }
@@ -124,8 +109,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -138,8 +122,7 @@ 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 {
@@ -177,8 +160,7 @@ 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; }
@@ -207,18 +189,18 @@ body {
.reveal a {
color: #3b759e;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #74a7cb;
+ color: #74a8cb;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #264c66; }
+ background: #264d66; }
/*********************************************
* IMAGES
@@ -226,13 +208,13 @@ body {
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
- border: 4px solid #333333;
+ border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -242,33 +224,29 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
border-right-color: #3b759e; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
border-left-color: #3b759e; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
border-bottom-color: #3b759e; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
border-top-color: #3b759e; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #74a7cb; }
+ border-right-color: #74a8cb; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #74a7cb; }
+ border-left-color: #74a8cb; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #74a7cb; }
+ border-bottom-color: #74a8cb; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #74a7cb; }
+ border-top-color: #74a8cb; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 866c314..dd4ec2b 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -1,14 +1,15 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/**
* Solarized Light theme for reveal.js.
* Author: Achim Staebler
*/
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@font-face {
font-family: 'League Gothic';
- src: url("../../lib/font/league_gothic-webfont.eot");
- src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
+ src: url('../../lib/font/league_gothic-webfont.eot');
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal; }
+
/**
* Solarized colors by Ethan Schoonover
*/
@@ -24,36 +25,29 @@ body {
background-color: #fdf6e3; }
.reveal {
- font-family: "Lato", sans-serif;
+ font-family: 'Lato', sans-serif;
font-size: 36px;
font-weight: normal;
- letter-spacing: -0.02em;
color: #657b83; }
::selection {
- color: white;
+ color: #fff;
background: #d33682;
text-shadow: none; }
-.reveal .slides > section,
-.reveal .slides > section > section {
- line-height: 1.2em;
+.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;
- line-height: 1em;
- letter-spacing: 0.02em;
+ font-family: 'League Gothic', Impact, sans-serif;
+ line-height: 1.2;
+ letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
word-wrap: break-word; }
@@ -71,32 +65,27 @@ body {
font-size: 1em; }
.reveal h1 {
- text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+ text-shadow: none; }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em; }
+ 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; }
@@ -113,10 +102,7 @@ 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; }
@@ -126,8 +112,7 @@ body {
.reveal dd {
margin-left: 40px; }
-.reveal q,
-.reveal blockquote {
+.reveal q, .reveal blockquote {
quotes: none; }
.reveal blockquote {
@@ -140,8 +125,7 @@ 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 {
@@ -179,8 +163,7 @@ 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; }
@@ -209,18 +192,18 @@ body {
.reveal a {
color: #268bd2;
text-decoration: none;
- -webkit-transition: color .15s ease;
- -moz-transition: color .15s ease;
- transition: color .15s ease; }
+ -webkit-transition: color 0.15s ease;
+ -moz-transition: color 0.15s ease;
+ transition: color 0.15s ease; }
.reveal a:hover {
- color: #78b9e6;
+ color: #78bae6;
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
- background: #1a6091; }
+ background: #1a6291; }
/*********************************************
* IMAGES
@@ -232,9 +215,9 @@ body {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a img {
- -webkit-transition: all .15s linear;
- -moz-transition: all .15s linear;
- transition: all .15s linear; }
+ -webkit-transition: all 0.15s linear;
+ -moz-transition: all 0.15s linear;
+ transition: all 0.15s linear; }
.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
@@ -244,33 +227,29 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
border-top-color: #268bd2; }
.reveal .controls div.navigate-left.enabled:hover {
- border-right-color: #78b9e6; }
+ border-right-color: #78bae6; }
.reveal .controls div.navigate-right.enabled:hover {
- border-left-color: #78b9e6; }
+ border-left-color: #78bae6; }
.reveal .controls div.navigate-up.enabled:hover {
- border-bottom-color: #78b9e6; }
+ border-bottom-color: #78bae6; }
.reveal .controls div.navigate-down.enabled:hover {
- border-top-color: #78b9e6; }
+ border-top-color: #78bae6; }
/*********************************************
* PROGRESS BAR
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss
new file mode 100644
index 0000000..6c1e271
--- /dev/null
+++ b/css/theme/source/black.scss
@@ -0,0 +1,44 @@
+/**
+ * Black theme for reveal.js.
+ *
+ * Copyright (C) 2014 Hakim El Hattab, http://hakim.se
+ */
+
+
+// Default mixins and settings -----------------
+@import "../template/mixins";
+@import "../template/settings";
+// ---------------------------------------------
+
+
+// Include theme-specific fonts
+@import url(https://fonts.googleapis.com/css?family=Montserrat:400);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
+
+
+// Override theme settings (see ../template/settings.scss)
+$backgroundColor: #111;
+
+$mainColor: #fff;
+$headingColor: #fff;
+
+$mainFont: 'Open Sans', Helvetica, sans-serif;
+$mainFontSize: 34px;
+$headingFont: 'Montserrat', Helvetica, sans-serif;
+$headingTextShadow: none;
+$headingLetterSpacing: normal;
+$headingTextTransform: uppercase;
+$linkColor: #3992fb;
+$linkColorHover: lighten( $linkColor, 15% );
+$selectionBackgroundColor: lighten( $linkColor, 25% );
+
+$heading1Size: 2.8em;
+$heading2Size: 1.8em;
+$heading3Size: 1.5em;
+$heading4Size: 1.0em;
+
+
+
+// Theme template ------------------------------
+@import "../template/theme";
+// --------------------------------------------- \ No newline at end of file
diff --git a/css/theme/source/default.scss b/css/theme/source/default.scss
index 1117b65..9c40485 100644
--- a/css/theme/source/default.scss
+++ b/css/theme/source/default.scss
@@ -28,6 +28,7 @@
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
// Override theme settings (see ../template/settings.scss)
+$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
// Background generator
diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index 1b4fe9b..88f7d75 100644
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -13,12 +13,17 @@ $mainColor: #eee;
$headingMargin: 0 0 20px 0;
$headingFont: 'League Gothic', Impact, sans-serif;
$headingColor: #eee;
-$headingLineHeight: 1em;
-$headingLetterSpacing: 0.02em;
+$headingLineHeight: 1.2;
+$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
-$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
+$headingTextShadow: none;
$heading1TextShadow: $headingTextShadow;
+$heading1Size: 3.77em;
+$heading2Size: 2.11em;
+$heading3Size: 1.55em;
+$heading4Size: 1.00em;
+
// Links and actions
$linkColor: #13DAEC;
$linkColorHover: lighten( $linkColor, 20% );
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 17cf688..f2a542e 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -13,7 +13,6 @@ body {
font-family: $mainFont;
font-size: $mainFontSize;
font-weight: normal;
- letter-spacing: -0.02em;
color: $mainColor;
}
@@ -25,7 +24,7 @@ body {
.reveal .slides>section,
.reveal .slides>section>section {
- line-height: 1.2em;
+ line-height: 1.3;
font-weight: inherit;
}
@@ -52,10 +51,10 @@ body {
word-wrap: break-word;
}
-.reveal h1 { font-size: 3.77em; }
-.reveal h2 { font-size: 2.11em; }
-.reveal h3 { font-size: 1.55em; }
-.reveal h4 { font-size: 1em; }
+.reveal h1 {font-size: $heading1Size; }
+.reveal h2 {font-size: $heading2Size; }
+.reveal h3 {font-size: $heading3Size; }
+.reveal h4 {font-size: $heading4Size; }
.reveal h1 {
text-shadow: $heading1TextShadow;
@@ -68,7 +67,7 @@ body {
.reveal p {
margin-bottom: 10px;
- line-height: 1.2em;
+ line-height: 1.3;
}
/* Ensure certain elements are never larger than the slide itself */