Acceder body.uip-login h1 a { background-image:url('https://pmocol.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-action-confirm_admin_email #login{ background-color: transparent; } .login-action-confirm_admin_email #backtoblog a { color: #444 !important; } .admin-email__actions-primary .button:first-child:hover{ background-color: #ff8bd4; } .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; border-radius: 0 !important; width: 100%; text-align: center; background-color: #fc6ec7; border: 0; margin-bottom: 8px; } body.login { background-image: url(https://pmocol.shop/wp-content/plugins/loginpress-pro/img/bg3.jpg); background-size: cover; position: relative; min-height: 650px; background-attachment: fixed } body.login:after{ width: 50%; top: 0; left:0; height: 100%; background: rgba(255,255,255,.7); content: ''; position: absolute; } /*body.login:before{ width: 100%; top: 0; left:0; height: 100%; background: rgba(0,0,0,.7); content: 'By Our Pro Version'; position: absolute; z-index: 100; color: #fff; }*/ .login label{ margin-top: 0; display: block; } #login{ position: relative; left: 25%; padding: 0; z-index: 12; max-height: 100%; width: 100%; max-width: 380px; padding-right: 15px; align-items: center; padding-left: 15px; margin: 0; /* justify-content: center; */ transform: translateX(-50%); padding-bottom: 100px; padding-top: 100px; } #login form p + p:not(.forgetmenot), .user-pass-wrap{ margin-top: 35px; } .login form .forgetmenot{ float: none; } .login form .input, .login input[type=text]{ background: none; display: block; color: #404040; font-size: 16px; /*font-family: 'Open Sans';*/ width:100%; border:0; height: 50px; padding: 0 15px; border-bottom:1px solid #a8a5a3; box-shadow: none; } .login form{ background: none; padding: 0; box-shadow: none; } .login form br{ display: none; } #login form p.submit{ clear: both; padding-top: 0; } .wp-core-ui #login .button-primary{ width:100% !important; display: block; float: none; background-color : #fc6ec7; font-weight: 700; font-size: 18px; /*font-family: 'Open Sans';*/ color : #ffffff; height: 56px; border-radius: 0; border:0; box-shadow: none; text-shadow: none; } .wp-core-ui #login .button-primary:hover{ background-color: #ff8bd4; } .login form .forgetmenot label{ font-size: 13px; /*font-family: 'Open Sans';*/ color: #606060; } .login form input[type=checkbox]{ background: none; border: 1px solid #a8a5a3; height: 13px; width: 13px; min-width: 13px; } .login #nav, .login #backtoblog { margin: 17px 0 0; padding: 0; font-size: 11px; /*font-family: "Open Sans";*/ color: #606060; } .login #nav a, .login #backtoblog a{ font-size: 11px; /*font-family: "Open Sans";*/ color: #606060; } .login #backtoblog{ float: left; }.login #nav { font-size: 0; float: right; width: 100%; } .login #nav a:last-child { float: right; } .login #nav a:first-child { float: left; } .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover{ color: #fc6ec7; } /* style two factor plugin */ .login .backup-methods-wrap a, #login form p:not([class]){ color: #606060; } .login .backup-methods-wrap a:hover{ color: #fc6ec7; } /*End style two factor plugin */ .footer-wrapper{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; } .footer-cont{ right: 0; bottom: 0; left: 0; text-align: center; width: 100vw; /* height: 40px; */ } .copyRight{ text-align: center; padding: 12px; background-color: #e2e4d4; color: #3d332a; } .loginpress-show-love{ color: #fff; } .loginpress-show-love a{ color: #fff; } .loginpress-show-love a:hover{ color: #fc6ec7; } html[dir="rtl"] input[type=checkbox]:checked:before{ position: relative; left: 6px; } html[dir="rtl"] .login #nav a:last-child{ float: left; } html[dir="rtl"] .login #nav a:first-child{ float: right; } html[dir="rtl"] .login #backtoblog{ float: right; } /* html[dir="rtl"] body.login:after { right: 0; left: auto; } html[dir="rtl"] #login{ left: auto; right: 25%; transform: translateX(50%); } */ html[dir="rtl"] body { display: flex; flex-direction: column; align-items: flex-end; } @media screen and (max-width: 767px) { #login,html[dir="rtl"] #login{ position: relative; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); margin: 0 auto; padding-top: 3%; left: 0; top: 0; right: 0; } body.login:after{ width: 100%; } #login:after{ content: ''; display: table; clear: both; } .login .loginpress-show-love{ position: relative; text-align: center; float: none; background: rgba(255,255,255, .5); margin-top: 16px; margin-bottom: 16px; padding-bottom: 0; padding: 3px; color: #fc6ec7; clear: both; display: none; } .login .loginpress-show-love a{ color: #fc6ec7; text-decoration: underline; } #login form p + p:not(.forgetmenot){ padding-top: 0; } } @media screen and (min-height: 701px) { #login{ margin-left: 0; } #login:after{ content: ''; display: table; clear: both; } body.login{ display: flex; justify-content: center; flex-direction: column; height: auto; min-height: 100vh; height: 20px; } html{ height: auto; } } @media screen and (max-height: 700px) { html body.login{ height: 100%; position: static; min-height: unset; } html{ min-height: 100%; position: relative; height: auto; padding-bottom: 70px; } #login{ position: relative; -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); margin: 0 auto; padding-top: 3%; left: 0; top: 0; } body.login:after{ width: 100%; } #login:after{ content: ''; display: table; clear: both; } .login .loginpress-show-love{ position: relative; text-align: center; float: none; background: rgba(255,255,255, .5); margin-top: 16px; margin-bottom: 16px; padding-bottom: 0; padding: 3px; color: #fc6ec7; clear: both; display: none; } .login .loginpress-show-love a{ color: #fc6ec7; text-decoration: underline; } #login form p + p:not(.forgetmenot){ padding-top: 0; } } // (function($){ // $(document).ready(function(){ // if($(window).height()>700){ // $('body').css('height',$('#login').outerHeight()); // }else{ // $('body').removeAttr('style'); // } // }); // $(window).on('resize load',function(){ // if($(window).height()>700){ // $('body').css('height',$('#login').outerHeight()); // }else{ // $('body').removeAttr('style'); // } // }); // }(jQuery)); function temp3(){ if(window.innerHeight>700){ document.getElementsByTagName('body')[0].style.height = document.querySelector('#login').clientHeight + 'px'; }else{ document.getElementsByTagName('body')[0].removeAttribute('style'); } } window.addEventListener ? window.addEventListener( "load", temp3, false ) : window.attachEvent && window.attachEvent( "onload", temp3 ); window.addEventListener ? window.addEventListener( "resize", temp3, false ) : window.attachEvent && window.attachEvent( "onresize", temp3 ); *{ 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://pmocol.shop/wp-content/uploads/2022/12/1577744500_444771_1577744625_noticia_normal.jpg); position: relative; } .login h1{ } .interim-login.login h1 a{ width: 217px; } .login h1 a { background-image: url( https://pmocol.shop/wp-content/uploads/2022/12/WhatsApp-Image-2022-12-05-at-9.15.04-PM.png ) !important; width: 217px !important; height: 102px !important; background-size: contain !important; } .wp-core-ui #login .button-primary{ background: #0f3a89; } .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; border-radius: 19px;; } #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 { } .login form .forgetmenot label { } .login label { font-size: 20px; } .login form .input, .login input[type="text"] { } #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{ font-size: 21px;; } .login form .forgetmenot label{ font-size: 20px;; } .login input[type="submit"]{ border-radius: 19px;; } .login #nav a:hover{ } .login #backtoblog{ } .login .copyRight{ } /* .loginpress-show-love, .loginpress-show-love a{ color: ; } */ .login .copyRight{ } .login #backtoblog a{ font-size: 20px; } .login #backtoblog{ } .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-postion{ 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; } [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{} body{ font-family: "Alegreya Sans SC" !important; } .login input[type="submit"], .login form .input, .login input[type="text"] { font-family: "Alegreya Sans SC" !important; } // 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 { background-position: center; background-size: cover; background-repeat: no-repeat; } .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-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 { background-position: center; background-size: cover; background-repeat: no-repeat; } .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-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 { }