aboutsummaryrefslogtreecommitdiff
path: root/theme/css
diff options
context:
space:
mode:
authorEric Bidelman2012-04-13 18:49:50 -0700
committerEric Bidelman2012-04-13 18:49:50 -0700
commitdb9d27b49f808228f3385cfcdc1c034f76c6b8da (patch)
treeae841933d79049e2bc7810fbe48e3fe75cc5f06e /theme/css
parentbb0557c16f9a6bb8a0b547e735b30c6bb962b8cb (diff)
downloadio-slides-remote-db9d27b49f808228f3385cfcdc1c034f76c6b8da.tar.gz
Slides sliding in is oldschool. We now fade between slides
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/default.css404
1 files changed, 167 insertions, 237 deletions
diff --git a/theme/css/default.css b/theme/css/default.css
index bb77b38..a6c1826 100644
--- a/theme/css/default.css
+++ b/theme/css/default.css
@@ -214,28 +214,15 @@ slide.fill img {
214 214
215/* line 87, ../sass/default.scss */ 215/* line 87, ../sass/default.scss */
216body { 216body {
217 background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #2a7cdf)); 217 background: black;
218 background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
219 background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
220 background-image: -o-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
221 background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
222 background-image: radial-gradient(50% 50%, #b1dfff 0%, #2a7cdf 600px);
223 background-attachment: fixed;
224} 218}
225 219
226/* line 93, ../sass/default.scss */ 220/* line 95, ../sass/default.scss */
227slides > slide { 221slides > slide {
228 display: none; 222 display: none;
229 font-family: 'Open Sans', Arial, sans-serif; 223 font-family: 'Open Sans', Arial, sans-serif;
230 font-size: 26px; 224 font-size: 26px;
231 color: #797979; 225 color: #797979;
232 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
233 background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
234 background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
235 background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
236 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
237 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
238 background-color: white;
239 width: 900px; 226 width: 900px;
240 height: 700px; 227 height: 700px;
241 margin-left: -450px; 228 margin-left: -450px;
@@ -246,101 +233,52 @@ slides > slide {
246 -ms-border-radius: 5px; 233 -ms-border-radius: 5px;
247 -o-border-radius: 5px; 234 -o-border-radius: 5px;
248 border-radius: 5px; 235 border-radius: 5px;
249 -webkit-box-shadow: 5px 5px 20px #515151; 236 -webkit-transition: all 0.6s ease-out;
250 -moz-box-shadow: 5px 5px 20px #515151; 237 -moz-transition: all 0.6s ease-out;
251 box-shadow: 5px 5px 20px #515151; 238 -ms-transition: all 0.6s ease-out;
252 -webkit-transition: all 0.3s ease-out; 239 -o-transition: all 0.6s ease-out;
253 -moz-transition: all 0.3s ease-out; 240 transition: all 0.6s ease-out;
254 -ms-transition: all 0.3s ease-out; 241}
255 -o-transition: all 0.3s ease-out; 242/* line 116, ../sass/default.scss */
256 transition: all 0.3s ease-out;
257}
258/* line 114, ../sass/default.scss */
259slides > slide.far-past { 243slides > slide.far-past {
260 display: block; 244 display: none;
261 -webkit-transform: translate(-2040px); 245}
262 -moz-transform: translate(-2040px); 246/* line 123, ../sass/default.scss */
263 -ms-transform: translate(-2040px);
264 -o-transform: translate(-2040px);
265 transform: translate(-2040px);
266 -webkit-transform: translate3d(-2040px, 0, 0);
267 -moz-transform: translate3d(-2040px, 0, 0);
268 -ms-transform: translate3d(-2040px, 0, 0);
269 -o-transform: translate3d(-2040px, 0, 0);
270 transform: translate3d(-2040px, 0, 0);
271}
272/* line 120, ../sass/default.scss */
273slides > slide.past { 247slides > slide.past {
274 display: block; 248 display: block;
275 -webkit-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 249 opacity: 0;
276 -moz-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 250}
277 -ms-transform: translate(-1020px) rotateY(30deg) rotateX(45deg); 251/* line 130, ../sass/default.scss */
278 -o-transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
279 transform: translate(-1020px) rotateY(30deg) rotateX(45deg);
280 -webkit-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
281 -moz-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
282 -ms-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
283 -o-transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
284 transform: translate3d(-1020px, 0, 0) rotateY(30deg) rotateX(45deg);
285}
286/* line 126, ../sass/default.scss */
287slides > slide.current { 252slides > slide.current {
288 display: block; 253 display: block;
289 -webkit-transform: translate(0); 254 opacity: 1;
290 -moz-transform: translate(0);
291 -ms-transform: translate(0);
292 -o-transform: translate(0);
293 transform: translate(0);
294 -webkit-transform: translate3d(0, 0, 0);
295 -moz-transform: translate3d(0, 0, 0);
296 -ms-transform: translate3d(0, 0, 0);
297 -o-transform: translate3d(0, 0, 0);
298 transform: translate3d(0, 0, 0);
299} 255}
300/* line 131, ../sass/default.scss */ 256/* line 136, ../sass/default.scss */
301slides > slide.current .auto-fadein { 257slides > slide.current .auto-fadein {
302 opacity: 1; 258 opacity: 1;
303} 259}
304/* line 135, ../sass/default.scss */ 260/* line 140, ../sass/default.scss */
305slides > slide.current .gdbar { 261slides > slide.current .gdbar {
306 -webkit-background-size: 100% 100%; 262 -webkit-background-size: 100% 100%;
307 -moz-background-size: 100% 100%; 263 -moz-background-size: 100% 100%;
308 -o-background-size: 100% 100%; 264 -o-background-size: 100% 100%;
309 background-size: 100% 100%; 265 background-size: 100% 100%;
310} 266}
311/* line 140, ../sass/default.scss */ 267/* line 145, ../sass/default.scss */
312slides > slide.next { 268slides > slide.next {
313 display: block; 269 display: block;
314 -webkit-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 270 opacity: 0;
315 -moz-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 271 pointer-events: none;
316 -ms-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 272}
317 -o-transform: translate(1020px) rotateY(-30deg) rotateX(45deg); 273/* line 153, ../sass/default.scss */
318 transform: translate(1020px) rotateY(-30deg) rotateX(45deg);
319 -webkit-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
320 -moz-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
321 -ms-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
322 -o-transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
323 transform: translate3d(1020px, 0, 0) rotateY(-30deg) rotateX(45deg);
324}
325/* line 146, ../sass/default.scss */
326slides > slide.far-next { 274slides > slide.far-next {
327 display: block; 275 display: none;
328 -webkit-transform: translate(2040px); 276}
329 -moz-transform: translate(2040px); 277/* line 160, ../sass/default.scss */
330 -ms-transform: translate(2040px);
331 -o-transform: translate(2040px);
332 transform: translate(2040px);
333 -webkit-transform: translate3d(2040px, 0, 0);
334 -moz-transform: translate3d(2040px, 0, 0);
335 -ms-transform: translate3d(2040px, 0, 0);
336 -o-transform: translate3d(2040px, 0, 0);
337 transform: translate3d(2040px, 0, 0);
338}
339/* line 152, ../sass/default.scss */
340slides > slide.dark { 278slides > slide.dark {
341 background: #515151; 279 background: #515151;
342} 280}
343/* line 160, ../sass/default.scss */ 281/* line 168, ../sass/default.scss */
344slides > slide:not(.fill):not(.nobackground):before { 282slides > slide:not(.fill):not(.nobackground):before {
345 font-size: 12pt; 283 font-size: 12pt;
346 content: "#io2012"; 284 content: "#io2012";
@@ -356,7 +294,7 @@ slides > slide:not(.fill):not(.nobackground):before {
356 height: 30px; 294 height: 30px;
357 line-height: 1.9; 295 line-height: 1.9;
358} 296}
359/* line 172, ../sass/default.scss */ 297/* line 180, ../sass/default.scss */
360slides > slide:not(.fill):not(.nobackground):after { 298slides > slide:not(.fill):not(.nobackground):after {
361 font-size: 12pt; 299 font-size: 12pt;
362 content: attr(data-slide-num) "/" attr(data-total-slides); 300 content: attr(data-slide-num) "/" attr(data-total-slides);
@@ -365,7 +303,7 @@ slides > slide:not(.fill):not(.nobackground):after {
365 right: 60px; 303 right: 60px;
366 line-height: 1.9; 304 line-height: 1.9;
367} 305}
368/* line 183, ../sass/default.scss */ 306/* line 191, ../sass/default.scss */
369slides > slide.title-slide:after { 307slides > slide.title-slide:after {
370 content: ''; 308 content: '';
371 background: url(../../images/io2012_logo.png) no-repeat 100% 50%; 309 background: url(../../images/io2012_logo.png) no-repeat 100% 50%;
@@ -379,34 +317,51 @@ slides > slide.title-slide:after {
379 width: 100%; 317 width: 100%;
380 height: 60px; 318 height: 60px;
381} 319}
382/* line 195, ../sass/default.scss */ 320/* line 203, ../sass/default.scss */
321slides > slide.backdrop {
322 z-index: -1;
323 display: block !important;
324 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
325 background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
326 background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
327 background: -o-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
328 background: -ms-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
329 background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
330 background-color: white;
331}
332/* line 209, ../sass/default.scss */
333slides > slide.backdrop:after, slides > slide.backdrop:before {
334 display: none;
335}
336/* line 214, ../sass/default.scss */
383slides > slide > hgroup + article { 337slides > slide > hgroup + article {
384 margin-top: 45px; 338 margin-top: 45px;
385} 339}
386/* line 198, ../sass/default.scss */ 340/* line 217, ../sass/default.scss */
387slides > slide > hgroup + article p { 341slides > slide > hgroup + article p {
388 margin-bottom: 1em; 342 margin-bottom: 1em;
389} 343}
390/* line 203, ../sass/default.scss */ 344/* line 222, ../sass/default.scss */
391slides > slide > article:only-child > iframe { 345slides > slide > article:only-child > iframe {
392 height: 100%; 346 height: 100%;
393} 347}
394