diff options
Diffstat (limited to 'geschichte/css/theme/template')
| -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 |
4 files changed, 0 insertions, 449 deletions
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); - } -} |