diff options
Diffstat (limited to 'theme/css/default.css')
-rw-r--r-- | theme/css/default.css | 404 |
1 files changed, 167 insertions, 237 deletions
diff --git a/theme/css/default.css b/theme/css/default.css index bb77b38..a6c1826 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -214,28 +214,15 @@ slide.fill img { | |||
214 | 214 | ||
215 | /* line 87, ../sass/default.scss */ | 215 | /* line 87, ../sass/default.scss */ |
216 | body { | 216 | body { |
217 | background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf)); | 217 | background: black; |
218 | background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); | ||
219 | background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); | ||
220 | background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); | ||
221 | background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); | ||
222 | background-image: radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px); | ||
223 | background-attachment: fixed; | ||
224 | } | 218 | } |
225 | 219 | ||
226 | /* line 93, ../sass/default.scss */ | 220 | /* line 95, ../sass/default.scss */ |
227 | slides > slide { | 221 | slides > slide { |
228 | display: none; | 222 | display: none; |
229 | font-family: 'Open Sans', Arial, sans-serif; | 223 | font-family: 'Open Sans', Arial, sans-serif; |
230 | font-size: 26px; | 224 | font-size: 26px; |
231 | color: #797979; | 225 | color: #797979; |
232 | background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6)); | ||
233 | background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
234 | background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
235 | background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
236 | background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
237 | background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
238 | background-color: white; | ||
239 | width: 900px; | 226 | width: 900px; |
240 | height: 700px; | 227 | height: 700px; |
241 | margin-left: -450px; | 228 | margin-left: -450px; |
@@ -246,101 +233,52 @@ slides > slide { | |||
246 | -ms-border-radius: 5px; | 233 | -ms-border-radius: 5px; |
247 | -o-border-radius: 5px; | 234 | -o-border-radius: 5px; |
248 | border-radius: 5px; | 235 | border-radius: 5px; |
249 | -webkit-box-shadow: 5px 5px 20px #515151; | 236 | -webkit-transition: all 0.6s ease-out; |
250 | -moz-box-shadow: 5px 5px 20px #515151; | 237 | -moz-transition: all 0.6s ease-out; |
251 | box-shadow: 5px 5px 20px #515151; | 238 | -ms-transition: all 0.6s ease-out; |
252 | -webkit-transition: all 0.3s ease-out; | 239 | -o-transition: all 0.6s ease-out; |
253 | -moz-transition: all 0.3s ease-out; | 240 | transition: all 0.6s ease-out; |
254 | -ms-transition: all 0.3s ease-out; | 241 | } |
255 | -o-transition: all 0.3s ease-out; | 242 | /* line 116, ../sass/default.scss */ |
256 | transition: all 0.3s ease-out; | ||
257 | } | ||
258 | /* line 114, ../sass/default.scss */ | ||
259 | slides > slide.far-past { | 243 | slides > slide.far-past { |
260 | display: block; | 244 | display: none; |
261 | -webkit-transform: translate(-2040px); | 245 | } |
262 | -moz-transform: translate(-2040px); | 246 | /* line 123, ../sass/default.scss */ |
263 | -ms-transform: translate(-2040px); | ||
264 | -o-transform: translate(-2040px); | ||
265 | transform: translate(-2040px); | ||
266 | -webkit-transform: translate3d(-2040px, 0, 0); | ||
267 | -moz-transform: translate3d(-2040px, 0, 0); | ||
268 | -ms-transform: translate3d(-2040px, 0, 0); | ||
269 | -o-transform: translate3d(-2040px, 0, 0); | ||
270 | transform: translate3d(-2040px, 0, 0); | ||
271 | } | ||
272 | /* line 120, ../sass/default.scss */ | ||
273 | slides > slide.past { | 247 | slides > slide.past { |
274 | display: block; | 248 | display: block; |
275 | -webkit-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); | 249 | opacity: 0; |
276 | -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); | 250 | } |
277 | -ms-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); | 251 | /* line 130, ../sass/default.scss */ |
278 | -o-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); | ||
279 | transform: translate(-1020px) rotateY(30deg) rotateX(45deg); | ||
280 | -webkit-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | ||
281 | -moz-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | ||
282 | -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | ||
283 | -o-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | ||
284 | transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); | ||
285 | } | ||
286 | /* line 126, ../sass/default.scss */ | ||
287 | slides > slide.current { | 252 | slides > slide.current { |
288 | display: block; | 253 | display: block; |
289 | -webkit-transform: translate(0); | 254 | opacity: 1; |
290 | -moz-transform: translate(0); | ||
291 | -ms-transform: translate(0); | ||
292 | -o-transform: translate(0); | ||
293 | transform: translate(0); | ||
294 | -webkit-transform: translate3d(0, 0, 0); | ||
295 | -moz-transform: translate3d(0, 0, 0); | ||
296 | -ms-transform: translate3d(0, 0, 0); | ||
297 | -o-transform: translate3d(0, 0, 0); | ||
298 | transform: translate3d(0, 0, 0); | ||
299 | } | 255 | } |
300 | /* line 131, ../sass/default.scss */ | 256 | /* line 136, ../sass/default.scss */ |
301 | slides > slide.current .auto-fadein { | 257 | slides > slide.current .auto-fadein { |
302 | opacity: 1; | 258 | opacity: 1; |
303 | } | 259 | } |
304 | /* line 135, ../sass/default.scss */ | 260 | /* line 140, ../sass/default.scss */ |
305 | slides > slide.current .gdbar { | 261 | slides > slide.current .gdbar { |
306 | -webkit-background-size: 100% 100%; | 262 | -webkit-background-size: 100% 100%; |
307 | -moz-background-size: 100% 100%; | 263 | -moz-background-size: 100% 100%; |
308 | -o-background-size: 100% 100%; | 264 | -o-background-size: 100% 100%; |
309 | background-size: 100% 100%; | 265 | background-size: 100% 100%; |
310 | } | 266 | } |
311 | /* line 140, ../sass/default.scss */ | 267 | /* line 145, ../sass/default.scss */ |
312 | slides > slide.next { | 268 | slides > slide.next { |
313 | display: block; | 269 | display: block; |
314 | -webkit-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); | 270 | opacity: 0; |
315 | -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); | 271 | pointer-events: none; |
316 | -ms-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); | 272 | } |
317 | -o-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); | 273 | /* line 153, ../sass/default.scss */ |
318 | transform: translate(1020px) rotateY(-30deg) rotateX(45deg); | ||
319 | -webkit-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | ||
320 | -moz-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | ||
321 | -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | ||
322 | -o-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | ||
323 | transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); | ||
324 | } | ||
325 | /* line 146, ../sass/default.scss */ | ||
326 | slides > slide.far-next { | 274 | slides > slide.far-next { |
327 | display: block; | 275 | display: none; |
328 | -webkit-transform: translate(2040px); | 276 | } |
329 | -moz-transform: translate(2040px); | 277 | /* line 160, ../sass/default.scss */ |
330 | -ms-transform: translate(2040px); | ||
331 | -o-transform: translate(2040px); | ||
332 | transform: translate(2040px); | ||
333 | -webkit-transform: translate3d(2040px, 0, 0); | ||
334 | -moz-transform: translate3d(2040px, 0, 0); | ||
335 | -ms-transform: translate3d(2040px, 0, 0); | ||
336 | -o-transform: translate3d(2040px, 0, 0); | ||
337 | transform: translate3d(2040px, 0, 0); | ||
338 | } | ||
339 | /* line 152, ../sass/default.scss */ | ||
340 | slides > slide.dark { | 278 | slides > slide.dark { |
341 | background: #515151; | 279 | background: #515151; |
342 | } | 280 | } |
343 | /* line 160, ../sass/default.scss */ | 281 | /* line 168, ../sass/default.scss */ |
344 | slides > slide:not(.fill):not(.nobackground):before { | 282 | slides > slide:not(.fill):not(.nobackground):before { |
345 | font-size: 12pt; | 283 | font-size: 12pt; |
346 | content: "#io2012"; | 284 | content: "#io2012"; |
@@ -356,7 +294,7 @@ slides > slide:not(.fill):not(.nobackground):before { | |||
356 | height: 30px; | 294 | height: 30px; |
357 | line-height: 1.9; | 295 | line-height: 1.9; |
358 | } | 296 | } |
359 | /* line 172, ../sass/default.scss */ | 297 | /* line 180, ../sass/default.scss */ |
360 | slides > slide:not(.fill):not(.nobackground):after { | 298 | slides > slide:not(.fill):not(.nobackground):after { |
361 | font-size: 12pt; | 299 | font-size: 12pt; |
362 | content: attr(data-slide-num) "/" attr(data-total-slides); | 300 | content: attr(data-slide-num) "/" attr(data-total-slides); |
@@ -365,7 +303,7 @@ slides > slide:not(.fill):not(.nobackground):after { | |||
365 | right: 60px; | 303 | right: 60px; |
366 | line-height: 1.9; | 304 | line-height: 1.9; |
367 | } | 305 | } |
368 | /* line 183, ../sass/default.scss */ | 306 | /* line 191, ../sass/default.scss */ |
369 | slides > slide.title-slide:after { | 307 | slides > slide.title-slide:after { |
370 | content: ''; | 308 | content: ''; |
371 | background: url(../../images/io2012_logo.png) no-repeat 100% 50%; | 309 | background: url(../../images/io2012_logo.png) no-repeat 100% 50%; |
@@ -379,34 +317,51 @@ slides > slide.title-slide:after { | |||
379 | width: 100%; | 317 | width: 100%; |
380 | height: 60px; | 318 | height: 60px; |
381 | } | 319 | } |
382 | /* line 195, ../sass/default.scss */ | 320 | /* line 203, ../sass/default.scss */ |
321 | slides > slide.backdrop { | ||
322 | z-index: -1; | ||
323 | display: block !important; | ||
324 | background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6)); | ||
325 | background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
326 | background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
327 | background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
328 | background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
329 | background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); | ||
330 | background-color: white; | ||
331 | } | ||
332 | /* line 209, ../sass/default.scss */ | ||
333 | slides > slide.backdrop:after, slides > slide.backdrop:before { | ||
334 | display: none; | ||
335 | } | ||
336 | /* line 214, ../sass/default.scss */ | ||
383 | slides > slide > hgroup + article { | 337 | slides > slide > hgroup + article { |
384 | margin-top: 45px; | 338 | margin-top: 45px; |
385 | } | 339 | } |
386 | /* line 198, ../sass/default.scss */ | 340 | /* line 217, ../sass/default.scss */ |
387 | slides > slide > hgroup + article p { | 341 | slides > slide > hgroup + article p { |
388 | margin-bottom: 1em; | 342 | margin-bottom: 1em; |
389 | } | 343 | } |
390 | /* line 203, ../sass/default.scss */ | 344 | /* line 222, ../sass/default.scss */ |
391 | slides > slide > article:only-child > iframe { | 345 | slides > slide > article:only-child > iframe { |
392 | height: 100%; | 346 | height: 100%; |
393 | } | 347 | } |
394 | 348 | ||
395 | /* line 208, ../sass/default.scss */ | 349 | /* line 227, ../sass/default.scss */ |