phyks/reveal-js-base-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

consistent use of tabs rather than spaces in css (closes #121)

Browse Source
This commit is contained in:
hakimel 2012-08-15 20:40:16 -04:00
parent 9688a52437
commit 0b548bfd5d
2 changed files with 65 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
css/main.css
View File

@ -319,78 +319,78 @@ body {
*********************************************/ *********************************************/
.reveal .roll { .reveal .roll {
display: inline-block; display: inline-block;
line-height: 1.2; line-height: 1.2;
overflow: hidden; overflow: hidden;
vertical-align: top; vertical-align: top;
-webkit-perspective: 400px; -webkit-perspective: 400px;
-moz-perspective: 400px; -moz-perspective: 400px;
-ms-perspective: 400px; -ms-perspective: 400px;
perspective: 400px; perspective: 400px;
-webkit-perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%; perspective-origin: 50% 50%;
} }
.reveal .roll:hover { .reveal .roll:hover {
background: none; background: none;
text-shadow: none; text-shadow: none;
} }
.reveal .roll span { .reveal .roll span {
display: block; display: block;
position: relative; position: relative;
padding: 0 2px; padding: 0 2px;
pointer-events: none; pointer-events: none;
-webkit-transition: all 400ms ease; -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease; -moz-transition: all 400ms ease;
-ms-transition: all 400ms ease; -ms-transition: all 400ms ease;
transition: all 400ms ease; transition: all 400ms ease;
-webkit-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; -moz-backface-visibility: hidden;
backface-visibility: hidden; backface-visibility: hidden;
} }
.reveal .roll:hover span { .reveal .roll:hover span {
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.5);
-webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
-moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
-ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg ); transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
} }
.reveal .roll span:after { .reveal .roll span:after {
content: attr(data-title); content: attr(data-title);
display: block; display: block;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
padding: 0 2px; padding: 0 2px;
-webkit-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; transform-origin: 50% 0%;
-webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); -webkit-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
-moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); -moz-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
-ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); -ms-transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg ); transform: translate3d( 0px, 110%, 0px ) rotateX( -90deg );
} }
@ -422,10 +422,10 @@ body {
-ms-perspective: 600px; -ms-perspective: 600px;
perspective: 600px; perspective: 600px;
-webkit-perspective-origin: 0% 25%; -webkit-perspective-origin: 0% 25%;
-moz-perspective-origin: 0% 25%; -moz-perspective-origin: 0% 25%;
-ms-perspective-origin: 0% 25%; -ms-perspective-origin: 0% 25%;
perspective-origin: 0% 25%; perspective-origin: 0% 25%;
} }
.reveal .slides>section, .reveal .slides>section,
@ -435,7 +435,7 @@ body {
width: 100%; width: 100%;
min-height: 600px; min-height: 600px;
z-index: 10; z-index: 10;
-webkit-transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
@ -576,9 +576,9 @@ body {
margin-top: -350px; margin-top: -350px;
-webkit-perspective-origin: 50% 25%; -webkit-perspective-origin: 50% 25%;
-moz-perspective-origin: 50% 25%; -moz-perspective-origin: 50% 25%;
-ms-perspective-origin: 50% 25%; -ms-perspective-origin: 50% 25%;
perspective-origin: 50% 25%; perspective-origin: 50% 25%;
-webkit-perspective: 1300px; -webkit-perspective: 1300px;
-moz-perspective: 1300px; -moz-perspective: 1300px;
@ -825,7 +825,7 @@ body {
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
} }
.reveal.overview .slides section .fragment { .reveal.overview .slides section .fragment {
opacity: 1; opacity: 1;
} }
.reveal.overview .slides section:after, .reveal.overview .slides section:after,
.reveal.overview .slides section:before { .reveal.overview .slides section:before {

6
css/theme/beige.css
View File

@ -43,15 +43,15 @@ body {
} }
::-moz-selection { ::-moz-selection {
background:rgba(79, 64, 28, 0.99); background:rgba(79, 64, 28, 0.99);
color: white; color: white;
} }
::-webkit-selection { ::-webkit-selection {
background:rgba(79, 64, 28, 0.99); background:rgba(79, 64, 28, 0.99);
color: white; color: white;
} }
::selection { ::selection {
background:rgba(79, 64, 28, 0.99); background:rgba(79, 64, 28, 0.99);
color: white; color: white;
} }