blallo/presentazione-papero
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add newly built version to

Browse Source
This commit is contained in:
Sven Kraus 2020-07-29 15:43:21 +02:00
parent 3535536444
commit 9aa6a029c3
22 changed files with 410 additions and 399 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/reveal.esm.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/reveal.js vendored
View File

File diff suppressed because one or more lines are too long

71
dist/theme/beige.css vendored
View File

@ -29,6 +29,7 @@
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #8b743d; --link-color: #8b743d;
--link-color-dark: #564826;
--link-color-hover: #c0a86e; --link-color-hover: #c0a86e;
--selection-background-color: rgba(79, 64, 28, 0.99); --selection-background-color: rgba(79, 64, 28, 0.99);
--selection-color: #fff; } --selection-color: #fff; }
@ -41,22 +42,22 @@
background: -o-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: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%); background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Lato", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #333; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: rgba(79, 64, 28, 0.99); background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: rgba(79, 64, 28, 0.99); background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -73,36 +74,36 @@
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #333; color: var(--heading-color);
font-family: "League Gothic", Impact, sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
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); } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -155,7 +156,7 @@
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -172,16 +173,16 @@
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -235,55 +236,55 @@
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #8b743d; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #c0a86e; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #564826; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #333; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #8b743d; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #8b743d; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #8b743d; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #f7f3de; } } background-color: var(--background-color); } }

71
dist/theme/black.css vendored
View File

@ -31,28 +31,29 @@ section.has-light-background, section.has-light-background h1, section.has-light
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #42affa; --link-color: #42affa;
--link-color-dark: #068de9;
--link-color-hover: #8dcffc; --link-color-hover: #8dcffc;
--selection-background-color: #bee4fd; --selection-background-color: #bee4fd;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #191919; background: #191919;
background-color: #191919; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif; font-family: var(--main-font);
font-size: 42px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #fff; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #bee4fd; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #bee4fd; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -69,36 +70,36 @@ section.has-light-background, section.has-light-background h1, section.has-light
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #fff; color: var(--heading-color);
font-family: "Source Sans Pro", Helvetica, sans-serif; font-family: var(--heading-font);
font-weight: 600; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 2.5em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 1.6em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.3em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -151,7 +152,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -168,16 +169,16 @@ section.has-light-background, section.has-light-background h1, section.has-light
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -231,55 +232,55 @@ section.has-light-background, section.has-light-background h1, section.has-light
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #42affa; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #8dcffc; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #068de9; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #fff; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #42affa; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #42affa; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #42affa; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #191919; } } background-color: var(--background-color); } }

71
dist/theme/blood.css vendored
View File

@ -34,28 +34,29 @@
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #a23; --link-color: #a23;
--link-color-dark: #6a1520;
--link-color-hover: #dd5566; --link-color-hover: #dd5566;
--selection-background-color: #a23; --selection-background-color: #a23;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #222; background: #222;
background-color: #222; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: Ubuntu, "sans-serif"; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #eee; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #a23; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #a23; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -72,36 +73,36 @@
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #eee; color: var(--heading-color);
font-family: Ubuntu, "sans-serif"; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: 2px 2px 2px #222; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
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); } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -154,7 +155,7 @@
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -171,16 +172,16 @@
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -234,58 +235,58 @@
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #a23; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #dd5566; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #6a1520; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #eee; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #a23; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #a23; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #a23; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #222; } } background-color: var(--background-color); } }
.reveal p { .reveal p {
font-weight: 300; font-weight: 300;

71
dist/theme/league.css vendored
View File

@ -31,6 +31,7 @@
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #13DAEC; --link-color: #13DAEC;
--link-color-dark: #0d99a5;
--link-color-hover: #71e9f4; --link-color-hover: #71e9f4;
--selection-background-color: #FF5E99; --selection-background-color: #FF5E99;
--selection-color: #fff; } --selection-color: #fff; }
@ -43,22 +44,22 @@
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%); background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background-color: #2b2b2b; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Lato", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #eee; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #FF5E99; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #FF5E99; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -75,36 +76,36 @@
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #eee; color: var(--heading-color);
font-family: "League Gothic", Impact, sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
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); } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -157,7 +158,7 @@
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -174,16 +175,16 @@
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -237,55 +238,55 @@
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #13DAEC; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #71e9f4; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #0d99a5; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #eee; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #13DAEC; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #13DAEC; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #13DAEC; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #2b2b2b; } } background-color: var(--background-color); } }

71
dist/theme/moon.css vendored
View File

