← Back to branch summary

~tomasgroth/openlp/portable-path

« back to all changes in this revision

Viewing changes to openlp/core/display/html/black.css

  • Committer: Tomas Groth
  • Date: 2019-04-30 19:02:42 UTC
  • mfrom: (2829.2.32 openlp)
  • Revision ID: tomasgroth@yahoo.dk-20190430190242-6zwjk8724tyux70m
trunk

Show diffs side-by-side

added added

removed removed

Lines of Context:
openlp/core/display/html/black.css
 
1
/**
 
2
 * Black theme for reveal.js. This is the opposite of the 'white' theme.
 
3
 *
 
4
 * By Hakim El Hattab, http://hakim.se
 
5
 */
 
6
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
 
7
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
 
8
  color: #222; }
 
9
 
 
10
/*********************************************
 
11
 * GLOBAL STYLES
 
12
 *********************************************/
 
13
body {
 
14
  background: #222;
 
15
  background-color: #222; }
 
16
 
 
17
.reveal {
 
18
  font-family: "Source Sans Pro", Helvetica, sans-serif;
 
19
  font-size: 42px;
 
20
  font-weight: normal;
 
21
  color: #fff; }
 
22
 
 
23
::selection {
 
24
  color: #fff;
 
25
  background: #bee4fd;
 
26
  text-shadow: none; }
 
27
 
 
28
::-moz-selection {
 
29
  color: #fff;
 
30
  background: #bee4fd;
 
31
  text-shadow: none; }
 
32
 
 
33
.reveal .slides > section,
 
34
.reveal .slides > section > section {
 
35
  line-height: 1.3;
 
36
  font-weight: inherit; }
 
37
 
 
38
/*********************************************
 
39
 * HEADERS
 
40
 *********************************************/
 
41
.reveal h1,
 
42
.reveal h2,
 
43
.reveal h3,
 
44
.reveal h4,
 
45
.reveal h5,
 
46
.reveal h6 {
 
47
  margin: 0 0 20px 0;
 
48
  color: #fff;
 
49
  font-family: "Source Sans Pro", Helvetica, sans-serif;
 
50
  font-weight: 600;
 
51
  line-height: 1.2;
 
52
  letter-spacing: normal;
 
53
  text-transform: uppercase;
 
54
  text-shadow: none;
 
55
  word-wrap: break-word; }
 
56
 
 
57
.reveal h1 {
 
58
  font-size: 2.5em; }
 
59
 
 
60
.reveal h2 {
 
61
  font-size: 1.6em; }
 
62
 
 
63
.reveal h3 {
 
64
  font-size: 1.3em; }
 
65
 
 
66
.reveal h4 {
 
67
  font-size: 1em; }
 
68
 
 
69
.reveal h1 {
 
70
  text-shadow: none; }
 
71
 
 
72
/*********************************************
 
73
 * OTHER
 
74
 *********************************************/
 
75
.reveal p {
 
76
  margin: 20px 0;
 
77
  line-height: 1.3; }
 
78
 
 
79
/* Ensure certain elements are never larger than the slide itself */
 
80
.reveal img,
 
81
.reveal video,
 
82
.reveal iframe {
 
83
  max-width: 95%;
 
84
  max-height: 95%; }
 
85
 
 
86
.reveal strong,
 
87
.reveal b {
 
88
  font-weight: bold; }
 
89
 
 
90
.reveal em {
 
91
  font-style: italic; }
 
92
 
 
93
.reveal ol,
 
94
.reveal dl,
 
95
.reveal ul {
 
96
  display: inline-block;
 
97
  text-align: left;
 
98
  margin: 0 0 0 1em; }
 
99
 
 
100
.reveal ol {
 
101
  list-style-type: decimal; }
 
102
 
 
103
.reveal ul {
 
104
  list-style-type: disc; }
 
105
 
 
106
.reveal ul ul {
 
107
  list-style-type: square; }
 
108
 
 
109
.reveal ul ul ul {
 
110
  list-style-type: circle; }
 
111
 
 
112
.reveal ul ul,
 
113
.reveal ul ol,
 
114
.reveal ol ol,
 
115
.reveal ol ul {
 
116
  display: block;
 
117
  margin-left: 40px; }
 
118
 
 
119
.reveal dt {
 
120
  font-weight: bold; }
 
121
 
 
122
.reveal dd {
 
123
  margin-left: 40px; }
 
124
 
 
125
.reveal q,
 
126
.reveal blockquote {
 
127
  quotes: none; }
 
128
 
 
129
.reveal blockquote {
 
130
  display: block;
 
131
  position: relative;
 
132
  width: 70%;
 
133
  margin: 20px auto;
 
134
  padding: 5px;
 
135
  font-style: italic;
 
136
  background: rgba(255, 255, 255, 0.05);
 
137
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
 
138
 
 
139
.reveal blockquote p:first-child,
 
140
.reveal blockquote p:last-child {
 
141
  display: inline-block; }
 
142
 
 
143
.reveal q {
 
144
  font-style: italic; }
 
145
 
 
146
.reveal pre {
 
147
  display: block;
 
148
  position: relative;
 
149
  width: 90%;
 
150
  margin: 20px auto;
 
151
  text-align: left;
 
152
  font-size: 0.55em;
 
153
  font-family: monospace;
 
154
  line-height: 1.2em;
 
155
  word-wrap: break-word;
 
156
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
 
157
 
 
158
.reveal code {
 
159
  font-family: monospace; }
 
160
 
 
161
.reveal pre code {
 
162
  display: block;
 
163
  padding: 5px;
 
164
  overflow: auto;
 
165
  max-height: 400px;
 
166
  word-wrap: normal; }
 
167
 
 
168
.reveal table {
 
169
  margin: auto;
 
170
  border-collapse: collapse;
 
171
  border-spacing: 0; }
 
172
 
 
173
.reveal table th {
 
174
  font-weight: bold; }
 
175
 
 
176
.reveal table th,
 
177
.reveal table td {
 
178
  text-align: left;
 
179
  padding: 0.2em 0.5em 0.2em 0.5em;
 
180
  border-bottom: 1px solid; }
 
181
 
 
182
.reveal table th[align="center"],
 
183
.reveal table td[align="center"] {
 
184
  text-align: center; }
 
185
 
 
186
.reveal table th[align="right"],
 
187
.reveal table td[align="right"] {
 
188
  text-align: right; }
 
189
 
 
190
.reveal table tbody tr:last-child th,
 
191
.reveal table tbody tr:last-child td {
 
192
  border-bottom: none; }
 
193
 
 
194
.reveal sup {
 
195
  vertical-align: super; }
 
196
 
 
197
.reveal sub {
 
198
  vertical-align: sub; }
 
199
 
 
200
.reveal small {
 
201
  display: inline-block;
 
202
  font-size: 0.6em;
 
203
  line-height: 1.2em;
 
204
  vertical-align: top; }
 
205
 
 
206
.reveal small * {
 
207
  vertical-align: top; }
 
208
 
 
209
/*********************************************
 
210
 * LINKS
 
211
 *********************************************/
 
212
.reveal a {
 
213
  color: #42affa;
 
214
  text-decoration: none;
 
215
  -webkit-transition: color .15s ease;
 
216
  -moz-transition: color .15s ease;
 
217
  transition: color .15s ease; }
 
218
 
 
219
.reveal a:hover {
 
220
  color: #8dcffc;
 
221
  text-shadow: none;
 
222
  border: none; }
 
223
 
 
224
.reveal .roll span:after {
 
225
  color: #fff;
 
226
  background: #068de9; }
 
227
 
 
228
/*********************************************
 
229
 * IMAGES
 
230
 *********************************************/
 
231
.reveal section img {
 
232
  margin: 15px 0px;
 
233
  background: rgba(255, 255, 255, 0.12);
 
234
  border: 4px solid #fff;
 
235
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
 
236
 
 
237
.reveal section img.plain {
 
238
  border: 0;
 
239
  box-shadow: none; }
 
240
 
 
241
.reveal a img {
 
242
  -webkit-transition: all .15s linear;
 
243
  -moz-transition: all .15s linear;
 
244
  transition: all .15s linear; }
 
245
 
 
246
.reveal a:hover img {
 
247
  background: rgba(255, 255, 255, 0.2);
 
248
  border-color: #42affa;
 
249
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
 
250
 
 
251
/*********************************************
 
252
 * NAVIGATION CONTROLS
 
253
 *********************************************/
 
254
.reveal .controls .navigate-left,
 
255
.reveal .controls .navigate-left.enabled {
 
256
  border-right-color: #42affa; }
 
257
 
 
258
.reveal .controls .navigate-right,
 
259
.reveal .controls .navigate-right.enabled {
 
260
  border-left-color: #42affa; }
 
261
 
 
262
.reveal .controls .navigate-up,
 
263
.reveal .controls .navigate-up.enabled {
 
264
  border-bottom-color: #42affa; }
 
265
 
 
266
.reveal .controls .navigate-down,
 
267
.reveal .controls .navigate-down.enabled {
 
268
  border-top-color: #42affa; }
 
269
 
 
270
.reveal .controls .navigate-left.enabled:hover {
 
271
  border-right-color: #8dcffc; }
 
272
 
 
273
.reveal .controls .navigate-right.enabled:hover {
 
274
  border-left-color: #8dcffc; }
 
275
 
 
276
.reveal .controls .navigate-up.enabled:hover {
 
277
  border-bottom-color: #8dcffc; }
 
278
 
 
279
.reveal .controls .navigate-down.enabled:hover {
 
280
  border-top-color: #8dcffc; }
 
281
 
 
282
/*********************************************
 
283
 * PROGRESS BAR
 
284
 *********************************************/
 
285
.reveal .progress {
 
286
  background: rgba(0, 0, 0, 0.2); }
 
287
 
 
288
.reveal .progress span {
 
289
  background: #42affa;
 
290
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
 
291
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
 
292
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }