body { background: -webkit-gradient( radial, 50% 50%, 0, 50% 50%, 900, from(rgb(168, 168, 168)), to(rgb(36, 36, 36)) ) !important; } .slides h1 { line-height: 1.25em; } .slides.template-local article { border: 1px solid #858585; border-radius: 10px; background-color: white; } .notes { display:none; } /* .slides.template-local > article:not(.nobackground):not(.biglogo) { background-color: white; } */ .two-column { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; } .two-column > li::before { content: none; } .three-column { -webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; min-height: 100em; } article.fill { background-color: transparent; border: none; } article.fill .dark { background: rgba(1, 1, 1, 0.7); color: white; } article.fill .dark > li::before { content: none; } article.fill h2 { background: rgba(255, 255, 255, .75); } article.fill .bottomWide, article.fill h2 { padding-top: .2em; padding-bottom: .3em; margin-top: -.2em; margin-left: -60px; padding-left: 120px; margin-right: -60px; padding-right: 120px; position: absolute; bottom: 70px; right: 0px; left: 0px; text-align: right; } article.fill .topWide { padding-top: .2em; padding-bottom: .3em; margin-top: -.2em; margin-left: -60px; padding-left: 120px; margin-right: -60px; padding-right: 120px; position: absolute; bottom: inherit; right: 0px; left: 0px; top: 70px; text-align: left; } ul ul > li:first-child { margin-top: .3em; } .credit { position: absolute; bottom: 0px; right: 0px; display: block; background-color: rgba(204, 204, 204, 0.25); font-size: 11px; line-height: 16px; border-radius: 6px 0px 0px 0px; padding: 3px 6px 3px 6px; color: white; } article.fill img.bottom { position: absolute; left: 0; top: inherit; bottom: 0; min-width: 100%; min-height: 100%; } article.fill img.bottom { position: absolute; left: 0; top: inherit; bottom: 0; min-width: 100%; min-height: 100%; } /* Over-rides */ .slides { -webkit-perspective: 600px; -webkit-perspective-origin: 50% 25%; overflow: hidden; } #main .slides > article { display: none; position: absolute; /*width: 100%;*/ width: 900px; /*min-height: 600px;*/ -webkit-transform-style: preserve-3d; -webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); -moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); -o-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } #main .slides > article.current { display: block; } #main .slides > article.past, #main .slides > article.next { display: block; opacity: 0; } #main .slides > article.next.sepia, #main .slides > article.current.sepia { -webkit-transition: -webkit-transform 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985), -webkit-filter 1.5s cubic-bezier(0.260, 0.860, 0.440, 0.985) 1.2s; } #main .slides > article.next.sepia { -webkit-filter: none; } #main .slides > article.current.sepia { -webkit-filter: sepia(50%) saturate(3); } #main .slides > article.past.twist { -webkit-transform: translate3d(0, -50%, 0) rotateY(70deg) translate3d(0, -50%, 0); } #main .slides > article.next.twist { -webkit-transform: translate3d(0, 50%, 0) rotateY(-70deg) translate3d(0, 50%, 0); } #main .slides > article.past.xcube { -webkit-transform: translate3d(0, -50%, 0) rotateX(70deg) translate3d(0, -50%, 0); } #main .slides > article.next.xcube { -webkit-transform: translate3d(0, 50%, 0) rotateX(-70deg) translate3d(0, 50%, 0); } #main .slides > article.past.ycube { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); } #main .slides > article.next.ycube { -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); } #main .slides > article.past.shrink { -webkit-transform: scale(0.5) translate3d(0, 0, -1000px); } #main .slides > article.next.shrink { -webkit-transform: scale(2.0) translate3d(0, 0, 1000px); } #main .slides > article.past.tm { -webkit-transform: scale(2.0) translate3d(0, 0, -1000px); } #main .slides > article.next.tm { -webkit-transform: scale(0.5) translate3d(0, 0, 1000px); } #main .slides > article.past.slideup { -webkit-transform: translate3d(0, -1000px, 0); } #main .slides > article.next.slideup { -webkit-transform: translate3d(0, 1000px, 0); } #main .slides > article.past.slidedown { -webkit-transform: translate3d(0, 1000px, 0); } #main .slides > article.next.slidedown { -webkit-transform: translate3d(0, -1000px, 0); }