From 92d59f701df13fe8e99d2c908dcf18450c53b762 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Sat, 14 Apr 2012 12:01:10 -0700 Subject: iframe height fix for ff --- theme/css/default.css | 231 ++++++++++++++++++++++++------------------------ theme/sass/default.scss | 7 +- 2 files changed, 122 insertions(+), 116 deletions(-) diff --git a/theme/css/default.css b/theme/css/default.css index 6024807..93e59f0 100644 --- a/theme/css/default.css +++ b/theme/css/default.css @@ -342,22 +342,26 @@ slides > slide > hgroup + article p { margin-bottom: 1em; } /* line 222, ../sass/default.scss */ +slides > slide > article:only-child { + height: 100%; +} +/* line 225, ../sass/default.scss */ slides > slide > article:only-child > iframe { height: 100%; } -/* line 227, ../sass/default.scss */ +/* line 231, ../sass/default.scss */ slides.layout-faux-widescreen > slide { padding: 40px 160px; } -/* line 236, ../sass/default.scss */ +/* line 240, ../sass/default.scss */ slides.layout-widescreen > slide, slides.layout-faux-widescreen > slide { margin-left: -550px; width: 1100px; } -/* line 241, ../sass/default.scss */ +/* line 245, ../sass/default.scss */ slides.layout-widescreen > slide.far-past, slides.layout-faux-widescreen > slide.far-past { display: block; @@ -373,26 +377,26 @@ slides.layout-faux-widescreen > slide.far-past { -o-transform: translate3d(-2260px, 0, 0); transform: translate3d(-2260px, 0, 0); } -/* line 248, ../sass/default.scss */ +/* line 252, ../sass/default.scss */ slides.layout-widescreen > slide.past, slides.layout-faux-widescreen > slide.past { display: block; opacity: 0; } -/* line 255, ../sass/default.scss */ +/* line 259, ../sass/default.scss */ slides.layout-widescreen > slide.current, slides.layout-faux-widescreen > slide.current { display: block; opacity: 1; } -/* line 262, ../sass/default.scss */ +/* line 266, ../sass/default.scss */ slides.layout-widescreen > slide.next, slides.layout-faux-widescreen > slide.next { display: block; opacity: 0; pointer-events: none; } -/* line 270, ../sass/default.scss */ +/* line 274, ../sass/default.scss */ slides.layout-widescreen > slide.far-next, slides.layout-faux-widescreen > slide.far-next { display: block; @@ -408,40 +412,39 @@ slides.layout-faux-widescreen > slide.far-next { -o-transform: translate3d(2260px, 0, 0); transform: translate3d(2260px, 0, 0); } -/* line 277, ../sass/default.scss */ +/* line 281, ../sass/default.scss */ slides.layout-widescreen #prev-slide-area, slides.layout-faux-widescreen #prev-slide-area { margin-left: -650px; } -/* line 281, ../sass/default.scss */ +/* line 285, ../sass/default.scss */ slides.layout-widescreen #next-slide-area, slides.layout-faux-widescreen #next-slide-area { margin-left: 550px; } -/* line 286, ../sass/default.scss */ +/* line 290, ../sass/default.scss */ b { font-weight: 600; } -/* line 290, ../sass/default.scss */ +/* line 294, ../sass/default.scss */ a { color: #2a7cdf; text-decoration: none; - padding-bottom: 2px; border-bottom: 1px solid rgba(42, 124, 223, 0.5); } -/* line 296, ../sass/default.scss */ +/* line 299, ../sass/default.scss */ a:hover { color: black !important; } -/* line 301, ../sass/default.scss */ +/* line 304, ../sass/default.scss */ h1, h2, h3 { font-weight: 600; } -/* line 305, ../sass/default.scss */ +/* line 308, ../sass/default.scss */ h2 { font-size: 45px; line-height: 45px; @@ -449,7 +452,7 @@ h2 { color: #515151; } -/* line 312, ../sass/default.scss */ +/* line 315, ../sass/default.scss */ h3 { font-size: 30px; letter-spacing: -1px; @@ -458,39 +461,39 @@ h3 { color: #797979; } -/* line 320, ../sass/default.scss */ +/* line 323, ../sass/default.scss */ ul { margin-left: 1.2em; margin-bottom: 1em; position: relative; } -/* line 325, ../sass/default.scss */ +/* line 328, ../sass/default.scss */ ul li { margin-bottom: 0.5em; } -/* line 328, ../sass/default.scss */ +/* line 331, ../sass/default.scss */ ul li ul { margin-left: 2em; margin-bottom: 0; } -/* line 332, ../sass/default.scss */ +/* line 335, ../sass/default.scss */ ul li ul li:before { content: '-'; font-weight: 600; } -/* line 339, ../sass/default.scss */ +/* line 342, ../sass/default.scss */ ul > li:before { content: '·'; margin-left: -1em; position: absolute; font-weight: 600; } -/* line 346, ../sass/default.scss */ +/* line 349, ../sass/default.scss */ ul ul { margin-top: .5em; } -/* line 353, ../sass/default.scss */ +/* line 356, ../sass/default.scss */ .highlight-code slide.current pre > * { opacity: 0.25; -webkit-transition: opacity 0.5s ease-in; @@ -499,12 +502,12 @@ ul ul { -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } -/* line 357, ../sass/default.scss */ +/* line 360, ../sass/default.scss */ .highlight-code slide.current b { opacity: 1; } -/* line 362, ../sass/default.scss */ +/* line 365, ../sass/default.scss */ pre { font-family: 'Inconsolata', 'Courier New', monospace; font-size: 20px; @@ -521,7 +524,7 @@ pre { box-sizing: border-box; /*overflow: hidden;*/ } -/* line 376, ../sass/default.scss */ +/* line 379, ../sass/default.scss */ pre:after { content: attr(data-lang); background-color: #a9a9a9; @@ -534,14 +537,14 @@ pre:after { text-transform: uppercase; } -/* line 389, ../sass/default.scss */ +/* line 392, ../sass/default.scss */ code { font-size: 95%; font-family: 'Inconsolata', 'Courier New', monospace; color: black; } -/* line 395, ../sass/default.scss */ +/* line 398, ../sass/default.scss */ iframe { width: 100%; height: 530px; @@ -552,12 +555,12 @@ iframe { box-sizing: border-box; } -/* line 403, ../sass/default.scss */ +/* line 406, ../sass/default.scss */ dt { font-weight: bold; } -/* line 407, ../sass/default.scss */ +/* line 410, ../sass/default.scss */ button { display: inline-block; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9), color-stop(70%, #e3e3e3)); @@ -583,12 +586,12 @@ button { font-size: 10pt; } -/* line 421, ../sass/default.scss */ +/* line 424, ../sass/default.scss */ button:not(:disabled):hover { border-color: #515151; } -/* line 425, ../sass/default.scss */ +/* line 428, ../sass/default.scss */ button:not(:disabled):active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3), color-stop(70%, #f9f9f9)); background: -webkit-linear-gradient(#e3e3e3 40%, #f9f9f9 70%); @@ -598,102 +601,102 @@ button:not(:disabled):active { background: linear-gradient(#e3e3e3 40%, #f9f9f9 70%); } -/* line 429, ../sass/default.scss */ +/* line 432, ../sass/default.scss */ :disabled { color: #a9a9a9; } -/* line 433, ../sass/default.scss */ +/* line 436, ../sass/default.scss */ .blue { color: #4387fd; } -/* line 436, ../sass/default.scss */ +/* line 439, ../sass/default.scss */ .blue2 { color: #3c8ef3; } -/* line 439, ../sass/default.scss */ +/* line 442, ../sass/default.scss */ .blue3 { color: #2a7cdf; } -/* line 442, ../sass/default.scss */ +/* line 445, ../sass/default.scss */ .yellow { color: #ffd14d; } -/* line 445, ../sass/default.scss */ +/* line 448, ../sass/default.scss */ .yellow2 { color: #f9cc46; } -/* line 448, ../sass/default.scss */ +/* line 451, ../sass/default.scss */ .yellow3 { color: #f6c000; } -/* line 451, ../sass/default.scss */ +/* line 454, ../sass/default.scss */ .green { color: #0da861; } -/* line 454, ../sass/default.scss */ +/* line 457, ../sass/default.scss */ .green2 { color: #00a86d; } -/* line 457, ../sass/default.scss */ +/* line 460, ../sass/default.scss */ .green3 { color: #009f5d; } -/* line 460, ../sass/default.scss */ +/* line 463, ../sass/default.scss */ .red { color: #f44a3f; } -/* line 463, ../sass/default.scss */ +/* line 466, ../sass/default.scss */ .red2 { color: #e0543e; } -/* line 466, ../sass/default.scss */ +/* line 469, ../sass/default.scss */ .red3 { color: #d94d3a; } -/* line 469, ../sass/default.scss */ +/* line 472, ../sass/default.scss */ .gray { color: #e6e6e6; } -/* line 472, ../sass/default.scss */ +/* line 475, ../sass/default.scss */ .gray2 { color: #a9a9a9; } -/* line 475, ../sass/default.scss */ +/* line 478, ../sass/default.scss */ .gray3 { color: #797979; } -/* line 478, ../sass/default.scss */ +/* line 481, ../sass/default.scss */ .gray4 { color: #515151; } -/* line 482, ../sass/default.scss */ +/* line 485, ../sass/default.scss */ .white { color: white !important; } -/* line 485, ../sass/default.scss */ +/* line 488, ../sass/default.scss */ .black { color: black !important; } -/* line 489, ../sass/default.scss */ +/* line 492, ../sass/default.scss */ .columns-2 { -webkit-column-count: 2; -moz-column-count: 2; @@ -701,7 +704,7 @@ button:not(:disabled):active { column-count: 2; } -/* line 493, ../sass/default.scss */ +/* line 496, ../sass/default.scss */ table { width: 100%; border-collapse: -moz-initial; @@ -709,16 +712,16 @@ table { border-spacing: 2px; border-bottom: 1px solid #797979; } -/* line 500, ../sass/default.scss */ +/* line 503, ../sass/default.scss */ table tr > td:first-child, table th { font-weight: 600; color: #515151; } -/* line 505, ../sass/default.scss */ +/* line 508, ../sass/default.scss */ table tr:nth-child(odd) { background-color: #e6e6e6; } -/* line 509, ../sass/default.scss */ +/* line 512, ../sass/default.scss */ table th { color: white; font-size: 18px; @@ -729,12 +732,12 @@ table th { background: -ms-linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat; background: linear-gradient(top, #4387fd 40%, #2a7cdf 80%) no-repeat; } -/* line 515, ../sass/default.scss */ +/* line 518, ../sass/default.scss */ table td, table th { font-size: 18px; padding: 1em 0.5em; } -/* line 520, ../sass/default.scss */ +/* line 523, ../sass/default.scss */ table td.highlight { color: #515151; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #ffd14d), color-stop(80%, #f6c000)) no-repeat; @@ -744,31 +747,31 @@ table td.highlight { background: -ms-linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat; background: linear-gradient(top, #ffd14d 40%, #f6c000 80%) no-repeat; } -/* line 525, ../sass/default.scss */ +/* line 528, ../sass/default.scss */ table.rows { border-bottom: none; border-right: 1px solid #797979; } -/* line 531, ../sass/default.scss */ +/* line 534, ../sass/default.scss */ q { font-size: 45px; line-height: 72px; } -/* line 535, ../sass/default.scss */ +/* line 538, ../sass/default.scss */ q:before { content: '“'; position: absolute; margin-left: -0.5em; } -/* line 540, ../sass/default.scss */ +/* line 543, ../sass/default.scss */ q:after { content: '”'; position: absolute; margin-left: 0.1em; } -/* line 547, ../sass/default.scss */ +/* line 550, ../sass/default.scss */ slide.fill { background-repeat: no-repeat; -webkit-border-radius: 5px; @@ -783,34 +786,34 @@ slide.fill { } /* Size variants */ -/* line 556, ../sass/default.scss */ +/* line 559, ../sass/default.scss */ article.smaller p, article.smaller ul { font-size: 20px; line-height: 24px; letter-spacing: 0; } -/* line 562, ../sass/default.scss */ +/* line 565, ../sass/default.scss */ article.smaller table td, article.smaller table th { font-size: 14px; } -/* line 566, ../sass/default.scss */ +/* line 569, ../sass/default.scss */ article.smaller pre { font-size: 15px; line-height: 20px; letter-spacing: 0; } -/* line 571, ../sass/default.scss */ +/* line 574, ../sass/default.scss */ article.smaller q { font-size: 40px; line-height: 48px; } -/* line 575, ../sass/default.scss */ +/* line 578, ../sass/default.scss */ article.smaller q:before, article.smaller q:after { font-size: 60px; } /* Builds */ -/* line 584, ../sass/default.scss */ +/* line 587, ../sass/default.scss */ .build > * { -webkit-transition: opacity 0.5s ease-in-out 0.2s; -moz-transition: opacity 0.5s ease-in-out 0.2s; @@ -818,55 +821,55 @@ article.smaller q:before, article.smaller q:after { -o-transition: opacity 0.5s ease-in-out 0.2s; transition: opacity 0.5s ease-in-out 0.2s; } -/* line 588, ../sass/default.scss */ +/* line 591, ../sass/default.scss */ .build .to-build { opacity: 0; } -/* line 592, ../sass/default.scss */ +/* line 595, ../sass/default.scss */ .build .build-fade { opacity: 0.3; } -/* line 595, ../sass/default.scss */ +/* line 598, ../sass/default.scss */ .build .build-fade:hover { opacity: 1.0; } /* Pretty print */ -/* line 604, ../sass/default.scss */ +/* line 607, ../sass/default.scss */ .prettyprint .str, .prettyprint .atv { /* a markup attribute value */ color: #009f5d; } -/* line 608, ../sass/default.scss */ +/* line 611, ../sass/default.scss */ .prettyprint .kwd, .prettyprint .tag { /* a markup tag name */ color: #0066cc; } -/* line 611, ../sass/default.scss */ +/* line 614, ../sass/default.scss */ .prettyprint .com { /* a comment */ color: #797979; font-style: italic; } -/* line 615, ../sass/default.scss */ +/* line 618, ../sass/default.scss */ .prettyprint .lit { /* a literal value */ color: #7f0000; } -/* line 620, ../sass/default.scss */ +/* line 623, ../sass/default.scss */ .prettyprint .pun, .prettyprint .opn, .prettyprint .clo { color: #515151; } -/* line 626, ../sass/default.scss */ +/* line 629, ../sass/default.scss */ .prettyprint .typ, .prettyprint .atn, .prettyprint .dec, @@ -875,12 +878,12 @@ article.smaller q:before, article.smaller q:after { color: #d94d3a; } -/* line 629, ../sass/default.scss */ +/* line 632, ../sass/default.scss */ .prettyprint .pln { color: #515151; } -/* line 635, ../sass/default.scss */ +/* line 638, ../sass/default.scss */ .with-notes slide.current { -webkit-transform: rotateY(180deg) !important; -moz-transform: rotateY(180deg) !important; @@ -888,7 +891,7 @@ article.smaller q:before, article.smaller q:after { -o-transform: rotateY(180deg) !important; transform: rotateY(180deg) !important; } -/* line 638, ../sass/default.scss */ +/* line 641, ../sass/default.scss */ .with-notes .note { opacity: 1; -webkit-transform: rotateY(180deg); @@ -899,7 +902,7 @@ article.smaller q:before, article.smaller q:after { pointer-events: auto; } -/* line 645, ../sass/default.scss */ +/* line 648, ../sass/default.scss */ .note { position: absolute; z-index: 100; @@ -938,7 +941,7 @@ article.smaller q:before, article.smaller q:after { -o-border-radius: 5px; border-radius: 5px; } -/* line 661, ../sass/default.scss */ +/* line 664, ../sass/default.scss */ .note > section { background: #fff; -webkit-border-radius: 5px; @@ -953,7 +956,7 @@ article.smaller q:before, article.smaller q:after { padding: 2em; } -/* line 670, ../sass/default.scss */ +/* line 673, ../sass/default.scss */ .source { font-size: 14px; color: #a9a9a9; @@ -962,7 +965,7 @@ article.smaller q:before, article.smaller q:after { left: 60px; } -/* line 678, ../sass/default.scss */ +/* line 681, ../sass/default.scss */ input, button { vertical-align: middle; } @@ -978,7 +981,7 @@ input, button { -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, white 150%); box-reflect: below 3px linear-gradient(rgba(255,255,255,0) 85%, white 150%); }*/ -/* line 694, ../sass/default.scss */ +/* line 697, ../sass/default.scss */ .flexbox { display: -webkit-box !important; display: -moz-box !important; @@ -987,7 +990,7 @@ input, button { display: box !important; } -/* line 698, ../sass/default.scss */ +/* line 701, ../sass/default.scss */ .flexbox.vcenter { -webkit-box-orient: vertical; -moz-box-orient: vertical; @@ -1005,7 +1008,7 @@ input, button { width: 100%; } -/* line 704, ../sass/default.scss */ +/* line 707, ../sass/default.scss */ .flexbox.vleft { -webkit-box-orient: vertical; -moz-box-orient: vertical; @@ -1023,7 +1026,7 @@ input, button { width: 100%; } -/* line 710, ../sass/default.scss */ +/* line 713, ../sass/default.scss */ .auto-fadein { -webkit-transition: opacity 0.6s ease-in 1s; -moz-transition: opacity 0.6s ease-in 1s; @@ -1034,7 +1037,7 @@ input, button { } /* Clickable/tappable areas */ -/* line 716, ../sass/default.scss */ +/* line 719, ../sass/default.scss */ .slide-area { z-index: 1000; position: absolute; @@ -1048,59 +1051,59 @@ input, button { margin-top: -350px; } -/* line 733, ../sass/default.scss */ +/* line 736, ../sass/default.scss */ #prev-slide-area { margin-left: -550px; } -/* line 738, ../sass/default.scss */ +/* line 741, ../sass/default.scss */ #next-slide-area { margin-left: 450px; } /* ===== SLIDE CONTENT ===== */ -/* line 746, ../sass/default.scss */ +/* line 749, ../sass/default.scss */ .logoslide img { width: 383px; height: 92px; } -/* line 752, ../sass/default.scss */ +/* line 755, ../sass/default.scss */ .segue { padding: 60px 120px; } -/* line 755, ../sass/default.scss */ +/* line 758, ../sass/default.scss */ .segue h2 { color: #e6e6e6; font-size: 60px; } -/* line 759, ../sass/default.scss */ +/* line 762, ../sass/default.scss */ .segue h3 { color: #e6e6e6; line-height: 2.8; } -/* line 763, ../sass/default.scss */ +/* line 766, ../sass/default.scss */ .segue hgroup { position: absolute; bottom: 225px; } -/* line 769, ../sass/default.scss */ +/* line 772, ../sass/default.scss */ .thank-you-slide { background: #4387fd; color: white; } -/* line 773, ../sass/default.scss */ +/* line 776, ../sass/default.scss */ .thank-you-slide h2 { font-size: 60px; color: inherit; } -/* line 778, ../sass/default.scss */ +/* line 781, ../sass/default.scss */ .thank-you-slide article > p { margin-top: 2em; font-size: 20pt; } -/* line 783, ../sass/default.scss */ +/* line 786, ../sass/default.scss */ .thank-you-slide > p { position: absolute; bottom: 80px; @@ -1108,7 +1111,7 @@ input, button { line-height: 1.3; } -/* line 791, ../sass/default.scss */ +/* line 794, ../sass/default.scss */ aside.gdbar { height: 97px; width: 215px; @@ -1137,7 +1140,7 @@ aside.gdbar { transition: all 0.5s ease-out 0.5s; /* Better to transition only on background-size, but not sure how to do that with the mixin. */ } -/* line 802, ../sass/default.scss */ +/* line 805, ../sass/default.scss */ aside.gdbar.right { right: 0; left: -moz-initial; @@ -1150,7 +1153,7 @@ aside.gdbar.right { -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } -/* line 809, ../sass/default.scss */ +/* line 812, ../sass/default.scss */ aside.gdbar.right img { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); @@ -1158,13 +1161,13 @@ aside.gdbar.right img { -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } -/* line 814, ../sass/default.scss */ +/* line 817, ../sass/default.scss */ aside.gdbar.bottom { top: -moz-initial; top: initial; bottom: 60px; } -/* line 820, ../sass/default.scss */ +/* line 823, ../sass/default.scss */ aside.gdbar img { width: 85px; height: 85px; @@ -1173,24 +1176,24 @@ aside.gdbar img { margin: 8px 15px; } -/* line 831, ../sass/default.scss */ +/* line 834, ../sass/default.scss */ .title-slide hgroup { bottom: 100px; } -/* line 834, ../sass/default.scss */ +/* line 837, ../sass/default.scss */ .title-slide hgroup h1 { font-size: 65px; line-height: 1.4; letter-spacing: -3px; color: #515151; } -/* line 841, ../sass/default.scss */ +/* line 844, ../sass/default.scss */ .title-slide hgroup h2 { font-size: 34px; color: #a9a9a9; font-weight: inherit; } -/* line 847, ../sass/default.scss */ +/* line 850, ../sass/default.scss */ .title-slide hgroup p { font-size: 20px; color: #797979; @@ -1198,11 +1201,11 @@ aside.gdbar img { margin-top: 2em; } -/* line 856, ../sass/default.scss */ +/* line 859, ../sass/default.scss */ .quote { color: #e6e6e6; } -/* line 859, ../sass/default.scss */ +/* line 862, ../sass/default.scss */ .quote .author { font-size: 24px; position: absolute; @@ -1210,12 +1213,12 @@ aside.gdbar img { line-height: 1.4; } -/* line 868, ../sass/default.scss */ +/* line 871, ../sass/default.scss */ [data-config-contact] a { color: white; border-bottom: none; } -/* line 872, ../sass/default.scss */ +/* line 875, ../sass/default.scss */ [data-config-contact] span { width: 115px; display: inline-block; diff --git a/theme/sass/default.scss b/theme/sass/default.scss index fb1fb75..3645ca7 100644 --- a/theme/sass/default.scss +++ b/theme/sass/default.scss @@ -219,8 +219,12 @@ slides > slide { } } - > article:only-child > iframe { + > article:only-child { height: 100%; + + > iframe { + height: 100%; + } } } @@ -290,7 +294,6 @@ b { a { color: $brand-blue-secondary2; text-decoration: none; - padding-bottom: 2px; border-bottom: 1px solid rgba(42, 124, 223, 0.5); &:hover { -- cgit v1.2.3