reveal.rb 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +11 -3
  4. data/lib/reveal/templates/revealjs/css/print/paper.css +176 -0
  5. data/lib/reveal/templates/revealjs/css/theme/README.md +25 -0
  6. data/lib/reveal/templates/revealjs/css/theme/beige.css +148 -0
  7. data/lib/reveal/templates/revealjs/css/theme/blood.css +175 -0
  8. data/lib/reveal/templates/revealjs/css/theme/moon.css +148 -0
  9. data/lib/reveal/templates/revealjs/css/theme/night.css +136 -0
  10. data/lib/reveal/templates/revealjs/css/theme/serif.css +138 -0
  11. data/lib/reveal/templates/revealjs/css/theme/simple.css +138 -0
  12. data/lib/reveal/templates/revealjs/css/theme/sky.css +145 -0
  13. data/lib/reveal/templates/revealjs/css/theme/solarized.css +148 -0
  14. data/lib/reveal/templates/revealjs/css/theme/source/beige.scss +50 -0
  15. data/lib/reveal/templates/revealjs/css/theme/source/blood.scss +91 -0
  16. data/lib/reveal/templates/revealjs/css/theme/source/default.scss +42 -0
  17. data/lib/reveal/templates/revealjs/css/theme/source/moon.scss +68 -0
  18. data/lib/reveal/templates/revealjs/css/theme/source/night.scss +35 -0
  19. data/lib/reveal/templates/revealjs/css/theme/source/serif.scss +35 -0
  20. data/lib/reveal/templates/revealjs/css/theme/source/simple.scss +38 -0
  21. data/lib/reveal/templates/revealjs/css/theme/source/sky.scss +46 -0
  22. data/lib/reveal/templates/revealjs/css/theme/source/solarized.scss +74 -0
  23. data/lib/reveal/templates/revealjs/css/theme/template/mixins.scss +29 -0
  24. data/lib/reveal/templates/revealjs/css/theme/template/settings.scss +34 -0
  25. data/lib/reveal/templates/revealjs/css/theme/template/theme.scss +170 -0
  26. data/lib/reveal/templates/revealjs/lib/font/league_gothic-webfont.svg +230 -0
  27. data/lib/reveal/templates/revealjs/lib/font/league_gothic_license +2 -0
  28. data/lib/reveal/templates/revealjs/lib/js/html5shiv.js +7 -0
  29. data/lib/reveal/templates/revealjs/plugin/leap/leap.js +157 -0
  30. data/lib/reveal/templates/revealjs/plugin/markdown/example.html +129 -0
  31. data/lib/reveal/templates/revealjs/plugin/markdown/example.md +31 -0
  32. data/lib/reveal/templates/revealjs/plugin/math/math.js +64 -0
  33. data/lib/reveal/templates/revealjs/plugin/multiplex/client.js +13 -0
  34. data/lib/reveal/templates/revealjs/plugin/multiplex/index.js +56 -0
  35. data/lib/reveal/templates/revealjs/plugin/multiplex/master.js +51 -0
  36. data/lib/reveal/templates/revealjs/plugin/notes/notes.html +267 -0
  37. data/lib/reveal/templates/revealjs/plugin/notes-server/client.js +57 -0
  38. data/lib/reveal/templates/revealjs/plugin/notes-server/index.js +59 -0
  39. data/lib/reveal/templates/revealjs/plugin/notes-server/notes.html +142 -0
  40. data/lib/reveal/templates/revealjs/plugin/postmessage/example.html +39 -0
  41. data/lib/reveal/templates/revealjs/plugin/postmessage/postmessage.js +42 -0
  42. data/lib/reveal/templates/revealjs/plugin/print-pdf/print-pdf.js +44 -0
  43. data/lib/reveal/templates/revealjs/plugin/remotes/remotes.js +39 -0
  44. data/lib/reveal/templates/revealjs/plugin/search/search.js +196 -0
  45. data/lib/reveal/version.rb +1 -1
  46. metadata +43 -2
