/** * @package HikaShop for Joomla! * @version 4.7.4 * @author hikashop.com * @copyright (C) 2010-2023 HIKARI SOFTWARE. All rights reserved. * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html */ @keyframes vex-fadein { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes vex-fadein { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes vex-fadein { 0% {opacity:0;} 100% {opacity:1;} } @-ms-keyframes vex-fadein { 0% {opacity:0;} 100% {opacity:1;} } @-o-keyframes vex-fadein { 0% {opacity:0;} 100% {opacity:1;} } @keyframes vex-fadeout { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes vex-fadeout { 0% {opacity:1;} 100% {opacity:0;} } @-moz-keyframes vex-fadeout { 0% {opacity:1;} 100% {opacity:0;} } @-ms-keyframes vex-fadeout { 0% {opacity:1;} 100% {opacity:0;} } @-o-keyframes vex-fadeout { 0% {opacity:1;} 100% {opacity:0;} } @keyframes vex-rotation { 0% {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} 100% {transform:rotate(359deg); -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -ms-transform:rotate(359deg); -o-transform:rotate(359deg);} } @-webkit-keyframes vex-rotation { 0% {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} 100% {transform:rotate(359deg); -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -ms-transform:rotate(359deg); -o-transform:rotate(359deg);} } @-moz-keyframes vex-rotation { 0% {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} 100% {transform:rotate(359deg); -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -ms-transform:rotate(359deg); -o-transform:rotate(359deg);} } @-ms-keyframes vex-rotation { 0% {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} 100% {transform:rotate(359deg); -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -ms-transform:rotate(359deg); -o-transform:rotate(359deg);} } @-o-keyframes vex-rotation { 0% {transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg);} 100% {transform:rotate(359deg); -webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -ms-transform:rotate(359deg); -o-transform:rotate(359deg);} } .vex, .vex *, .vex *:before, .vex *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .vex { position:fixed; overflow:auto; -webkit-overflow-scrolling:touch; z-index:1111; top:0; right:0; bottom:0; left:0; } .vex-scrollbar-measure { position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll; } .vex-overlay { background:#000; filter:alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; } .vex-overlay { animation:vex-fadein 0.5s; -webkit-animation:vex-fadein 0.5s; -moz-animation:vex-fadein 0.5s; -ms-animation:vex-fadein 0.5s; -o-animation:vex-fadein 0.5s; -webkit-backface-visibility:hidden; position:fixed; background:rgba(0, 0, 0, 0.4); top:0; right:0; bottom:0; left:0; } .vex.vex-closing .vex-overlay { animation:vex-fadeout 0.5s; -webkit-animation:vex-fadeout 0.5s; -moz-animation:vex-fadeout 0.5s; -ms-animation:vex-fadeout 0.5s; -o-animation:vex-fadeout 0.5s; -webkit-backface-visibility:hidden; } .vex-content { animation:vex-fadein 0.5s; -webkit-animation:vex-fadein 0.5s; -moz-animation:vex-fadein 0.5s; -ms-animation:vex-fadein 0.5s; -o-animation:vex-fadein 0.5s; -webkit-backface-visibility:hidden; background:#fff; } .vex.vex-closing .vex-content { animation:vex-fadeout 0.5s; -webkit-animation:vex-fadeout 0.5s; -moz-animation:vex-fadeout 0.5s; -ms-animation:vex-fadeout 0.5s; -o-animation:vex-fadeout 0.5s; -webkit-backface-visibility:hidden; } .vex-close:before { font-family:Arial, sans-serif; content:"\00D7"; } .vex-dialog-form { margin:0; } .vex-dialog-button { text-rendering:optimizeLegibility; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; -webkit-tap-highlight-color:transparent; } .vex-loading-spinner { animation:vex-rotation 0.7s linear infinite; -webkit-animation:vex-rotation 0.7s linear infinite; -moz-animation:vex-rotation 0.7s linear infinite; -ms-animation:vex-rotation 0.7s linear infinite; -o-animation:vex-rotation 0.7s linear infinite; -webkit-backface-visibility:hidden; -moz-box-shadow:0 0 1em rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 1em rgba(0, 0, 0, 0.1); box-shadow:0 0 1em rgba(0, 0, 0, 0.1); position:fixed; z-index:1112; margin:auto; top:0; right:0; bottom:0; left:0; height:2em; width:2em; background:#fff; } body.vex-open { overflow:hidden; } @keyframes vex-flyin { 0% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} 100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} } @-webkit-keyframes vex-flyin { 0% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} 100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} } @-moz-keyframes vex-flyin { 0% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} 100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} } @-ms-keyframes vex-flyin { 0% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} 100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} } @-o-keyframes vex-flyin { 0% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} 100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} } @keyframes vex-flyout { 0% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} 100% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} } @-webkit-keyframes vex-flyout { 0% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} 100% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} } @-moz-keyframes vex-flyout { 0% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} 100% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} } @-ms-keyframes vex-flyout { 0% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} 100% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} } @-o-keyframes vex-flyout { 0% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);} 100% {opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);} } @keyframes vex-pulse { 0% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} 70% {-moz-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);-webkit-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);} 100% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} } @-webkit-keyframes vex-pulse { 0% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} 70% {-moz-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);-webkit-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);} 100% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} } @-moz-keyframes vex-pulse { 0% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} 70% {-moz-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);-webkit-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);} 100% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} } @-ms-keyframes vex-pulse { 0% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} 70% {-moz-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);-webkit-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);} 100% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} } @-o-keyframes vex-pulse { 0% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} 70% {-moz-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);-webkit-box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);box-shadow:inset 0 0 0 300px rgba(255, 255, 255, 0.25);} 100% {-moz-box-shadow:inset 0 0 0 300px transparent;-webkit-box-shadow:inset 0 0 0 300px transparent;box-shadow:inset 0 0 0 300px transparent;} } .vex.vex-theme-os { padding-top:160px; padding-bottom:160px; } .vex.vex-theme-os.vex-closing .vex-content { animation:vex-flyout 0.5s; -webkit-animation:vex-flyout 0.5s; -moz-animation:vex-flyout 0.5s; -ms-animation:vex-flyout 0.5s; -o-animation:vex-flyout 0.5s; -webkit-backface-visibility:hidden; } .vex.vex-theme-os .vex-content { animation:vex-flyin 0.5s; -webkit-animation:vex-flyin 0.5s; -moz-animation:vex-flyin 0.5s; -ms-animation:vex-flyin 0.5s; -o-animation:vex-flyin 0.5s; -webkit-backface-visibility:hidden; } .vex.vex-theme-os .vex-content { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow:inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); box-shadow:inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); font-family:"Helvetica Neue", sans-serif; border-top:20px solid #bbb; background:#f0f0f0; color:#444; padding:1em; position:relative; margin:0 auto; max-width:100%; width:450px; font-size:1.1em; line-height:1.5em; } .vex.vex-theme-os .vex-content h1, .vex.vex-theme-os .vex-content h2, .vex.vex-theme-os .vex-content h3, .vex.vex-theme-os .vex-content h4, .vex.vex-theme-os .vex-content h5, .vex.vex-theme-os .vex-content h6, .vex.vex-theme-os .vex-content p, .vex.vex-theme-os .vex-content ul, .vex.vex-theme-os .vex-content li { color:inherit; } .vex.vex-theme-os .vex-close { -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; position:absolute; top:0; right:0; cursor:pointer; } .vex.vex-theme-os .vex-close:before { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:absolute; content:"\00D7"; font-size:26px; font-weight:normal; line-height:31px; height:30px; width:30px; text-align:center; top:3px; right:3px; color:#bbb; background:transparent; } .vex.vex-theme-os .vex-close:hover:before, .vex.vex-theme-os .vex-close:active:before { color:#777; background:#e0e0e0; } .vex.vex-theme-os .vex-dialog-form .vex-dialog-message { margin-bottom:0.5em; } .vex.vex-theme-os .vex-dialog-form .vex-dialog-input { margin-bottom:1em; } .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"] { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; width:100%; padding:0.25em 0.67em; border:0; font-family:inherit; font-weight:inherit; font-size:inherit; min-height:2.5em; margin:0 0 0.25em; } .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -moz-box-shadow:inset 0 0 0 1px #3288e6; -webkit-box-shadow:inset 0 0 0 1px #3288e6; box-shadow:inset 0 0 0 1px #3288e6; outline:none; } .vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons { *zoom:1; } .vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons:after { content:""; display:table; clear:both; } .vex.vex-theme-os .vex-dialog-button { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:0; float:right; margin:0 0 0 0.5em; font-family:inherit; text-transform:uppercase; letter-spacing:0.1em; font-size:0.8em; line-height:1em; padding:0.75em 2em; } .vex.vex-theme-os .vex-dialog-button.vex-last { margin-left:0; } .vex.vex-theme-os .vex-dialog-button:focus { animation:vex-pulse 1.1s infinite; -webkit-animation:vex-pulse 1.1s infinite; -moz-animation:vex-pulse 1.1s infinite; -ms-animation:vex-pulse 1.1s infinite; -o-animation:vex-pulse 1.1s infinite; -webkit-backface-visibility:hidden; outline:none; } @media (max-width:568px) { .vex.vex-theme-os .vex-dialog-button:focus { animation:none; -webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; -webkit-backface-visibility:hidden; } } .vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary { background:#3288e6; color:#fff; } .vex.vex-theme-os .vex-dialog-button.vex-dialog-button-secondary { background:#e0e0e0; color:#777; } .vex-loading-spinner.vex-theme-os { -moz-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0.5em rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0.5em rgba(0, 0, 0, 0.2); box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0.5em rgba(0, 0, 0, 0.2); -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; background:rgba(255, 255, 255, 0.2); width:0; height:0; border:1.2em solid #bbb; border-top-color:#f0f0f0; border-bottom-color:#f0f0f0; } @keyframes vex-flyin { 0% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-webkit-keyframes vex-flyin { 0% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-moz-keyframes vex-flyin { 0% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-ms-keyframes vex-flyin { 0% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-o-keyframes vex-flyin { 0% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @keyframes vex-flyout { 0% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } } @-webkit-keyframes vex-flyout { 0% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } } @-moz-keyframes vex-flyout { 0% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } } @-ms-keyframes vex-flyout { 0% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } } @-o-keyframes vex-flyout { 0% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); } } @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } } @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } } @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } } @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } } @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; box-shadow: inset 0 0 0 300px transparent; } } .vex.vex-theme-default { padding-top: 160px; padding-bottom: 160px; } .vex.vex-theme-default.vex-closing .vex-content { animation: vex-flyout 0.5s; -webkit-animation: vex-flyout 0.5s; -moz-animation: vex-flyout 0.5s; -ms-animation: vex-flyout 0.5s; -o-animation: vex-flyout 0.5s; -webkit-backface-visibility: hidden; } .vex.vex-theme-default .vex-content { animation: vex-flyin 0.5s; -webkit-animation: vex-flyin 0.5s; -moz-animation: vex-flyin 0.5s; -ms-animation: vex-flyin 0.5s; -o-animation: vex-flyin 0.5s; -webkit-backface-visibility: hidden; } .vex.vex-theme-default .vex-content { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "Helvetica Neue", sans-serif; background: white; color: #444; padding: 1em; position: relative; margin: 0 auto; max-width: 100%; width: 450px; font-size: 1.1em; line-height: 1.5em; } .vex.vex-theme-default .vex-content h1, .vex.vex-theme-default .vex-content h2, .vex.vex-theme-default .vex-content h3, .vex.vex-theme-default .vex-content h4, .vex.vex-theme-default .vex-content h5, .vex.vex-theme-default .vex-content h6, .vex.vex-theme-default .vex-content p, .vex.vex-theme-default .vex-content ul, .vex.vex-theme-default .vex-content li { color: inherit; } .vex.vex-theme-default .vex-close { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; right: 0; cursor: pointer; } .vex.vex-theme-default .vex-close:before { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; content: "\00D7"; font-size: 26px; font-weight: normal; line-height: 31px; height: 30px; width: 30px; text-align: center; top: 3px; right: 3px; color: #bbb; background: transparent; } .vex.vex-theme-default .vex-close:hover:before, .vex.vex-theme-default .vex-close:active:before { color: #777; background: #e0e0e0; } .vex.vex-theme-default .vex-dialog-form .vex-dialog-message { margin-bottom: 0.5em; } .vex.vex-theme-default .vex-dialog-form .vex-dialog-input { margin-bottom: 1em; } .vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; width: 100%; padding: 0.25em 0.67em; border: 0; font-family: inherit; font-weight: inherit; font-size: inherit; min-height: 2.5em; margin: 0 0 0.25em; } .vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"]:focus { -moz-box-shadow: inset 0 0 0 2px #8dbdf1; -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; box-shadow: inset 0 0 0 2px #8dbdf1; outline: none; } .vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons { *zoom: 1; } .vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons:after { content: ""; display: table; clear: both; } .vex.vex-theme-default .vex-dialog-button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0; float: right; margin: 0 0 0 0.5em; font-family: inherit; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8em; line-height: 1em; padding: 0.75em 2em; margin-top: 5px; } .vex.vex-theme-default .vex-dialog-button.vex-last { margin-left: 0; } .vex.vex-theme-default .vex-dialog-button:focus { animation: vex-pulse 1.1s infinite; -webkit-animation: vex-pulse 1.1s infinite; -moz-animation: vex-pulse 1.1s infinite; -ms-animation: vex-pulse 1.1s infinite; -o-animation: vex-pulse 1.1s infinite; -webkit-backface-visibility: hidden; outline: none; } @media (max-width: 568px) { .vex.vex-theme-default .vex-dialog-button:focus { animation: none; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; -webkit-backface-visibility: hidden; } } .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary { background: #3288e6; color: #fff; } .vex.vex-theme-default .vex-dialog-button.vex-first { background: darkblue; } .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary { background: #e0e0e0; color: #777; } .vex-loading-spinner.vex-theme-default { -moz-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #f0f0f0; border: 0.2em solid transparent; border-top-color: #bbb; top: -1.1em; bottom: auto; } .vex-content iframe{ margin-top: 20px !important; width: 100%; }