/** * 2014-2021 Presta-Mod.pl Rafał Zontek * * NOTICE OF LICENSE * * Poniższy kod jest kodem płatnym, rozpowszechanie bez pisemnej zgody autora zabronione * Moduł można zakupić na stronie Presta-Mod.pl. Modyfikacja kodu jest zabroniona, * wszelkie modyfikacje powodują utratę gwarancji * * http://presta-mod.pl * * DISCLAIMER * * * @author Presta-Mod.pl Rafał Zontek * @copyright 2014-2021 Presta-Mod.pl * @license Licecnja na jedną domenę * Presta-Mod.pl Rafał Zontek */ .enjoyhint { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1010; pointer-events: none; overflow: hidden } .enjoyhint_hide { display: none } .enjoyhint_disable_events { position: absolute; width: 2000px; height: 1500px; z-index: 1011; pointer-events: all } .enjoyhint_reset_btn, .enjoyhint_next_btn, .enjoyhint_prev_btn, .enjoyhint_skip_btn { min-width: 100px; -webkit-box-sizing: content-box; height: 40px; font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif; cursor: pointer; margin: 0 auto; letter-spacing: 1px; text-align: center } .enjoyhint_reset_btn, .enjoyhint_next_btn, .enjoyhint_prev_btn { position: absolute; z-index: 1012; pointer-events: all; -moz-box-sizing: content-box; box-sizing: content-box; border: 2px solid #1ecd97; -webkit-border-radius: 40px; border-radius: 40px; color: #1ecd97; -o-text-overflow: clip; text-overflow: clip; background: rgba(0, 0, 0, 0); -webkit-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); -moz-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); -o-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0) } .enjoyhint_close_btn, .enjoyhint_skip_btn { z-index: 9999999999999; pointer-events: all; -moz-box-sizing: content-box; -o-text-overflow: clip; text-overflow: clip } .enjoyhint_prev_btn:hover { color: rgba(255, 255, 255, 1); background: #1ecd97 } .enjoyhint_prev_btn:active { border: 2px solid rgba(33, 224, 163, 1); background: rgba(33, 224, 163, 1); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .enjoyhint_reset_btn:active, .enjoyhint_next_btn:active, .enjoyhint_skip_btn:active { -webkit-transition: none; -moz-transition: none; -o-transition: none } .enjoyhint_reset_btn:hover, .enjoyhint_next_btn:hover { color: rgba(255, 255, 255, 1); background: #1ecd97 } .enjoyhint_reset_btn:active, .enjoyhint_next_btn:active { border: 2px solid rgba(33, 224, 163, 1); background: rgba(33, 224, 163, 1); transition: none } .enjoyhint_skip_btn { box-sizing: content-box; border: 2px solid #1ecd97; -webkit-border-radius: 40px; border-radius: 40px; color: #1ecd97; background: rgba(0, 0, 0, 0); -webkit-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); -moz-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); -o-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0) } .enjoyhint_skip_btn:hover { color: rgba(255, 255, 255, 1); background: #1ecd97 } .enjoyhint_skip_btn:active { border: 2px solid rgba(33, 224, 163, 1); background: rgba(33, 224, 163, 1); transition: none } .enjoyhint_close_btn { display: inline-block; position: absolute; -webkit-box-sizing: content-box; box-sizing: content-box; width: .3em; height: .3em; border: none; -webkit-border-radius: 1em; border-radius: 1em; font: 400 8em/normal Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 1); background: rgba(0, 0, 0, 0); border: 2px solid rgba(33, 224, 163, 1) } .enjoyhint_close_btn::after, .enjoyhint_close_btn::before { display: inline-block; -moz-box-sizing: content-box; width: 73%; height: 2px; position: absolute; content: ""; border: none; font: 400 100%/normal Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 1); background: #fff; text-shadow: none } .enjoyhint_close_btn::before { -webkit-box-sizing: content-box; box-sizing: content-box; top: 48%; left: 14%; -o-text-overflow: clip; text-overflow: clip; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg) } .enjoyhint_btn, .enjoyhint_close_btn::after { -webkit-box-sizing: content-box; -o-text-overflow: clip; text-overflow: clip } .enjoyhint_close_btn::after { box-sizing: content-box; top: 46%; left: 15%; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg) } .enjoyhint_close_btn:hover { color: rgba(255, 255, 255, 1); background: #1ecd97; cursor: pointer } .enjoyhint_close_btn:active { border: 2px solid rgba(33, 224, 163, 1); background: rgba(33, 224, 163, 1); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .enjoyhint_btn { -moz-box-sizing: content-box; box-sizing: content-box; width: 150px; height: 40px; cursor: pointer; margin: 0 auto; border: 2px solid #1ecd97; -webkit-border-radius: 40px; border-radius: 40px; font: normal normal normal 17px/40px "Advent Pro", Helvetica, sans-serif; color: #1ecd97; text-align: center; letter-spacing: 1px; background: rgba(0, 0, 0, 0); -webkit-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); -moz-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); -o-transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0); transition: background-color .3s cubic-bezier(0, 0, 0, 0), color .3s cubic-bezier(0, 0, 0, 0), width .3s cubic-bezier(0, 0, 0, 0), border-width .3s cubic-bezier(0, 0, 0, 0), border-color .3s cubic-bezier(0, 0, 0, 0) } #kinetic_container, .enjoyhint_canvas, .enjoyhint_svg_wrapper, .enjoyhint_svg_wrapper svg { width: 100%; height: 100%; position: absolute } .enjoyhint_btn:hover { color: rgba(255, 255, 255, 1); background: #1ecd97 } .enjoyhint_btn:active { border: 2px solid rgba(33, 224, 163, 1); background: rgba(33, 224, 163, 1); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .enjoyhint div.canvas-container { position: absolute } .enjoyhint_canvas { z-index: 100; pointer-events: none } #kinetic_container { pointer-events: none; top: 0; left: 0 } .enjoyhint_svg_wrapper { top: 0; left: 0; z-index: 100; -webkit-transition: opacity .4s cubic-bezier(.42, 0, .58, 1); -moz-transition: opacity .4s cubic-bezier(.42, 0, .58, 1); transition: opacity .4s cubic-bezier(.42, 0, .58, 1) } .enjoyhint_svg_wrapper svg { top: 0; left: 0 } .enjoyhint_svg_transparent .enjoy_hint_label, .enjoyhint_svg_transparent .enjoyhint_svg_wrapper { opacity: 0 } .enjoy_hint_label { position: absolute; overflow: hidden; color: #fff; z-index: 107; font-size: 22px; font-family: casino_handregular, Arial; -webkit-transition: opacity .4s cubic-bezier(.42, 0, .58, 1); -moz-transition: opacity .4s cubic-bezier(.42, 0, .58, 1); transition: opacity .4s cubic-bezier(.42, 0, .58, 1) } @media (max-width:640px) { .enjoy_hint_label { font-size: 16px } .enjoyhint_reset_btn, .enjoyhint_next_btn, .enjoyhint_prev_btn { font-size: 200%; color: #FFF; line-height: 1.2em; min-width: 0; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50% } .enjoyhint_skip_btn { display: none } } div.kineticjs-content { position: absolute !important } .enjoyhint_skip_btn { position: fixed } .enjoy_hint_label { display: inline-block; text-align: center; max-width: 80% } .pmguide-description { font-size: 16px !important; padding-top: 10px; } .pmstep { position: absolute; right: 10px; top: 10px; font-size: 12px; }