@@ -0,0 +1,148 @@
1
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
2
+ /**
3
+ * Solarized Light theme for reveal.js.
4
+ * Author: Achim Staebler
5
+ */
6
+ @font-face {
7
+ font-family: 'League Gothic';
8
+ src: url("../../lib/font/league_gothic-webfont.eot");
9
+ 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");
10
+ font-weight: normal;
11
+ font-style: normal; }
12
+
13
+ /**
14
+ * Solarized colors by Ethan Schoonover
15
+ */
16
+ html * {
17
+ color-profile: sRGB;
18
+ rendering-intent: auto; }
19
+
20
+ /*********************************************
21
+ * GLOBAL STYLES
22
+ *********************************************/
23
+ body {
24
+ background: #fdf6e3;
25
+ background-color: #fdf6e3; }
26
+
27
+ .reveal {
28
+ font-family: "Lato", sans-serif;
29
+ font-size: 36px;
30
+ font-weight: normal;
31
+ letter-spacing: -0.02em;
32
+ color: #657b83; }
33
+
34
+ ::selection {
35
+ color: white;
36
+ background: #d33682;
37
+ text-shadow: none; }
38
+
39
+ /*********************************************
40
+ * HEADERS
41
+ *********************************************/
42
+ .reveal h1,
43
+ .reveal h2,
44
+ .reveal h3,
45
+ .reveal h4,
46
+ .reveal h5,
47
+ .reveal h6 {
48
+ margin: 0 0 20px 0;
49
+ color: #586e75;
50
+ font-family: "League Gothic", Impact, sans-serif;
51
+ line-height: 0.9em;
52
+ letter-spacing: 0.02em;
53
+ text-transform: uppercase;
54
+ text-shadow: none; }
55
+
56
+ .reveal h1 {
57
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
58
+
59
+ /*********************************************
60
+ * LINKS
61
+ *********************************************/
62
+ .reveal a:not(.image) {
63
+ color: #268bd2;
64
+ text-decoration: none;
65
+ -webkit-transition: color .15s ease;
66
+ -moz-transition: color .15s ease;
67
+ -ms-transition: color .15s ease;
68
+ -o-transition: color .15s ease;
69
+ transition: color .15s ease; }
70
+
71
+ .reveal a:not(.image):hover {
72
+ color: #78b9e6;
73
+ text-shadow: none;
74
+ border: none; }
75
+
76
+ .reveal .roll span:after {
77
+ color: #fff;
78
+ background: #1a6091; }
79
+
80
+ /*********************************************
81
+ * IMAGES
82
+ *********************************************/
83
+ .reveal section img {
84
+ margin: 15px 0px;
85
+ background: rgba(255, 255, 255, 0.12);
86
+ border: 4px solid #657b83;
87
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
88
+ -webkit-transition: all .2s linear;
89
+ -moz-transition: all .2s linear;
90
+ -ms-transition: all .2s linear;
91
+ -o-transition: all .2s linear;
92
+ transition: all .2s linear; }
93
+
94
+ .reveal a:hover img {
95
+ background: rgba(255, 255, 255, 0.2);
96
+ border-color: #268bd2;
97
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
98
+
99
+ /*********************************************
100
+ * NAVIGATION CONTROLS
101
+ *********************************************/
102
+ .reveal .controls div.navigate-left,
103
+ .reveal .controls div.navigate-left.enabled {
104
+ border-right-color: #268bd2; }
105
+
106
+ .reveal .controls div.navigate-right,
107
+ .reveal .controls div.navigate-right.enabled {
108
+ border-left-color: #268bd2; }
109
+
110
+ .reveal .controls div.navigate-up,
111
+ .reveal .controls div.navigate-up.enabled {
112
+ border-bottom-color: #268bd2; }
113
+
114
+ .reveal .controls div.navigate-down,
115
+ .reveal .controls div.navigate-down.enabled {
116
+ border-top-color: #268bd2; }
117
+
118
+ .reveal .controls div.navigate-left.enabled:hover {
119
+ border-right-color: #78b9e6; }
120
+
121
+ .reveal .controls div.navigate-right.enabled:hover {
122
+ border-left-color: #78b9e6; }
123
+
124
+ .reveal .controls div.navigate-up.enabled:hover {
125
+ border-bottom-color: #78b9e6; }
126
+
127
+ .reveal .controls div.navigate-down.enabled:hover {
128
+ border-top-color: #78b9e6; }
129
+
130
+ /*********************************************
131
+ * PROGRESS BAR
132
+ *********************************************/
133
+ .reveal .progress {
134
+ background: rgba(0, 0, 0, 0.2); }
135
+
136
+ .reveal .progress span {
137
+ background: #268bd2;
138
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
140
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
141
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
142
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
143
+
144
+ /*********************************************
145
+ * SLIDE NUMBER
146
+ *********************************************/
147
+ .reveal .slide-number {
148
+ color: #268bd2; }
@@ -0,0 +1,50 @@
1
+ /**
2
+ * Beige theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+
15
+ // Include theme-specific fonts
16
+ @font-face {
17
+ font-family: 'League Gothic';
18
+ src: url('../../lib/font/league_gothic-webfont.eot');
19
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
20
+ url('../../lib/font/league_gothic-webfont.woff') format('woff'),
21
+ url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
22
+ url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
23
+
24
+ font-weight: normal;
25
+ font-style: normal;
26
+ }
27
+
28
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
29
+
30
+
31
+ // Override theme settings (see ../template/settings.scss)
32
+ $mainColor: #333;
33
+ $headingColor: #333;
34
+ $headingTextShadow: none;
35
+ $backgroundColor: #f7f3de;
36
+ $linkColor: #8b743d;
37
+ $linkColorHover: lighten( $linkColor, 20% );
38
+ $selectionBackgroundColor: rgba(79, 64, 28, 0.99);
39
+ $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);
40
+
41
+ // Background generator
42
+ @mixin bodyBackground() {
43
+ @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
44
+ }
45
+
46
+
47
+
48
+ // Theme template ------------------------------
49
+ @import "../template/theme";
50
+ // ---------------------------------------------
@@ -0,0 +1,91 @@
1
+ /**
2
+ * Blood theme for reveal.js
3
+ * Author: Walther http://github.com/Walther
4
+ *
5
+ * Designed to be used with highlight.js theme
6
+ * "monokai_sublime.css" available from
7
+ * https://github.com/isagalaev/highlight.js/
8
+ *
9
+ * For other themes, change $codeBackground accordingly.
10
+ *
11
+ */
12
+
13
+ // Default mixins and settings -----------------
14
+ @import "../template/mixins";
15
+ @import "../template/settings";
16
+ // ---------------------------------------------
17
+
18
+ // Include theme-specific fonts
19
+
20
+ @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
21
+
22
+ // Colors used in the theme
23
+ $blood: #a23;
24
+ $coal: #222;
25
+ $codeBackground: #23241f;
26
+
27
+ // Main text
28
+ $mainFont: Ubuntu, 'sans-serif';
29
+ $mainFontSize: 36px;
30
+ $mainColor: #eee;
31
+
32
+ // Headings
33
+ $headingFont: Ubuntu, 'sans-serif';
34
+ $headingTextShadow: 2px 2px 2px $coal;
35
+
36
+ // h1 shadow, borrowed humbly from
37
+ // (c) Default theme by Hakim El Hattab
38
+ $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);
39
+
40
+ // Links
41
+ $linkColor: $blood;
42
+ $linkColorHover: lighten( $linkColor, 20% );
43
+
44
+ // Text selection
45
+ $selectionBackgroundColor: $blood;
46
+ $selectionColor: #fff;
47
+
48
+ // Background generator
49
+ @mixin bodyBackground() {
50
+ @include radial-gradient( $coal, lighten( $coal, 25% ) );
51
+ }
52
+
53
+ // Theme template ------------------------------
54
+ @import "../template/theme";
55
+ // ---------------------------------------------
56
+
57
+ // some overrides after theme template import
58
+
59
+ .reveal p {
60
+ font-weight: 300;
61
+ text-shadow: 1px 1px $coal;
62
+ }
63
+
64
+ .reveal h1,
65
+ .reveal h2,
66
+ .reveal h3,
67
+ .reveal h4,
68
+ .reveal h5,
69
+ .reveal h6 {
70
+ font-weight: 700;
71
+ }
72
+
73
+ .reveal a:not(.image),
74
+ .reveal a:not(.image):hover {
75
+ text-shadow: 2px 2px 2px #000;
76
+ }
77
+
78
+ .reveal small a:not(.image),
79
+ .reveal small a:not(.image):hover {
80
+ text-shadow: 1px 1px 1px #000;
81
+ }
82
+
83
+ .reveal p code {
84
+ background-color: $codeBackground;
85
+ display: inline-block;
86
+ border-radius: 7px;
87
+ }
88
+
89
+ .reveal small code {
90
+ vertical-align: baseline;
91
+ }
@@ -0,0 +1,42 @@
1
+ /**
2
+ * Default theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+
15
+ // Include theme-specific fonts
16
+ @font-face {
17
+ font-family: 'League Gothic';
18
+ src: url('../../lib/font/league_gothic-webfont.eot');
19
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
20
+ url('../../lib/font/league_gothic-webfont.woff') format('woff'),
21
+ url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
22
+ url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
23
+
24
+ font-weight: normal;
25
+ font-style: normal;
26
+ }
27
+
28
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
29
+
30
+ // Override theme settings (see ../template/settings.scss)
31
+ $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);
32
+
33
+ // Background generator
34
+ @mixin bodyBackground() {
35
+ @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) );
36
+ }
37
+
38
+
39
+
40
+ // Theme template ------------------------------
41
+ @import "../template/theme";
42
+ // ---------------------------------------------
@@ -0,0 +1,68 @@
1
+ /**
2
+ * Solarized Dark theme for reveal.js.
3
+ * Author: Achim Staebler
4
+ */
5
+
6
+
7
+ // Default mixins and settings -----------------
8
+ @import "../template/mixins";
9
+ @import "../template/settings";
10
+ // ---------------------------------------------
11
+
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @font-face {
16
+ font-family: 'League Gothic';
17
+ src: url('../../lib/font/league_gothic-webfont.eot');
18
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
19
+ url('../../lib/font/league_gothic-webfont.woff') format('woff'),
20
+ url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
21
+ url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
22
+
23
+ font-weight: normal;
24
+ font-style: normal;
25
+ }
26
+
27
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
+
29
+ /**
30
+ * Solarized colors by Ethan Schoonover
31
+ */
32
+ html * {
33
+ color-profile: sRGB;
34
+ rendering-intent: auto;
35
+ }
36
+
37
+ // Solarized colors
38
+ $base03: #002b36;
39
+ $base02: #073642;
40
+ $base01: #586e75;
41
+ $base00: #657b83;
42
+ $base0: #839496;
43
+ $base1: #93a1a1;
44
+ $base2: #eee8d5;
45
+ $base3: #fdf6e3;
46
+ $yellow: #b58900;
47
+ $orange: #cb4b16;
48
+ $red: #dc322f;
49
+ $magenta: #d33682;
50
+ $violet: #6c71c4;
51
+ $blue: #268bd2;
52
+ $cyan: #2aa198;
53
+ $green: #859900;
54
+
55
+ // Override theme settings (see ../template/settings.scss)
56
+ $mainColor: $base1;
57
+ $headingColor: $base2;
58
+ $headingTextShadow: none;
59
+ $backgroundColor: $base03;
60
+ $linkColor: $blue;
61
+ $linkColorHover: lighten( $linkColor, 20% );
62
+ $selectionBackgroundColor: $magenta;
63
+
64
+
65
+
66
+ // Theme template ------------------------------
67
+ @import "../template/theme";
68
+ // ---------------------------------------------
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Black theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
16
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
17
+
18
+
19
+ // Override theme settings (see ../template/settings.scss)
20
+ $backgroundColor: #111;
21
+
22
+ $mainFont: 'Open Sans', sans-serif;
23
+ $linkColor: #e7ad52;
24
+ $linkColorHover: lighten( $linkColor, 20% );
25
+ $headingFont: 'Montserrat', Impact, sans-serif;
26
+ $headingTextShadow: none;
27
+ $headingLetterSpacing: -0.03em;
28
+ $headingTextTransform: none;
29
+ $selectionBackgroundColor: #e7ad52;
30
+ $mainFontSize: 30px;
31
+
32
+
33
+ // Theme template ------------------------------
34
+ @import "../template/theme";
35
+ // ---------------------------------------------
@@ -0,0 +1,35 @@
1
+ /**
2
+ * A simple theme for reveal.js presentations, similar
3
+ * to the default theme. The accent color is brown.
4
+ *
5
+ * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
6
+ */
7
+
8
+
9
+ // Default mixins and settings -----------------
10
+ @import "../template/mixins";
11
+ @import "../template/settings";
12
+ // ---------------------------------------------
13
+
14
+
15
+
16
+ // Override theme settings (see ../template/settings.scss)
17
+ $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
18
+ $mainColor: #000;
19
+ $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
20
+ $headingColor: #383D3D;
21
+ $headingTextShadow: none;
22
+ $headingTextTransform: none;
23
+ $backgroundColor: #F0F1EB;
24
+ $linkColor: #51483D;
25
+ $linkColorHover: lighten( $linkColor, 20% );
26
+ $selectionBackgroundColor: #26351C;
27
+
28
+ .reveal a:not(.image) {
29
+ line-height: 1.3em;
30
+ }
31
+
32
+
33
+ // Theme template ------------------------------
34
+ @import "../template/theme";
35
+ // ---------------------------------------------
@@ -0,0 +1,38 @@
1
+ /**
2
+ * A simple theme for reveal.js presentations, similar
3
+ * to the default theme. The accent color is darkblue.
4
+ *
5
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
6
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
+ */
8
+
9
+
10
+ // Default mixins and settings -----------------
11
+ @import "../template/mixins";
12
+ @import "../template/settings";
13
+ // ---------------------------------------------
14
+
15
+
16
+
17
+ // Include theme-specific fonts
18
+ @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
19
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
20
+
21
+
22
+ // Override theme settings (see ../template/settings.scss)
23
+ $mainFont: 'Lato', sans-serif;
24
+ $mainColor: #000;
25
+ $headingFont: 'News Cycle', Impact, sans-serif;
26
+ $headingColor: #000;
27
+ $headingTextShadow: none;
28
+ $headingTextTransform: none;
29
+ $backgroundColor: #fff;
30
+ $linkColor: #00008B;
31
+ $linkColorHover: lighten( $linkColor, 20% );
32
+ $selectionBackgroundColor: rgba(0, 0, 0, 0.99);
33
+
34
+
35
+
36
+ // Theme template ------------------------------
37
+ @import "../template/theme";
38
+ // ---------------------------------------------
@@ -0,0 +1,46 @@
1
+ /**
2
+ * Sky theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+
15
+ // Include theme-specific fonts
16
+ @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
17
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
18
+
19
+
20
+ // Override theme settings (see ../template/settings.scss)
21
+ $mainFont: 'Open Sans', sans-serif;
22
+ $mainColor: #333;
23
+ $headingFont: 'Quicksand', sans-serif;
24
+ $headingColor: #333;
25
+ $headingLetterSpacing: -0.08em;
26
+ $headingTextShadow: none;
27
+ $backgroundColor: #f7fbfc;
28
+ $linkColor: #3b759e;
29
+ $linkColorHover: lighten( $linkColor, 20% );
30
+ $selectionBackgroundColor: #134674;
31
+
32
+ // Fix links so they are not cut off
33
+ .reveal a:not(.image) {
34
+ line-height: 1.3em;
35
+ }
36
+
37
+ // Background generator
38
+ @mixin bodyBackground() {
39
+ @include radial-gradient( #add9e4, #f7fbfc );
40
+ }
41
+
42
+
43
+
44
+ // Theme template ------------------------------
45
+ @import "../template/theme";
46
+ // ---------------------------------------------
@@ -0,0 +1,74 @@
1
+ /**
2
+ * Solarized Light theme for reveal.js.
3
+ * Author: Achim Staebler
4
+ */
5
+
6
+
7
+ // Default mixins and settings -----------------
8
+ @import "../template/mixins";
9
+ @import "../template/settings";
10
+ // ---------------------------------------------
11
+
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @font-face {
16
+ font-family: 'League Gothic';
17
+ src: url('../../lib/font/league_gothic-webfont.eot');
18
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
19
+ url('../../lib/font/league_gothic-webfont.woff') format('woff'),
20
+ url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
21
+ url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
22
+
23
+ font-weight: normal;
24
+ font-style: normal;
25
+ }
26
+
27
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
+
29
+
30
+ /**
31
+ * Solarized colors by Ethan Schoonover
32
+ */
33
+ html * {
34
+ color-profile: sRGB;
35
+ rendering-intent: auto;
36
+ }
37
+
38
+ // Solarized colors
39
+ $base03: #002b36;
40
+ $base02: #073642;
41
+ $base01: #586e75;
42
+ $base00: #657b83;
43
+ $base0: #839496;
44
+ $base1: #93a1a1;
45
+ $base2: #eee8d5;
46
+ $base3: #fdf6e3;
47
+ $yellow: #b58900;
48
+ $orange: #cb4b16;
49
+ $red: #dc322f;
50
+ $magenta: #d33682;
51
+ $violet: #6c71c4;
52
+ $blue: #268bd2;
53
+ $cyan: #2aa198;
54
+ $green: #859900;
55
+
56
+ // Override theme settings (see ../template/settings.scss)
57
+ $mainColor: $base00;
58
+ $headingColor: $base01;
59
+ $headingTextShadow: none;
60
+ $backgroundColor: $base3;
61
+ $linkColor: $blue;
62
+ $linkColorHover: lighten( $linkColor, 20% );
63
+ $selectionBackgroundColor: $magenta;
64
+
65
+ // Background generator
66
+ // @mixin bodyBackground() {
67
+ // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
68
+ // }
69
+
70
+
71
+
72
+ // Theme template ------------------------------
73
+ @import "../template/theme";
74
+ // ---------------------------------------------
@@ -0,0 +1,29 @@
1
+ @mixin vertical-gradient( $top, $bottom ) {
2
+ background: $top;
3
+ background: -moz-linear-gradient( top, $top 0%, $bottom 100% );
4
+ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) );
5
+ background: -webkit-linear-gradient( top, $top 0%, $bottom 100% );
6
+ background: -o-linear-gradient( top, $top 0%, $bottom 100% );
7
+ background: -ms-linear-gradient( top, $top 0%, $bottom 100% );
8
+ background: linear-gradient( top, $top 0%, $bottom 100% );
9
+ }
10
+
11
+ @mixin horizontal-gradient( $top, $bottom ) {
12
+ background: $top;
13
+ background: -moz-linear-gradient( left, $top 0%, $bottom 100% );
14
+ background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) );
15
+ background: -webkit-linear-gradient( left, $top 0%, $bottom 100% );
16
+ background: -o-linear-gradient( left, $top 0%, $bottom 100% );
17
+ background: -ms-linear-gradient( left, $top 0%, $bottom 100% );
18
+ background: linear-gradient( left, $top 0%, $bottom 100% );
19
+ }
20
+
21
+ @mixin radial-gradient( $outer, $inner, $type: circle ) {
22
+ background: $outer;
23
+ background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
24
+ background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
25
+ background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
26
+ background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
27
+ background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
28
+ background: radial-gradient( center, $type cover, $inner 0%, $outer 100% );
29
+ }