diff options
Diffstat (limited to 'css/reveal.css')
| -rw-r--r-- | css/reveal.css | 89 |
1 files changed, 19 insertions, 70 deletions
diff --git a/css/reveal.css b/css/reveal.css index 0074889..33fd206 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -5,7 +5,7 @@ * http://lab.hakim.se/reveal-js * MIT licensed * - * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se + * Copyright (C) 2013 Hakim El Hattab, http://hakim.se */ @@ -62,17 +62,6 @@ body { text-shadow: none; } -@media screen and (max-width: 900px), (max-height: 600px) { - .reveal .slides { - font-size: 0.82em; - } -} - -@media screen and (max-width: 700px), (max-height: 400px) { - .reveal .slides { - font-size: 0.66em; - } -} /********************************************* * HEADERS @@ -88,8 +77,7 @@ body { -moz-hyphens: auto; hyphens: auto; - word-break: break-all; - word-break: break-word; + word-wrap: break-word; } .reveal h1 { font-size: 3.77em; } @@ -193,8 +181,13 @@ body { .reveal img, .reveal video, .reveal iframe { - max-width: 100%; - max-height: 100%; + max-width: 95%; + max-height: 95%; +} + +/** Prevents layering issues in certain browser/transition combinations */ +.reveal a { + position: relative; } .reveal strong, @@ -525,17 +518,15 @@ body { position: relative; width: 100%; height: 100%; - min-height: 640px; /* min height + 40 to account for padding */ } .reveal .slides { position: absolute; - max-width: 900px; - min-height: 600px; - width: 80%; + width: 100%; + height: 100%; left: 50%; top: 50%; - + overflow: visible; z-index: 1; text-align: center; @@ -600,6 +591,11 @@ body { top: -50%; } +.reveal .slides>section.stack { + padding-top: 0; + padding-bottom: 0; +} + .reveal .slides>section.present, .reveal .slides>section>section.present { display: block; @@ -999,55 +995,6 @@ body { /********************************************* - * TILE-FLIP TRANSITION (CSS shader) - *********************************************/ - -.reveal.tileflip .slides section.present { - -webkit-transform: none; - -webkit-transition-duration: 800ms; - - -webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), - amount 0, randomness 0, flipAxis 0 1 0, tileOutline 1 - ); -} - -.reveal.tileflip .slides section.past { - -webkit-transform: none; - -webkit-transition-duration: 800ms; - - -webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), - amount 1, randomness 0, flipAxis 0 1 0, tileOutline 1 - ); -} - -.reveal.tileflip .slides section.future { - -webkit-transform: none; - -webkit-transition-duration: 800ms; - - -webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), - amount 1, randomness 0, flipAxis 0 1 0, tileOutline 1 - ); -} - -.reveal.tileflip .slides>section>section.present { - -webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), - amount 0, randomness 2, flipAxis 1 0 0, tileOutline 1 - ); -} - -.reveal.tileflip .slides>section>section.past { - -webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), - amount 1, randomness 2, flipAxis 1 0 0, tileOutline 1 - ); -} - -.reveal.tileflip .slides>section>section.future { - -webkit-filter: custom( url(shaders/tile-flip.vs) mix(url(shaders/tile-flip.fs) multiply source-atop), 10 10 border-box detached, transform perspective(1000) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg), - amount 1, randomness 2, flipAxis 1 0 0, tileOutline 1 - ); -} - -/********************************************* * FADE TRANSITION *********************************************/ @@ -1078,6 +1025,7 @@ body { transition: none; } + /********************************************* * NO TRANSITION *********************************************/ @@ -1181,6 +1129,7 @@ body { } .no-transforms .slides { + width: 80%; top: 0; left: 50%; margin: 0; |