diff options
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/default.css | 416 |
1 files changed, 236 insertions, 180 deletions
diff --git a/theme/css/default.css b/theme/css/default.css index 7c96455..92b9dbe 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -76,7 +76,7 @@ html { | |||
76 | body { | 76 | body { |
77 | margin: 0; | 77 | margin: 0; |
78 | padding: 0; | 78 | padding: 0; |
79 | opacity: 1 !important; | 79 | opacity: 0; |
80 | height: 100%; | 80 | height: 100%; |
81 | min-height: 740px; | 81 | min-height: 740px; |
82 | width: 100%; | 82 | width: 100%; |
@@ -86,19 +86,23 @@ body { | |||
86 | -moz-font-smoothing: antialiased; | 86 | -moz-font-smoothing: antialiased; |
87 | -ms-font-smoothing: antialiased; | 87 | -ms-font-smoothing: antialiased; |
88 | -o-font-smoothing: antialiased; | 88 | -o-font-smoothing: antialiased; |
89 | -webkit-transition: opacity 800ms ease-in; | 89 | -webkit-transition: opacity 800ms ease-in 100ms; |
90 | -moz-transition: opacity 800ms ease-in; | 90 | -moz-transition: opacity 800ms ease-in 100ms; |
91 | -ms-transition: opacity 800ms ease-in; | 91 | -ms-transition: opacity 800ms ease-in 100ms; |
92 | -o-transition: opacity 800ms ease-in; | 92 | -o-transition: opacity 800ms ease-in 100ms; |
93 | transition: opacity 800ms ease-in; | 93 | transition: opacity 800ms ease-in 100ms; |
94 | } | ||
95 | /* line 63, ../sass/_base.scss */ | ||
96 | body.loaded { | ||
97 | opacity: 1; | ||
94 | } | 98 | } |
95 | 99 | ||
96 | /* line 65, ../sass/_base.scss */ | 100 | /* line 68, ../sass/_base.scss */ |
97 | slides > slide[hidden] { | 101 | slides > slide[hidden] { |
98 | display: none !important; | 102 | display: none !important; |
99 | } | 103 | } |
100 | 104 | ||
101 | /* line 69, ../sass/_base.scss */ | 105 | /* line 72, ../sass/_base.scss */ |
102 | slides { | 106 | slides { |
103 | width: 100%; | 107 | width: 100%; |
104 | height: 100%; | 108 | height: 100%; |
@@ -116,7 +120,7 @@ slides { | |||
116 | transform-style: preserve-3d; | 120 | transform-style: preserve-3d; |
117 | } | 121 | } |
118 | 122 | ||
119 | /* line 80, ../sass/_base.scss */ | 123 | /* line 83, ../sass/_base.scss */ |
120 | slides > slide { | 124 | slides > slide { |
121 | display: block; | 125 | display: block; |
122 | position: absolute; | 126 | position: absolute; |
@@ -217,7 +221,7 @@ body { | |||
217 | background: black; | 221 | background: black; |
218 | } | 222 | } |
219 | 223 | ||
220 | /* line 95, ../sass/default.scss */ | 224 | /* line 91, ../sass/default.scss */ |
221 | slides > slide { | 225 | slides > slide { |
222 | display: none; | 226 | display: none; |
223 | font-family: 'Open Sans', Arial, sans-serif; | 227 | font-family: 'Open Sans', Arial, sans-serif; |
@@ -239,46 +243,46 @@ slides > slide { | |||
239 | -o-transition: all 0.6s ease-in-out; | 243 | -o-transition: all 0.6s ease-in-out; |
240 | transition: all 0.6s ease-in-out; | 244 | transition: all 0.6s ease-in-out; |
241 | } | 245 | } |
242 | /* line 116, ../sass/default.scss */ | 246 | /* line 112, ../sass/default.scss */ |
243 | slides > slide.far-past { | 247 | slides > slide.far-past { |
244 | display: none; | 248 | display: none; |
245 | } | 249 | } |
246 | /* line 123, ../sass/default.scss */ | 250 | /* line 119, ../sass/default.scss */ |
247 | slides > slide.past { | 251 | slides > slide.past { |
248 | display: block; | 252 | display: block; |
249 | opacity: 0; | 253 | opacity: 0; |
250 | } | 254 | } |
251 | /* line 130, ../sass/default.scss */ | 255 | /* line 126, ../sass/default.scss */ |
252 | slides > slide.current { | 256 | slides > slide.current { |
253 | display: block; | 257 | display: block; |
254 | opacity: 1; | 258 | opacity: 1; |
255 | } | 259 | } |
256 | /* line 136, ../sass/default.scss */ | 260 | /* line 132, ../sass/default.scss */ |
257 | slides > slide.current .auto-fadein { | 261 | slides > slide.current .auto-fadein { |
258 | opacity: 1; | 262 | opacity: 1; |
259 | } | 263 | } |
260 | /* line 140, ../sass/default.scss */ | 264 | /* line 136, ../sass/default.scss */ |
261 | slides > slide.current .gdbar { | 265 | slides > slide.current .gdbar { |
262 | -webkit-background-size: 100% 100%; | 266 | -webkit-background-size: 100% 100%; |
263 | -moz-background-size: 100% 100%; | 267 | -moz-background-size: 100% 100%; |
264 | -o-background-size: 100% 100%; | 268 | -o-background-size: 100% 100%; |
265 | background-size: 100% 100%; | 269 | background-size: 100% 100%; |
266 | } | 270 | } |
267 | /* line 145, ../sass/default.scss */ | 271 | /* line 141, ../sass/default.scss */ |
268 | slides > slide.next { | 272 | slides > slide.next { |
269 | display: block; | 273 | display: block; |
270 | opacity: 0; | 274 | opacity: 0; |
271 | pointer-events: none; | 275 | pointer-events: none; |
272 | } | 276 | } |
273 | /* line 153, ../sass/default.scss */ | 277 | /* line 149, ../sass/default.scss */ |
274 | slides > slide.far-next { | 278 | slides > slide.far-next { |
275 | display: none; | 279 | display: none; |
276 | } | 280 | } |
277 | /* line 160, ../sass/default.scss */ | 281 | /* line 156, ../sass/default.scss */ |
278 | slides > slide.dark { | 282 | slides > slide.dark { |
279 | background: #515151; | 283 | background: #515151; |
280 | } | 284 | } |
281 | /* line 168, ../sass/default.scss */ | 285 | /* line 164, ../sass/default.scss */ |
282 | slides > slide:not(.nobackground):before { | 286 | slides > slide:not(.nobackground):before { |
283 | font-size: 12pt; | 287 | font-size: 12pt; |
284 | content: "#io2012"; | 288 | content: "#io2012"; |
@@ -294,7 +298,7 @@ slides > slide:not(.nobackground):before { | |||
294 | height: 30px; | 298 | height: 30px; |
295 | line-height: 1.9; | 299 | line-height: 1.9; |
296 | } | 300 | } |
297 | /* line 180, ../sass/default.scss */ | 301 | /* line 176, ../sass/default.scss */ |
298 | slides > slide:not(.nobackground):after { | 302 | slides > slide:not(.nobackground):after { |
299 | font-size: 12pt; | 303 | font-size: 12pt; |
300 | content: attr(data-slide-num) "/" attr(data-total-slides); | 304 | content: attr(data-slide-num) "/" attr(data-total-slides); |
@@ -303,7 +307,7 @@ slides > slide:not(.nobackground):after { | |||
303 | right: 60px; | 307 | right: 60px; |
304 | line-height: 1.9; | 308 | line-height: 1.9; |
305 | } | 309 | } |
306 | /* line 191, ../sass/default.scss */ | 310 | /* line 187, ../sass/default.scss */ |
307 | slides > slide.title-slide:after { | 311 | slides > slide.title-slide:after { |
308 | content: ''; | 312 | content: ''; |
309 | background: url(../../images/io2012_logo.png) no-repeat 100% 50%; | 313 | background: url(../../images/io2012_logo.png) no-repeat 100% 50%; |
@@ -317,7 +321,7 @@ slides > slide.title-slide:after { | |||
317 | width: 100%; | 321 | width: 100%; |
318 | height: 60px; | 322 | height: 60px; |
319 | } | 323 | } |
320 | /* line 203, ../sass/default.scss */ | 324 | /* line 199, ../sass/default.scss */ |
321 | slides > slide.backdrop { | 325 | slides > slide.backdrop { |
322 | z-index: -10; | 326 | z-index: -10; |
323 | display: block !important; | 327 | display: block !important; |
@@ -329,39 +333,39 @@ slides > slide.backdrop { | |||
329 | background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | 333 | background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); |
330 | background-color: white; | 334 | background-color: white; |
331 | } | 335 | } |
332 | /* line 209, ../sass/default.scss */ | 336 | /* line 205, ../sass/default.scss */ |
333 | slides > slide.backdrop:after, slides > slide.backdrop:before { | 337 | slides > slide.backdrop:after, slides > slide.backdrop:before { |
334 | display: none; | 338 | display: none; |
335 | } | 339 | } |
336 | /* line 214, ../sass/default.scss */ | 340 | /* line 210, ../sass/default.scss */ |
337 | slides > slide > hgroup + article { | 341 | slides > slide > hgroup + article { |
338 | margin-top: 45px; | 342 | margin-top: 45px; |
339 | } | 343 | } |
340 | /* line 217, ../sass/default.scss */ | 344 | /* line 213, ../sass/default.scss */ |
341 | slides > slide > hgroup + article p { | 345 | slides > slide > hgroup + article p { |
342 | margin-bottom: 1em; | 346 | margin-bottom: 1em; |
343 | } | 347 | } |
344 | /* line 222, ../sass/default.scss */ | 348 | /* line 218, ../sass/default.scss */ |
345 | slides > slide > article:only-child { | 349 | slides > slide > article:only-child { |
346 | height: 100%; | 350 | height: 100%; |
347 | } | 351 | } |
348 | /* line 225, ../sass/default.scss */ | 352 | /* line 221, ../sass/default.scss */ |
349 | slides > slide > article:only-child > iframe { | 353 | slides > slide > article:only-child > iframe { |
350 | height: 100%; | 354 | height: 100%; |
351 | } | 355 | } |
352 | 356 | ||
353 | /* line 231, ../sass/default.scss */ | 357 | /* line 227, ../sass/default.scss */ |
354 | slides.layout-faux-widescreen > slide { | 358 | slides.layout-faux-widescreen > slide { |
355 | padding: 40px 160px; | 359 | padding: 40px 160px; |
356 | } | 360 | } |
357 | 361 | ||
358 | /* line 240, ../sass/default.scss */ | 362 | /* line 236, ../sass/default.scss */ |
359 | slides.layout-widescreen > slide, | 363 | slides.layout-widescreen > slide, |
360 | slides.layout-faux-widescreen > slide { | 364 | slides.layout-faux-widescreen > slide { |
361 | margin-left: -550px; | 365 | margin-left: -550px; |
362 | width: 1100px; | 366 | width: 1100px; |
363 | } | 367 | } |
364 | /* line 245, ../sass/default.scss */ | 368 | /* line 241, ../sass/default.scss */ |
365 | slides.layout-widescreen > slide.far-past, | 369 | slides.layout-widescreen > slide.far-past, |
366 | slides.layout-faux-widescreen > slide.far-past { | 370 | slides.layout-faux-widescreen > slide.far-past { |
367 | display: block; | 371 | display: block; |
@@ -377,26 +381,26 @@ slides.layout-faux-widescreen > slide.far-past { | |||
377 | -o-transform: translate3d(-2260px, 0, 0); | 381 | -o-transform: translate3d(-2260px, 0, 0); |
378 | transform: translate3d(-2260px, 0, 0); | 382 | transform: translate3d(-2260px, 0, 0); |
379 | } | 383 | } |
380 | /* line 252, ../sass/default.scss */ | 384 | /* line 248, ../sass/default.scss */ |
381 | slides.layout-widescreen > slide.past, | 385 | slides.layout-widescreen > slide.past, |
382 | slides.layout-faux-widescreen > slide.past { | 386 | slides.layout-faux-widescreen > slide.past { |
383 | display: block; |