Acceder body.uip-login h1 a { background-image:url('https://vqpremium.shop/wp-content/plugins/uipress/assets/img/default_logo.svg') !important; } .login form .input, .login input[type=text],.login form input[type=checkbox]{ border-radius: 0; } input[type=checkbox]:checked:before { content: url('data:image/svg+xml;utf8,'); } .login label{ display: block; position: static; } .login label:after{ bottom: 0; z-index: 1; } #login form p:not([class]){ position: relative; } .user-pass-wrap{ position: relative; } .login .button.wp-hide-pw{ z-index: 1; } .user-pass-wrap{ position: relative; margin-top: 35px; } .login form .forgetmenot{ float: left !important; } .wp-core-ui #login .button-primary{ margin-left: 0; } .admin-email__actions-primary .button:first-child{ font: 700 18px "Roboto", sans-serif; color: #fff; height: auto; line-height: 20px !important; padding: 13px; padding-top: 13px; padding-bottom: 13px; width: 100%; text-align: center; background-color: #ff7d69; border: 0; margin-bottom: 8px; border-radius: 3px; } .admin-email__actions-primary .button:first-child:hover{ background-color: #f98b7a; } .login form p.admin-email__details, .login h1.admin-email__heading, .login #backtoblog a{ color: #fff !important; } .login form.admin-email-confirm-form{ max-width: 360px; margin: 0 auto; } .admin-email__actions-secondary a, .login .admin-email__details a{ color: #fff; } html, body.login { height: auto !important; } body.login { background-image: url(https://vqpremium.shop/wp-content/plugins/loginpress-pro/img/bg15.jpg); background-position: left bottom !important; /*background-color: #f1f1f1 !important;*/ background-size: cover; display: table; min-height: 100vh; width: 100%; padding: 0; position: relative; } body.login.login-action-login{ display: table !important; } body.login.login-action-login.firefox{ height: 1px !important; } /*body.login:after{ width: 100%; content: ''; position: absolute; top: 0; left: 0; height: 60%; background: #263466; }*/ /*.login label{ font-size:0; line-height:0; margin-top: 0; display: block; margin-bottom: }*/ .login label{ font-size: 16px; color: #fff; display: block; } #login{ /*background: url(img/form_bg.jpg) no-repeat 0 0 !important;*/ background: none !important; max-width: 350px !important; width: 100% !important; border-radius: 10px; margin-top: 8%; padding: 40px 20px 50px; } #loginform{ margin: 0 auto; padding: 30px 0 0 !important; } #login:after{ content: ''; display: table; clear: both; } #login form p + p:not(.forgetmenot){ margin-top: 35px; } .login form .input, .login input[type=text]{ display: block; color: #606060; font-size: 16px; width:100%; border:0; height: 45px; padding: 0 15px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; padding-right: 80px; background-color: #fff; margin-top: 10px !important; border: 1px solid #e4e4e3; } input:-webkit-autofill{ transition: all 100000s ease-in-out 0s !important; transition-property: background-color, color !important; } .login form{ background: none; padding: 0; box-shadow: none; } .login form br{ display: none; } #login form p.submit{ clear: both; padding-top: 35px; } .wp-core-ui #login .button-primary{ width:100% !important; display: block; float: none; background-color : #ff7d69; font-weight: 700; font-size: 18px; color : #ffffff; height: 56px; border:0; box-shadow: none; border-radius: 3px; box-shadow: 0px 5px 20px 0px rgb( 255, 255, 255 , .20); } .login label:after{ width: 60px; height: 45px; background-color: #fff; position: absolute; bottom: 0; right: 0; border-radius:0 5px 5px 0; content: ''; } .login label[for="user_login"]:after, .login label[for="user_pass"]:after{ background-image: url(https://vqpremium.shop/wp-content/plugins/loginpress/img/login-field-icons.svg); } .login label[for="user_login"]:after{ background-repeat: no-repeat; background-position: 0 center; } .login label[for="user_pass"]:after{ background-repeat: no-repeat; background-position: -60px center; } .login form .forgetmenot label:after{ visibility: hidden; } .wp-core-ui #login .button-primary:hover{ background-color: #f98b7a; } .login form .forgetmenot label{ font-size: 13px; color: #ffffff; } .login form input[type=checkbox]{ border: 1px solid #ffffff; background: #ffffff; height: 13px; width: 13px; min-width: 13px; } .login #nav{ font-size: 0; float: right; width: 100%; } .login #nav, .login #backtoblog { margin: 17px 0 0; padding: 0; color: #ffffff; } .login #nav a, .login #backtoblog a{ font-size: 13px; color: #ffffff; } .login #nav a:first-child{ float: left; } .login #nav a:last-child{ float: right; } .login #backtoblog{ float: left; } .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover{ color: #eae8e8; } /* style two factor plugin */ .login .backup-methods-wrap a, #login form p:not([class]){ color: #fff; } .login .backup-methods-wrap a:hover{ color: #eae8e8; } /*End style two factor plugin */ .footer-wrapper{ display: table-footer-group; } .footer-cont{ right: 0; bottom: 0; left: 0; text-align: center; display: table-cell; vertical-align: bottom; height: 100px; width: 100vw; } .copyRight{ text-align: center; padding: 12px; background-color: #ff7d69; color: #ffffff; } #login form p + p:not(.forgetmenot){ color: #d5d5d5; } .loginpress-show-love{ color: #fff; } .loginpress-show-love a{ color: #eae8e8; } .loginpress-show-love a:hover{ color: #fff; } .mobile #login{ padding: 15px; } @media screen and (max-width: 768px) { #login{ padding: 15px; float: none; margin: 20px auto; width: 290px !important; } .login .loginpress-show-love{ position: static; padding: 3px 15px; text-align: center; float: none; } .mobile #login{ padding: 15px; float: none; margin: 20px auto; } } *{ box-sizing: border-box; } .login form input[type=checkbox]:focus{ box-shadow: none; outline: none; } .login form .forgetmenot{ float: none; } .login form .forgetmenot label{ display:inline-block; margin: 0; } #login::after{ } #login{ } html[dir="rtl"] .login form .input, html[dir="rtl"] .login input[type="text"]{ margin-right: 0; } body.login #loginpress_video-background-wrapper{ } body.login #loginpress_video-background{ object-fit: cover; } body.login:after{ } body.login { background-image: url(https://vqpremium.shop/wp-content/uploads/2023/06/CO-es-20220406-popsignuptwoweeks-perspective_alpha_website_large.png); position: relative; } .login h1{ } .interim-login.login h1 a{ width: 272px; } .login h1 a { background-image: url( https://vqpremium.shop/wp-content/uploads/2023/06/5-1.png ) !important; width: 272px !important; height: 147px !important; background-size: contain !important; } .wp-core-ui #login .button-primary{ } .wp-core-ui #login .button-primary:hover{ } .wp-core-ui #login .button-primary, .wp-core-ui #login .two-factor-email-resend .button, .wp-core-ui #login .wp-generate-pw{ box-shadow: 0 0 0px rgba( 0,0,0,0.8 ); /* box-shadow: none; */ height: auto; line-height: 20px; padding: 13px; float: none; width: 100%; } .wp-core-ui #login .wp-generate-pw{ margin-bottom: 6px; margin-top: 10px; font: inherit; } #loginform { } #loginform input[type="text"], #loginform input[type="password"]{ box-shadow: 0 0 0px rgba( 0,0,0,0.8 );} #registerform input[type="text"], #registerform input[type="password"], #registerform input[type="number"], #registerform input[type="email"] { box-shadow: 0 0 0px rgba( 0,0,0,0.8 );} #lostpasswordform input[type="text"]{ box-shadow: 0 0 0px rgba( 0,0,0,0.8 );} #login { max-width: 413px !important; } .login form .forgetmenot label { color: #ffffff !important; } .login label { font-size: 22px; color: #ffffff; } .login form .input, .login input[type="text"] { color: #0a0a0a; } #lostpasswordform { } #registerform { } #wfls-prompt-overlay { } .login .custom-message { border-left: 4px solid #00a0d2; background-color: #fff; padding: 12px; margin-left: 0; margin-bottom: 20px; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); } .login #nav { } .login #nav a, .login #nav{ color: #ffffff; font-size: 24px;; } .login form .forgetmenot label{ font-size: 20px;; } .login input[type="submit"]{ } .login #nav a:hover{ } .login #backtoblog{ } .login .copyRight{ } /* .loginpress-show-love, .loginpress-show-love a{ color: ; } */ .login .copyRight{ } .login #backtoblog a{ } .login #backtoblog{ display: none; } .login #backtoblog a:hover{ } .loginHead { } .loginHead p a { } .loginHead p a:hover { } .loginFooter p a { margin: 0 5px; } .loginFooter p a:hover { } .loginInner { } .wp-core-ui .button-primary{ text-shadow: none; } /*input:-webkit-autofill{ transition: all 100000s ease-in-out 0s !important; transition-property: background-color, color !important; }*/ .copyRight{ padding: 12px 170px; } .loginpress-show-love{ float: right; font-style: italic; padding-right: 20px; padding-bottom: 10px; position: absolute; bottom: 3px; right: 0; z-index: 10; } .loginpress-show-love a{ text-decoration: none; } .love-position{ left: 0; padding-left: 20px; } .header-cell{ /* display: table-cell; */ height: 100px; } .loginHeaderMenu{ text-align: center; position: relative; z-index: 10; list-style: none; background: #333; } .loginHeaderMenu>ul>li{ display: inline-block; vertical-align: top; position: relative; list-style: none; } .loginHeaderMenu>ul>li>a{ color: #fff; text-transform: uppercase; text-decoration: none; font-size: 16px; padding: 17px 20px; display: inline-block; } .loginHeaderMenu>ul>li:hover>a{ background: #4CAF50; color: #fff; } .loginHeaderMenu>ul>li>ul{ position: absolute; width: 200px; padding: 0; top: 100%; left: 0; background: #fff; list-style: none; text-align: left; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31); -moz-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31); box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31); overflow: hidden; opacity: 0; visibility: hidden; } .loginHeaderMenu>ul>li:hover>ul{ opacity: 1; visibility: visible; } .loginHeaderMenu>ul>li>ul>li{ font-size: 15px; color: #333; } .loginHeaderMenu>ul>li>ul>li>a{ color: #333; padding: 10px; display: block; text-decoration: none; } .loginHeaderMenu>ul>li>ul>li>a:hover { background: rgba(51, 51, 51, 0.35); color: #fff; } .loginHeaderMenu>ul { flex-wrap: wrap; display: flex; justify-content: center; } .loginFooterMenu{ text-align: center; background-color: rgba(0,0,0,.7); } .loginFooterMenu>ul{ display: inline-flex; } .loginFooterMenu>ul>li{ display: inline-block; padding: 18px; } .loginFooterMenu>ul>li:focus{ outline: none; border: 0; } .loginFooterMenu>ul>li>a:focus{ outline: none; border: 0; } .loginFooterMenu>ul>li>a{ color: #fff; text-transform: uppercase; text-decoration: none; font-size: 14px; } .loginFooterMenu>ul { flex-wrap: wrap; display: flex; justify-content: center; } .loginpress-caps-lock{ background: rgba(51, 56, 61, 0.9); color: #fff; display: none; font-size: 14px; width: 120px; padding: 5px 10px; line-height: 20px; position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; -webkit-box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.20); box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.20); margin-left: 5px; font-weight: normal; margin: 0; display: none; } .loginpress-caps-lock:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent rgba(51, 56, 61, 0.9) transparent transparent; position: absolute; top: 50%; right: 100%; margin-left: 0; margin-top: -5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1; } .login form{ overflow: visible; border: none; } #loginform .user-pass-fields input{ margin-bottom: 0; } #loginform .user-pass-fields { margin-bottom: 18px; position: relative; } #login form p.submit{ position: relative; clear: both; } input[type=checkbox]:checked::before{ margin: -.35rem 0 0 -.375rem; } /* LoginPress input field since 1.1.20 */ /* .loginpress-input-wrap{ position: relative; } .loginpres-input-field { transition: 0.4s; } .loginpres-input-field ~ .focus-border:before, .loginpres-input-field ~ .focus-border:after{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s; z-index: 999; } .loginpres-input-field ~ .focus-border:after{ top: auto; bottom: 0; } .loginpres-input-field ~ .focus-border i:before, .loginpres-input-field ~ .focus-border i:after{ content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 0; background-color: #3399FF; transition: 0.6s; } .loginpres-input-field ~ .focus-border i:after{ left: auto; right: 0; } .loginpres-input-field:focus ~ .focus-border:before, .loginpres-input-field:focus ~ .focus-border:after{ left: 0; width: 100%; transition: 0.4s; } .loginpres-input-field:focus ~ .focus-border i:before, .loginpres-input-field:focus ~ .focus-border i:after{ top: 0; height: 100%; transition: 0.6s; } */ /* ! LoginPress input field since 1.1.20 */ @media screen and (max-width: 1239px) and (min-width: 768px){ body.login #loginpress_video-background-wrapper{ } } @media screen and (max-width: 767px) { .login h1 a { max-width: 100%; background-size: contain !important; } .copyRight{ padding: 12px; } .loginpress-caps-lock{ left: auto; right: 0; top: 149%; } .loginpress-caps-lock:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(51, 56, 61, 0.9) transparent; position: absolute; top: 0px; left: 5px; right: auto; } .loginpress-show-love{ display: none !important; } body.login #loginpress_video-background-wrapper{ } } @media screen and (max-height: 700px) { .loginpress-show-love{ display: none !important; } } /* The only rule that matters */ #loginpress_video-background { /* making the video fullscreen */ position: fixed !important ; right: 0 !important ; bottom: 0 !important ; width: 100% !important ; height: 100% !important ; z-index: -100 !important ; } body.login #login.login_tranparent,body.login #login.login_tranparent #loginform{ background: none !important; } body.login{ display: flex; flex-direction: column; } body #login{ margin-bottom: 0; } body.login label[for="authcode"]:after{ display: none; } body.login label[for="authcode"]+input{ padding-left: 15px; } /* Default Login Popup styling */ .interim-login.login form { margin: 30px !important; } .interim-login #login_error, .interim-login.login .message{ margin: 0 20px 16px !important; } .interim-login.login { min-height: 520px; height: 100vh; } .interim-login #login { width: 100%; max-width: 380px; margin-top: 0; margin-bottom: 0; height: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: center; padding: 20px 0; } .interim-login #login .submit{ margin-top: 10px; } [for="language-switcher-locales"]:after{ display: none; } .language-switcher{ clear: both; padding-top: 1px; } .login #language-switcher input[type="submit"]{ margin: 0; color: #2271b1; border-color: #2271b1; background: #f6f7f7; vertical-align: top; height: inherit; width: inherit; font-size: inherit; } html:not([data-theme="dark"]){}html[data-theme="dark"]{}html{} // Resize reCAPTCHA to fit width of container // Since it has a fixed width, we're scaling // using CSS3 transforms // ------------------------------------------ // captchaScale = containerWidth / elementWidth function scaleCaptcha(elementWidth) { // Width of the reCAPTCHA element, in pixels if(document.querySelector('.loginpress_recaptcha_wrapper')){ var reCaptchaWidth = 304; // Get the containing element's width var containerWidth = document.querySelector('.loginpress_recaptcha_wrapper').clientWidth; // Only scale the reCAPTCHA if it won't fit // inside the container if(reCaptchaWidth > containerWidth) { // Calculate the scale var captchaScale = containerWidth / reCaptchaWidth; // Apply the transformation document.querySelector('.g-recaptcha').style.transform = 'scale(' + captchaScale + ')'; // console.log(captchaScale); } } } // $(function() { // // Initialize scaling // scaleCaptcha(); // // Update scaling on window resize // // Uses jQuery throttle plugin to limit strain on the browser // }); document.addEventListener("DOMContentLoaded", function(event) { scaleCaptcha(); }); window.onresize = function(event) { scaleCaptcha() }; window.onload = function(){ scaleCaptcha() }; body.login { } .udb-bg-overlay { position: fixed; width: 100%; height: 100%; z-index: 0; } #login { position: relative; } .login h1 { padding: 0 12px; } .login h1 a { width: 100%; height: 90px; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; } .login form, #loginform { position: relative; margin-left: auto; margin-right: auto; box-shadow: none; border-width: 2px; border-style: solid; border-color: #dddddd; border-radius: 4px; } .login input[type=text], .login input[type=password] { border-width: 2px; box-shadow: none; outline: none; transition: all 0.30s ease-in-out; border-color: #dddddd; border-radius: 4px; border-width: 2px; padding: 0 10px; height: 50px; } .login input[type=text]:focus, .login input[type=password]:focus { } .login .button.wp-hide-pw { margin-top: 5px; } .login #backtoblog, .login #nav { text-align: center; } .wp-core-ui .button { padding: 0 15px; height: 35px; line-height: 35px; } .wp-core-ui .button.button-primary { } .wp-core-ui .button.button-primary:hover, .wp-core-ui .button.button-primary:focus { } .login form, #loginform { } body.login { } .udb-bg-overlay { position: fixed; width: 100%; height: 100%; z-index: 0; } #login { position: relative; } .login h1 { padding: 0 12px; } .login h1 a { width: 100%; height: 90px; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; } .login form, #loginform { position: relative; margin-left: auto; margin-right: auto; box-shadow: none; border-width: 2px; border-style: solid; border-color: #dddddd; border-radius: 4px; } .login input[type=text], .login input[type=password] { border-width: 2px; box-shadow: none; outline: none; transition: all 0.30s ease-in-out; border-color: #dddddd; border-radius: 4px; border-width: 2px; padding: 0 10px; height: 50px; } .login input[type=text]:focus, .login input[type=password]:focus { } .login .button.wp-hide-pw { margin-top: 5px; } .login #backtoblog, .login #nav { text-align: center; } .wp-core-ui .button { padding: 0 15px; height: 35px; line-height: 35px; } .wp-core-ui .button.button-primary { } .wp-core-ui .button.button-primary:hover, .wp-core-ui .button.button-primary:focus { } .login form, #loginform { }
Not Applicable
DE
Not Applicable
$
8.95
Finland
