aboutsummaryrefslogtreecommitdiff
path: root/theme/css
diff options
context:
space:
mode:
authorEric Bidelman2012-04-08 17:51:12 -0700
committerEric Bidelman2012-04-08 17:51:12 -0700
commit79c730f664bd8bda196c13282c5650f4ab282b25 (patch)
tree3c6bc4ffcd0891266435f936961f7f2c7af7232f /theme/css
parentdb92c5e0c26ba0bb545993bb48533d39f1934b95 (diff)
downloadio-slides-remote-79c730f664bd8bda196c13282c5650f4ab282b25.tar.gz
More styling. Fixes for FF
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/default.css298
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 */
70html { 70html {
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 */
76body { 76body {
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 */
96slides > slide[hidden] { 96slides > 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 */
101slides { 101slides {
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 */
119slides > slide { 119slides > 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 */
169article.fill iframe { 169article.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 */
187slide.fill { 187slide.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 */
196slide.fill img { 196slide.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 */
277slides > slide:not(:first-of-type):not(.fill):not(.nobackground):before { 277slides > 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 */
293slides > slide:not(:first-of-type):not(.fill):not(.nobackground):after { 293slides > 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 */
390slides > slide hgroup + article {
391 margin-top: 1.5em;
392}
393/* line 172, ../sass/default.scss */
390slides > slide > article { 394slides > slide > article {
391 margin-top: 2em; 395 margin-top: 2em;
392} 396}
397/* line 175, ../sass/default.scss */
398slides > slide > article p {
399 margin-bottom: 1em;
400}
393 401
394/* line 178, ../sass/default.scss */ 402/* line 186, ../sass/default.scss */
395slides.layout-widescreen > slide.far-past, 403slides.layout-widescreen > slide.far-past,
396slides.layout-faux-widescreen > slide.far-past { 404slides.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 */
410slides.layout-widescreen > slide.past, 418slides.layout-widescreen > slide.past,
411slides.layout-faux-widescreen > slide.past { 419slides.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 */
425slides.layout-widescreen > slide.current, 433slides.layout-widescreen > slide.current,
426slides.layout-faux-widescreen > slide.current { 434slides.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 */
440slides.layout-widescreen > slide.next, 448slides.layout-widescreen > slide.next,
441slides.layout-faux-widescreen > slide.next { 449slides.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 */
455slides.layout-widescreen > slide.far-next, 463slides.layout-widescreen > slide.far-next,
456slides.layout-faux-widescreen > slide.far-next { 464slides.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 */
471b { 479b {
472 font-weight: 600; 480 font-weight: 600;
473} 481}
474 482
475/* line 213, ../sass/default.scss */ 483/* line 221, ../sass/default.scss */
476a { 484a {
477 color: #0066cc; 485 color: #0066cc;
478} 486}
479/* line 216, ../sass/default.scss */ 487/* line 224, ../sass/default.scss */
480a:visited { 488a: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 */
484a:hover { 492a:hover {
485 color: black; 493 color: black;
486} 494}
487 495
488/* line 225, ../sass/default.scss */ 496/* line 233, ../sass/default.scss */
489h1, h2, h3 { 497h1, 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 */
494h2 { 502h2 {
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 */
502h3 { 510h3 {
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
511/* line 252, ../sass/default.scss */ 518/* line 252, ../sass/default.scss */
512ul {