@ -35,28 +35,29 @@ html * {
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #268bd2; --link-color: #268bd2;
--link-color-dark: #1a6091;
--link-color-hover: #78b9e6; --link-color-hover: #78b9e6;
--selection-background-color: #d33682; --selection-background-color: #d33682;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #002b36; background: #002b36;
background-color: #002b36; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Lato", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #93a1a1; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #d33682; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #d33682; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -73,36 +74,36 @@ html * {
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #eee8d5; color: var(--heading-color);
font-family: "League Gothic", Impact, sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -155,7 +156,7 @@ html * {
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -172,16 +173,16 @@ html * {
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -235,55 +236,55 @@ html * {
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #268bd2; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #78b9e6; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #1a6091; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #93a1a1; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #268bd2; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #268bd2; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #268bd2; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #002b36; } } background-color: var(--background-color); } }

71
dist/theme/night.css vendored
View File

@ -29,28 +29,29 @@
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #e7ad52; --link-color: #e7ad52;
--link-color-dark: #d08a1d;
--link-color-hover: #f3d7ac; --link-color-hover: #f3d7ac;
--selection-background-color: #e7ad52; --selection-background-color: #e7ad52;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #111; background: #111;
background-color: #111; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Open Sans", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #eee; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #e7ad52; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #e7ad52; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -67,36 +68,36 @@
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #eee; color: var(--heading-color);
font-family: "Montserrat", Impact, sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: -0.03em; letter-spacing: var(--heading-letter-spacing);
text-transform: none; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -149,7 +150,7 @@
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -166,16 +167,16 @@
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -229,55 +230,55 @@
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #e7ad52; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #f3d7ac; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #d08a1d; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #eee; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #e7ad52; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #e7ad52; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #e7ad52; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #111; } } background-color: var(--background-color); } }

71
dist/theme/serif.css vendored
View File

@ -31,28 +31,29 @@
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #51483D; --link-color: #51483D;
--link-color-dark: #25211c;
--link-color-hover: #8b7c69; --link-color-hover: #8b7c69;
--selection-background-color: #26351C; --selection-background-color: #26351C;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #F0F1EB; background: #F0F1EB;
background-color: #F0F1EB; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #000; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #26351C; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #26351C; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -69,36 +70,36 @@
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #383D3D; color: var(--heading-color);
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: none; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -151,7 +152,7 @@
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -168,16 +169,16 @@
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -231,55 +232,55 @@
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #51483D; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #8b7c69; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #25211c; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #000; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #51483D; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #51483D; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #51483D; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #F0F1EB; } } background-color: var(--background-color); } }

71
dist/theme/simple.css vendored
View File

@ -34,28 +34,29 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #00008B; --link-color: #00008B;
--link-color-dark: #00003f;
--link-color-hover: #0000f1; --link-color-hover: #0000f1;
--selection-background-color: rgba(0, 0, 0, 0.99); --selection-background-color: rgba(0, 0, 0, 0.99);
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #fff; background: #fff;
background-color: #fff; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Lato", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #000; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: rgba(0, 0, 0, 0.99); background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: rgba(0, 0, 0, 0.99); background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -72,36 +73,36 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #000; color: var(--heading-color);
font-family: "News Cycle", Impact, sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: none; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -154,7 +155,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -171,16 +172,16 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -234,55 +235,55 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #00008B; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #0000f1; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #00003f; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #000; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #00008B; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #00008B; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #00008B; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #fff; } } background-color: var(--background-color); } }

71
dist/theme/sky.css vendored
View File

@ -32,6 +32,7 @@
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #3b759e; --link-color: #3b759e;
--link-color-dark: #264c66;
--link-color-hover: #74a7cb; --link-color-hover: #74a7cb;
--selection-background-color: #134674; --selection-background-color: #134674;
--selection-color: #fff; } --selection-color: #fff; }
@ -44,22 +45,22 @@
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background-color: #f7fbfc; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Open Sans", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #333; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #134674; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #134674; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -76,36 +77,36 @@
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #333; color: var(--heading-color);
font-family: "Quicksand", sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: -0.08em; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -158,7 +159,7 @@
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -175,16 +176,16 @@
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -238,55 +239,55 @@
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #3b759e; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #74a7cb; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #264c66; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #333; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #3b759e; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #3b759e; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #3b759e; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #f7fbfc; } } background-color: var(--background-color); } }

71
dist/theme/solarized.css vendored
View File

@ -35,28 +35,29 @@ html * {
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #268bd2; --link-color: #268bd2;
--link-color-dark: #1a6091;
--link-color-hover: #78b9e6; --link-color-hover: #78b9e6;
--selection-background-color: #d33682; --selection-background-color: #d33682;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #fdf6e3; background: #fdf6e3;
background-color: #fdf6e3; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Lato", sans-serif; font-family: var(--main-font);
font-size: 40px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #657b83; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #d33682; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #d33682; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -73,36 +74,36 @@ html * {
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #586e75; color: var(--heading-color);
font-family: "League Gothic", Impact, sans-serif; font-family: var(--heading-font);
font-weight: normal; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 3.77em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 2.11em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.55em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -155,7 +156,7 @@ html * {
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -172,16 +173,16 @@ html * {
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -235,55 +236,55 @@ html * {
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #268bd2; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #78b9e6; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #1a6091; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #657b83; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #268bd2; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #268bd2; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #268bd2; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #fdf6e3; } } background-color: var(--background-color); } }

71
dist/theme/white.css vendored
View File

@ -31,28 +31,29 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
--heading4-size: 1em; --heading4-size: 1em;
--code-font: monospace; --code-font: monospace;
--link-color: #2a76dd; --link-color: #2a76dd;
--link-color-dark: #1a53a1;
--link-color-hover: #6ca0e8; --link-color-hover: #6ca0e8;
--selection-background-color: #98bdef; --selection-background-color: #98bdef;
--selection-color: #fff; } --selection-color: #fff; }
.reveal-viewport { .reveal-viewport {
background: #fff; background: #fff;
background-color: #fff; } background-color: var(--background-color); }
.reveal { .reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif; font-family: var(--main-font);
font-size: 42px; font-size: var(--main-font-size);
font-weight: normal; font-weight: normal;
color: #222; } color: var(--main-color); }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--selection-color);
background: #98bdef; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--selection-color);
background: #98bdef; background: var(--selection-background-color);
text-shadow: none; } text-shadow: none; }
.reveal .slides section, .reveal .slides section,
@ -69,36 +70,36 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--heading-margin);
color: #222; color: var(--heading-color);
font-family: "Source Sans Pro", Helvetica, sans-serif; font-family: var(--heading-font);
font-weight: 600; font-weight: var(--heading-font-weight);
line-height: 1.2; line-height: var(--heading-line-height);
letter-spacing: normal; letter-spacing: var(--heading-letter-spacing);
text-transform: uppercase; text-transform: var(--heading-text-transform);
text-shadow: none; text-shadow: var(--heading-text-shadow);
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 2.5em; } font-size: var(--heading1-size); }
.reveal h2 { .reveal h2 {
font-size: 1.6em; } font-size: var(--heading2-size); }
.reveal h3 { .reveal h3 {
font-size: 1.3em; } font-size: var(--heading3-size); }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: var(--heading4-size); }
.reveal h1 { .reveal h1 {
text-shadow: none; } text-shadow: var(--heading1-text-shadow); }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--block-margin) 0;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@ -151,7 +152,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--block-margin) auto;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@ -168,16 +169,16 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); } box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--code-font);
text-transform: none; } text-transform: none; }
.reveal pre code { .reveal pre code {
@ -231,55 +232,55 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
vertical-align: top; } vertical-align: top; }
.reveal img { .reveal img {
margin: 20px 0; } margin: var(--block-margin) 0; }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #2a76dd; color: var(--link-color);
text-decoration: none; text-decoration: none;
transition: color .15s ease; } transition: color .15s ease; }
.reveal a:hover { .reveal a:hover {
color: #6ca0e8; color: var(--link-color-hover);
text-shadow: none; text-shadow: none;
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #1a53a1; } background: var(--link-color-dark); }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #222; border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame { .reveal a .r-frame {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #2a76dd; border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #2a76dd; } color: var(--link-color); }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #2a76dd; } color: var(--link-color); }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #fff; } } background-color: var(--background-color); } }

4
plugin/highlight/highlight.esm.js
View File

File diff suppressed because one or more lines are too long

4
plugin/highlight/highlight.js
View File

File diff suppressed because one or more lines are too long

2
plugin/markdown/markdown.esm.js
View File

File diff suppressed because one or more lines are too long

2
plugin/markdown/markdown.js
View File

File diff suppressed because one or more lines are too long

2
plugin/math/math.js
View File

File diff suppressed because one or more lines are too long

2
plugin/notes/notes.esm.js
View File

File diff suppressed because one or more lines are too long

2
plugin/notes/notes.js
View File

File diff suppressed because one or more lines are too long

2
plugin/search/search.js
View File

File diff suppressed because one or more lines are too long

4
plugin/zoom/zoom.js
View File

File diff suppressed because one or more lines are too long