summaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/reveal.css127
-rw-r--r--css/reveal.scss197
-rw-r--r--css/theme/README.md6
-rw-r--r--css/theme/beige.css26
-rw-r--r--css/theme/black.css26
-rw-r--r--css/theme/blood.css40
-rw-r--r--css/theme/league.css26
-rw-r--r--css/theme/moon.css26
-rw-r--r--css/theme/night.css26
-rw-r--r--css/theme/serif.css26
-rw-r--r--css/theme/simple.css26
-rw-r--r--css/theme/sky.css26
-rw-r--r--css/theme/solarized.css26
-rw-r--r--css/theme/source/blood.scss18
-rw-r--r--css/theme/template/theme.scss40
-rw-r--r--css/theme/white.css26
16 files changed, 365 insertions, 323 deletions
diff --git a/css/reveal.css b/css/reveal.css
index 43d774b..705d966 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;
@@ -173,58 +156,61 @@ body {
bottom: 10px;
-webkit-user-select: none; }
-.reveal .controls div {
+.reveal .controls button {
+ padding: 0;
position: absolute;
opacity: 0.05;
width: 0;
height: 0;
+ background-color: transparent;
border: 12px solid transparent;
-webkit-transform: scale(0.9999);
-ms-transform: scale(0.9999);
transform: scale(0.9999);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
+ -webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
-.reveal .controls div.enabled {
+.reveal .controls .enabled {
opacity: 0.7;
cursor: pointer; }
-.reveal .controls div.enabled:active {
+.reveal .controls .enabled:active {
margin-top: 1px; }
-.reveal .controls div.navigate-left {
+.reveal .controls .navigate-left {
top: 42px;
border-right-width: 22px;
border-right-color: #000; }
-.reveal .controls div.navigate-left.fragmented {
+.reveal .controls .navigate-left.fragmented {
opacity: 0.3; }
-.reveal .controls div.navigate-right {
+.reveal .controls .navigate-right {
left: 74px;
top: 42px;
border-left-width: 22px;
border-left-color: #000; }
-.reveal .controls div.navigate-right.fragmented {
+.reveal .controls .navigate-right.fragmented {
opacity: 0.3; }
-.reveal .controls div.navigate-up {
+.reveal .controls .navigate-up {
left: 42px;
border-bottom-width: 22px;
border-bottom-color: #000; }
-.reveal .controls div.navigate-up.fragmented {
+.reveal .controls .navigate-up.fragmented {
opacity: 0.3; }
-.reveal .controls div.navigate-down {
+.reveal .controls .navigate-down {
left: 42px;
top: 74px;
border-top-width: 22px;
border-top-color: #000; }
-.reveal .controls div.navigate-down.fragmented {
+.reveal .controls .navigate-down.fragmented {
opacity: 0.3; }
/*********************************************
@@ -352,29 +338,56 @@ body {
opacity: 0; }
/*********************************************
+ * Mixins for readability of transitions
+ *********************************************/
+/*********************************************
* SLIDE TRANSITION
* Aliased 'linear' for backwards compatibility
*********************************************/
-.reveal.slide section, .reveal.linear section {
+.reveal.slide section {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
-.reveal .slides > section[data-transition=slide].past, .reveal.slide .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=linear].past, .reveal.linear .slides > section:not([data-transition]).past {
+.reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
-webkit-transform: translate(-150%, 0);
-ms-transform: translate(-150%, 0);
transform: translate(-150%, 0); }
-.reveal .slides > section[data-transition=slide].future, .reveal.slide .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=linear].future, .reveal.linear .slides > section:not([data-transition]).future {
+.reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
-webkit-transform: translate(150%, 0);
-ms-transform: translate(150%, 0);
transform: translate(150%, 0); }
-.reveal .slides > section > section[data-transition=slide].past, .reveal.slide .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=linear].past, .reveal.linear .slides > section > section:not([data-transition]).past {
+.reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
-webkit-transform: translate(0, -150%);
-ms-transform: translate(0, -150%);
transform: translate(0, -150%); }
-.reveal .slides > section > section[data-transition=slide].future, .reveal.slide .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=linear].future, .reveal.linear .slides > section > section:not([data-transition]).future {
+.reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
+ -webkit-transform: translate(0, 150%);
+ -ms-transform: translate(0, 150%);
+ transform: translate(0, 150%); }
+
+.reveal.linear section {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
+ -webkit-transform: translate(-150%, 0);
+ -ms-transform: translate(-150%, 0);
+ transform: translate(-150%, 0); }
+
+.reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
+ -webkit-transform: translate(150%, 0);
+ -ms-transform: translate(150%, 0);
+ transform: translate(150%, 0); }
+
+.reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
+ -webkit-transform: translate(0, -150%);
+ -ms-transform: translate(0, -150%);
+ transform: translate(0, -150%); }
+
+.reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
-webkit-transform: translate(0, 150%);
-ms-transform: translate(0, 150%);
transform: translate(0, 150%); }
@@ -383,38 +396,54 @@ body {
* CONVEX TRANSITION
* Aliased 'default' for backwards compatibility
*********************************************/
-.reveal .slides > section[data-transition=default].past, .reveal.default .slides > section:not([data-transition]).past, .reveal .slides > section[data-transition=convex].past, .reveal.convex .slides > section:not([data-transition]).past {
+.reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
+ -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
+
+.reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
+ -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
+
+.reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
+ -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
+
+.reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
+ -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
+
+.reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
-.reveal .slides > section[data-transition=default].future, .reveal.default .slides > section:not([data-transition]).future, .reveal .slides > section[data-transition=convex].future, .reveal.convex .slides > section:not([data-transition]).future {
+.reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
-.reveal .slides > section > section[data-transition=default].past, .reveal.default .slides > section > section:not([data-transition]).past, .reveal .slides > section > section[data-transition=convex].past, .reveal.convex .slides > section > section:not([data-transition]).past {
+.reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
-webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
-.reveal .slides > section > section[data-transition=default].future, .reveal.default .slides > section > section:not([data-transition]).future, .reveal .slides > section > section[data-transition=convex].future, .reveal.convex .slides > section > section:not([data-transition]).future {
+.reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
-webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
/*********************************************
* CONCAVE TRANSITION
*********************************************/
-.reveal .slides > section[data-transition=concave].past, .reveal.concave .slides > section:not([data-transition]).past {
+.reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
-.reveal .slides > section[data-transition=concave].future, .reveal.concave .slides > section:not([data-transition]).future {
+.reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
-.reveal .slides > section > section[data-transition=concave].past, .reveal.concave .slides > section > section:not([data-transition]).past {
+.reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
-webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
-.reveal .slides > section > section[data-transition=concave].future, .reveal.concave .slides > section > section:not([data-transition]).future {
+.reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
-webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
@@ -425,24 +454,24 @@ body {
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
-.reveal .slides > section[data-transition=zoom].past, .reveal.zoom .slides > section:not([data-transition]).past {
+.reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
visibility: hidden;
-webkit-transform: scale(16);
-ms-transform: scale(16);
transform: scale(16); }
-.reveal .slides > section[data-transition=zoom].future, .reveal.zoom .slides > section:not([data-transition]).future {
+.reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
visibility: hidden;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2); }
-.reveal .slides > section > section[data-transition=zoom].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
+.reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
-webkit-transform: translate(0, -150%);
-ms-transform: translate(0, -150%);
transform: translate(0, -150%); }
-.reveal .slides > section > section[data-transition=zoom].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
+.reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
-webkit-transform: translate(0, 150%);
-ms-transform: translate(0, 150%);
transform: translate(0, 150%); }
@@ -618,7 +647,7 @@ body {
/*********************************************
* NO TRANSITION
*********************************************/
-.reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
+.reveal .slides > section[data-transition=none], .reveal.none .slides > section:not([data-transition]) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
diff --git a/css/reveal.scss b/css/reveal.scss
index 23cfefd..1be6151 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;
}
}
@@ -234,66 +214,68 @@ body {
-webkit-user-select: none;
}
-.reveal .controls div {
+.reveal .controls button {
+ padding: 0;
position: absolute;
opacity: 0.05;
width: 0;
height: 0;
+ background-color: transparent;
border: 12px solid transparent;
transform: scale(.9999);
transition: all 0.2s ease;
-
+ -webkit-appearance: none;
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}
-.reveal .controls div.enabled {
+.reveal .controls .enabled {
opacity: 0.7;
cursor: pointer;
}
-.reveal .controls div.enabled:active {
+.reveal .controls .enabled:active {
margin-top: 1px;
}
- .reveal .controls div.navigate-left {
+ .reveal .controls .navigate-left {
top: 42px;
border-right-width: 22px;
border-right-color: #000;
}
- .reveal .controls div.navigate-left.fragmented {
+ .reveal .controls .navigate-left.fragmented {
opacity: 0.3;
}
- .reveal .controls div.navigate-right {
+ .reveal .controls .navigate-right {
left: 74px;
top: 42px;
border-left-width: 22px;
border-left-color: #000;
}
- .reveal .controls div.navigate-right.fragmented {
+ .reveal .controls .navigate-right.fragmented {
opacity: 0.3;
}
- .reveal .controls div.navigate-up {
+ .reveal .controls .navigate-up {
left: 42px;
border-bottom-width: 22px;
border-bottom-color: #000;
}
- .reveal .controls div.navigate-up.fragmented {
+ .reveal .controls .navigate-up.fragmented {
opacity: 0.3;
}
- .reveal .controls div.navigate-down {
+ .reveal .controls .navigate-down {
left: 42px;
top: 74px;
border-top-width: 22px;
border-top-color: #000;
}
- .reveal .controls div.navigate-down.fragmented {
+ .reveal .controls .navigate-down.fragmented {
opacity: 0.3;
}
@@ -448,93 +430,102 @@ body {
/*********************************************
- * SLIDE TRANSITION
- * Aliased 'linear' for backwards compatibility
+ * Mixins for readability of transitions
*********************************************/
-.reveal.slide section,
-.reveal.linear section {
- backface-visibility: hidden;
+@mixin transition-global($style) {
+ .reveal .slides>section[data-transition=#{$style}],
+ .reveal.#{$style} .slides>section:not([data-transition]) {
+ @content;
+ }
}
-
-.reveal .slides>section[data-transition=slide].past,
-.reveal.slide .slides>section:not([data-transition]).past,
-.reveal .slides>section[data-transition=linear].past,
-.reveal.linear .slides>section:not([data-transition]).past {
- transform: translate(-150%, 0);
+@mixin transition-horizontal-past($style) {
+ .reveal .slides>section[data-transition=#{$style}].past,
+ .reveal .slides>section[data-transition~=#{$style}-out].past,
+ .reveal.#{$style} .slides>section:not([data-transition]).past {
+ @content;
+ }
}
-.reveal .slides>section[data-transition=slide].future,
-.reveal.slide .slides>section:not([data-transition]).future,
-.reveal .slides>section[data-transition=linear].future,
-.reveal.linear .slides>section:not([data-transition]).future {
- transform: translate(150%, 0);
+@mixin transition-horizontal-future($style) {
+ .reveal .slides>section[data-transition=#{$style}].future,
+ .reveal .slides>section[data-transition~=#{$style}-in].future,
+ .reveal.#{$style} .slides>section:not([data-transition]).future {
+ @content;
+ }
}
-.reveal .slides>section>section[data-transition=slide].past,
-.reveal.slide .slides>section>section:not([data-transition]).past,
-.reveal .slides>section>section[data-transition=linear].past,
-.reveal.linear .slides>section>section:not([data-transition]).past {
- transform: translate(0, -150%);
+@mixin transition-vertical-past($style) {
+ .reveal .slides>section>section[data-transition=#{$style}].past,
+ .reveal .slides>section>section[data-transition~=#{$style}-out].past,
+ .reveal.#{$style} .slides>section>section:not([data-transition]).past {
+ @content;
+ }
}
-.reveal .slides>section>section[data-transition=slide].future,
-.reveal.slide .slides>section>section:not([data-transition]).future,
-.reveal .slides>section>section[data-transition=linear].future,
-.reveal.linear .slides>section>section:not([data-transition]).future {
- transform: translate(0, 150%);
+@mixin transition-vertical-future($style) {
+ .reveal .slides>section>section[data-transition=#{$style}].future,
+ .reveal .slides>section>section[data-transition~=#{$style}-in].future,
+ .reveal.#{$style} .slides>section>section:not([data-transition]).future {
+ @content;
+ }
}
+/*********************************************
+ * SLIDE TRANSITION
+ * Aliased 'linear' for backwards compatibility
+ *********************************************/
+
+@each $stylename in slide, linear {
+ .reveal.#{$stylename} section {
+ backface-visibility: hidden;
+ }
+ @include transition-horizontal-past(#{$stylename}) {
+ transform: translate(-150%, 0);
+ }
+ @include transition-horizontal-future(#{$stylename}) {
+ transform: translate(150%, 0);
+ }
+ @include transition-vertical-past(#{$stylename}) {
+ transform: translate(0, -150%);
+ }
+ @include transition-vertical-future(#{$stylename}) {
+ transform: translate(0, 150%);
+ }
+}
/*********************************************
* CONVEX TRANSITION
* Aliased 'default' for backwards compatibility
*********************************************/
-.reveal .slides>section[data-transition=default].past,
-.reveal.default .slides>section:not([data-transition]).past,
-.reveal .slides>section[data-transition=convex].past,
-.reveal.convex .slides>section:not([data-transition]).past {
- transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
-}
-.reveal .slides>section[data-transition=default].future,
-.reveal.default .slides>section:not([data-transition]).future,
-.reveal .slides>section[data-transition=convex].future,
-.reveal.convex .slides>section:not([data-transition]).future {
- transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
-}
-
-.reveal .slides>section>section[data-transition=default].past,
-.reveal.default .slides>section>section:not([data-transition]).past,
-.reveal .slides>section>section[data-transition=convex].past,
-.reveal.convex .slides>section>section:not([data-transition]).past {
- transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
-}
-.reveal .slides>section>section[data-transition=default].future,
-.reveal.default .slides>section>section:not([data-transition]).future,
-.reveal .slides>section>section[data-transition=convex].future,
-.reveal.convex .slides>section>section:not([data-transition]).future {
- transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+@each $stylename in default, convex {
+ @include transition-horizontal-past(#{$stylename}) {
+ transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
+ }
+ @include transition-horizontal-future(#{$stylename}) {
+ transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
+ }
+ @include transition-vertical-past(#{$stylename}) {
+ transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
+ }
+ @include transition-vertical-future(#{$stylename}) {
+ transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
+ }
}
-
/*********************************************
* CONCAVE TRANSITION
*********************************************/
-.reveal .slides>section[data-transition=concave].past,
-.reveal.concave .slides>section:not([data-transition]).past {
+@include transition-horizontal-past(concave) {
transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}
-.reveal .slides>section[data-transition=concave].future,
-.reveal.concave .slides>section:not([data-transition]).future {
+@include transition-horizontal-future(concave) {
transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
}
-
-.reveal .slides>section>section[data-transition=concave].past,
-.reveal.concave .slides>section>section:not([data-transition]).past {
+@include transition-vertical-past(concave) {
transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
}
-.reveal .slides>section>section[data-transition=concave].future,
-.reveal.concave .slides>section>section:not([data-transition]).future {
+@include transition-vertical-future(concave) {
transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
}
@@ -543,28 +534,21 @@ body {
* ZOOM TRANSITION
*********************************************/
-.reveal .slides>section[data-transition=zoom],
-.reveal.zoom .slides>section:not([data-transition]) {
+@include transition-global(zoom) {
transition-timing-function: ease;
}
-
-.reveal .slides>section[data-transition=zoom].past,
-.reveal.zoom .slides>section:not([data-transition]).past {
+@include transition-horizontal-past(zoom) {
visibility: hidden;
transform: scale(16);
}
-.reveal .slides>section[data-transition=zoom].future,
-.reveal.zoom .slides>section:not([data-transition]).future {
+@include transition-horizontal-future(zoom) {
visibility: hidden;
transform: scale(0.2);
}
-
-.reveal .slides>section>section[data-transition=zoom].past,
-.reveal.zoom .slides>section>section:not([data-transition]).past {
+@include transition-vertical-past(zoom) {
transform: translate(0, -150%);
}
-.reveal .slides>section>section[data-transition=zoom].future,
-.reveal.zoom .slides>section>section:not([data-transition]).future {
+@include transition-vertical-future(zoom) {
transform: translate(0, 150%);
}
@@ -733,8 +717,7 @@ body {
* NO TRANSITION
*********************************************/
-.reveal .slides section[data-transition=none],
-.reveal.none .slides section:not([data-transition]) {
+@include transition-global(none) {
transform: none;
transition: none;
}
diff --git a/css/theme/README.md b/css/theme/README.md
index 9822563..753e0c0 100644
--- a/css/theme/README.md
+++ b/css/theme/README.md
@@ -17,5 +17,7 @@ Declares a set of custom variables that the template file (step 4) expects. Can
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 any selectors and styles you please.
-4. **Run `css-grunt themes`**
-This will compile your theme CSS. It's now ready to use.
+4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
+The template theme file which will generate final CSS output based on the currently defined variables.
+
+When you are done, run `grunt css-themes` to compile the Sass file to CSS and you are ready to use your new theme.
diff --git a/css/theme/beige.css b/css/theme/beige.css
index be64a2f..4f5be26 100644
--- a/css/theme/beige.css
+++ b/css/theme/beige.css
@@ -146,9 +146,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -163,6 +161,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; }
@@ -226,28 +230,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #8b743d; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #8b743d; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #8b743d; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #8b743d; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #c0a76e; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #c0a76e; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #c0a76e; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #c0a76e; }
/*********************************************
diff --git a/css/theme/black.css b/css/theme/black.css
index 300c6bd..3cee63e 100644
--- a/css/theme/black.css
+++ b/css/theme/black.css
@@ -142,9 +142,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -159,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; }
@@ -222,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #42affa; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #42affa; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #42affa; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #42affa; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8dcffc; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8dcffc; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8dcffc; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8dcffc; }
/*********************************************
diff --git a/css/theme/blood.css b/css/theme/blood.css
index 3a9e023..8dfdc1d 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';
@@ -151,9 +145,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -168,6 +160,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; }
@@ -231,28 +229,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #a23; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #a23; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #a23; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #a23; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #dd5567; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #dd5567; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #dd5567; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #dd5567; }
/*********************************************
@@ -280,12 +278,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 224e09d..f5652af 100644
--- a/css/theme/league.css
+++ b/css/theme/league.css
@@ -148,9 +148,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -165,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; }
@@ -228,28 +232,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #13DAEC; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #13DAEC; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #13DAEC; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #13DAEC; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #71ebf4; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #71ebf4; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #71ebf4; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #71ebf4; }
/*********************************************
diff --git a/css/theme/moon.css b/css/theme/moon.css
index b02eae4..224c40a 100644
--- a/css/theme/moon.css
+++ b/css/theme/moon.css
@@ -146,9 +146,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -163,6 +161,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; }
@@ -226,28 +230,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; }
/*********************************************
diff --git a/css/theme/night.css b/css/theme/night.css
index b873b3e..109d4c3 100644
--- a/css/theme/night.css
+++ b/css/theme/night.css
@@ -140,9 +140,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -157,6 +155,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; }
@@ -220,28 +224,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #e7ad52; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #e7ad52; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #e7ad52; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #e7ad52; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #f3d7ac; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #f3d7ac; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #f3d7ac; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #f3d7ac; }
/*********************************************
diff --git a/css/theme/serif.css b/css/theme/serif.css
index aa0cc7b..4e8674c 100644
--- a/css/theme/serif.css
+++ b/css/theme/serif.css
@@ -142,9 +142,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -159,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; }
@@ -222,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #51483D; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #51483D; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #51483D; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #51483D; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #8b7b69; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #8b7b69; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #8b7b69; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #8b7b69; }
/*********************************************
diff --git a/css/theme/simple.css b/css/theme/simple.css
index f1fe1d3..8122250 100644
--- a/css/theme/simple.css
+++ b/css/theme/simple.css
@@ -142,9 +142,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -159,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; }
@@ -222,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #00008B; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #00008B; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #00008B; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #00008B; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #0000f1; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #0000f1; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #0000f1; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #0000f1; }
/*********************************************
diff --git a/css/theme/sky.css b/css/theme/sky.css
index 0d9ebe8..93b4e85 100644
--- a/css/theme/sky.css
+++ b/css/theme/sky.css
@@ -149,9 +149,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -166,6 +164,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; }
@@ -229,28 +233,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #3b759e; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #3b759e; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #3b759e; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #3b759e; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #74a8cb; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #74a8cb; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #74a8cb; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #74a8cb; }
/*********************************************
diff --git a/css/theme/solarized.css b/css/theme/solarized.css
index 6c6a9bb..317027e 100644
--- a/css/theme/solarized.css
+++ b/css/theme/solarized.css
@@ -146,9 +146,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -163,6 +161,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; }
@@ -226,28 +230,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #268bd2; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #268bd2; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #268bd2; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #268bd2; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #78bae6; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #78bae6; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #78bae6; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #78bae6; }
/*********************************************
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 66e9cbb..91eeca7 100644
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -178,8 +178,6 @@ body {
overflow: auto;
max-height: 400px;
word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC;
}
.reveal table {
@@ -199,8 +197,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 {
@@ -282,39 +290,39 @@ body {
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left,
+.reveal .controls .navigate-left.enabled {
border-right-color: $linkColor;
}
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right,
+.reveal .controls .navigate-right.enabled {
border-left-color: $linkColor;
}
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up,
+.reveal .controls .navigate-up.enabled {
border-bottom-color: $linkColor;
}
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down,
+.reveal .controls .navigate-down.enabled {
border-top-color: $linkColor;
}
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: $linkColorHover;
}
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: $linkColorHover;
}
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: $linkColorHover;
}
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: $linkColorHover;
}
@@ -338,7 +346,7 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
- color: $linkColor;
+ color: $linkColor;
}
diff --git a/css/theme/white.css b/css/theme/white.css
index 6404654..f37aa9d 100644
--- a/css/theme/white.css
+++ b/css/theme/white.css
@@ -142,9 +142,7 @@ body {
padding: 5px;
overflow: auto;
max-height: 400px;
- word-wrap: normal;
- background: #3F3F3F;
- color: #DCDCDC; }
+ word-wrap: normal; }
.reveal table {
margin: auto;
@@ -159,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; }
@@ -222,28 +226,28 @@ body {
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
-.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
+.reveal .controls .navigate-left, .reveal .controls .navigate-left.enabled {
border-right-color: #2a76dd; }
-.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
+.reveal .controls .navigate-right, .reveal .controls .navigate-right.enabled {
border-left-color: #2a76dd; }
-.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
+.reveal .controls .navigate-up, .reveal .controls .navigate-up.enabled {
border-bottom-color: #2a76dd; }
-.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
+.reveal .controls .navigate-down, .reveal .controls .navigate-down.enabled {
border-top-color: #2a76dd; }
-.reveal .controls div.navigate-left.enabled:hover {
+.reveal .controls .navigate-left.enabled:hover {
border-right-color: #6ca2e8; }
-.reveal .controls div.navigate-right.enabled:hover {
+.reveal .controls .navigate-right.enabled:hover {
border-left-color: #6ca2e8; }
-.reveal .controls div.navigate-up.enabled:hover {
+.reveal .controls .navigate-up.enabled:hover {
border-bottom-color: #6ca2e8; }
-.reveal .controls div.navigate-down.enabled:hover {
+.reveal .controls .navigate-down.enabled:hover {
border-top-color: #6ca2e8; }
/*********************************************