Skip to content
Snippets Groups Projects
reveal.css 33.2 KiB
Newer Older
  • Learn to ignore specific revisions
  • 		bottom: 0;
    		background: none;
    		z-index: 1;
    
    		border-radius: 4px;
    		box-shadow: 0px 95px 25px rgba(0,0,0,0.2);
    
    		-webkit-transform: translateZ(-90px) rotateX( 65deg );
    	}
    
    
    	-webkit-transform-origin: 0% 0%;
    	   -moz-transform-origin: 0% 0%;
    	    -ms-transform-origin: 0% 0%;
    	        transform-origin: 0% 0%;
    
    	-webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
    	   -moz-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
    	    -ms-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
    	        transform: translate3d(-40%, 0, 0) rotateY(-80deg);
    }
    
    
    .reveal.page .slides>section.future {
    
    	-webkit-transform-origin: 100% 0%;
    	   -moz-transform-origin: 100% 0%;
    	    -ms-transform-origin: 100% 0%;
    	        transform-origin: 100% 0%;
    
    	-webkit-transform: translate3d(0, 0, 0);
    	   -moz-transform: translate3d(0, 0, 0);
    	    -ms-transform: translate3d(0, 0, 0);
    	        transform: translate3d(0, 0, 0);
    }
    
    
    .reveal.page .slides>section>section.past {
    
    	-webkit-transform-origin: 0% 0%;
    	   -moz-transform-origin: 0% 0%;
    	    -ms-transform-origin: 0% 0%;
    	        transform-origin: 0% 0%;
    
    	-webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
    	   -moz-transform: translate3d(0, -40%, 0) rotateX(80deg);
    	    -ms-transform: translate3d(0, -40%, 0) rotateX(80deg);
    	        transform: translate3d(0, -40%, 0) rotateX(80deg);
    }
    
    
    .reveal.page .slides>section>section.future {
    
    	-webkit-transform-origin: 0% 100%;
    	   -moz-transform-origin: 0% 100%;
    	    -ms-transform-origin: 0% 100%;
    	        transform-origin: 0% 100%;
    
    	-webkit-transform: translate3d(0, 0, 0);
    	   -moz-transform: translate3d(0, 0, 0);
    	    -ms-transform: translate3d(0, 0, 0);
    	        transform: translate3d(0, 0, 0);
    }
    
    
    
    Joel Brandt's avatar
    Joel Brandt committed
    /*********************************************
     * FADE TRANSITION
     *********************************************/
    
    
    .reveal .slides section[data-transition=fade],
    
    Joel Brandt's avatar
    Joel Brandt committed
    .reveal.fade .slides section,
    .reveal.fade .slides>section>section {
        -webkit-transform: none;
    	   -moz-transform: none;
    	    -ms-transform: none;
    	     -o-transform: none;
    	        transform: none;
    
    	-webkit-transition: opacity 0.5s;
    	   -moz-transition: opacity 0.5s;
    	    -ms-transition: opacity 0.5s;
    	     -o-transition: opacity 0.5s;
    	        transition: opacity 0.5s;
    }
    
    
    .reveal.fade.overview .slides section,
    .reveal.fade.overview .slides>section>section,
    .reveal.fade.exit-overview .slides section,
    .reveal.fade.exit-overview .slides>section>section {
    	-webkit-transition: none;
    	   -moz-transition: none;
    	    -ms-transition: none;
    	     -o-transition: none;
    	        transition: none;
    }
    
    /*********************************************
     * NO TRANSITION
     *********************************************/
    
    
    .reveal .slides section[data-transition=none],
    
    .reveal.none .slides section {
    	-webkit-transform: none;
    	   -moz-transform: none;
    	    -ms-transform: none;
    	     -o-transform: none;
    	        transform: none;
    
    	-webkit-transition: none;
    	   -moz-transition: none;
    	    -ms-transition: none;
    	     -o-transition: none;
    	        transition: none;
    }
    
    
    
    /*********************************************
     * OVERVIEW
     *********************************************/
    
    
    	-webkit-perspective-origin: 0% 0%;
    	   -moz-perspective-origin: 0% 0%;
    	    -ms-perspective-origin: 0% 0%;
    	        perspective-origin: 0% 0%;
    
    
    	-webkit-perspective: 700px;
    	   -moz-perspective: 700px;
    	    -ms-perspective: 700px;
    	        perspective: 700px;
    }
    
    
    	overflow: hidden;
    
    	opacity: 1!important;
    	visibility: visible!important;
    
    	cursor: pointer;
    	background: rgba(0,0,0,0.1);
    }
    
    .reveal.overview .slides section .fragment {
    
    .reveal.overview .slides section:after,
    .reveal.overview .slides section:before {
    
    .reveal.overview .slides section>section {
    
    	.reveal.overview .slides section:hover {
    
    		background: rgba(0,0,0,0.3);
    	}
    
    	.reveal.overview .slides section.present {
    
    		background: rgba(0,0,0,0.3);
    	}
    
    .reveal.overview .slides>section.stack {
    
    /*********************************************
     * PAUSED MODE
     *********************************************/
    
    .reveal .pause-overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background: black;
    	visibility: hidden;
    	opacity: 0;
    	z-index: 100;
    
    	-webkit-transition: all 1s ease;
    	   -moz-transition: all 1s ease;
    	    -ms-transition: all 1s ease;
    	     -o-transition: all 1s ease;
    	        transition: all 1s ease;
    }
    .reveal.paused .pause-overlay {
    	visibility: visible;
    	opacity: 1;
    }
    
    
    
    /*********************************************
     * FALLBACK
     *********************************************/
    
    .no-transforms {
    	overflow-y: auto;
    }
    
    
    Hakim El Hattab's avatar
    Hakim El Hattab committed
    .no-transforms .slides {
    
    Hakim El Hattab's avatar
    Hakim El Hattab committed
    	top: 0;
    	left: 50%;
    	margin: 0;
    	text-align: center;
    }
    
    
    .no-transforms .slides section {
    
    hakimel's avatar
    hakimel committed
    	display: block!important;
    	opacity: 1!important;
    	position: relative!important;
    	height: auto;
    	min-height: auto;
    
    Hakim El Hattab's avatar
    Hakim El Hattab committed
    	top: 0;
    	left: -50%;
    	margin: 70px 0;
    
    hakimel's avatar
    hakimel committed
    
    
    	-webkit-transform: none;
    	   -moz-transform: none;
    	    -ms-transform: none;
    	        transform: none;
    }
    
    
    Hakim El Hattab's avatar
    Hakim El Hattab committed
    .no-transforms .slides section section {
    	left: 0;
    }
    
    
    .no-transition {
    	-webkit-transition: none;
    	   -moz-transition: none;
    	    -ms-transition: none;
    	     -o-transition: none;
    	        transition: none;
    }
    
    
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	background: rgba( 0, 0, 0, 0 );
    
    	-webkit-transition: background 800ms ease;
    	   -moz-transition: background 800ms ease;
    	    -ms-transition: background 800ms ease;
    	     -o-transition: background 800ms ease;
    	        transition: background 800ms ease;
    }
    
    	background: rgba( 200, 50, 30, 0.6 );
    }
    
    	background: rgba( 50, 200, 90, 0.4 );
    }
    
    	background: rgba( 0, 0, 0, 0.6 );
    
    /*********************************************
     * RTL SUPPORT
     *********************************************/
    
    
    .reveal.rtl .slides,
    .reveal.rtl .slides h1,
    .reveal.rtl .slides h2,
    .reveal.rtl .slides h3,
    .reveal.rtl .slides h4,
    .reveal.rtl .slides h5,
    .reveal.rtl .slides h6 {
    
    	direction: rtl;
    
    }
    
    .reveal.rtl pre,
    .reveal.rtl code {
    	direction: ltr;
    }
    
    
    .reveal.rtl ol,
    .reveal.rtl ul {
    	text-align: right;
    }
    
    
    /*********************************************
     * SPEAKER NOTES
     *********************************************/
    
    .reveal aside.notes {
    	display: none;
    }
    
    /*********************************************
     * ZOOM PLUGIN
     *********************************************/
    
    .zoomed .reveal *,
    .zoomed .reveal *:before,
    .zoomed .reveal *:after {
    
    	-webkit-transform: none !important;
    	   -moz-transform: none !important;
    	    -ms-transform: none !important;
    	        transform: none !important;
    
    	-webkit-backface-visibility: visible !important;
    	   -moz-backface-visibility: visible !important;
    	    -ms-backface-visibility: visible !important;
    	        backface-visibility: visible !important;
    
    }
    
    .zoomed .reveal .progress,
    .zoomed .reveal .controls {
    	opacity: 0;
    }
    
    .zoomed .reveal .roll span {
    	background: none;
    }
    
    .zoomed .reveal .roll span:after {
    	visibility: hidden;
    }