aboutsummaryrefslogtreecommitdiff
path: root/theme/css/default.css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/css/default.css')
-rw-r--r--theme/css/default.css289
1 files changed, 149 insertions, 140 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index 40b4f77..03e25d1 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -86,10 +86,10 @@ 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 -moz-transition: opacity 600ms ease-in; 89 -moz-transition: opacity 800ms ease-in;
90 -webkit-transition: opacity 600ms ease-in; 90 -webkit-transition: opacity 800ms ease-in;
91 -o-transition: opacity 600ms ease-in; 91 -o-transition: opacity 800ms ease-in;
92 transition: opacity 600ms ease-in; 92 transition: opacity 800ms ease-in;
93} 93}
94 94
95/* line 57, ../sass/_base.scss */ 95/* line 57, ../sass/_base.scss */
@@ -214,12 +214,12 @@ slide.fill img {
214 214
215/* line 44, ../sass/default.scss */ 215/* line 44, ../sass/default.scss */
216body { 216body {
217 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #4387fd), color-stop(100%, #2a7cdf)); 217 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf));
218 background-image: -webkit-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); 218 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
219 background-image: -moz-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); 219 background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
220 background-image: -o-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); 220 background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
221 background-image: -ms-radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); 221 background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
222 background-image: radial-gradient(50% 50%, #4387fd 0%, #2a7cdf 600px); 222 background-image: radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
223 background-attachment: fixed; 223 background-attachment: fixed;
224} 224}
225 225
@@ -231,29 +231,30 @@ slides > slide {
231 margin-top: -350px; 231 margin-top: -350px;
232 padding: 40px 60px; 232 padding: 40px 60px;
233 background-color: white; 233 background-color: white;
234 font-size: 26px;
234 -moz-border-radius: 5px; 235 -moz-border-radius: 5px;
235 -webkit-border-radius: 5px; 236 -webkit-border-radius: 5px;
236 -o-border-radius: 5px; 237 -o-border-radius: 5px;
237 -ms-border-radius: 5px; 238 -ms-border-radius: 5px;
238 -khtml-border-radius: 5px; 239 -khtml-border-radius: 5px;
239 border-radius: 5px; 240 border-radius: 5px;
240 -moz-box-shadow: 3px 3px 20px #515151; 241 -moz-box-shadow: 5px 5px 20px #515151;
241 -webkit-box-shadow: 3px 3px 20px #515151; 242 -webkit-box-shadow: 5px 5px 20px #515151;
242 -o-box-shadow: 3px 3px 20px #515151; 243 -o-box-shadow: 5px 5px 20px #515151;
243 box-shadow: 3px 3px 20px #515151; 244 box-shadow: 5px 5px 20px #515151;
244 -moz-transition: all 0.3s ease-out; 245 -moz-transition: all 0.3s ease-out;
245 -webkit-transition: all 0.3s ease-out; 246 -webkit-transition: all 0.3s ease-out;
246 -o-transition: all 0.3s ease-out; 247 -o-transition: all 0.3s ease-out;
247 transition: all 0.3s ease-out; 248 transition: all 0.3s ease-out;
248} 249}
249 250
250/* line 66, ../sass/default.scss */ 251/* line 67, ../sass/default.scss */
251slides.layout-widescreen > slide { 252slides.layout-widescreen > slide {
252 margin-left: -550px; 253 margin-left: -550px;
253 width: 1100px; 254 width: 1100px;
254} 255}
255 256
256/* line 71, ../sass/default.scss */ 257/* line 72, ../sass/default.scss */
257slides.layout-faux-widescreen > slide { 258slides.layout-faux-widescreen > slide {
258 margin-left: -550px; 259 margin-left: -550px;
259 width: 1100px; 260 width: 1100px;
@@ -272,13 +273,14 @@ slides.nobackground slide:not(.fill)::before {
272 color: inherit !important; 273 color: inherit !important;
273} 274}
274*/ 275*/
275/* line 97, ../sass/default.scss */ 276/* line 98, ../sass/default.scss */
276slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { 277slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before {
278 font-size: 12pt;
277 content: "#io2012 @yourtwitter"; 279 content: "#io2012 @yourtwitter";
278 position: absolute; 280 position: absolute;
279 bottom: 20px; 281 bottom: 20px;
280 left: 60px; 282 left: 60px;
281 background: url(/images/google_developers_icon_128.png) no-repeat 0 50%; 283 background: url(../../images/google_developers_icon_128.png) no-repeat 0 50%;
282 -moz-background-size: 30px 30px; 284 -moz-background-size: 30px 30px;
283 -webkit-background-size: 30px 30px; 285 -webkit-background-size: 30px 30px;
284 -o-background-size: 30px 30px; 286 -o-background-size: 30px 30px;
@@ -287,12 +289,14 @@ slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before {
287 height: 30px; 289 height: 30px;
288 line-height: 1.9; 290 line-height: 1.9;
289} 291}
290/* line 108, ../sass/default.scss */ 292/* line 110, ../sass/default.scss */
291slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after { 293slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after {
294 font-size: 12pt;
292 content: attr(data-slide-num) "/" attr(data-total-slides); 295 content: attr(data-slide-num) "/" attr(data-total-slides);
293 position: absolute; 296 position: absolute;
294 bottom: 20px; 297 bottom: 20px;
295 right: 60px; 298 right: 60px;
299 line-height: 1.9;
296} 300}
297 301
298/*slides.layout-widescreen > slide:not(.nobackground), 302/*slides.layout-widescreen > slide:not(.nobackground),
@@ -300,13 +304,19 @@ slides.layout-faux-widescreen > slide:not(.nobackground) {
300 background-position-x: 0, 840px; 304 background-position-x: 0, 840px;
301}*/ 305}*/
302/* Slides */ 306/* Slides */
303/* line 123, ../sass/default.scss */ 307/* line 127, ../sass/default.scss */
304slides > slide { 308slides > slide {
305 display: none; 309 display: none;
306 font-family: 'Open Sans', Arial, sans-serif; 310 font-family: 'Open Sans', Arial, sans-serif;
307 color: #797979; 311 color: #797979;
312 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
313 background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
314 background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
315 background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
316 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
317 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
308} 318}
309/* line 132, ../sass/default.scss */ 319/* line 138, ../sass/default.scss */
310slides > slide.far-past { 320slides > slide.far-past {
311 display: block; 321 display: block;
312 -moz-transform: translate(-2040px); 322 -moz-transform: translate(-2040px);
@@ -320,7 +330,7 @@ slides > slide.far-past {
320 -ms-transform: translate3d(-2040px, 0, 0); 330 -ms-transform: translate3d(-2040px, 0, 0);
321 transform: translate3d(-2040px, 0, 0); 331 transform: translate3d(-2040px, 0, 0);
322} 332}
323/* line 138, ../sass/default.scss */ 333/* line 144, ../sass/default.scss */
324slides > slide.past { 334slides > slide.past {
325 display: block; 335 display: block;
326 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 336 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
@@ -334,7 +344,7 @@ slides > slide.past {
334 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 344 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
335 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg); 345 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
336} 346}
337/* line 144, ../sass/default.scss */ 347/* line 150, ../sass/default.scss */
338slides > slide.current { 348slides > slide.current {
339 display: block; 349 display: block;
340 -moz-transform: translate(0); 350 -moz-transform: translate(0);
@@ -348,7 +358,7 @@ slides > slide.current {
348 -ms-transform: translate3d(0, 0, 0); 358 -ms-transform: translate3d(0, 0, 0);
349 transform: translate3d(0, 0, 0); 359 transform: translate3d(0, 0, 0);
350} 360}
351/* line 150, ../sass/default.scss */ 361/* line 156, ../sass/default.scss */
352slides > slide.next { 362slides > slide.next {
353 display: block; 363 display: block;
354 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 364 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
@@ -362,7 +372,7 @@ slides > slide.next {
362 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 372 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
363 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg); 373 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
364} 374}
365/* line 156, ../sass/default.scss */ 375/* line 162, ../sass/default.scss */
366slides > slide.far-next { 376slides > slide.far-next {
367 display: block; 377 display: block;
368 -moz-transform: translate(2040px); 378 -moz-transform: translate(2040px);
@@ -376,8 +386,12 @@ slides > slide.far-next {
376 -ms-transform: translate3d(2040px, 0, 0); 386 -ms-transform: translate3d(2040px, 0, 0);
377 transform: translate3d(2040px, 0, 0); 387 transform: translate3d(2040px, 0, 0);
378} 388}
379
380/* line 168, ../sass/default.scss */ 389/* line 168, ../sass/default.scss */
390slides > slide > article {
391 margin-top: 2em;
392}
393
394/* line 178, ../sass/default.scss */
381slides.layout-widescreen > slide.far-past, 395slides.layout-widescreen > slide.far-past,
382slides.layout-faux-widescreen > slide.far-past { 396slides.layout-faux-widescreen > slide.far-past {
383 display: block; 397 display: block;
@@ -392,7 +406,7 @@ slides.layout-faux-widescreen > slide.far-past {
392 -ms-transform: translate3d(-2260px, 0, 0); 406 -ms-transform: translate3d(-2260px, 0, 0);
393 transform: translate3d(-2260px, 0, 0); 407 transform: translate3d(-2260px, 0, 0);
394} 408}
395/* line 174, ../sass/default.scss */ 409/* line 184, ../sass/default.scss */
396slides.layout-widescreen > slide.past, 410slides.layout-widescreen > slide.past,
397slides.layout-faux-widescreen > slide.past { 411slides.layout-faux-widescreen > slide.past {
398 display: block; 412 display: block;
@@ -407,7 +421,7 @@ slides.layout-faux-widescreen > slide.past {
407 -ms-transform: translate3d(-1130px, 0, 0); 421 -ms-transform: translate3d(-1130px, 0, 0);
408 transform: translate3d(-1130px, 0, 0); 422 transform: translate3d(-1130px, 0, 0);
409} 423}
410/* line 180, ../sass/default.scss */