reveal.rb 0.2.0 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
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 Dark 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: #002b36;
25
+ background-color: #002b36; }
26
+
27
+ .reveal {
28
+ font-family: "Lato", sans-serif;
29
+ font-size: 36px;
30
+ font-weight: normal;
31
+ letter-spacing: -0.02em;
32
+ color: #93a1a1; }
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: #eee8d5;
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 #93a1a1;
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,136 @@
1
+ @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
2
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
3
+ /**
4
+ * Black theme for reveal.js.
5
+ *
6
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
+ */
8
+ /*********************************************
9
+ * GLOBAL STYLES
10
+ *********************************************/
11
+ body {
12
+ background: #111111;
13
+ background-color: #111111; }
14
+
15
+ .reveal {
16
+ font-family: "Open Sans", sans-serif;
17
+ font-size: 30px;
18
+ font-weight: normal;
19
+ letter-spacing: -0.02em;
20
+ color: #eeeeee; }
21
+
22
+ ::selection {
23
+ color: white;
24
+ background: #e7ad52;
25
+ text-shadow: none; }
26
+
27
+ /*********************************************
28
+ * HEADERS
29
+ *********************************************/
30
+ .reveal h1,
31
+ .reveal h2,
32
+ .reveal h3,
33
+ .reveal h4,
34
+ .reveal h5,
35
+ .reveal h6 {
36
+ margin: 0 0 20px 0;
37
+ color: #eeeeee;
38
+ font-family: "Montserrat", Impact, sans-serif;
39
+ line-height: 0.9em;
40
+ letter-spacing: -0.03em;
41
+ text-transform: none;
42
+ text-shadow: none; }
43
+
44
+ .reveal h1 {
45
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
46
+
47
+ /*********************************************
48
+ * LINKS
49
+ *********************************************/
50
+ .reveal a:not(.image) {
51
+ color: #e7ad52;
52
+ text-decoration: none;
53
+ -webkit-transition: color .15s ease;
54
+ -moz-transition: color .15s ease;
55
+ -ms-transition: color .15s ease;
56
+ -o-transition: color .15s ease;
57
+ transition: color .15s ease; }
58
+
59
+ .reveal a:not(.image):hover {
60
+ color: #f3d7ac;
61
+ text-shadow: none;
62
+ border: none; }
63
+
64
+ .reveal .roll span:after {
65
+ color: #fff;
66
+ background: #d08a1d; }
67
+
68
+ /*********************************************
69
+ * IMAGES
70
+ *********************************************/
71
+ .reveal section img {
72
+ margin: 15px 0px;
73
+ background: rgba(255, 255, 255, 0.12);
74
+ border: 4px solid #eeeeee;
75
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
76
+ -webkit-transition: all .2s linear;
77
+ -moz-transition: all .2s linear;
78
+ -ms-transition: all .2s linear;
79
+ -o-transition: all .2s linear;
80
+ transition: all .2s linear; }
81
+
82
+ .reveal a:hover img {
83
+ background: rgba(255, 255, 255, 0.2);
84
+ border-color: #e7ad52;
85
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
86
+
87
+ /*********************************************
88
+ * NAVIGATION CONTROLS
89
+ *********************************************/
90
+ .reveal .controls div.navigate-left,
91
+ .reveal .controls div.navigate-left.enabled {
92
+ border-right-color: #e7ad52; }
93
+
94
+ .reveal .controls div.navigate-right,
95
+ .reveal .controls div.navigate-right.enabled {
96
+ border-left-color: #e7ad52; }
97
+
98
+ .reveal .controls div.navigate-up,
99
+ .reveal .controls div.navigate-up.enabled {
100
+ border-bottom-color: #e7ad52; }
101
+
102
+ .reveal .controls div.navigate-down,
103
+ .reveal .controls div.navigate-down.enabled {
104
+ border-top-color: #e7ad52; }
105
+
106
+ .reveal .controls div.navigate-left.enabled:hover {
107
+ border-right-color: #f3d7ac; }
108
+
109
+ .reveal .controls div.navigate-right.enabled:hover {
110
+ border-left-color: #f3d7ac; }
111
+
112
+ .reveal .controls div.navigate-up.enabled:hover {
113
+ border-bottom-color: #f3d7ac; }
114
+
115
+ .reveal .controls div.navigate-down.enabled:hover {
116
+ border-top-color: #f3d7ac; }
117
+
118
+ /*********************************************
119
+ * PROGRESS BAR
120
+ *********************************************/
121
+ .reveal .progress {
122
+ background: rgba(0, 0, 0, 0.2); }
123
+
124
+ .reveal .progress span {
125
+ background: #e7ad52;
126
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
127
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
128
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
129
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
130
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
131
+
132
+ /*********************************************
133
+ * SLIDE NUMBER
134
+ *********************************************/
135
+ .reveal .slide-number {
136
+ color: #e7ad52; }
@@ -0,0 +1,138 @@
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
+ .reveal a:not(.image) {
8
+ line-height: 1.3em; }
9
+
10
+ /*********************************************
11
+ * GLOBAL STYLES
12
+ *********************************************/
13
+ body {
14
+ background: #f0f1eb;
15
+ background-color: #f0f1eb; }
16
+
17
+ .reveal {
18
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
19
+ font-size: 36px;
20
+ font-weight: normal;
21
+ letter-spacing: -0.02em;
22
+ color: black; }
23
+
24
+ ::selection {
25
+ color: white;
26
+ background: #26351c;
27
+ text-shadow: none; }
28
+
29
+ /*********************************************
30
+ * HEADERS
31
+ *********************************************/
32
+ .reveal h1,
33
+ .reveal h2,
34
+ .reveal h3,
35
+ .reveal h4,
36
+ .reveal h5,
37
+ .reveal h6 {
38
+ margin: 0 0 20px 0;
39
+ color: #383d3d;
40
+ font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
41
+ line-height: 0.9em;
42
+ letter-spacing: 0.02em;
43
+ text-transform: none;
44
+ text-shadow: none; }
45
+
46
+ .reveal h1 {
47
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
48
+
49
+ /*********************************************
50
+ * LINKS
51
+ *********************************************/
52
+ .reveal a:not(.image) {
53
+ color: #51483d;
54
+ text-decoration: none;
55
+ -webkit-transition: color .15s ease;
56
+ -moz-transition: color .15s ease;
57
+ -ms-transition: color .15s ease;
58
+ -o-transition: color .15s ease;
59
+ transition: color .15s ease; }
60
+
61
+ .reveal a:not(.image):hover {
62
+ color: #8b7c69;
63
+ text-shadow: none;
64
+ border: none; }
65
+
66
+ .reveal .roll span:after {
67
+ color: #fff;
68
+ background: #25211c; }
69
+
70
+ /*********************************************
71
+ * IMAGES
72
+ *********************************************/
73
+ .reveal section img {
74
+ margin: 15px 0px;
75
+ background: rgba(255, 255, 255, 0.12);
76
+ border: 4px solid black;
77
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
78
+ -webkit-transition: all .2s linear;
79
+ -moz-transition: all .2s linear;
80
+ -ms-transition: all .2s linear;
81
+ -o-transition: all .2s linear;
82
+ transition: all .2s linear; }
83
+
84
+ .reveal a:hover img {
85
+ background: rgba(255, 255, 255, 0.2);
86
+ border-color: #51483d;
87
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
88
+
89
+ /*********************************************
90
+ * NAVIGATION CONTROLS
91
+ *********************************************/
92
+ .reveal .controls div.navigate-left,
93
+ .reveal .controls div.navigate-left.enabled {
94
+ border-right-color: #51483d; }
95
+
96
+ .reveal .controls div.navigate-right,
97
+ .reveal .controls div.navigate-right.enabled {
98
+ border-left-color: #51483d; }
99
+
100
+ .reveal .controls div.navigate-up,
101
+ .reveal .controls div.navigate-up.enabled {
102
+ border-bottom-color: #51483d; }
103
+
104
+ .reveal .controls div.navigate-down,
105
+ .reveal .controls div.navigate-down.enabled {
106
+ border-top-color: #51483d; }
107
+
108
+ .reveal .controls div.navigate-left.enabled:hover {
109
+ border-right-color: #8b7c69; }
110
+
111
+ .reveal .controls div.navigate-right.enabled:hover {
112
+ border-left-color: #8b7c69; }
113
+
114
+ .reveal .controls div.navigate-up.enabled:hover {
115
+ border-bottom-color: #8b7c69; }
116
+
117
+ .reveal .controls div.navigate-down.enabled:hover {
118
+ border-top-color: #8b7c69; }
119
+
120
+ /*********************************************
121
+ * PROGRESS BAR
122
+ *********************************************/
123
+ .reveal .progress {
124
+ background: rgba(0, 0, 0, 0.2); }
125
+
126
+ .reveal .progress span {
127
+ background: #51483d;
128
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
129
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
130
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
131
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
132
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
133
+
134
+ /*********************************************
135
+ * SLIDE NUMBER
136
+ *********************************************/
137
+ .reveal .slide-number {
138
+ color: #51483d; }
@@ -0,0 +1,138 @@
1
+ @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
2
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
3
+ /**
4
+ * A simple theme for reveal.js presentations, similar
5
+ * to the default theme. The accent color is darkblue.
6
+ *
7
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
8
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
9
+ */
10
+ /*********************************************
11
+ * GLOBAL STYLES
12
+ *********************************************/
13
+ body {
14
+ background: white;
15
+ background-color: white; }
16
+
17
+ .reveal {
18
+ font-family: "Lato", sans-serif;
19
+ font-size: 36px;
20
+ font-weight: normal;
21
+ letter-spacing: -0.02em;
22
+ color: black; }
23
+
24
+ ::selection {
25
+ color: white;
26
+ background: rgba(0, 0, 0, 0.99);
27
+ text-shadow: none; }
28
+
29
+ /*********************************************
30
+ * HEADERS
31
+ *********************************************/
32
+ .reveal h1,
33
+ .reveal h2,
34
+ .reveal h3,
35
+ .reveal h4,
36
+ .reveal h5,
37
+ .reveal h6 {
38
+ margin: 0 0 20px 0;
39
+ color: black;
40
+ font-family: "News Cycle", Impact, sans-serif;
41
+ line-height: 0.9em;
42
+ letter-spacing: 0.02em;
43
+ text-transform: none;
44
+ text-shadow: none; }
45
+
46
+ .reveal h1 {
47
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
48
+
49
+ /*********************************************
50
+ * LINKS
51
+ *********************************************/
52
+ .reveal a:not(.image) {
53
+ color: darkblue;
54
+ text-decoration: none;
55
+ -webkit-transition: color .15s ease;
56
+ -moz-transition: color .15s ease;
57
+ -ms-transition: color .15s ease;
58
+ -o-transition: color .15s ease;
59
+ transition: color .15s ease; }
60
+
61
+ .reveal a:not(.image):hover {
62
+ color: #0000f1;
63
+ text-shadow: none;
64
+ border: none; }
65
+
66
+ .reveal .roll span:after {
67
+ color: #fff;
68
+ background: #00003f; }
69
+
70
+ /*********************************************
71
+ * IMAGES
72
+ *********************************************/
73
+ .reveal section img {
74
+ margin: 15px 0px;
75
+ background: rgba(255, 255, 255, 0.12);
76
+ border: 4px solid black;
77
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
78
+ -webkit-transition: all .2s linear;
79
+ -moz-transition: all .2s linear;
80
+ -ms-transition: all .2s linear;
81
+ -o-transition: all .2s linear;
82
+ transition: all .2s linear; }
83
+
84
+ .reveal a:hover img {
85
+ background: rgba(255, 255, 255, 0.2);
86
+ border-color: darkblue;
87
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
88
+
89
+ /*********************************************
90
+ * NAVIGATION CONTROLS
91
+ *********************************************/
92
+ .reveal .controls div.navigate-left,
93
+ .reveal .controls div.navigate-left.enabled {
94
+ border-right-color: darkblue; }
95
+
96
+ .reveal .controls div.navigate-right,
97
+ .reveal .controls div.navigate-right.enabled {
98
+ border-left-color: darkblue; }
99
+
100
+ .reveal .controls div.navigate-up,
101
+ .reveal .controls div.navigate-up.enabled {
102
+ border-bottom-color: darkblue; }
103
+
104
+ .reveal .controls div.navigate-down,
105
+ .reveal .controls div.navigate-down.enabled {
106
+ border-top-color: darkblue; }
107
+
108
+ .reveal .controls div.navigate-left.enabled:hover {
109
+ border-right-color: #0000f1; }
110
+
111
+ .reveal .controls div.navigate-right.enabled:hover {
112
+ border-left-color: #0000f1; }
113
+
114
+ .reveal .controls div.navigate-up.enabled:hover {
115
+ border-bottom-color: #0000f1; }
116
+
117
+ .reveal .controls div.navigate-down.enabled:hover {
118
+ border-top-color: #0000f1; }
119
+
120
+ /*********************************************
121
+ * PROGRESS BAR
122
+ *********************************************/
123
+ .reveal .progress {
124
+ background: rgba(0, 0, 0, 0.2); }
125
+
126
+ .reveal .progress span {
127
+ background: darkblue;
128
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
129
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
130
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
131
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
132
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
133
+
134
+ /*********************************************
135
+ * SLIDE NUMBER
136
+ *********************************************/
137
+ .reveal .slide-number {
138
+ color: darkblue; }
@@ -0,0 +1,145 @@
1
+ @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
2
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
3
+ /**
4
+ * Sky theme for reveal.js.
5
+ *
6
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
+ */
8
+ .reveal a:not(.image) {
9
+ line-height: 1.3em; }
10
+
11
+ /*********************************************
12
+ * GLOBAL STYLES
13
+ *********************************************/
14
+ body {
15
+ background: #add9e4;
16
+ background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
17
+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
18
+ background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
19
+ background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
20
+ background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
21
+ background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
22
+ background-color: #f7fbfc; }
23
+
24
+ .reveal {
25
+ font-family: "Open Sans", sans-serif;
26
+ font-size: 36px;
27
+ font-weight: normal;
28
+ letter-spacing: -0.02em;
29
+ color: #333333; }
30
+
31
+ ::selection {
32
+ color: white;
33
+ background: #134674;
34
+ text-shadow: none; }
35
+
36
+ /*********************************************
37
+ * HEADERS
38
+ *********************************************/
39
+ .reveal h1,
40
+ .reveal h2,
41
+ .reveal h3,
42
+ .reveal h4,
43
+ .reveal h5,
44
+ .reveal h6 {
45
+ margin: 0 0 20px 0;
46
+ color: #333333;
47
+ font-family: "Quicksand", sans-serif;
48
+ line-height: 0.9em;
49
+ letter-spacing: -0.08em;
50
+ text-transform: uppercase;
51
+ text-shadow: none; }
52
+
53
+ .reveal h1 {
54
+ text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
55
+
56
+ /*********************************************
57
+ * LINKS
58
+ *********************************************/
59
+ .reveal a:not(.image) {
60
+ color: #3b759e;
61
+ text-decoration: none;
62
+ -webkit-transition: color .15s ease;
63
+ -moz-transition: color .15s ease;
64
+ -ms-transition: color .15s ease;
65
+ -o-transition: color .15s ease;
66
+ transition: color .15s ease; }
67
+
68
+ .reveal a:not(.image):hover {
69
+ color: #74a7cb;
70
+ text-shadow: none;
71
+ border: none; }
72
+
73
+ .reveal .roll span:after {
74
+ color: #fff;
75
+ background: #264c66; }
76
+
77
+ /*********************************************
78
+ * IMAGES
79
+ *********************************************/
80
+ .reveal section img {
81
+ margin: 15px 0px;
82
+ background: rgba(255, 255, 255, 0.12);
83
+ border: 4px solid #333333;
84
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
85
+ -webkit-transition: all .2s linear;
86
+ -moz-transition: all .2s linear;
87
+ -ms-transition: all .2s linear;
88
+ -o-transition: all .2s linear;
89
+ transition: all .2s linear; }
90
+
91
+ .reveal a:hover img {
92
+ background: rgba(255, 255, 255, 0.2);
93
+ border-color: #3b759e;
94
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
95
+
96
+ /*********************************************
97
+ * NAVIGATION CONTROLS
98
+ *********************************************/
99
+ .reveal .controls div.navigate-left,
100
+ .reveal .controls div.navigate-left.enabled {
101
+ border-right-color: #3b759e; }
102
+
103
+ .reveal .controls div.navigate-right,
104
+ .reveal .controls div.navigate-right.enabled {
105
+ border-left-color: #3b759e; }
106
+
107
+ .reveal .controls div.navigate-up,
108
+ .reveal .controls div.navigate-up.enabled {
109
+ border-bottom-color: #3b759e; }
110
+
111
+ .reveal .controls div.navigate-down,
112
+ .reveal .controls div.navigate-down.enabled {
113
+ border-top-color: #3b759e; }
114
+
115
+ .reveal .controls div.navigate-left.enabled:hover {
116
+ border-right-color: #74a7cb; }
117
+
118
+ .reveal .controls div.navigate-right.enabled:hover {
119
+ border-left-color: #74a7cb; }
120
+
121
+ .reveal .controls div.navigate-up.enabled:hover {
122
+ border-bottom-color: #74a7cb; }
123
+
124
+ .reveal .controls div.navigate-down.enabled:hover {
125
+ border-top-color: #74a7cb; }
126
+
127
+ /*********************************************
128
+ * PROGRESS BAR
129
+ *********************************************/
130
+ .reveal .progress {
131
+ background: rgba(0, 0, 0, 0.2); }
132
+
133
+ .reveal .progress span {
134
+ background: #3b759e;
135
+ -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
136
+ -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
137
+ -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
138
+ -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
139
+ transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
140
+
141
+ /*********************************************
142
+ * SLIDE NUMBER
143
+ *********************************************/
144
+ .reveal .slide-number {
145
+ color: #3b759e; }