/* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_8033_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_8033_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_8033_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_8033_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_8033_page2.seen_stacks_in_8033_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_7837_page2 img{max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_7009_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_7009_page2 .theDivider1, #simpleDivider_stacks_in_7009_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_7009_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_7009_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_7009_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_7009_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_7009_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_7009_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_7009_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_7009_page2.bgImageOn .theDivider1 img { display: block; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_10131_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_10131_page2 .theDivider1, #simpleDivider_stacks_in_10131_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_10131_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_10131_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_10131_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_10131_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_10131_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_10131_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_10131_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_10131_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_8035_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_8035_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_8035_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_8035_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_8035_page2.seen_stacks_in_8035_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_6984_page2 { font-size: 200%; font-weight: bold; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_10946_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_10946_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_10946_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_10946_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_10946_page2.seen_stacks_in_10946_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_10949_page2 { font-size: 112%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_11326_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_11326_page2 .theDivider1, #simpleDivider_stacks_in_11326_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_11326_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_11326_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_11326_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_11326_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_11326_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_11326_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_11326_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_11326_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_10934_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_10934_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_10934_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_10934_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_10934_page2.seen_stacks_in_10934_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_10937_page2 { font-size: 112%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_11329_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_11329_page2 .theDivider1, #simpleDivider_stacks_in_11329_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_11329_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_11329_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_11329_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_11329_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_11329_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_11329_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_11329_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_11329_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_10958_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_10958_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_10958_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_10958_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_10958_page2.seen_stacks_in_10958_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_10961_page2 { font-size: 112%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_11332_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_11332_page2 .theDivider1, #simpleDivider_stacks_in_11332_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_11332_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_11332_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_11332_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_11332_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_11332_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_11332_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_11332_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_11332_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_10970_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_10970_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_10970_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_10970_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_10970_page2.seen_stacks_in_10970_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_10973_page2 { font-size: 112%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_7856_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_7856_page2 .theDivider1, #simpleDivider_stacks_in_7856_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_7856_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_7856_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_7856_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_7856_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_7856_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_7856_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_7856_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_7856_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_8039_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_8039_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_8039_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_8039_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_8039_page2.seen_stacks_in_8039_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_7853_page2 { font-size: 200%; font-weight: bold; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_7857_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_7857_page2 .theDivider1, #simpleDivider_stacks_in_7857_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_7857_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_7857_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_7857_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_7857_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_7857_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_7857_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_7857_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_7857_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_8045_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_8045_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_8045_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_8045_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_8045_page2.seen_stacks_in_8045_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_8047_page2 img{max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_8069_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_8069_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_8069_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_8069_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_8069_page2.seen_stacks_in_8069_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_8072_page2 { font-size: 112%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_11335_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_11335_page2 .theDivider1, #simpleDivider_stacks_in_11335_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_11335_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_11335_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_11335_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_11335_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_11335_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_11335_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_11335_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_11335_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_8057_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_8057_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_8057_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_8057_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_8057_page2.seen_stacks_in_8057_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_8060_page2 { font-size: 112%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_7841_page2 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_7841_page2 .theDivider1, #simpleDivider_stacks_in_7841_page2 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_7841_page2 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_7841_page2.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #CCCCCC; border-bottom-color: #FFFFFF; } #simpleDivider_stacks_in_7841_page2.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_7841_page2 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_7841_page2.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_7841_page2.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_7841_page2.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_7841_page2.bgImageOn .theDivider1 img { display: block; } /* * Waypoint * Author: Timothy Smitley * Version: 1.0.0 * URL: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Description: Waypoint Stack */ /* ------------------ | PARENT ELEMENT | ------------------ */ #card_stacks_in_10994_page2 { position: relative; margin: 0 auto; -webkit-perspective: 2500; -moz-perspective: 2500; -ms-perspective: 2500; -o-perspective: 2500; perspective: 2500; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; -o-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } /* -------------------- | DEFAULT SETTINGS | -------------------- */ #waypoint_stacks_in_10994_page2 { position: relative; -webkit-transition: all 0.70s ease-in-out; -moz-transition: all 0.70s ease-in-out; -ms-transition: all 0.70s ease-in-out; -o-transition: all 0.70s ease-in-out; transition: all 0.70s ease-in-out; opacity: 0.00; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } /* --------------------------- | CUSTOMIZABLE ANIMATIONS | --------------------------- */ .custom #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -moz-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -ms-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); -o-transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: translate3D(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg); } /* ---------------------------- | PREMADE ANIMATION THEMES | ---------------------------- */ .slideInLeftToRight #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(200px, 0px, 0px); -moz-transform: translate3D(200px, 0px, 0px); -ms-transform: translate3D(200px, 0px, 0px); -o-transform: translate3D(200px, 0px, 0px); transform: translate3D(200px, 0px, 0px); } .slideInRightToLeft #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(-200px, 0px, 0px); -moz-transform: translate3D(-200px, 0px, 0px); -ms-transform: translate3D(-200px, 0px, 0px); -o-transform: translate3D(-200px, 0px, 0px); transform: translate3D(-200px, 0px, 0px); } .slideInTopToBottom #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(0px, -200px, 0px); -moz-transform: translate3D(0px, -200px, 0px); -ms-transform: translate3D(0px, -200px, 0px); -o-transform: translate3D(0px, -200px, 0px); transform: translate3D(0px, -200px, 0px); } .slideInBottomToTop #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(0px, 200px, 0px); -moz-transform: translate3D(0px, 200px, 0px); -ms-transform: translate3D(0px, 200px, 0px); -o-transform: translate3D(0px, 200px, 0px); transform: translate3D(0px, 200px, 0px); } .slideInForwards #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(0px, 0px, -200px); -moz-transform: translate3D(0px, 0px, -200px); -ms-transform: translate3D(0px, 0px, -200px); -o-transform: translate3D(0px, 0px, -200px); transform: translate3D(0px, 0px, -200px); } .slideInBackwards #waypoint_stacks_in_10994_page2 { -webkit-transform: translate3D(0px, 0px, 200px); -moz-transform: translate3D(0px, 0px, 200px); -ms-transform: translate3D(0px, 0px, 200px); -o-transform: translate3D(0px, 0px, 200px); transform: translate3D(0px, 0px, 200px); } .cardFlipTopLeft #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(1, -1, 0, 90deg); -moz-transform: rotate3D(1, -1, 0, 90deg); -ms-transform: rotate3D(1, -1, 0, 90deg); -o-transform: rotate3D(1, -1, 0, 90deg); transform: rotate3D(1, -1, 0, 90deg); } .cardFlipTopRight #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(1, 1, 0, 90deg); -moz-transform: rotate3D(1, 1, 0, 90deg); -ms-transform: rotate3D(1, 1, 0, 90deg); -o-transform: rotate3D(1, 1, 0, 90deg); transform: rotate3D(1, 1, 0, 90deg); } .cardFlipBottomLeft #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(-1, -1, 0, 90deg); -moz-transform: rotate3D(-1, -1, 0, 90deg); -ms-transform: rotate3D(-1, -1, 0, 90deg); -o-transform: rotate3D(-1, -1, 0, 90deg); transform: rotate3D(-1, -1, 0, 90deg); } .cardFlipBottomRight #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(-1, 1, 0, 90deg); -moz-transform: rotate3D(-1, 1, 0, 90deg); -ms-transform: rotate3D(-1, 1, 0, 90deg); -o-transform: rotate3D(-1, 1, 0, 90deg); transform: rotate3D(-1, 1, 0, 90deg); } .cardFlipLeft #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(0, -1, 0, 90deg); -moz-transform: rotate3D(0, -1, 0, 90deg); -ms-transform: rotate3D(0, -1, 0, 90deg); -o-transform: rotate3D(0, -1, 0, 90deg); transform: rotate3D(0, -1, 0, 90deg); } .cardFlipRight #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(0, 1, 0, 90deg); -moz-transform: rotate3D(0, 1, 0, 90deg); -ms-transform: rotate3D(0, 1, 0, 90deg); -o-transform: rotate3D(0, 1, 0, 90deg); transform: rotate3D(0, 1, 0, 90deg); } .cardFlipTop #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(1, 0, 0, 90deg); -moz-transform: rotate3D(1, 0, 0, 90deg); -ms-transform: rotate3D(1, 0, 0, 90deg); -o-transform: rotate3D(1, 0, 0, 90deg); transform: rotate3D(1, 0, 0, 90deg); } .cardFlipBottom #waypoint_stacks_in_10994_page2 { -webkit-transform: rotate3D(-1, 0, 0, 90deg); -moz-transform: rotate3D(-1, 0, 0, 90deg); -ms-transform: rotate3D(-1, 0, 0, 90deg); -o-transform: rotate3D(-1, 0, 0, 90deg); transform: rotate3D(-1, 0, 0, 90deg); } /* -------------------------------------- | THIS IS WHAT HAPPENS WHEN IT SHOWS | -------------------------------------- */ #waypoint_stacks_in_10994_page2.seen_stacks_in_10994_page2 { opacity: 1; -webkit-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -moz-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -ms-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); -o-transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); transform: translate3D(0px, 0px, 0px) rotate3D(0, 0, 0, 0deg); } #stacks_in_10997_page2 { font-size: 112%; } #stacks_in_10085_page2 img{max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto; }