consistent use of tabs rather than spaces in css (closes #121)
This commit is contained in:
parent
9688a52437
commit
0b548bfd5d
124
css/main.css
124
css/main.css
|
@ -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%;
|
|
||||||
-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;
|
-webkit-transform-origin: 50% 0%;
|
||||||
-moz-backface-visibility: hidden;
|
-moz-transform-origin: 50% 0%;
|
||||||
backface-visibility: hidden;
|
-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 {
|
.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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue