From 0b548bfd5d72968ab88436d65595b7be88c2b9cb Mon Sep 17 00:00:00 2001 From: hakimel Date: Wed, 15 Aug 2012 20:40:16 -0400 Subject: [PATCH] consistent use of tabs rather than spaces in css (closes #121) --- css/main.css | 130 ++++++++++++++++++++++---------------------- css/theme/beige.css | 6 +- 2 files changed, 68 insertions(+), 68 deletions(-) diff --git a/css/main.css b/css/main.css index 4aa479b..31ab48b 100644 --- a/css/main.css +++ b/css/main.css @@ -319,78 +319,78 @@ body { *********************************************/ .reveal .roll { - display: inline-block; - line-height: 1.2; - overflow: hidden; + display: inline-block; + line-height: 1.2; + overflow: hidden; - vertical-align: top; + vertical-align: top; - -webkit-perspective: 400px; - -moz-perspective: 400px; - -ms-perspective: 400px; - perspective: 400px; + -webkit-perspective: 400px; + -moz-perspective: 400px; + -ms-perspective: 400px; + perspective: 400px; - -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; - -ms-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; + -webkit-perspective-origin: 50% 50%; + -moz-perspective-origin: 50% 50%; + -ms-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; } .reveal .roll:hover { background: none; text-shadow: none; } .reveal .roll span { - display: block; - position: relative; - padding: 0 2px; + display: block; + position: relative; + padding: 0 2px; pointer-events: none; - -webkit-transition: all 400ms ease; - -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; - transition: all 400ms ease; - - -webkit-transform-origin: 50% 0%; - -moz-transform-origin: 50% 0%; - -ms-transform-origin: 50% 0%; - transform-origin: 50% 0%; - - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; - - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - .reveal .roll:hover span { - background: rgba(0,0,0,0.5); - - -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); - } + -webkit-transition: all 400ms ease; + -moz-transition: all 400ms ease; + -ms-transition: all 400ms ease; + transition: all 400ms ease; + + -webkit-transform-origin: 50% 0%; + -moz-transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + transform-origin: 50% 0%; + + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + .reveal .roll:hover span { + background: rgba(0,0,0,0.5); + + -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); + } .reveal .roll span:after { - content: attr(data-title); + content: attr(data-title); - display: block; - position: absolute; - left: 0; - top: 0; - padding: 0 2px; + display: block; + position: absolute; + left: 0; + top: 0; + padding: 0 2px; - -webkit-transform-origin: 50% 0%; - -moz-transform-origin: 50% 0%; - -ms-transform-origin: 50% 0%; - transform-origin: 50% 0%; + -webkit-transform-origin: 50% 0%; + -moz-transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + transform-origin: 50% 0%; - -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); - -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); - -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); - transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); + transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); } @@ -422,10 +422,10 @@ body { -ms-perspective: 600px; perspective: 600px; - -webkit-perspective-origin: 0% 25%; - -moz-perspective-origin: 0% 25%; - -ms-perspective-origin: 0% 25%; - perspective-origin: 0% 25%; + -webkit-perspective-origin: 0% 25%; + -moz-perspective-origin: 0% 25%; + -ms-perspective-origin: 0% 25%; + perspective-origin: 0% 25%; } .reveal .slides>section, @@ -435,7 +435,7 @@ body { width: 100%; min-height: 600px; - z-index: 10; + z-index: 10; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; @@ -576,9 +576,9 @@ body { margin-top: -350px; -webkit-perspective-origin: 50% 25%; - -moz-perspective-origin: 50% 25%; - -ms-perspective-origin: 50% 25%; - perspective-origin: 50% 25%; + -moz-perspective-origin: 50% 25%; + -ms-perspective-origin: 50% 25%; + perspective-origin: 50% 25%; -webkit-perspective: 1300px; -moz-perspective: 1300px; @@ -825,7 +825,7 @@ body { background: rgba(0,0,0,0.1); } .reveal.overview .slides section .fragment { - opacity: 1; + opacity: 1; } .reveal.overview .slides section:after, .reveal.overview .slides section:before { diff --git a/css/theme/beige.css b/css/theme/beige.css index 40cf18b..684f842 100644 --- a/css/theme/beige.css +++ b/css/theme/beige.css @@ -43,15 +43,15 @@ body { } ::-moz-selection { - background:rgba(79, 64, 28, 0.99); + background:rgba(79, 64, 28, 0.99); color: white; } ::-webkit-selection { - background:rgba(79, 64, 28, 0.99); + background:rgba(79, 64, 28, 0.99); color: white; } ::selection { - background:rgba(79, 64, 28, 0.99); + background:rgba(79, 64, 28, 0.99); color: white; } -- 2.26.2