diff --git a/dist/nifty.min.css b/dist/nifty.min.css index 8b41bfa..e5e9b5c 100644 --- a/dist/nifty.min.css +++ b/dist/nifty.min.css @@ -7,4 +7,4 @@ * Licensed under the MIT License * 2015 ConferenceCloud Inc. */ -.md-perspective,.md-perspective body{height:100%;overflow:hidden}.md-perspective body{background:#222;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px}.container{background:#e74c3c;min-height:100%}.nifty-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.md-show{visibility:visible}.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(30,30,30,.5);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show~.md-overlay{opacity:1;visibility:visible}.md-content{color:#333;background:#fff;position:relative;border-radius:3px;margin:0 auto}.md-content .md-title{margin:0;padding:.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:.8;background:rgba(0,0,0,.1);border-radius:3px 3px 0 0}.md-content>div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em}.md-content>div p{margin:0;padding:10px 0}.md-content>div ul{margin:0;padding:0 0 30px 20px}.md-content>div ul li{padding:5px 0}.md-content button{display:block;margin:0 auto;font-size:.8em}.fade-in-scale .md-content{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.fade-in-scale .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.slide-in-right .md-content{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.md-show.slide-in-right .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.slide-in-bottom .md-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.slide-in-bottom .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.newspaper .md-content{-webkit-transform:scale(0) rotate(720deg);-moz-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}.md-show.newspaper~.md-overlay,.newspaper .md-content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.newspaper .md-content{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}.fall.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.fall .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);-moz-transform:translateZ(600px) rotateX(20deg);-ms-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0}.md-show.fall .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translateZ(0) rotateX(0deg);-moz-transform:translateZ(0) rotateX(0deg);-ms-transform:translateZ(0) rotateX(0deg);transform:translateZ(0) rotateX(0deg);opacity:1}.slide-fall-in.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.slide-fall-in .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);-moz-transform:translate(30%) translateZ(600px) rotate(10deg);-ms-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.md-show.slide-fall-in .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate(0) translateZ(0) rotate(0deg);-moz-transform:translate(0) translateZ(0) rotate(0deg);-ms-transform:translate(0) translateZ(0) rotate(0deg);transform:translate(0) translateZ(0) rotate(0deg);opacity:1}.slide-in-top-stuck{top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.slide-in-top-stuck .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.slide-in-top-stuck .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);border-radius:0 0 3px 3px;opacity:1}.flip-horizontal-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.flip-horizontal-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg)!important;-moz-transform:rotateY(-70deg)!important;-ms-transform:rotateY(-70deg)!important;transform:rotateY(-70deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.flip-horizontal-3d .md-content{-webkit-transform:rotateY(0deg)!important;-moz-transform:rotateY(0deg)!important;-ms-transform:rotateY(0deg)!important;transform:rotateY(0deg)!important;opacity:1}.flip-vertical-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.flip-vertical-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-moz-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.flip-vertical-3d .md-content{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}.sign-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.sign-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-60deg);-moz-transform:rotateX(-60deg);-ms-transform:rotateX(-60deg);transform:rotateX(-60deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.sign-3d .md-content{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}.super-scaled .md-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.super-scaled .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.just-me .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.just-me .md-content .md-title,.md-show.just-me~.md-overlay{background:#efefef!important}.just-me .md-content,.just-me .md-content h3{background:0 0}.md-show.just-me .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.slit-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.slit-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-3000px) rotateY(90deg);-moz-transform:translateZ(-3000px) rotateY(90deg);-ms-transform:translateZ(-3000px) rotateY(90deg);transform:translateZ(-3000px) rotateY(90deg);opacity:0}.md-show.slit-3d .md-content{-webkit-animation:slit .7s forwards ease-out;-moz-animation:slit .7s forwards ease-out;animation:slit .7s forwards ease-out}@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(0) rotateY(0deg);opacity:1}}@-moz-keyframes slit{50%{-moz-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-moz-animation-timing-function:ease-out}100%{-moz-transform:translateZ(0) rotateY(0deg);opacity:1}}@keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in}100%{transform:translateZ(0) rotateY(0deg);opacity:1}}.rotate-bottom-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.rotate-bottom-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.md-show.rotate-bottom-3d .md-content{-webkit-transform:translateY(0) rotateX(0deg);-moz-transform:translateY(0) rotateX(0deg);-ms-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg);opacity:1}.rotate-in-3d-left.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.rotate-in-3d-left .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-moz-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-ms-transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform:translateZ(100px) translateX(-30%) rotateY(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.rotate-in-3d-left .md-content{-webkit-transform:translateZ(0) translateX(0) rotateY(0deg);-moz-transform:translateZ(0) translateX(0) rotateY(0deg);-ms-transform:translateZ(0) translateX(0) rotateY(0deg);transform:translateZ(0) translateX(0) rotateY(0deg);opacity:1}.md-show.fade-in-blur~.md-overlay{background:rgba(180,46,32,.5)}.md-show.fade-in-blur~.container{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}.fade-in-blur .md-content{-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);opacity:0}.fade-in-blur .md-content,.md-show.fade-in-blur~.container{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.fade-in-blur .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.md-show.slide-in-bottom-perspective~.container{height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.md-show.slide-in-bottom-perspective~.container,.md-show.slide-in-bottom-perspective~.md-overlay{-webkit-transform:rotateX(-2deg);-moz-transform:rotateX(-2deg);-ms-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.slide-in-bottom-perspective .md-content{opacity:0;-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.md-show.slide-in-bottom-perspective .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .3s .2s;-moz-transition:all .3s .2s;transition:all .3s .2s}.md-show.slide-in-right-perspective~.container{height:100%;overflow:hidden}.md-show.slide-in-right-perspective~.md-overlay{background:rgba(143,27,15,.8);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.slide-in-right-perspective~.container,.md-show.slide-in-right-perspective~.md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-animation:rotateRightSideFirst .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:0 50%;-moz-animation:rotateRightSideFirst .5s forwards ease-in;transform-style:preserve-3d;transform-origin:0 50%;animation:rotateRightSideFirst .5s forwards ease-in}@-webkit-keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px)}}@-moz-keyframes rotateRightSideFirst{50%{-moz-transform:translateZ(-50px) rotateY(5deg);-moz-animation-timing-function:ease-out}100%{-moz-transform:translateZ(-200px)}}@keyframes rotateRightSideFirst{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}.slide-in-right-perspective .md-content{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);opacity:0}.md-show.slide-in-right-perspective .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s}.md-show.slip-in-top-persepective~.container{height:100%;overflow:hidden}.md-show.slip-in-top-persepective~.md-overlay{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.slip-in-top-persepective~.container,.md-show.slip-in-top-persepective~.md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:50% 100%;-webkit-animation:OpenTop .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:50% 100%;-moz-animation:OpenTop .5s forwards ease-in;transform-style:preserve-3d;transform-origin:50% 100%;animation:OpenTop .5s forwards ease-in}@-webkit-keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);-webkit-animation-timing-function:ease-out}}@-moz-keyframes OpenTop{50%{-moz-transform:rotateX(10deg);-moz-animation-timing-function:ease-out}}@keyframes OpenTop{50%{transform:rotateX(10deg);animation-timing-function:ease-out}}.slip-in-top-persepective .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);opacity:0}.md-show.slip-in-top-persepective .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s}@media screen and (max-width:32em){body{font-size:75%}} \ No newline at end of file + .md-show.slide-in-right-perspective~.container,.md-show.slip-in-top-persepective~.container{overflow:hidden;height:100%}.md-perspective,.md-perspective body{height:100%;overflow:hidden}.md-perspective body{background:#222;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px}.nifty-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.md-show{visibility:visible}.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(30,30,30,.5);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}body.md-show .md-overlay{opacity:1;visibility:visible}.md-content{color:#333;background:#fff;position:relative;border-radius:3px;margin:0 auto}.md-content .md-title{margin:0;padding:.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:.8;background:rgba(0,0,0,.1);border-radius:3px 3px 0 0}.md-content>div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em}.md-content>div p{margin:0;padding:10px 0}.md-content>div ul{margin:0;padding:0 0 30px 20px}.md-content>div ul li{padding:5px 0}.md-content button{display:block;margin:0 auto;font-size:.8em}.fade-in-scale .md-content{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.fade-in-scale .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.slide-in-right .md-content{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.md-show.slide-in-right .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.slide-in-bottom .md-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.slide-in-bottom .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.newspaper .md-content{-webkit-transform:scale(0) rotate(720deg);-moz-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}.md-show.newspaper~.md-overlay,.newspaper .md-content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.newspaper .md-content{-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.fall.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.fall .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);-moz-transform:translateZ(600px) rotateX(20deg);-ms-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0}.md-show.fall .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translateZ(0) rotateX(0);-moz-transform:translateZ(0) rotateX(0);-ms-transform:translateZ(0) rotateX(0);transform:translateZ(0) rotateX(0);opacity:1}.slide-fall-in.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.slide-fall-in .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);-moz-transform:translate(30%) translateZ(600px) rotate(10deg);-ms-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.md-show.slide-fall-in .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate(0) translateZ(0) rotate(0);-moz-transform:translate(0) translateZ(0) rotate(0);-ms-transform:translate(0) translateZ(0) rotate(0);transform:translate(0) translateZ(0) rotate(0);opacity:1}.slide-in-top-stuck{top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.slide-in-top-stuck .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.slide-in-top-stuck .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);border-radius:0 0 3px 3px;opacity:1}.flip-horizontal-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.flip-vertical-3d.nifty-modal,.sign-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px}.flip-horizontal-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg)!important;-moz-transform:rotateY(-70deg)!important;-ms-transform:rotateY(-70deg)!important;transform:rotateY(-70deg)!important;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.flip-horizontal-3d .md-content{-webkit-transform:rotateY(0)!important;-moz-transform:rotateY(0)!important;-ms-transform:rotateY(0)!important;transform:rotateY(0)!important;opacity:1}.flip-vertical-3d.nifty-modal{perspective:1300px}.flip-vertical-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-moz-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.sign-3d .md-content,.super-scaled .md-content{-webkit-transition:all .3s;-moz-transition:all .3s}.md-show.flip-vertical-3d .md-content{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1}.sign-3d.nifty-modal{perspective:1300px}.rotate-bottom-3d.nifty-modal,.slit-3d.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px}.sign-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-60deg);-moz-transform:rotateX(-60deg);-ms-transform:rotateX(-60deg);transform:rotateX(-60deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;opacity:0;transition:all .3s}.md-show.sign-3d .md-content{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1}.super-scaled .md-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;transition:all .3s}.md-show.super-scaled .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.just-me .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.just-me .md-content .md-title,.md-show.just-me~.md-overlay{background:#efefef!important}.just-me .md-content,.just-me .md-content h3{background:0 0}.md-show.just-me .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.slit-3d.nifty-modal{perspective:1300px}.slit-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-3000px) rotateY(90deg);-moz-transform:translateZ(-3000px) rotateY(90deg);-ms-transform:translateZ(-3000px) rotateY(90deg);transform:translateZ(-3000px) rotateY(90deg);opacity:0}.md-show.slit-3d .md-content{-webkit-animation:slit .7s forwards ease-out;-moz-animation:slit .7s forwards ease-out;animation:slit .7s forwards ease-out}@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(0) rotateY(0);opacity:1}}@-moz-keyframes slit{50%{-moz-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-moz-animation-timing-function:ease-out}100%{-moz-transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in}100%{transform:translateZ(0) rotateY(0);opacity:1}}.rotate-bottom-3d.nifty-modal{perspective:1300px}.rotate-bottom-3d .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.md-show.rotate-bottom-3d .md-content{-webkit-transform:translateY(0) rotateX(0);-moz-transform:translateY(0) rotateX(0);-ms-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0);opacity:1}.rotate-in-3d-left.nifty-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.rotate-in-3d-left .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-moz-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-ms-transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform:translateZ(100px) translateX(-30%) rotateY(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.rotate-in-3d-left .md-content{-webkit-transform:translateZ(0) translateX(0) rotateY(0);-moz-transform:translateZ(0) translateX(0) rotateY(0);-ms-transform:translateZ(0) translateX(0) rotateY(0);transform:translateZ(0) translateX(0) rotateY(0);opacity:1}.md-show.fade-in-blur~.md-overlay{background:rgba(180,46,32,.5)}.md-show.fade-in-blur~.container{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}.fade-in-blur .md-content{-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);opacity:0}.fade-in-blur .md-content,.md-show.fade-in-blur~.container{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.fade-in-blur .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.md-show.slide-in-bottom-perspective~.container{height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.md-show.slide-in-bottom-perspective~.container,.md-show.slide-in-bottom-perspective~.md-overlay{-webkit-transform:rotateX(-2deg);-moz-transform:rotateX(-2deg);-ms-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.slide-in-bottom-perspective .md-content{opacity:0;-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.md-show.slide-in-bottom-perspective .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .3s .2s;-moz-transition:all .3s .2s;transition:all .3s .2s}.md-show.slide-in-right-perspective~.md-overlay{background:rgba(143,27,15,.8);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.slide-in-right-perspective~.container,.md-show.slide-in-right-perspective~.md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:0 50%;-webkit-animation:rotateRightSideFirst .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:0 50%;-moz-animation:rotateRightSideFirst .5s forwards ease-in;transform-style:preserve-3d;transform-origin:0 50%;animation:rotateRightSideFirst .5s forwards ease-in}@-webkit-keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px)}}@-moz-keyframes rotateRightSideFirst{50%{-moz-transform:translateZ(-50px) rotateY(5deg);-moz-animation-timing-function:ease-out}100%{-moz-transform:translateZ(-200px)}}@keyframes rotateRightSideFirst{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}.slide-in-right-perspective .md-content{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);opacity:0}.md-show.slide-in-right-perspective .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s}.md-show.slip-in-top-persepective~.md-overlay{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.slip-in-top-persepective~.container,.md-show.slip-in-top-persepective~.md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:50% 100%;-webkit-animation:OpenTop .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:50% 100%;-moz-animation:OpenTop .5s forwards ease-in;transform-style:preserve-3d;transform-origin:50% 100%;animation:OpenTop .5s forwards ease-in}@-webkit-keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);-webkit-animation-timing-function:ease-out}}@-moz-keyframes OpenTop{50%{-moz-transform:rotateX(10deg);-moz-animation-timing-function:ease-out}}@keyframes OpenTop{50%{transform:rotateX(10deg);animation-timing-function:ease-out}}.slip-in-top-persepective .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);opacity:0}.md-show.slip-in-top-persepective .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s}@media screen and (max-width:32em){.nifty-modal{font-size:75%}} \ No newline at end of file diff --git a/dist/nifty.min.js b/dist/nifty.min.js index f43eba0..6b4e7c1 100644 --- a/dist/nifty.min.js +++ b/dist/nifty.min.js @@ -7,4 +7,4 @@ * Licensed under the MIT License * 2015 ConferenceCloud Inc. */ -!function(a){function c(b,c,d){var e=a.Event(c);return b.trigger(e,d),e.result!==!1}a(document).on("click","[data-trigger='modal'], [data-trigger='nifty']",function(){var b=a(this).data("target");a(b).nifty("show")}),a(document).on("click",".md-overlay",function(){var b=a(".nifty-modal.md-show");b.hasClass("md-locked")||b.nifty("hide")}),a(document).on("click",".nifty-modal.md-show .md-close",function(){var b=a(this).closest(".nifty-modal.md-show");b.hasClass("md-locked")||b.nifty("hide")}),a.fn.extend({nifty:function(b){var d=this,e="transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",f=function(b){var f=!1;c(a(d),"show.nifty.modal")&&(a(d).one(e,function(b){f||(f=!0,b.preventDefault(),b.stopPropagation(),a(d).trigger("shown.nifty.modal"))}),h(),a(d).addClass("md-show"))},g=function(){var b=!1;c(a(d),"hide.nifty.modal")&&(a(d).one(e,function(c){b||(b=!0,c.preventDefault(),c.stopPropagation(),a(d).trigger("hidden.nifty.modal"))}),a(d).removeClass("md-show"))},h=function(){var b=Math.floor(a(d).width()/2),c=Math.floor(a(d).height()/2);a(".nifty-modal").css("transform","translateX(-"+b+"px) translateY(-"+c+"px)")};return"show"===b?f():"hide"===b?g():"update"==b&&h(),this}})}(jQuery); \ No newline at end of file + !function(a){function c(b,c,d){var e=a.Event(c);return b.trigger(e,d),e.result!==!1}a(document).on("click","[data-trigger='modal'], [data-trigger='nifty']",function(){var b=a(this).data("target");a(b).nifty("show")}),a(document).on("click",".md-overlay",function(){var b=a(".nifty-modal.md-show");b.hasClass("md-locked")||b.nifty("hide")}),a(document).on("click",".nifty-modal.md-show .md-close",function(){var b=a(this).closest(".nifty-modal.md-show");b.hasClass("md-locked")||b.nifty("hide")}),a.fn.extend({nifty:function(b){var d=this,e="transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",f=function(b){var f=!1;c(a(d),"show.nifty.modal")&&(a(d).one(e,function(b){f||(f=!0,b.preventDefault(),b.stopPropagation(),a(d).trigger("shown.nifty.modal"))}),h(),a(d).addClass("md-show"),a("body").addClass("md-show"))},g=function(){var b=!1;c(a(d),"hide.nifty.modal")&&(a(d).one(e,function(c){b||(b=!0,c.preventDefault(),c.stopPropagation(),a(d).trigger("hidden.nifty.modal"))}),a(d).removeClass("md-show"),0==a(".nifty-modal.md-show").length&&a("body").removeClass("md-show"))},h=function(){var b=Math.floor(a(d).width()/2),c=Math.floor(a(d).height()/2);a(".nifty-modal").css("transform","translateX(-"+b+"px) translateY(-"+c+"px)")};return"show"===b?f():"hide"===b?g():"update"==b&&h(),this}})}(jQuery); \ No newline at end of file diff --git a/lib/nifty.css b/lib/nifty.css index cc2f7b5..1a9e57b 100644 --- a/lib/nifty.css +++ b/lib/nifty.css @@ -18,11 +18,6 @@ perspective effects (not including the modals and the overlay). perspective: 600px; } -.container { - background: #e74c3c; - min-height: 100%; -} - .nifty-modal { position: fixed; top: 50%; @@ -57,7 +52,7 @@ perspective effects (not including the modals and the overlay). transition: all 0.3s; } -.md-show ~ .md-overlay { +body.md-show .md-overlay { opacity: 1; visibility: visible; } @@ -727,5 +722,5 @@ perspective effects (not including the modals and the overlay). } @media screen and (max-width: 32em) { - body { font-size: 75%; } + .nifty-modal { font-size: 75%; } } \ No newline at end of file diff --git a/lib/nifty.js b/lib/nifty.js index bd0fa15..4a7a5ce 100644 --- a/lib/nifty.js +++ b/lib/nifty.js @@ -50,6 +50,7 @@ }); updateHandler(); $(self).addClass("md-show"); + $("body").addClass("md-show"); }; var hideHandler = function() { @@ -68,6 +69,9 @@ } }); $(self).removeClass("md-show"); + if ($(".nifty-modal.md-show").length == 0) { + $("body").removeClass("md-show") + } }; var updateHandler = function() {