diff options
author | Eric Bidelman | 2012-04-08 17:51:12 -0700 |
---|---|---|
committer | Eric Bidelman | 2012-04-08 17:51:12 -0700 |
commit | 79c730f664bd8bda196c13282c5650f4ab282b25 (patch) | |
tree | 3c6bc4ffcd0891266435f936961f7f2c7af7232f /theme/css | |
parent | db92c5e0c26ba0bb545993bb48533d39f1934b95 (diff) | |
download | io-slides-remote-79c730f664bd8bda196c13282c5650f4ab282b25.tar.gz |
More styling. Fixes for FF
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/default.css | 298 |
1 files changed, 203 insertions, 95 deletions
diff --git a/theme/css/default.css b/theme/css/default.css index 03e25d1..714af1c 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -66,13 +66,13 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, | |||
66 | /** | 66 | /** |
67 | * Base SlideDeck Styles | 67 | * Base SlideDeck Styles |
68 | */ | 68 | */ |
69 | /* line 34, ../sass/_base.scss */ | 69 | /* line 42, ../sass/_base.scss */ |
70 | html { | 70 | html { |
71 | height: 100%; | 71 | height: 100%; |
72 | overflow: hidden; | 72 | overflow: hidden; |
73 | } | 73 | } |
74 | 74 | ||
75 | /* line 39, ../sass/_base.scss */ | 75 | /* line 47, ../sass/_base.scss */ |
76 | body { | 76 | body { |
77 | margin: 0; | 77 | margin: 0; |
78 | padding: 0; | 78 | padding: 0; |
@@ -92,12 +92,12 @@ body { | |||
92 | transition: opacity 800ms ease-in; | 92 | transition: opacity 800ms ease-in; |
93 | } | 93 | } |
94 | 94 | ||
95 | /* line 57, ../sass/_base.scss */ | 95 | /* line 65, ../sass/_base.scss */ |
96 | slides > slide[hidden] { | 96 | slides > slide[hidden] { |
97 | display: none !important; | 97 | display: none !important; |
98 | } | 98 | } |
99 | 99 | ||
100 | /* line 61, ../sass/_base.scss */ | 100 | /* line 69, ../sass/_base.scss */ |
101 | slides { | 101 | slides { |
102 | width: 100%; | 102 | width: 100%; |
103 | height: 100%; | 103 | height: 100%; |
@@ -115,7 +115,7 @@ slides { | |||
115 | transform-style: preserve-3d; | 115 | transform-style: preserve-3d; |
116 | } | 116 | } |
117 | 117 | ||
118 | /* line 72, ../sass/_base.scss */ | 118 | /* line 80, ../sass/_base.scss */ |
119 | slides > slide { | 119 | slides > slide { |
120 | display: block; | 120 | display: block; |
121 | position: absolute; | 121 | position: absolute; |
@@ -165,7 +165,7 @@ slides > slide { | |||
165 | margin-left: 500px; | 165 | margin-left: 500px; |
166 | }*/ | 166 | }*/ |
167 | /* Slide styles */ | 167 | /* Slide styles */ |
168 | /* line 122, ../sass/_base.scss */ | 168 | /* line 130, ../sass/_base.scss */ |
169 | article.fill iframe { | 169 | article.fill iframe { |
170 | position: absolute; | 170 | position: absolute; |
171 | left: 0; | 171 | left: 0; |
@@ -183,7 +183,7 @@ article.fill iframe { | |||
183 | z-index: -1; | 183 | z-index: -1; |
184 | } | 184 | } |
185 | 185 | ||
186 | /* line 137, ../sass/_base.scss */ | 186 | /* line 145, ../sass/_base.scss */ |
187 | slide.fill { | 187 | slide.fill { |
188 | background-repeat: no-repeat; | 188 | background-repeat: no-repeat; |
189 | -moz-background-size: cover; | 189 | -moz-background-size: cover; |
@@ -192,7 +192,7 @@ slide.fill { | |||
192 | background-size: cover; | 192 | background-size: cover; |
193 | } | 193 | } |
194 | 194 | ||
195 | /* line 142, ../sass/_base.scss */ | 195 | /* line 150, ../sass/_base.scss */ |
196 | slide.fill img { | 196 | slide.fill img { |
197 | position: absolute; | 197 | position: absolute; |
198 | left: 0; | 198 | left: 0; |
@@ -274,7 +274,7 @@ slides.nobackground slide:not(.fill)::before { | |||
274 | } | 274 | } |
275 | */ | 275 | */ |
276 | /* line 98, ../sass/default.scss */ | 276 | /* line 98, ../sass/default.scss */ |
277 | slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { | 277 | slides > slide:not(.fill):not(.nobackground):before { |
278 | font-size: 12pt; | 278 | font-size: 12pt; |
279 | content: "#io2012 @yourtwitter"; | 279 | content: "#io2012 @yourtwitter"; |
280 | position: absolute; | 280 | position: absolute; |
@@ -290,7 +290,7 @@ slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { | |||
290 | line-height: 1.9; | 290 | line-height: 1.9; |
291 | } | 291 | } |
292 | /* line 110, ../sass/default.scss */ | 292 | /* line 110, ../sass/default.scss */ |
293 | slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after { | 293 | slides > slide:not(.fill):not(.nobackground):after { |
294 | font-size: 12pt; | 294 | font-size: 12pt; |
295 | content: attr(data-slide-num) "/" attr(data-total-slides); | 295 | content: attr(data-slide-num) "/" attr(data-total-slides); |
296 | position: absolute; | 296 | position: absolute; |
@@ -387,11 +387,19 @@ slides > slide.far-next { | |||
387 | transform: translate3d(2040px, 0, 0); | 387 | transform: translate3d(2040px, 0, 0); |
388 | } | 388 | } |
389 | /* line 168, ../sass/default.scss */ | 389 | /* line 168, ../sass/default.scss */ |
390 | slides > slide hgroup + article { | ||
391 | margin-top: 1.5em; | ||
392 | } | ||
393 | /* line 172, ../sass/default.scss */ | ||
390 | slides > slide > article { | 394 | slides > slide > article { |
391 | margin-top: 2em; | 395 | margin-top: 2em; |
392 | } | 396 | } |
397 | /* line 175, ../sass/default.scss */ | ||
398 | slides > slide > article p { | ||
399 | margin-bottom: 1em; | ||
400 | } | ||
393 | 401 | ||
394 | /* line 178, ../sass/default.scss */ | 402 | /* line 186, ../sass/default.scss */ |
395 | slides.layout-widescreen > slide.far-past, | 403 | slides.layout-widescreen > slide.far-past, |
396 | slides.layout-faux-widescreen > slide.far-past { | 404 | slides.layout-faux-widescreen > slide.far-past { |
397 | display: block; | 405 | display: block; |
@@ -406,7 +414,7 @@ slides.layout-faux-widescreen > slide.far-past { | |||
406 | -ms-transform: translate3d(-2260px, 0, 0); | 414 | -ms-transform: translate3d(-2260px, 0, 0); |
407 | transform: translate3d(-2260px, 0, 0); | 415 | transform: translate3d(-2260px, 0, 0); |
408 | } | 416 | } |
409 | /* line 184, ../sass/default.scss */ | 417 | /* line 192, ../sass/default.scss */ |
410 | slides.layout-widescreen > slide.past, | 418 | slides.layout-widescreen > slide.past, |
411 | slides.layout-faux-widescreen > slide.past { | 419 | slides.layout-faux-widescreen > slide.past { |
412 | display: block; | 420 | display: block; |
@@ -421,7 +429,7 @@ slides.layout-faux-widescreen > slide.past { | |||
421 | -ms-transform: translate3d(-1130px, 0, 0); | 429 | -ms-transform: translate3d(-1130px, 0, 0); |
422 | transform: translate3d(-1130px, 0, 0); | 430 | transform: translate3d(-1130px, 0, 0); |
423 | } | 431 | } |
424 | /* line 190, ../sass/default.scss */ | 432 | /* line 198, ../sass/default.scss */ |
425 | slides.layout-widescreen > slide.current, | 433 | slides.layout-widescreen > slide.current, |
426 | slides.layout-faux-widescreen > slide.current { | 434 | slides.layout-faux-widescreen > slide.current { |
427 | display: block; | 435 | display: block; |
@@ -436,7 +444,7 @@ slides.layout-faux-widescreen > slide.current { | |||
436 | -ms-transform: translate3d(0, 0, 0); | 444 | -ms-transform: translate3d(0, 0, 0); |
437 | transform: translate3d(0, 0, 0); | 445 | transform: translate3d(0, 0, 0); |
438 | } | 446 | } |
439 | /* line 196, ../sass/default.scss */ | 447 | /* line 204, ../sass/default.scss */ |
440 | slides.layout-widescreen > slide.next, | 448 | slides.layout-widescreen > slide.next, |
441 | slides.layout-faux-widescreen > slide.next { | 449 | slides.layout-faux-widescreen > slide.next { |
442 | display: block; | 450 | display: block; |
@@ -451,7 +459,7 @@ slides.layout-faux-widescreen > slide.next { | |||
451 | -ms-transform: translate3d(1130px, 0, 0); | 459 | -ms-transform: translate3d(1130px, 0, 0); |
452 | transform: translate3d(1130px, 0, 0); | 460 | transform: translate3d(1130px, 0, 0); |
453 | } | 461 | } |
454 | /* line 202, ../sass/default.scss */ | 462 | /* line 210, ../sass/default.scss */ |
455 | slides.layout-widescreen > slide.far-next, | 463 | slides.layout-widescreen > slide.far-next, |
456 | slides.layout-faux-widescreen > slide.far-next { | 464 | slides.layout-faux-widescreen > slide.far-next { |
457 | display: block; | 465 | display: block; |
@@ -467,30 +475,30 @@ slides.layout-faux-widescreen > slide.far-next { | |||
467 | transform: translate3d(2260px, 0, 0); | 475 | transform: translate3d(2260px, 0, 0); |
468 | } | 476 | } |
469 | 477 | ||
470 | /* line 209, ../sass/default.scss */ | 478 | /* line 217, ../sass/default.scss */ |
471 | b { | 479 | b { |
472 | font-weight: 600; | 480 | font-weight: 600; |
473 | } | 481 | } |
474 | 482 | ||
475 | /* line 213, ../sass/default.scss */ | 483 | /* line 221, ../sass/default.scss */ |
476 | a { | 484 | a { |
477 | color: #0066cc; | 485 | color: #0066cc; |
478 | } | 486 | } |
479 | /* line 216, ../sass/default.scss */ | 487 | /* line 224, ../sass/default.scss */ |
480 | a:visited { | 488 | a:visited { |
481 | color: rgba(0, 102, 204, 0.75); | 489 | color: rgba(0, 102, 204, 0.75); |
482 | } | 490 | } |
483 | /* line 220, ../sass/default.scss */ | 491 | /* line 228, ../sass/default.scss */ |
484 | a:hover { | 492 | a:hover { |
485 | color: black; | 493 | color: black; |
486 | } | 494 | } |
487 | 495 | ||
488 | /* line 225, ../sass/default.scss */ | 496 | /* line 233, ../sass/default.scss */ |
489 | h1, h2, h3 { | 497 | h1, h2, h3 { |
490 | font-weight: 600; | 498 | font-weight: 600; |
491 | } | 499 | } |
492 | 500 | ||
493 | /* line 229, ../sass/default.scss */ | 501 | /* line 237, ../sass/default.scss */ |
494 | h2 { | 502 | h2 { |
495 | font-size: 45px; | 503 | font-size: 45px; |
496 | line-height: 45px; | 504 | line-height: 45px; |
@@ -498,10 +506,9 @@ h2 { | |||
498 | color: #515151; | 506 | color: #515151; |
499 | } | 507 | } |
500 | 508 | ||
501 | /* line 243, ../sass/default.scss */ | 509 | /* line 244, ../sass/default.scss */ |
502 | h3 { | 510 | h3 { |
503 | font-size: 30px; | 511 | font-size: 30px; |
504 | margin: 0 0 1em 0; | ||
505 | letter-spacing: -1px; | 512 | letter-spacing: -1px; |
506 | line-height: 2; | 513 | line-height: 2; |
507 | font-weight: inherit; | 514 | font-weight: inherit; |
@@ -510,48 +517,74 @@ h3 { | |||
510 | 517 | ||