aboutsummaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorEric Bidelman2012-04-17 18:59:07 -0700
committerEric Bidelman2012-04-17 18:59:07 -0700
commit64c8d6328a9d0e4fe68a5899e3e8710342f3b7dd (patch)
treecc30183c85cbdadac0607b4c370f94e981708564 /theme
parent5a15dcab5fd3bf90915f811bc7072f6ef8c34a07 (diff)
downloadio-slides-remote-64c8d6328a9d0e4fe68a5899e3e8710342f3b7dd.tar.gz
Basic presenter mode working
Diffstat (limited to 'theme')
-rw-r--r--theme/css/default.css416
-rw-r--r--theme/sass/_base.scss9
-rw-r--r--theme/sass/default.scss71
-rw-r--r--theme/sass/phone.scss4
4 files changed, 298 insertions, 202 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index 7c96455..92b9dbe 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -76,7 +76,7 @@ html {
76body { 76body {
77 margin: 0; 77 margin: 0;
78 padding: 0; 78 padding: 0;
79 opacity: 1 !important; 79 opacity: 0;
80 height: 100%; 80 height: 100%;
81 min-height: 740px; 81 min-height: 740px;
82 width: 100%; 82 width: 100%;
@@ -86,19 +86,23 @@ 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 -webkit-transition: opacity 800ms ease-in; 89 -webkit-transition: opacity 800ms ease-in 100ms;
90 -moz-transition: opacity 800ms ease-in; 90 -moz-transition: opacity 800ms ease-in 100ms;
91 -ms-transition: opacity 800ms ease-in; 91 -ms-transition: opacity 800ms ease-in 100ms;
92 -o-transition: opacity 800ms ease-in; 92 -o-transition: opacity 800ms ease-in 100ms;
93 transition: opacity 800ms ease-in; 93 transition: opacity 800ms ease-in 100ms;
94}
95/* line 63, ../sass/_base.scss */
96body.loaded {
97 opacity: 1;
94} 98}
95 99
96/* line 65, ../sass/_base.scss */ 100/* line 68, ../sass/_base.scss */
97slides > slide[hidden] { 101slides > slide[hidden] {
98 display: none !important; 102 display: none !important;
99} 103}
100 104
101/* line 69, ../sass/_base.scss */ 105/* line 72, ../sass/_base.scss */
102slides { 106slides {
103 width: 100%; 107 width: 100%;
104 height: 100%; 108 height: 100%;
@@ -116,7 +120,7 @@ slides {
116 transform-style: preserve-3d; 120 transform-style: preserve-3d;
117} 121}
118 122
119/* line 80, ../sass/_base.scss */ 123/* line 83, ../sass/_base.scss */
120slides > slide { 124slides > slide {
121 display: block; 125 display: block;
122 position: absolute; 126 position: absolute;
@@ -217,7 +221,7 @@ body {
217 background: black; 221 background: black;
218} 222}
219 223
220/* line 95, ../sass/default.scss */ 224/* line 91, ../sass/default.scss */
221slides > slide { 225slides > slide {
222 display: none; 226 display: none;
223 font-family: 'Open Sans', Arial, sans-serif; 227 font-family: 'Open Sans', Arial, sans-serif;
@@ -239,46 +243,46 @@ slides > slide {
239 -o-transition: all 0.6s ease-in-out; 243 -o-transition: all 0.6s ease-in-out;
240 transition: all 0.6s ease-in-out; 244 transition: all 0.6s ease-in-out;
241} 245}
242/* line 116, ../sass/default.scss */ 246/* line 112, ../sass/default.scss */
243slides > slide.far-past { 247slides > slide.far-past {
244 display: none; 248 display: none;
245} 249}
246/* line 123, ../sass/default.scss */ 250/* line 119, ../sass/default.scss */
247slides > slide.past { 251slides > slide.past {
248 display: block; 252 display: block;
249 opacity: 0; 253 opacity: 0;
250} 254}
251/* line 130, ../sass/default.scss */ 255/* line 126, ../sass/default.scss */
252slides > slide.current { 256slides > slide.current {
253 display: block; 257 display: block;
254 opacity: 1; 258 opacity: 1;
255} 259}
256/* line 136, ../sass/default.scss */ 260/* line 132, ../sass/default.scss */
257slides > slide.current .auto-fadein { 261slides > slide.current .auto-fadein {
258 opacity: 1; 262 opacity: 1;
259} 263}
260/* line 140, ../sass/default.scss */ 264/* line 136, ../sass/default.scss */
261slides > slide.current .gdbar { 265slides > slide.current .gdbar {
262 -webkit-background-size: 100% 100%; 266 -webkit-background-size: 100% 100%;
263 -moz-background-size: 100% 100%; 267 -moz-background-size: 100% 100%;
264 -o-background-size: 100% 100%; 268 -o-background-size: 100% 100%;
265 background-size: 100% 100%; 269 background-size: 100% 100%;
266} 270}
267/* line 145, ../sass/default.scss */ 271/* line 141, ../sass/default.scss */
268slides > slide.next { 272slides > slide.next {
269 display: block; 273 display: block;
270 opacity: 0; 274 opacity: 0;
271 pointer-events: none; 275 pointer-events: none;
272} 276}
273/* line 153, ../sass/default.scss */ 277/* line 149, ../sass/default.scss */
274slides > slide.far-next { 278slides > slide.far-next {
275 display: none; 279 display: none;
276} 280}
277/* line 160, ../sass/default.scss */ 281/* line 156, ../sass/default.scss */
278slides > slide.dark { 282slides > slide.dark {
279 background: #515151; 283 background: #515151;
280} 284}
281/* line 168, ../sass/default.scss */ 285/* line 164, ../sass/default.scss */
282slides > slide:not(.nobackground):before { 286slides > slide:not(.nobackground):before {
283 font-size: 12pt; 287 font-size: 12pt;
284 content: "#io2012"; 288 content: "#io2012";
@@ -294,7 +298,7 @@ slides > slide:not(.nobackground):before {
294 height: 30px; 298 height: 30px;
295 line-height: 1.9; 299 line-height: 1.9;
296} 300}
297/* line 180, ../sass/default.scss */ 301/* line 176, ../sass/default.scss */
298slides > slide:not(.nobackground):after { 302slides > slide:not(.nobackground):after {
299 font-size: 12pt; 303 font-size: 12pt;
300 content: attr(data-slide-num) "/" attr(data-total-slides); 304 content: attr(data-slide-num) "/" attr(data-total-slides);
@@ -303,7 +307,7 @@ slides > slide:not(.nobackground):after {
303 right: 60px; 307 right: 60px;
304 line-height: 1.9; 308 line-height: 1.9;
305} 309}
306/* line 191, ../sass/default.scss */ 310/* line 187, ../sass/default.scss */
307slides > slide.title-slide:after { 311slides > slide.title-slide:after {
308 content: ''; 312 content: '';
309 background: url(../../images/io2012_logo.png) no-repeat 100% 50%; 313 background: url(../../images/io2012_logo.png) no-repeat 100% 50%;
@@ -317,7 +321,7 @@ slides > slide.title-slide:after {
317 width: 100%; 321 width: 100%;
318 height: 60px; 322 height: 60px;
319} 323}
320/* line 203, ../sass/default.scss */ 324/* line 199, ../sass/default.scss */
321slides > slide.backdrop { 325slides > slide.backdrop {
322 z-index: -10; 326 z-index: -10;
323 display: block !important; 327 display: block !important;
@@ -329,39 +333,39 @@ slides > slide.backdrop {
329 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6); 333 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
330 background-color: white; 334 background-color: white;
331} 335}
332/* line 209, ../sass/default.scss */ 336/* line 205, ../sass/default.scss */
333slides > slide.backdrop:after, slides > slide.backdrop:before { 337slides > slide.backdrop:after, slides > slide.backdrop:before {
334 display: none; 338 display: none;
335} 339}
336/* line 214, ../sass/default.scss */ 340/* line 210, ../sass/default.scss */
337slides > slide > hgroup + article { 341slides > slide > hgroup + article {
338 margin-top: 45px; 342 margin-top: 45px;
339} 343}
340/* line 217, ../sass/default.scss */ 344/* line 213, ../sass/default.scss */
341slides > slide > hgroup + article p { 345slides > slide > hgroup + article p {
342 margin-bottom: 1em; 346 margin-bottom: 1em;
343} 347}
344/* line 222, ../sass/default.scss */ 348/* line 218, ../sass/default.scss */
345slides > slide > article:only-child { 349slides > slide > article:only-child {
346 height: 100%; 350 height: 100%;
347} 351}
348/* line 225, ../sass/default.scss */ 352/* line 221, ../sass/default.scss */
349slides > slide > article:only-child > iframe { 353slides > slide > article:only-child > iframe {
350 height: 100%; 354 height: 100%;
351} 355}
352 356
353/* line 231, ../sass/default.scss */ 357/* line 227, ../sass/default.scss */
354slides.layout-faux-widescreen > slide { 358slides.layout-faux-widescreen > slide {
355 padding: 40px 160px; 359 padding: 40px 160px;
356} 360}
357 361
358/* line 240, ../sass/default.scss */ 362/* line 236, ../sass/default.scss */
359slides.layout-widescreen > slide, 363slides.layout-widescreen > slide,
360slides.layout-faux-widescreen > slide { 364slides.layout-faux-widescreen > slide {
361 margin-left: -550px; 365 margin-left: -550px;
362 width: 1100px; 366 width: 1100px;
363} 367}
364/* line 245, ../sass/default.scss */ 368/* line 241, ../sass/default.scss */
365slides.layout-widescreen > slide.far-past, 369slides.layout-widescreen > slide.far-past,
366slides.layout-faux-widescreen > slide.far-past { 370slides.layout-faux-widescreen > slide.far-past {
367 display: block; 371 display: block;
@@ -377,26 +381,26 @@ slides.layout-faux-widescreen > slide.far-past {<