diff options
Diffstat (limited to 'geschichte/css/theme')
-rw-r--r-- | geschichte/css/theme/README.md | 21 | ||||
-rw-r--r-- | geschichte/css/theme/source/beige.scss | 41 | ||||
-rw-r--r-- | geschichte/css/theme/source/black-contrast.scss | 49 | ||||
-rw-r--r-- | geschichte/css/theme/source/black.scss | 46 | ||||
-rw-r--r-- | geschichte/css/theme/source/blood.scss | 87 | ||||
-rw-r--r-- | geschichte/css/theme/source/dracula.scss | 132 | ||||
-rw-r--r-- | geschichte/css/theme/source/league.scss | 36 | ||||
-rw-r--r-- | geschichte/css/theme/source/moon.scss | 58 | ||||
-rw-r--r-- | geschichte/css/theme/source/night.scss | 37 | ||||
-rw-r--r-- | geschichte/css/theme/source/serif.scss | 38 | ||||
-rw-r--r-- | geschichte/css/theme/source/simple.scss | 40 | ||||
-rw-r--r-- | geschichte/css/theme/source/sky.scss | 49 | ||||
-rw-r--r-- | geschichte/css/theme/source/solarized.scss | 63 | ||||
-rw-r--r-- | geschichte/css/theme/source/white-contrast.scss | 49 | ||||
-rw-r--r-- | geschichte/css/theme/source/white.scss | 46 | ||||
-rw-r--r-- | geschichte/css/theme/template/exposer.scss | 28 | ||||
-rw-r--r-- | geschichte/css/theme/template/mixins.scss | 45 | ||||
-rw-r--r-- | geschichte/css/theme/template/settings.scss | 45 | ||||
-rw-r--r-- | geschichte/css/theme/template/theme.scss | 331 |
19 files changed, 0 insertions, 1241 deletions
diff --git a/geschichte/css/theme/README.md b/geschichte/css/theme/README.md deleted file mode 100644 index 30916c4..0000000 --- a/geschichte/css/theme/README.md +++ /dev/null @@ -1,21 +0,0 @@ -## Dependencies - -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 installed before proceeding: https://revealjs.com/installation/#full-setup - -## Creating a Theme - -To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled from Sass to CSS (see the [gulpfile](https://github.com/hakimel/reveal.js/blob/master/gulpfile.js)) when you run `npm run build -- css-themes`. - -Each theme file does four things in the following order: - -1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)** -Shared utility functions. - -2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)** -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 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. diff --git a/geschichte/css/theme/source/beige.scss b/geschichte/css/theme/source/beige.scss deleted file mode 100644 index 1f60178..0000000 --- a/geschichte/css/theme/source/beige.scss +++ /dev/null @@ -1,41 +0,0 @@ -/** - * Beige theme for reveal.js. - * - * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -@import url(./fonts/league-gothic/league-gothic.css); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); - - -// Override theme settings (see ../template/settings.scss) -$mainColor: #333; -$headingColor: #333; -$headingTextShadow: none; -$backgroundColor: #f7f3de; -$linkColor: #8b743d; -$linkColorHover: lighten( $linkColor, 20% ); -$selectionBackgroundColor: rgba(79, 64, 28, 0.99); -$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); - -// Background generator -@mixin bodyBackground() { - @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) ); -} - -// Change text colors against dark slide backgrounds -@include dark-bg-text-color(#fff); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/black-contrast.scss b/geschichte/css/theme/source/black-contrast.scss deleted file mode 100644 index 9e1a2ca..0000000 --- a/geschichte/css/theme/source/black-contrast.scss +++ /dev/null @@ -1,49 +0,0 @@ -/** - * Black compact & high contrast reveal.js theme, with headers not in capitals. - * - * By Peter Kehl. Based on black.(s)css by Hakim El Hattab, http://hakim.se - * - * - Keep the source similar to black.css - for easy comparison. - * - $mainFontSize controls code blocks, too (although under some ratio). - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - -// Include theme-specific fonts -@import url(./fonts/source-sans-pro/source-sans-pro.css); - - -// Override theme settings (see ../template/settings.scss) -$backgroundColor: #000000; - -$mainColor: #fff; -$headingColor: #fff; - -$mainFontSize: 42px; -$mainFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingTextShadow: none; -$headingLetterSpacing: normal; -$headingTextTransform: uppercase; -$headingFontWeight: 600; -$linkColor: #42affa; -$linkColorHover: lighten( $linkColor, 15% ); -$selectionBackgroundColor: lighten( $linkColor, 25% ); - -$heading1Size: 2.5em; -$heading2Size: 1.6em; -$heading3Size: 1.3em; -$heading4Size: 1.0em; - -// Change text colors against light slide backgrounds -@include light-bg-text-color(#000); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/black.scss b/geschichte/css/theme/source/black.scss deleted file mode 100644 index 7c655c4..0000000 --- a/geschichte/css/theme/source/black.scss +++ /dev/null @@ -1,46 +0,0 @@ -/** - * Black theme for reveal.js. This is the opposite of the 'white' theme. - * - * By Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - -// Include theme-specific fonts -@import url(./fonts/source-sans-pro/source-sans-pro.css); - - -// Override theme settings (see ../template/settings.scss) -$backgroundColor: #191919; - -$mainColor: #fff; -$headingColor: #fff; - -$mainFontSize: 42px; -$mainFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingTextShadow: none; -$headingLetterSpacing: normal; -$headingTextTransform: uppercase; -$headingFontWeight: 600; -$linkColor: #42affa; -$linkColorHover: lighten( $linkColor, 15% ); -$selectionBackgroundColor: rgba( $linkColor, 0.75 ); - -$heading1Size: 2.5em; -$heading2Size: 1.6em; -$heading3Size: 1.3em; -$heading4Size: 1.0em; - -// Change text colors against light slide backgrounds -@include light-bg-text-color(#222); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/blood.scss b/geschichte/css/theme/source/blood.scss deleted file mode 100644 index b5a8679..0000000 --- a/geschichte/css/theme/source/blood.scss +++ /dev/null @@ -1,87 +0,0 @@ -/** - * Blood theme for reveal.js - * Author: Walther http://github.com/Walther - * - * Designed to be used with highlight.js theme - * "monokai_sublime.css" available from - * https://github.com/isagalaev/highlight.js/ - * - * For other themes, change $codeBackground accordingly. - * - */ - - // Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - -// Include theme-specific fonts - -@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); - -// Colors used in the theme -$blood: #a23; -$coal: #222; -$codeBackground: #23241f; - -$backgroundColor: $coal; - -// Main text -$mainFont: Ubuntu, 'sans-serif'; -$mainColor: #eee; - -// Headings -$headingFont: Ubuntu, 'sans-serif'; -$headingTextShadow: 2px 2px 2px $coal; - -// h1 shadow, borrowed humbly from -// (c) Default theme by Hakim El Hattab -$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); - -// Links -$linkColor: $blood; -$linkColorHover: lighten( $linkColor, 20% ); - -// Text selection -$selectionBackgroundColor: $blood; -$selectionColor: #fff; - -// Change text colors against dark slide backgrounds -@include light-bg-text-color(#222); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- - -// some overrides after theme template import - -.reveal p { - font-weight: 300; - text-shadow: 1px 1px $coal; -} - -section.has-light-background { - p, h1, h2, h3, h4 { - text-shadow: none; - } -} - -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { - font-weight: 700; -} - -.reveal p code { - background-color: $codeBackground; - display: inline-block; - border-radius: 7px; -} - -.reveal small code { - vertical-align: baseline; -} \ No newline at end of file diff --git a/geschichte/css/theme/source/dracula.scss b/geschichte/css/theme/source/dracula.scss deleted file mode 100644 index 67fb59c..0000000 --- a/geschichte/css/theme/source/dracula.scss +++ /dev/null @@ -1,132 +0,0 @@ -/** - * Dracula Dark theme for reveal.js. - * Based on https://draculatheme.com - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -$systemFontsSansSerif: -apple-system, - BlinkMacSystemFont, - avenir next, - avenir, - segoe ui, - helvetica neue, - helvetica, - Cantarell, - Ubuntu, - roboto, - noto, - arial, - sans-serif; -$systemFontsMono: Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; - -/** - * Dracula colors by Zeno Rocha - * https://draculatheme.com/contribute - */ -html * { - color-profile: sRGB; - rendering-intent: auto; -} - -$background: #282A36; -$foreground: #F8F8F2; -$selection: #44475A; -$comment: #6272A4; -$red: #FF5555; -$orange: #FFB86C; -$yellow: #F1FA8C; -$green: #50FA7B; -$purple: #BD93F9; -$cyan: #8BE9FD; -$pink: #FF79C6; - - - -// Override theme settings (see ../template/settings.scss) -$mainColor: $foreground; -$headingColor: $purple; -$headingTextShadow: none; -$headingTextTransform: none; -$backgroundColor: $background; -$linkColor: $pink; -$linkColorHover: $cyan; -$selectionBackgroundColor: $selection; -$inlineCodeColor: $green; -$listBulletColor: $cyan; - -$mainFont: $systemFontsSansSerif; -$codeFont: "Fira Code", $systemFontsMono; - -// Change text colors against light slide backgrounds -@include light-bg-text-color($background); - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- - -// Define additional color effects based on Dracula spec -// https://spec.draculatheme.com/ -:root { - --r-bold-color: #{$orange}; - --r-italic-color: #{$yellow}; - --r-inline-code-color: #{$inlineCodeColor}; - --r-list-bullet-color: #{$listBulletColor}; -} - -.reveal strong, .reveal b { - color: var(--r-bold-color); -} - -.reveal em, .reveal i, .reveal blockquote { - color: var(--r-italic-color); -} - -.reveal code { - color: var(--r-inline-code-color); -} - -// Dracula colored list bullets and numbers -.reveal ul { - list-style: none; -} - -.reveal ul li::before { - content: "•"; - color: var(--r-list-bullet-color); - display: inline-block; - width: 1em; - margin-left: -1em -} - -.reveal ol { - list-style: none; - counter-reset: li; -} - -.reveal ol li::before { - content: counter(li) "."; - color: var(--r-list-bullet-color); - display: inline-block; - width: 2em; - - margin-left: -2.5em; - margin-right: 0.5em; - text-align: right; -} - -.reveal ol li { - counter-increment: li -} diff --git a/geschichte/css/theme/source/league.scss b/geschichte/css/theme/source/league.scss deleted file mode 100644 index ee01258..0000000 --- a/geschichte/css/theme/source/league.scss +++ /dev/null @@ -1,36 +0,0 @@ -/** - * League theme for reveal.js. - * - * This was the default theme pre-3.0.0. - * - * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -@import url(./fonts/league-gothic/league-gothic.css); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); - -// Override theme settings (see ../template/settings.scss) -$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); -$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); - -// Background generator -@mixin bodyBackground() { - @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) ); -} - -// Change text colors against light slide backgrounds -@include light-bg-text-color(#222); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/moon.scss b/geschichte/css/theme/source/moon.scss deleted file mode 100644 index ff2074a..0000000 --- a/geschichte/css/theme/source/moon.scss +++ /dev/null @@ -1,58 +0,0 @@ -/** - * Solarized Dark theme for reveal.js. - * Author: Achim Staebler - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -@import url(./fonts/league-gothic/league-gothic.css); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); - -/** - * Solarized colors by Ethan Schoonover - */ -html * { - color-profile: sRGB; - rendering-intent: auto; -} - -// Solarized colors -$base03: #002b36; -$base02: #073642; -$base01: #586e75; -$base00: #657b83; -$base0: #839496; -$base1: #93a1a1; -$base2: #eee8d5; -$base3: #fdf6e3; -$yellow: #b58900; -$orange: #cb4b16; -$red: #dc322f; -$magenta: #d33682; -$violet: #6c71c4; -$blue: #268bd2; -$cyan: #2aa198; -$green: #859900; - -// Override theme settings (see ../template/settings.scss) -$mainColor: $base1; -$headingColor: $base2; -$headingTextShadow: none; -$backgroundColor: $base03; -$linkColor: $blue; -$linkColorHover: lighten( $linkColor, 20% ); -$selectionBackgroundColor: $magenta; - -// Change text colors against light slide backgrounds -@include light-bg-text-color(#222); - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/night.scss b/geschichte/css/theme/source/night.scss deleted file mode 100644 index 98a2062..0000000 --- a/geschichte/css/theme/source/night.scss +++ /dev/null @@ -1,37 +0,0 @@ -/** - * Black theme for reveal.js. - * - * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - -// Include theme-specific fonts -@import url(https://fonts.googleapis.com/css?family=Montserrat:700); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); - - -// Override theme settings (see ../template/settings.scss) -$backgroundColor: #111; - -$mainFont: 'Open Sans', sans-serif; -$linkColor: #e7ad52; -$linkColorHover: lighten( $linkColor, 20% ); -$headingFont: 'Montserrat', Impact, sans-serif; -$headingTextShadow: none; -$headingLetterSpacing: -0.03em; -$headingTextTransform: none; -$selectionBackgroundColor: #e7ad52; - -// Change text colors against light slide backgrounds -@include light-bg-text-color(#222); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- \ No newline at end of file diff --git a/geschichte/css/theme/source/serif.scss b/geschichte/css/theme/source/serif.scss deleted file mode 100644 index 1c8d778..0000000 --- a/geschichte/css/theme/source/serif.scss +++ /dev/null @@ -1,38 +0,0 @@ -/** - * A simple theme for reveal.js presentations, similar - * to the default theme. The accent color is brown. - * - * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Override theme settings (see ../template/settings.scss) -$mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; -$mainColor: #000; -$headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; -$headingColor: #383D3D; -$headingTextShadow: none; -$headingTextTransform: none; -$backgroundColor: #F0F1EB; -$linkColor: #51483D; -$linkColorHover: lighten( $linkColor, 20% ); -$selectionBackgroundColor: #26351C; - -.reveal a { - line-height: 1.3em; -} - -// Change text colors against dark slide backgrounds -@include dark-bg-text-color(#fff); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/simple.scss b/geschichte/css/theme/source/simple.scss deleted file mode 100644 index faf245f..0000000 --- a/geschichte/css/theme/source/simple.scss +++ /dev/null @@ -1,40 +0,0 @@ -/** - * A simple theme for reveal.js presentations, similar - * to the default theme. The accent color is darkblue. - * - * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. - * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); - - -// Override theme settings (see ../template/settings.scss) -$mainFont: 'Lato', sans-serif; -$mainColor: #000; -$headingFont: 'News Cycle', Impact, sans-serif; -$headingColor: #000; -$headingTextShadow: none; -$headingTextTransform: none; -$backgroundColor: #fff; -$linkColor: #00008B; -$linkColorHover: lighten( $linkColor, 20% ); -$selectionBackgroundColor: rgba(0, 0, 0, 0.99); - -// Change text colors against dark slide backgrounds -@include dark-bg-text-color(#fff); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- \ No newline at end of file diff --git a/geschichte/css/theme/source/sky.scss b/geschichte/css/theme/source/sky.scss deleted file mode 100644 index c83b9c0..0000000 --- a/geschichte/css/theme/source/sky.scss +++ /dev/null @@ -1,49 +0,0 @@ -/** - * Sky theme for reveal.js. - * - * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); - - -// Override theme settings (see ../template/settings.scss) -$mainFont: 'Open Sans', sans-serif; -$mainColor: #333; -$headingFont: 'Quicksand', sans-serif; -$headingColor: #333; -$headingLetterSpacing: -0.08em; -$headingTextShadow: none; -$backgroundColor: #f7fbfc; -$linkColor: #3b759e; -$linkColorHover: lighten( $linkColor, 20% ); -$selectionBackgroundColor: #134674; - -// Fix links so they are not cut off -.reveal a { - line-height: 1.3em; -} - -// Background generator -@mixin bodyBackground() { - @include radial-gradient( #add9e4, #f7fbfc ); -} - -// Change text colors against dark slide backgrounds -@include dark-bg-text-color(#fff); - - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/solarized.scss b/geschichte/css/theme/source/solarized.scss deleted file mode 100644 index 8bdf1eb..0000000 --- a/geschichte/css/theme/source/solarized.scss +++ /dev/null @@ -1,63 +0,0 @@ -/** - * Solarized Light theme for reveal.js. - * Author: Achim Staebler - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - - -// Include theme-specific fonts -@import url(./fonts/league-gothic/league-gothic.css); -@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); - - -/** - * Solarized colors by Ethan Schoonover - */ -html * { - color-profile: sRGB; - rendering-intent: auto; -} - -// Solarized colors -$base03: #002b36; -$base02: #073642; -$base01: #586e75; -$base00: #657b83; -$base0: #839496; -$base1: #93a1a1; -$base2: #eee8d5; -$base3: #fdf6e3; -$yellow: #b58900; -$orange: #cb4b16; -$red: #dc322f; -$magenta: #d33682; -$violet: #6c71c4; -$blue: #268bd2; -$cyan: #2aa198; -$green: #859900; - -// Override theme settings (see ../template/settings.scss) -$mainColor: $base00; -$headingColor: $base01; -$headingTextShadow: none; -$backgroundColor: $base3; -$linkColor: $blue; -$linkColorHover: lighten( $linkColor, 20% ); -$selectionBackgroundColor: $magenta; - -// Background generator -// @mixin bodyBackground() { -// @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) ); -// } - - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/white-contrast.scss b/geschichte/css/theme/source/white-contrast.scss deleted file mode 100644 index 2a23ba4..0000000 --- a/geschichte/css/theme/source/white-contrast.scss +++ /dev/null @@ -1,49 +0,0 @@ -/** - * White compact & high contrast reveal.js theme, with headers not in capitals. - * - * By Peter Kehl. Based on white.(s)css by Hakim El Hattab, http://hakim.se - * - * - Keep the source similar to black.css - for easy comparison. - * - $mainFontSize controls code blocks, too (although under some ratio). - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - -// Include theme-specific fonts -@import url(./fonts/source-sans-pro/source-sans-pro.css); - - -// Override theme settings (see ../template/settings.scss) -$backgroundColor: #fff; - -$mainColor: #000; -$headingColor: #000; - -$mainFontSize: 42px; -$mainFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingTextShadow: none; -$headingLetterSpacing: normal; -$headingTextTransform: uppercase; -$headingFontWeight: 600; -$linkColor: #2a76dd; -$linkColorHover: lighten( $linkColor, 15% ); -$selectionBackgroundColor: lighten( $linkColor, 25% ); - -$heading1Size: 2.5em; -$heading2Size: 1.6em; -$heading3Size: 1.3em; -$heading4Size: 1.0em; - -// Change text colors against dark slide backgrounds -@include dark-bg-text-color(#fff); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/source/white.scss b/geschichte/css/theme/source/white.scss deleted file mode 100644 index 443d30a..0000000 --- a/geschichte/css/theme/source/white.scss +++ /dev/null @@ -1,46 +0,0 @@ -/** - * White theme for reveal.js. This is the opposite of the 'black' theme. - * - * By Hakim El Hattab, http://hakim.se - */ - - -// Default mixins and settings ----------------- -@import "../template/mixins"; -@import "../template/settings"; -// --------------------------------------------- - - -// Include theme-specific fonts -@import url(./fonts/source-sans-pro/source-sans-pro.css); - - -// Override theme settings (see ../template/settings.scss) -$backgroundColor: #fff; - -$mainColor: #222; -$headingColor: #222; - -$mainFontSize: 42px; -$mainFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingFont: 'Source Sans Pro', Helvetica, sans-serif; -$headingTextShadow: none; -$headingLetterSpacing: normal; -$headingTextTransform: uppercase; -$headingFontWeight: 600; -$linkColor: #2a76dd; -$linkColorHover: lighten( $linkColor, 15% ); -$selectionBackgroundColor: lighten( $linkColor, 25% ); - -$heading1Size: 2.5em; -$heading2Size: 1.6em; -$heading3Size: 1.3em; -$heading4Size: 1.0em; - -// Change text colors against dark slide backgrounds -@include dark-bg-text-color(#fff); - - -// Theme template ------------------------------ -@import "../template/theme"; -// --------------------------------------------- diff --git a/geschichte/css/theme/template/exposer.scss b/geschichte/css/theme/template/exposer.scss deleted file mode 100644 index 4aec3e8..0000000 --- a/geschichte/css/theme/template/exposer.scss +++ /dev/null @@ -1,28 +0,0 @@ -// Exposes theme's variables for easy re-use in CSS for plugin authors - -:root { - --r-background-color: #{$backgroundColor}; - --r-main-font: #{$mainFont}; - --r-main-font-size: #{$mainFontSize}; - --r-main-color: #{$mainColor}; - --r-block-margin: #{$blockMargin}; - --r-heading-margin: #{$headingMargin}; - --r-heading-font: #{$headingFont}; - --r-heading-color: #{$headingColor}; - --r-heading-line-height: #{$headingLineHeight}; - --r-heading-letter-spacing: #{$headingLetterSpacing}; - --r-heading-text-transform: #{$headingTextTransform}; - --r-heading-text-shadow: #{$headingTextShadow}; - --r-heading-font-weight: #{$headingFontWeight}; - --r-heading1-text-shadow: #{$heading1TextShadow}; - --r-heading1-size: #{$heading1Size}; - --r-heading2-size: #{$heading2Size}; - --r-heading3-size: #{$heading3Size}; - --r-heading4-size: #{$heading4Size}; - --r-code-font: #{$codeFont}; - --r-link-color: #{$linkColor}; - --r-link-color-dark: #{darken($linkColor , 15% )}; - --r-link-color-hover: #{$linkColorHover}; - --r-selection-background-color: #{$selectionBackgroundColor}; - --r-selection-color: #{$selectionColor}; -} diff --git a/geschichte/css/theme/template/mixins.scss b/geschichte/css/theme/template/mixins.scss deleted file mode 100644 index 17a3db5..0000000 --- a/geschichte/css/theme/template/mixins.scss +++ /dev/null @@ -1,45 +0,0 @@ -@mixin vertical-gradient( $top, $bottom ) { - background: $top; - background: -moz-linear-gradient( top, $top 0%, $bottom 100% ); - background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) ); - background: -webkit-linear-gradient( top, $top 0%, $bottom 100% ); - background: -o-linear-gradient( top, $top 0%, $bottom 100% ); - background: -ms-linear-gradient( top, $top 0%, $bottom 100% ); - background: linear-gradient( top, $top 0%, $bottom 100% ); -} - -@mixin horizontal-gradient( $top, $bottom ) { - background: $top; - background: -moz-linear-gradient( left, $top 0%, $bottom 100% ); - background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) ); - background: -webkit-linear-gradient( left, $top 0%, $bottom 100% ); - background: -o-linear-gradient( left, $top 0%, $bottom 100% ); - background: -ms-linear-gradient( left, $top 0%, $bottom 100% ); - background: linear-gradient( left, $top 0%, $bottom 100% ); -} - -@mixin radial-gradient( $outer, $inner, $type: circle ) { - background: $outer; - background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); - background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) ); - background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); - background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); - background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); - background: radial-gradient( center, $type cover, $inner 0%, $outer 100% ); -} - -@mixin light-bg-text-color( $color ) { - section.has-light-background { - &, h1, h2, h3, h4, h5, h6 { - color: $color; - } - } -} - -@mixin dark-bg-text-color( $color ) { - section.has-dark-background { - &, h1, h2, h3, h4, h5, h6 { - color: $color; - } - } -} \ No newline at end of file diff --git a/geschichte/css/theme/template/settings.scss b/geschichte/css/theme/template/settings.scss deleted file mode 100644 index 5a917f8..0000000 --- a/geschichte/css/theme/template/settings.scss +++ /dev/null @@ -1,45 +0,0 @@ -// Base settings for all themes that can optionally be -// overridden by the super-theme - -// Background of the presentation -$backgroundColor: #2b2b2b; - -// Primary/body text -$mainFont: 'Lato', sans-serif; -$mainFontSize: 40px; -$mainColor: #eee; - -// Vertical spacing between blocks of text -$blockMargin: 20px; - -// Headings -$headingMargin: 0 0 $blockMargin 0; -$headingFont: 'League Gothic', Impact, sans-serif; -$headingColor: #eee; -$headingLineHeight: 1.2; -$headingLetterSpacing: normal; -$headingTextTransform: uppercase; -$headingTextShadow: none; -$headingFontWeight: normal; -$heading1TextShadow: $headingTextShadow; - -$heading1Size: 3.77em; -$heading2Size: 2.11em; -$heading3Size: 1.55em; -$heading4Size: 1.00em; - -$codeFont: monospace; - -// Links and actions -$linkColor: #13DAEC; -$linkColorHover: lighten( $linkColor, 20% ); - -// Text selection -$selectionBackgroundColor: #FF5E99; -$selectionColor: #fff; - -// Generates the presentation background, can be overridden -// to return a background image or gradient -@mixin bodyBackground() { - background: $backgroundColor; -} diff --git a/geschichte/css/theme/template/theme.scss b/geschichte/css/theme/template/theme.scss deleted file mode 100644 index bc377d3..0000000 --- a/geschichte/css/theme/template/theme.scss +++ /dev/null @@ -1,331 +0,0 @@ -// Base theme template for reveal.js - -/********************************************* - * GLOBAL STYLES - *********************************************/ - -@import "./exposer"; - -.reveal-viewport { - @include bodyBackground(); - background-color: var(--r-background-color); -} - -.reveal { - font-family: var(--r-main-font); - font-size: var(--r-main-font-size); - font-weight: normal; - color: var(--r-main-color); -} - -.reveal ::selection { - color: var(--r-selection-color); - background: var(--r-selection-background-color); - text-shadow: none; -} - -.reveal ::-moz-selection { - color: var(--r-selection-color); - background: var(--r-selection-background-color); - text-shadow: none; -} - -.reveal .slides section, -.reveal .slides section>section { - line-height: 1.3; - font-weight: inherit; -} - -/********************************************* - * HEADERS - *********************************************/ - -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { - margin: var(--r-heading-margin); - color: var(--r-heading-color); - - font-family: var(--r-heading-font); - font-weight: var(--r-heading-font-weight); - line-height: var(--r-heading-line-height); - letter-spacing: var(--r-heading-letter-spacing); - - text-transform: var(--r-heading-text-transform); - text-shadow: var(--r-heading-text-shadow); - - word-wrap: break-word; -} - -.reveal h1 {font-size: var(--r-heading1-size); } -.reveal h2 {font-size: var(--r-heading2-size); } -.reveal h3 {font-size: var(--r-heading3-size); } -.reveal h4 {font-size: var(--r-heading4-size); } - -.reveal h1 { - text-shadow: var(--r-heading1-text-shadow); -} - - -/********************************************* - * OTHER - *********************************************/ - -.reveal p { - margin: var(--r-block-margin) 0; - line-height: 1.3; -} - -/* Remove trailing margins after titles */ -.reveal h1:last-child, -.reveal h2:last-child, -.reveal h3:last-child, -.reveal h4:last-child, -.reveal h5:last-child, -.reveal h6:last-child { - margin-bottom: 0; -} - -/* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { - max-width: 95%; - max-height: 95%; -} -.reveal strong, -.reveal b { - font-weight: bold; -} - -.reveal em { - font-style: italic; -} - -.reveal ol, -.reveal dl, -.reveal ul { - display: inline-block; - - text-align: left; - margin: 0 0 0 1em; -} - -.reveal ol { - list-style-type: decimal; -} - -.reveal ul { - list-style-type: disc; -} - -.reveal ul ul { - list-style-type: square; -} - -.reveal ul ul ul { - list-style-type: circle; -} - -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { - display: block; - margin-left: 40px; -} - -.reveal dt { - font-weight: bold; -} - -.reveal dd { - margin-left: 40px; -} - -.reveal blockquote { - display: block; - position: relative; - width: 70%; - margin: var(--r-block-margin) auto; - padding: 5px; - - font-style: italic; - background: rgba(255, 255, 255, 0.05); - box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -} - .reveal blockquote p:first-child, - .reveal blockquote p:last-child { - display: inline-block; - } - -.reveal q { - font-style: italic; -} - -.reveal pre { - display: block; - position: relative; - width: 90%; - margin: var(--r-block-margin) auto; - - text-align: left; - font-size: 0.55em; - font-family: var(--r-code-font); - line-height: 1.2em; - - word-wrap: break-word; - - box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); -} - -.reveal code { - font-family: var(--r-code-font); - text-transform: none; - tab-size: 2; -} - -.reveal pre code { - display: block; - padding: 5px; - overflow: auto; - max-height: 400px; - word-wrap: normal; -} - -.reveal .code-wrapper { - white-space: normal; -} - -.reveal .code-wrapper code { - white-space: pre; -} - -.reveal table { - margin: auto; - border-collapse: collapse; - border-spacing: 0; -} - -.reveal table th { - font-weight: bold; -} - -.reveal table th, -.reveal table td { - text-align: left; - padding: 0.2em 0.5em 0.2em 0.5em; - border-bottom: 1px solid; -} - -.reveal table th[align="center"], -.reveal table td[align="center"] { - text-align: center; -} - -.reveal table th[align="right"], -.reveal table td[align="right"] { - text-align: right; -} - -.reveal table tbody tr:last-child th, -.reveal table tbody tr:last-child td { - border-bottom: none; -} - -.reveal sup { - vertical-align: super; - font-size: smaller; -} -.reveal sub { - vertical-align: sub; - font-size: smaller; -} - -.reveal small { - display: inline-block; - font-size: 0.6em; - line-height: 1.2em; - vertical-align: top; -} - -.reveal small * { - vertical-align: top; -} - -.reveal img { - margin: var(--r-block-margin) 0; -} - - -/********************************************* - * LINKS - *********************************************/ - -.reveal a { - color: var(--r-link-color); - text-decoration: none; - transition: color .15s ease; -} - .reveal a:hover { - color: var(--r-link-color-hover); - text-shadow: none; - border: none; - } - -.reveal .roll span:after { - color: #fff; - // background: darken( var(--r-link-color), 15% ); - background: var(--r-link-color-dark); - -} - - -/********************************************* - * Frame helper - *********************************************/ - -.reveal .r-frame { - border: 4px solid var(--r-main-color); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -} - -.reveal a .r-frame { - transition: all .15s linear; -} - -.reveal a:hover .r-frame { - border-color: var(--r-link-color); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); -} - - -/********************************************* - * NAVIGATION CONTROLS - *********************************************/ - -.reveal .controls { - color: var(--r-link-color); -} - - -/********************************************* - * PROGRESS BAR - *********************************************/ - -.reveal .progress { - background: rgba(0,0,0,0.2); - color: var(--r-link-color); -} - -/********************************************* - * PRINT BACKGROUND - *********************************************/ - @media print { - .backgrounds { - background-color: var(--r-background-color); - } -} |