diff options
Diffstat (limited to 'public/css/theme/template')
-rw-r--r-- | public/css/theme/template/mixins.scss | 29 | ||||
-rw-r--r-- | public/css/theme/template/settings.scss | 43 | ||||
-rw-r--r-- | public/css/theme/template/theme.scss | 349 |
3 files changed, 0 insertions, 421 deletions
diff --git a/public/css/theme/template/mixins.scss b/public/css/theme/template/mixins.scss deleted file mode 100644 index e0c56069..00000000 --- a/public/css/theme/template/mixins.scss +++ /dev/null @@ -1,29 +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% ); -}
\ No newline at end of file diff --git a/public/css/theme/template/settings.scss b/public/css/theme/template/settings.scss deleted file mode 100644 index ffaac235..00000000 --- a/public/css/theme/template/settings.scss +++ /dev/null @@ -1,43 +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: 36px; -$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; - -// 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; -}
\ No newline at end of file diff --git a/public/css/theme/template/theme.scss b/public/css/theme/template/theme.scss deleted file mode 100644 index bd89d316..00000000 --- a/public/css/theme/template/theme.scss +++ /dev/null @@ -1,349 +0,0 @@ -// Base theme template for reveal.js - -/********************************************* - * GLOBAL STYLES - *********************************************/ - -body { - @include bodyBackground(); - background-color: $backgroundColor; -} - -.reveal { - font-family: $mainFont; - font-size: $mainFontSize; - font-weight: normal; - color: $mainColor; -} - -::selection { - color: $selectionColor; - background: $selectionBackgroundColor; - 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: $headingMargin; - color: $headingColor; - - font-family: $headingFont; - font-weight: $headingFontWeight; - line-height: $headingLineHeight; - letter-spacing: $headingLetterSpacing; - - text-transform: $headingTextTransform; - text-shadow: $headingTextShadow; - - word-wrap: break-word; -} - -.reveal h1 {font-size: $heading1Size; } -.reveal h2 {font-size: $heading2Size; } -.reveal h3 {font-size: $heading3Size; } -.reveal h4 {font-size: $heading4Size; } - -.reveal h1 { - text-shadow: $heading1TextShadow; -} - - -/********************************************* - * OTHER - *********************************************/ - -.reveal p { - margin: $blockMargin 0; - line-height: 1.3; -} - -/* 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 q, -.reveal blockquote { - quotes: none; -} - -.reveal blockquote { - display: block; - position: relative; - width: 70%; - margin: $blockMargin 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: $blockMargin auto; - - text-align: left; - font-size: 0.55em; - font-family: monospace; - line-height: 1.2em; - - word-wrap: break-word; - - box-shadow: 0px 0px 6px rgba(0,0,0,0.3); -} -.reveal code { - font-family: monospace; -} - -.reveal pre code { - display: block; - padding: 5px; - overflow: auto; - max-height: 400px; - word-wrap: normal; - background: #3F3F3F; - color: #DCDCDC; -} - -.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 tr:last-child td { - border-bottom: none; -} - -.reveal sup { - vertical-align: super; -} -.reveal sub { - vertical-align: sub; -} - -.reveal small { - display: inline-block; - font-size: 0.6em; - line-height: 1.2em; - vertical-align: top; -} - -.reveal small * { - vertical-align: top; -} - - -/********************************************* - * LINKS - *********************************************/ - -.reveal a { - color: $linkColor; - text-decoration: none; - - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; -} - .reveal a:hover { - color: $linkColorHover; - - text-shadow: none; - border: none; - } - -.reveal .roll span:after { - color: #fff; - background: darken( $linkColor, 15% ); -} - - -/********************************************* - * IMAGES - *********************************************/ - -.reveal section img { - margin: 15px 0px; - background: rgba(255,255,255,0.12); - border: 4px solid $mainColor; - - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -} - - .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; - } - - .reveal a:hover img { - background: rgba(255,255,255,0.2); - border-color: $linkColor; - - box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); - } - - -/********************************************* - * NAVIGATION CONTROLS - *********************************************/ - -.reveal .controls div.navigate-left, -.reveal .controls div.navigate-left.enabled { - border-right-color: $linkColor; -} - -.reveal .controls div.navigate-right, -.reveal .controls div.navigate-right.enabled { - border-left-color: $linkColor; -} - -.reveal .controls div.navigate-up, -.reveal .controls div.navigate-up.enabled { - border-bottom-color: $linkColor; -} - -.reveal .controls div.navigate-down, -.reveal .controls div.navigate-down.enabled { - border-top-color: $linkColor; -} - -.reveal .controls div.navigate-left.enabled:hover { - border-right-color: $linkColorHover; -} - -.reveal .controls div.navigate-right.enabled:hover { - border-left-color: $linkColorHover; -} - -.reveal .controls div.navigate-up.enabled:hover { - border-bottom-color: $linkColorHover; -} - -.reveal .controls div.navigate-down.enabled:hover { - border-top-color: $linkColorHover; -} - - -/********************************************* - * PROGRESS BAR - *********************************************/ - -.reveal .progress { - background: rgba(0,0,0,0.2); -} - .reveal .progress span { - background: $linkColor; - - -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - } - -/********************************************* - * SLIDE NUMBER - *********************************************/ -.reveal .slide-number { - color: $linkColor; -} - - |