aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/reveal.css123
-rw-r--r--css/reveal.scss140
-rw-r--r--css/theme/README.md6
-rw-r--r--css/theme/beige.css6
-rw-r--r--css/theme/black.css6
-rw-r--r--css/theme/blood.css20
-rw-r--r--css/theme/league.css6
-rw-r--r--css/theme/moon.css6
-rw-r--r--css/theme/night.css6
-rw-r--r--css/theme/serif.css6
-rw-r--r--css/theme/simple.css6
-rw-r--r--css/theme/sky.css6
-rw-r--r--css/theme/solarized.css6
-rw-r--r--css/theme/source/blood.scss18
-rw-r--r--css/theme/template/theme.scss14
-rw-r--r--css/theme/white.css6
16 files changed, 212 insertions, 169 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 05bfd2d..6127a5b 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -33,16 +33,6 @@ body {
background-color: #fff;
color: #000; }
-::-moz-selection {
- background: #FF5E99;
- color: #fff;
- text-shadow: none; }
-
-::selection {
- background: #FF5E99;
- color: #fff;
- text-shadow: none; }
-
/*********************************************
* VIEW FRAGMENTS
*********************************************/
@@ -76,16 +66,9 @@ body {
-ms-transform: scale(0.1);
transform: scale(0.1); }
.reveal .slides section .fragment.zoom-in.visible {
- -webkit-transform: scale(1);
- -ms-transform: scale(1);
- transform: scale(1); }
-
-.reveal .slides section .fragment.roll-in {
- -webkit-transform: rotateX(90deg);
- transform: rotateX(90deg); }
- .reveal .slides section .fragment.roll-in.visible {
- -webkit-transform: rotateX(0);
- transform: rotateX(0); }
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none; }
.reveal .slides section .fragment.fade-out {
opacity: 1;
@@ -275,6 +258,7 @@ body {
position: relative;
width: 100%;
height: 100%;
+ overflow: hidden;
-ms-touch-action: none;
touch-action: none; }
@@ -625,51 +609,6 @@ body {
transition: none; }
/*********************************************
- * OVERVIEW
- *********************************************/
-.reveal.overview .slides {
- -webkit-perspective-origin: 50% 50%;
- perspective-origin: 50% 50%;
- -webkit-perspective: 700px;
- perspective: 700px; }
-
-.reveal.overview .slides section {
- height: 700px;
- overflow: hidden;
- opacity: 1 !important;
- visibility: visible !important;
- cursor: pointer;
- background: rgba(0, 0, 0, 0.1);
- -moz-box-sizing: border-box;
- box-sizing: border-box; }
-
-.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
- -webkit-transition: none !important;
- transition: none !important; }
-
-.reveal.overview .slides section .fragment {
- opacity: 1; }
-
-.reveal.overview .slides section:after, .reveal.overview .slides section:before {
- display: none !important; }
-
-.reveal.overview .slides section > section {
- opacity: 1;
- cursor: pointer; }
-
-.reveal.overview .slides section:hover {
- background: rgba(0, 0, 0, 0.3); }
-
-.reveal.overview .slides section.present {
- background: rgba(0, 0, 0, 0.3); }
-
-.reveal.overview .slides > section.stack {
- padding: 0;
- top: 0 !important;
- background: none;
- overflow: visible; }
-
-/*********************************************
* PAUSED MODE
*********************************************/
.reveal .pause-overlay {
@@ -730,7 +669,7 @@ body {
/*********************************************
* PER-SLIDE BACKGROUNDS
*********************************************/
-.reveal > .backgrounds {
+.reveal .backgrounds {
position: absolute;
width: 100%;
height: 100%;
@@ -890,6 +829,58 @@ body {
transition-duration: 1200ms; }
/*********************************************
+ * OVERVIEW
+ *********************************************/
+.reveal.overview {
+ -webkit-perspective-origin: 50% 50%;
+ perspective-origin: 50% 50%;
+ -webkit-perspective: 700px;
+ perspective: 700px; }
+ .reveal.overview .slides section {
+ height: 700px;
+ opacity: 1 !important;
+ overflow: hidden;
+ visibility: visible !important;
+ cursor: pointer;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box; }
+ .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
+ outline: 10px solid rgba(150, 150, 150, 0.4);
+ outline-offset: 10px; }
+ .reveal.overview .slides section .fragment {
+ opacity: 1;
+ -webkit-transition: none;
+ transition: none; }
+ .reveal.overview .slides section:after, .reveal.overview .slides section:before {
+ display: none !important; }
+ .reveal.overview .slides > section.stack {
+ padding: 0;
+ top: 0 !important;
+ background: none;
+ outline: none;
+ overflow: visible; }
+ .reveal.overview .backgrounds {
+ -webkit-perspective: inherit;
+ perspective: inherit; }
+ .reveal.overview .backgrounds .slide-background {
+ opacity: 1;
+ visibility: visible;
+ outline: 10px solid rgba(150, 150, 150, 0.1);
+ outline-offset: 10px; }
+
+.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
+ -webkit-transition: none;
+ transition: none; }
+
+.reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
+ -webkit-transition: none;
+ transition: none; }
+
+.reveal.overview-animated .slides {
+ -webkit-transition: -webkit-transform 0.4s ease;
+ transition: transform 0.4s ease; }
+
+/*********************************************
* RTL SUPPORT
*********************************************/
.reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
diff --git a/css/reveal.scss b/css/reveal.scss
index 17e0407..02ba1b4 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -57,18 +57,6 @@ body {
color: #000;
}
-::-moz-selection {
- background: #FF5E99;
- color: #fff;
- text-shadow: none;
-}
-
-::selection {
- background: #FF5E99;
- color: #fff;
- text-shadow: none;
-}
-
/*********************************************
* VIEW FRAGMENTS
@@ -107,15 +95,7 @@ body {
transform: scale( 0.1 );
&.visible {
- transform: scale( 1 );
- }
-}
-
-.reveal .slides section .fragment.roll-in {
- transform: rotateX( 90deg );
-
- &.visible {
- transform: rotateX( 0 );
+ transform: none;
}
}
@@ -352,6 +332,7 @@ body {
position: relative;
width: 100%;
height: 100%;
+ overflow: hidden;
touch-action: none;
}
@@ -741,53 +722,6 @@ body {
/*********************************************
- * OVERVIEW
- *********************************************/
-
-.reveal.overview .slides {
- perspective-origin: 50% 50%;
- perspective: 700px;
-}
-
-.reveal.overview .slides section {
- height: 700px;
- overflow: hidden;
- opacity: 1 !important;
- visibility: visible !important;
- cursor: pointer;
- background: rgba(0,0,0,0.1);
- box-sizing: border-box;
-}
-.reveal.overview .slides section,
-.reveal.overview-deactivating .slides section {
- transition: none !important;
-}
-.reveal.overview .slides section .fragment {
- opacity: 1;
-}
-.reveal.overview .slides section:after,
-.reveal.overview .slides section:before {
- display: none !important;
-}
-.reveal.overview .slides section>section {
- opacity: 1;
- cursor: pointer;
-}
- .reveal.overview .slides section:hover {
- background: rgba(0,0,0,0.3);
- }
- .reveal.overview .slides section.present {
- background: rgba(0,0,0,0.3);
- }
-.reveal.overview .slides>section.stack {
- padding: 0;
- top: 0 !important;
- background: none;
- overflow: visible;
-}
-
-
-/*********************************************
* PAUSED MODE
*********************************************/
@@ -858,7 +792,7 @@ body {
* PER-SLIDE BACKGROUNDS
*********************************************/
-.reveal>.backgrounds {
+.reveal .backgrounds {
position: absolute;
width: 100%;
height: 100%;
@@ -1028,6 +962,74 @@ body {
/*********************************************
+ * OVERVIEW
+ *********************************************/
+
+.reveal.overview {
+ perspective-origin: 50% 50%;
+ perspective: 700px;
+
+ .slides section {
+ height: 700px;
+ opacity: 1 !important;
+ overflow: hidden;
+ visibility: visible !important;
+ cursor: pointer;
+ box-sizing: border-box;
+ }
+ .slides section:hover,
+ .slides section.present {
+ outline: 10px solid rgba(150,150,150,0.4);
+ outline-offset: 10px;
+ }
+ .slides section .fragment {
+ opacity: 1;
+ transition: none;
+ }
+ .slides section:after,
+ .slides section:before {
+ display: none !important;
+ }
+ .slides>section.stack {
+ padding: 0;
+ top: 0 !important;
+ background: none;
+ outline: none;
+ overflow: visible;
+ }
+
+ .backgrounds {
+ perspective: inherit;
+ }
+
+ .backgrounds .slide-background {
+ opacity: 1;
+ visibility: visible;
+
+ // This can't be applied to the slide itself in Safari
+ outline: 10px solid rgba(150,150,150,0.1);
+ outline-offset: 10px;
+ }
+}
+
+// Disable transitions transitions while we're activating
+// or deactivating the overview mode.
+.reveal.overview .slides section,
+.reveal.overview-deactivating .slides section {
+ transition: none;
+}
+
+.reveal.overview .backgrounds .slide-background,
+.reveal.overview-deactivating .backgrounds .slide-background {
+ transition: none;
+}
+
+.reveal.overview-animated .slides {
+ transition: transform 0.4s ease;
+}
+
+
+/*********************************************
* RTL SUPPORT
*********************************************/
diff --git a/css/theme/README.md b/css/theme/README.md
index 8237586..753e0c0 100644
--- a/css/theme/README.md
+++ b/css/theme/README.md
@@ -2,8 +2,6 @@
Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceding: https://github.com/hakimel/reveal.js#full-setup
-You also need to install Ruby and then Sass (with `gem install sass`).
-
## Creating a Theme
To create your own theme, start by duplicating any ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source) and adding it to the compilation list in the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js).
@@ -17,9 +15,9 @@ Shared utility functions.
Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.
3. **Override**
-This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding full selectors with hardcoded styles.
+This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please.
4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
The template theme file which will generate final CSS output based on the currently defined variables.
-When you are done, run `grunt themes` to compile the Sass file to CSS and you are ready to use your new theme.
+When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
diff --git a/css/theme/beige.css b/css/theme/beige.css
index 514427c..944dbd8 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -163,6 +163,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/black.css b/css/theme/black.css
index 7d3bee4..ee2ead8 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -159,6 +159,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 768d2a3..952fdf2 100644
--- a/css/theme/blood.css
+++ b/css/theme/blood.css
@@ -15,13 +15,7 @@
*********************************************/
body {
background: #222;
- background: -moz-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #626262), color-stop(100%, #222));
- background: -webkit-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: -o-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: -ms-radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background: radial-gradient(center, circle cover, #626262 0%, #222 100%);
- background-color: #2b2b2b; }
+ background-color: #222; }
.reveal {
font-family: Ubuntu, 'sans-serif';
@@ -168,6 +162,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
@@ -276,12 +276,6 @@ body {
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
font-weight: 700; }
-.reveal a, .reveal a:hover {
- text-shadow: 2px 2px 2px #000; }
-
-.reveal small a, .reveal small a:hover {
- text-shadow: 1px 1px 1px #000; }
-
.reveal p code {
background-color: #23241f;
display: inline-block;
diff --git a/css/theme/league.css b/css/theme/league.css
index c6d07f6..41967d2 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -165,6 +165,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/moon.css b/css/theme/moon.css
index 4817c18..ac93638 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -163,6 +163,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/night.css b/css/theme/night.css
index 71319b2..6a5ed31 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -157,6 +157,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/serif.css b/css/theme/serif.css
index ed85db6..fc83e5d 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -159,6 +159,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/simple.css b/css/theme/simple.css
index d9153d7..ea08a27 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -159,6 +159,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/sky.css b/css/theme/sky.css
index f7e8402..83842c4 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -166,6 +166,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 583201a..649f7a9 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -163,6 +163,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
diff --git a/css/theme/source/blood.scss b/css/theme/source/blood.scss
index f2e3a09..d22b53d 100644
--- a/css/theme/source/blood.scss
+++ b/css/theme/source/blood.scss
@@ -24,6 +24,8 @@ $blood: #a23;
$coal: #222;
$codeBackground: #23241f;
+$backgroundColor: $coal;
+
// Main text
$mainFont: Ubuntu, 'sans-serif';
$mainFontSize: 36px;
@@ -45,10 +47,6 @@ $linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: $blood;
$selectionColor: #fff;
-// Background generator
-@mixin bodyBackground() {
- @include radial-gradient( $coal, lighten( $coal, 25% ) );
-}
// Theme template ------------------------------
@import "../template/theme";
@@ -61,7 +59,7 @@ $selectionColor: #fff;
text-shadow: 1px 1px $coal;
}
-.reveal h1,
+.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
@@ -70,16 +68,6 @@ $selectionColor: #fff;
font-weight: 700;
}
-.reveal a,
-.reveal a:hover {
- text-shadow: 2px 2px 2px #000;
-}
-
-.reveal small a,
-.reveal small a:hover {
- text-shadow: 1px 1px 1px #000;
-}
-
.reveal p code {
background-color: $codeBackground;
display: inline-block;
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index d1be10a..bd89d31 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -199,8 +199,18 @@ body {
border-bottom: 1px solid;
}
+.reveal table th[align="center"],
+.reveal table td[align="center"] {
+ text-align: center;
+}
+
+.reveal table th[align="right"],
+.reveal table td[align="right"] {
+ text-align: right;
+}
+
.reveal table tr:last-child td {
- border-bottom: none;
+ border-bottom: none;
}
.reveal sup {
@@ -333,7 +343,7 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
- color: $linkColor;
+ color: $linkColor;
}
diff --git a/css/theme/white.css b/css/theme/white.css
index 5fdb2fc..c77d5ab 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -159,6 +159,12 @@ body {
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid; }
+.reveal table th[align="center"], .reveal table td[align="center"] {
+ text-align: center; }
+
+.reveal table th[align="right"], .reveal table td[align="right"] {
+ text-align: right; }
+
.reveal table tr:last-child td {
border-bottom: none; }
generated by cgit v1.2.3 (git 2.25.4) at 2024-06-15 10:03:31 +0000