diff options
Diffstat (limited to 'css/theme/source')
-rw-r--r-- | css/theme/source/black.scss | 49 | ||||
-rw-r--r-- | css/theme/source/blood.scss | 8 | ||||
-rw-r--r-- | css/theme/source/league.scss (renamed from css/theme/source/default.scss) | 8 | ||||
-rw-r--r-- | css/theme/source/serif.scss | 2 | ||||
-rw-r--r-- | css/theme/source/sky.scss | 2 | ||||
-rw-r--r-- | css/theme/source/white.scss | 49 |
6 files changed, 109 insertions, 9 deletions
diff --git a/css/theme/source/black.scss b/css/theme/source/black.scss new file mode 100644 index 0000000..571a156 --- /dev/null +++ b/css/theme/source/black.scss @@ -0,0 +1,49 @@ +/** + * Black theme for reveal.js. + * + * Copyright (C) 2015 Hakim El Hattab, http://hakim.se + */ + + +// Default mixins and settings ----------------- +@import "../template/mixins"; +@import "../template/settings"; +// --------------------------------------------- + + +// Include theme-specific fonts +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic&subset=latin,latin-ext); + + +// Override theme settings (see ../template/settings.scss) +$backgroundColor: #222; + +$mainColor: #fff; +$headingColor: #fff; + +$mainFontSize: 38px; +$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; + +section.has-light-background { + &, h1, h2, h3, h4, h5, h6 { + color: #222; + } +} + + +// Theme template ------------------------------ +@import "../template/theme"; +// ---------------------------------------------
\ No newline at end of file diff --git a/css/theme/source/blood.scss b/css/theme/source/blood.scss index a9925a1..f2e3a09 100644 --- a/css/theme/source/blood.scss +++ b/css/theme/source/blood.scss @@ -70,13 +70,13 @@ $selectionColor: #fff; font-weight: 700; } -.reveal a:not(.image), -.reveal a:not(.image):hover { +.reveal a, +.reveal a:hover { text-shadow: 2px 2px 2px #000; } -.reveal small a:not(.image), -.reveal small a:not(.image):hover { +.reveal small a, +.reveal small a:hover { text-shadow: 1px 1px 1px #000; } diff --git a/css/theme/source/default.scss b/css/theme/source/league.scss index 1117b65..3b9d733 100644 --- a/css/theme/source/default.scss +++ b/css/theme/source/league.scss @@ -1,5 +1,7 @@ /** - * Default theme for reveal.js. + * League theme for reveal.js. + * + * This was the default theme pre-3.0.0. * * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se */ @@ -18,8 +20,7 @@ src: url('../../lib/font/league_gothic-webfont.eot'); src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/font/league_gothic-webfont.woff') format('woff'), - url('../../lib/font/league_gothic-webfont.ttf') format('truetype'), - url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg'); + url('../../lib/font/league_gothic-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; @@ -28,6 +29,7 @@ @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 diff --git a/css/theme/source/serif.scss b/css/theme/source/serif.scss index 404b8bf..ec3fcb3 100644 --- a/css/theme/source/serif.scss +++ b/css/theme/source/serif.scss @@ -25,7 +25,7 @@ $linkColor: #51483D; $linkColorHover: lighten( $linkColor, 20% ); $selectionBackgroundColor: #26351C; -.reveal a:not(.image) { +.reveal a { line-height: 1.3em; } diff --git a/css/theme/source/sky.scss b/css/theme/source/sky.scss index 72a3a90..3fee67c 100644 --- a/css/theme/source/sky.scss +++ b/css/theme/source/sky.scss @@ -30,7 +30,7 @@ $linkColorHover: lighten( $linkColor, 20% ); $selectionBackgroundColor: #134674; // Fix links so they are not cut off -.reveal a:not(.image) { +.reveal a { line-height: 1.3em; } diff --git a/css/theme/source/white.scss b/css/theme/source/white.scss new file mode 100644 index 0000000..d470dfe --- /dev/null +++ b/css/theme/source/white.scss @@ -0,0 +1,49 @@ +/** + * White theme for reveal.js. + * + * Copyright (C) 2014 Hakim El Hattab, http://hakim.se + */ + + +// Default mixins and settings ----------------- +@import "../template/mixins"; +@import "../template/settings"; +// --------------------------------------------- + + +// Include theme-specific fonts +@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic&subset=latin,latin-ext); + + +// Override theme settings (see ../template/settings.scss) +$backgroundColor: #fff; + +$mainColor: #222; +$headingColor: #222; + +$mainFontSize: 38px; +$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; + +section.has-dark-background { + &, h1, h2, h3, h4, h5, h6 { + color: #fff; + } +} + + +// Theme template ------------------------------ +@import "../template/theme"; +// ---------------------------------------------
\ No newline at end of file |