File: /storage/v4513/ctoivenusin/public_html/wp-content/plugins/loginpress/css/style-login.php
<?php
/**
* LoginPress Style Login File
*
* Get option and check the key exists in it.
*
* @package LoginPress
* @since 1.0.0
* @version 3.0.6
*/
/**
* Set the default preset value.
*
* @var string $loginpress_preset Set the default preset value.
* @since 3.0.5
*/
$loginpress_preset = get_option( 'customize_presets_settings', true );
$loginpress_default_theme = true === $loginpress_preset && ( empty( $this->loginpress_key ) && empty( $this->loginpress_setting ) ) ? 'minimalist' : 'default1';
/**
* Get option array.
*
* @var array $loginpress_array get_option
* @since 1.0.0
* @since 3.0.3
*/
$loginpress_array = (array) get_option( 'loginpress_customization' );
$loginpress_preset = get_option( 'customize_presets_settings', $loginpress_default_theme );
$loginpress_setting = get_option( 'loginpress_setting' );
/**
* Check the key of customizer option and return it's value.
*
* @param string $loginpress_key Key of the customizer setting option.
* @param array $loginpress_array LoginPress customizer options.
*
* @return string value of the customizer setting option.
*
* @since 1.0.0
* @version 1.5.2
*/
if ( ! function_exists( 'loginpress_get_option_key' ) ) {
/**
* Get option key value from array.
*
* @param string $loginpress_key Key to search for.
* @param array $loginpress_array Array to search in.
* @return string|false Value if found, false otherwise.
*/
function loginpress_get_option_key( $loginpress_key, $loginpress_array ) {
if ( array_key_exists( $loginpress_key, $loginpress_array ) ) {
if ( 'loginpress_custom_css' === $loginpress_key ) {
return $loginpress_array[ $loginpress_key ];
} else {
$value = $loginpress_array[ $loginpress_key ];
// Normalize checkbox values for known checkbox settings.
// Convert 1/'1' to true, 0/'0' to false for checkbox fields.
// This handles cases where WordPress stores boolean true as integer 1.
$checkbox_keys = array(
'setting_logo_display',
'setting_form_display_bg',
'loginpress_display_bg',
'loginpress_display_bg_video',
'loginpress_show_love',
'lp_random_bg_img_check',
'footer_display_text',
'back_display_text',
'login_copy_right_display',
'background_video_muted',
);
if ( ! is_bool( $value ) && in_array( $loginpress_key, $checkbox_keys, true ) ) {
if ( 1 === $value || '1' === $value ) {
$value = true;
} elseif ( 0 === $value || '0' === $value || false === $value || '' === $value ) {
$value = false;
}
}
// Preserve boolean and integer values, only escape strings.
if ( is_bool( $value ) || is_int( $value ) ) {
return $value;
}
return esc_js( $value );
}
}
}
}
/**
* Check the background image of the template.
*
* @param string $loginpress_key Key of the background option.
* @param array $loginpress_array Array of customizer options.
* @return string|bool Value of the background option or true.
* @since 1.1.0
* @version 1.5.2
*/
if ( ! function_exists( 'loginpress_bg_option' ) ) {
/**
* Get background option value from array.
*
* @param string $loginpress_key Key to search for.
* @param array $loginpress_array Array to search in.
* @return string|bool Value if found, true otherwise.
*/
function loginpress_bg_option( $loginpress_key, $loginpress_array ) {
if ( array_key_exists( $loginpress_key, $loginpress_array ) ) {
return $loginpress_array[ $loginpress_key ];
} else {
return true;
}
}
}
/**
* Return the value with 'px'.
*
* @param string $value Value to check and add px to.
* @return string Value with px suffix if needed.
* @since 1.1.0
* @version 1.5.2
*/
if ( ! function_exists( 'loginpress_check_px' ) ) {
/**
* Check and add px suffix to value if needed.
*
* @param string $value Value to check.
* @return string|false Value with px or original value.
*/
function loginpress_check_px( $value ) {
if ( isset( $value ) && ! empty( $value ) && strpos( $value, 'px' ) ) {
return $value;
} elseif ( ! empty( $value ) ) {
return $value . 'px';
}
}
}
/**
* Return the value with '%'.
*
* @param string $value Value to check and add % to.
* @return string Value with % suffix if needed.
* @since 1.1.0
* @version 6.0.0
*/
if ( ! function_exists( 'loginpress_check_percentage' ) ) {
/**
* Check and add percentage suffix to value if needed.
*
* @param string $value Value to check.
* @return string|false Value with % or original value.
*/
function loginpress_check_percentage( $value ) {
if ( strpos( $value, '%' ) ) {
return $value;
} elseif ( ! empty( $value ) ) {
return $value . '%';
}
}
}
/**
* [if for login page background]
*
* @since 1.1.0
* @version 4.0.1
* @return string
*/
$loginpress_custom_background = loginpress_get_option_key( 'setting_background', $loginpress_array );
$loginpress_gallery_background = loginpress_get_option_key( 'gallery_background', $loginpress_array );
$loginpress_rand_bg_check = loginpress_get_option_key( 'lp_random_bg_img_check', $loginpress_array );
$lp_random_bg_img_upload = loginpress_get_option_key( 'lp_random_bg_img_upload', $loginpress_array );
$loginpress_mobile_background = loginpress_get_option_key( 'mobile_background', $loginpress_array );
$selected_images = array();
if ( ! is_null( $lp_random_bg_img_upload ) && ! empty( $lp_random_bg_img_upload ) ) {
$selected_images = explode( ',', $lp_random_bg_img_upload );
}
// Create array of default gallery images.
$default_gallery_images = array();
for ( $bg_count = 4; $bg_count <= 9; $bg_count++ ) {
$default_gallery_images[] = plugins_url( "img/gallery/img-{$bg_count}.jpg", LOGINPRESS_ROOT_FILE );
}
// Check if any default gallery images exist in selected_images.
$has_default_images = false;
if ( ! empty( $selected_images ) ) {
foreach ( $default_gallery_images as $default_image ) {
if ( in_array( $default_image, $selected_images, true ) ) {
$modified_default_images = array();
$modified_default_images[] = $default_image;
$has_default_images = true;
break;
}
}
}
// If no default images are present in selected_images, add all default images.
if ( ! empty( $lp_random_bg_img_upload ) && ( ! isset( $selected_images[0] ) || empty( $selected_images[0] ) ) && $has_default_images ) {
$selected_images = array_merge( $selected_images, $modified_default_images );
}
$seconds = apply_filters( 'loginpress_random_background_timespan', 5 ) * 1000;
$selected_images = empty( $selected_images ) ? $default_gallery_images : $selected_images;
if ( $loginpress_rand_bg_check && ! empty( $selected_images ) ) {
?>
<script>
jQuery(document).ready(function($) {
var images = <?php echo wp_json_encode( $selected_images ); ?>;
var currentIndex = 0;
// Function to change the background image.
function loginpress_changeBackground() {
currentIndex = (currentIndex + 1) % images.length;
if ( images[currentIndex] ) {
$('body.login').css('background-image', 'url(' + images[currentIndex] + ')');
}
}
setTimeout(loginpress_changeBackground, 5);
setInterval(loginpress_changeBackground, <?php echo esc_js( $seconds ); ?>); // Change every 5 seconds.
});
</script>
<?php
$loginpress_background_img = '';
} else {
$loginpress_background_img = ! empty( $loginpress_custom_background ) ? $loginpress_custom_background : $loginpress_gallery_background;
$loginpress_background_img = ( LOGINPRESS_DIR_URL . 'img/gallery/img-1.jpg' === $loginpress_background_img ) ? '' : $loginpress_background_img;
$loginpress_background_img = empty( $loginpress_background_img ) ? '' : str_replace( '&', '&', $loginpress_background_img );
}
/**
* Add !important with property's value. To avoid overriding from theme.
*
* @return string
* @since 1.1.2
* @version 1.5.2
*/
if ( ! function_exists( 'loginpress_important' ) ) {
/**
* Return !important CSS property if not in customizer preview.
*
* @return string Empty string or ' !important'.
*/
function loginpress_important() {
$important = '';
if ( ! is_customize_preview() ) { // Avoid !important in customizer previewer.
$important = ' !important';
}
return $important;
}
}
$loginpress_logo_img = loginpress_get_option_key( 'setting_logo', $loginpress_array );
$loginpress_logo_display = loginpress_get_option_key( 'setting_logo_display', $loginpress_array );
$loginpress_get_logo_width = loginpress_get_option_key( 'customize_logo_width', $loginpress_array );
$loginpress_logo_width = loginpress_check_px( $loginpress_get_logo_width );
$loginpress_get_logo_height = loginpress_get_option_key( 'customize_logo_height', $loginpress_array );
$loginpress_logo_height = loginpress_check_px( $loginpress_get_logo_height );
$loginpress_get_logo_padding = loginpress_get_option_key( 'customize_logo_padding', $loginpress_array );
$loginpress_logo_padding = loginpress_check_px( $loginpress_get_logo_padding );
$loginpress_btn_bg = loginpress_get_option_key( 'custom_button_color', $loginpress_array );
$loginpress_btn_border = loginpress_get_option_key( 'button_border_color', $loginpress_array );
$loginpress_btn_shadow = loginpress_get_option_key( 'custom_button_shadow', $loginpress_array );
$loginpress_btn_color = loginpress_get_option_key( 'button_text_color', $loginpress_array );
$loginpress_btn_hover_color = loginpress_get_option_key( 'button_hover_text_color', $loginpress_array );
$loginpress_btn_hover_bg = loginpress_get_option_key( 'button_hover_color', $loginpress_array );
$loginpress_btn_hover_border = loginpress_get_option_key( 'button_hover_border', $loginpress_array );
$loginpress_background_color = loginpress_get_option_key( 'setting_background_color', $loginpress_array );
$loginpress_background_repeat = loginpress_get_option_key( 'background_repeat_radio', $loginpress_array );
$loginpress_background_position = loginpress_get_option_key( 'background_position', $loginpress_array );
$loginpress_background_position = isset( $loginpress_background_position ) ? str_replace( '-', ' ', $loginpress_background_position ) : '';
$loginpress_background_image_size = loginpress_get_option_key( 'background_image_size', $loginpress_array );
$loginpress_form_background_img = loginpress_get_option_key( 'setting_form_background', $loginpress_array );
$loginpress_form_display_bg = loginpress_get_option_key( 'setting_form_display_bg', $loginpress_array );
$loginpress_form_background_clr = loginpress_get_option_key( 'form_background_color', $loginpress_array );
$loginpress_forget_form_bg_img = loginpress_get_option_key( 'forget_form_background', $loginpress_array );
$loginpress_forget_form_bg_clr = loginpress_get_option_key( 'forget_form_background_color', $loginpress_array );
$loginpress_form_width = loginpress_get_option_key( 'customize_form_width', $loginpress_array );
$loginpress_get_form_height = loginpress_get_option_key( 'customize_form_height', $loginpress_array );
$loginpress_form_height = loginpress_check_px( $loginpress_get_form_height );
$loginpress_form_padding = loginpress_get_option_key( 'customize_form_padding', $loginpress_array );
$loginpress_form_border = loginpress_get_option_key( 'customize_form_border', $loginpress_array );
$loginpress_form_field_width = loginpress_get_option_key( 'textfield_width', $loginpress_array );
$loginpress_form_field_margin = loginpress_get_option_key( 'textfield_margin', $loginpress_array );
$loginpress_form_field_bg = loginpress_get_option_key( 'textfield_background_color', $loginpress_array );
$loginpress_form_field_color = loginpress_get_option_key( 'textfield_color', $loginpress_array );
$loginpress_form_field_label = loginpress_get_option_key( 'textfield_label_color', $loginpress_array );
$loginpress_form_remember_label = loginpress_get_option_key( 'remember_me_label_size', $loginpress_array );
$loginpress_welcome_bg_color = loginpress_get_option_key( 'message_background_color', $loginpress_array );
$loginpress_welcome_bg_border = loginpress_get_option_key( 'message_background_border', $loginpress_array );
$loginpress_footer_display = loginpress_get_option_key( 'footer_display_text', $loginpress_array );
$loginpress_footer_decoration = loginpress_get_option_key( 'login_footer_text_decoration', $loginpress_array );
$loginpress_footer_text_color = loginpress_get_option_key( 'login_footer_color', $loginpress_array );
$loginpress_footer_text_hover = loginpress_get_option_key( 'login_footer_color_hover', $loginpress_array );
$loginpress_get_footer_font_size = loginpress_get_option_key( 'login_footer_font_size', $loginpress_array );
$loginpress_footer_font_size = loginpress_check_px( $loginpress_get_footer_font_size );
$loginpress_remember_me_font_size = loginpress_get_option_key( 'remember_me_font_size', $loginpress_array );
$loginpress_form_label_font_size = loginpress_get_option_key( 'customize_form_label', $loginpress_array );
$loginpress_login_button_top = loginpress_get_option_key( 'login_button_top', $loginpress_array );
$loginpress_login_button_bottom = loginpress_get_option_key( 'login_button_bottom', $loginpress_array );
$loginpress_login_button_radius = loginpress_get_option_key( 'login_button_radius', $loginpress_array );
$loginpress_login_button_shadow = loginpress_get_option_key( 'login_button_shadow', $loginpress_array );
$loginpress_login_button_shadow_opacity = loginpress_get_option_key( 'login_button_shadow_opacity', $loginpress_array );
$loginpress_login_button_width = loginpress_get_option_key( 'login_button_size', $loginpress_array );
$loginpress_login_form_radius = loginpress_get_option_key( 'customize_form_radius', $loginpress_array );
$loginpress_login_form_shadow = loginpress_get_option_key( 'customize_form_shadow', $loginpress_array );
$loginpress_login_form_inset = loginpress_get_option_key( 'textfield_inset_shadow', $loginpress_array );
$loginpress_login_form_opacity = loginpress_get_option_key( 'customize_form_opacity', $loginpress_array );
$loginpress_login_textfield_radius = loginpress_get_option_key( 'textfield_radius', $loginpress_array );
$loginpress_login_button_text_size = loginpress_get_option_key( 'login_button_text_size', $loginpress_array );
$loginpress_textfield_shadow = loginpress_get_option_key( 'textfield_shadow', $loginpress_array );
$loginpress_textfield_shadow_opacity = loginpress_get_option_key( 'textfield_shadow_opacity', $loginpress_array );
$loginpress_footer_bg_color = loginpress_get_option_key( 'login_footer_bg_color', $loginpress_array );
$loginpress_footer_links_font_size = loginpress_get_option_key( 'login_footer_links_text_size', $loginpress_array );
$loginpress_footer_links_hover_size = loginpress_get_option_key( 'login_footer_links_hover_size', $loginpress_array );
$loginpress_header_text_color = loginpress_get_option_key( 'login_head_color', $loginpress_array );
$loginpress_header_text_hover = loginpress_get_option_key( 'login_head_color_hover', $loginpress_array );
$loginpress_header_font_size = loginpress_get_option_key( 'login_head_font_size', $loginpress_array );
$loginpress_header_bg_color = loginpress_get_option_key( 'login_head_bg_color', $loginpress_array );
$loginpress_back_display = loginpress_get_option_key( 'back_display_text', $loginpress_array );
$loginpress_back_decoration = loginpress_get_option_key( 'login_back_text_decoration', $loginpress_array );
$loginpress_back_text_color = loginpress_get_option_key( 'login_back_color', $loginpress_array );
$loginpress_back_text_hover = loginpress_get_option_key( 'login_back_color_hover', $loginpress_array );
$loginpress_get_back_font_size = loginpress_get_option_key( 'login_back_font_size', $loginpress_array );
$loginpress_back_font_size = loginpress_check_px( $loginpress_get_back_font_size );
$copyright_background_color = loginpress_get_option_key( 'copyright_background_color', $loginpress_array );
$copyright_text_color = loginpress_get_option_key( 'copyright_text_color', $loginpress_array );
$loginpress_back_bg_color = loginpress_get_option_key( 'login_back_bg_color', $loginpress_array );
$loginpress_footer_link_color = loginpress_get_option_key( 'login_footer_text_color', $loginpress_array );
$loginpress_footer_link_hover = loginpress_get_option_key( 'login_footer_text_hover', $loginpress_array );
$loginpress_footer_link_bg_clr = loginpress_get_option_key( 'login_footer_backgroung_hover', $loginpress_array );
$loginpress_custom_css = loginpress_get_option_key( 'loginpress_custom_css', $loginpress_array );
$loginpress_display_bg = loginpress_bg_option( 'loginpress_display_bg', $loginpress_array );
$loginpress_display_bg_video = loginpress_bg_option( 'loginpress_display_bg_video', $loginpress_array );
$loginpress_bg_video = loginpress_get_option_key( 'background_video', $loginpress_array );
$loginpress_bg_video_medium = loginpress_get_option_key( 'bg_video_medium', $loginpress_array );
$loginpress_bg_yt_video_id = loginpress_get_option_key( 'yt_video_id', $loginpress_array );
$loginpress_bg_video = wp_get_attachment_url( $loginpress_bg_video );
$loginpress_bg_video_size = loginpress_get_option_key( 'background_video_object', $loginpress_array );
$loginpress_bg_video_position = loginpress_get_option_key( 'video_obj_position', $loginpress_array );
$loginpress_bg_video_muted = loginpress_bg_option( 'background_video_muted', $loginpress_array );
$loginpress_theme_tem = get_option( 'customize_presets_settings', true );
$loginpress_theme_tem = 'default1' === $loginpress_theme_tem ? 'default1' : $loginpress_theme_tem;
$loginpress_video_voice = ( true === $loginpress_bg_video_muted ) ? 'muted' : '';
$login_copy_right_display = loginpress_get_option_key( 'login_copy_right_display', $loginpress_array );
/**
* Generate box shadow CSS if user pass 0 then we're not going to set the value of box-shadow because it effects the pro templates.
*
* @param integer $shadow Shadow Value.
* @param integer $opacity Opacity Value.
* @param integer $default_shadow Set shadow's default value.
* @param boolean $inset Whether to add inset.
* @return string Box-shadow CSS value.
* @since 1.1.3
*/
$loginpress_inset = $loginpress_login_form_inset ? true : false;
if ( ! function_exists( 'loginpress_box_shadow' ) ) {
/**
* Generate box shadow CSS value.
*
* @param int $shadow Shadow value.
* @param int $opacity Opacity value.
* @param int $default_shadow Default shadow value.
* @param boolean $inset Whether to add inset.
* @return string Box shadow CSS value.
*/
function loginpress_box_shadow( $shadow, $opacity, $default_shadow = 0, $inset = false ) {
$loginpress_shadow = ! empty( $shadow ) ? $shadow : $default_shadow;
$loginpress_opacity = ! empty( $opacity ) ? $opacity : 80;
$inset = $inset ? ' inset' : '';
$opacity_conversion = $loginpress_opacity / 100;
$loginpress_rgba = 'rgba( 0,0,0,' . $opacity_conversion . ' )';
return '0 0 ' . $loginpress_shadow . 'px ' . $loginpress_rgba . $inset . ';';
}
}
?>
<style type="text/css">
*{
box-sizing: border-box;
}
.login .button-primary {
float: none;
}
.login .privacy-policy-page-link {
text-align: center;
width: 100%;
margin: 0em 0 2em;
clear: both;
padding-top: 10px;
}
html[dir="rtl"] #loginpress_showPasswordWrapper{
right: auto;
left: 0;
}
input[type=checkbox]:checked::before{
height: 1.3125rem;
width: 1.3125rem;
}
.footer-wrapper{
overflow: hidden;
}
.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;
}
<?php if ( 'default1' !== $loginpress_theme_tem ) : ?>
.loginpress-seprator{
display: none;
}
<?php endif; ?>
#login::after{
<?php $loginpress_background_img = apply_filters( 'loginpress_login_after_background_image', $loginpress_background_img ); ?>
<?php if ( ( 'default6' === $loginpress_theme_tem || 'default10' === $loginpress_theme_tem ) && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
background-image: url(<?php echo esc_url( $loginpress_background_img ); ?>);
<?php elseif ( ( 'default6' === $loginpress_theme_tem || 'default10' === $loginpress_theme_tem ) && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
background-image: url();
<?php endif; ?>
<?php if ( in_array( $loginpress_theme_tem, array( 'default6', 'default10' ), true ) ) : ?>
<?php if ( ! empty( $loginpress_background_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_background_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
background-repeat: <?php echo esc_attr( $loginpress_background_repeat ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_position ) ) : ?>
background-position: <?php echo esc_attr( $loginpress_background_position ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
background-size: <?php echo esc_attr( $loginpress_background_image_size ); ?>;
<?php endif; ?>
<?php endif; ?>
}
#login{
<?php $loginpress_background_img = apply_filters( 'loginpress_login_background_image', $loginpress_background_img ); ?>
<?php if ( 'default17' === $loginpress_theme_tem && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
background-image: url(<?php echo esc_url( $loginpress_background_img ); ?>);
<?php elseif ( 'default17' === $loginpress_theme_tem && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
background-image: url();
<?php endif; ?>
<?php if ( 'minimalist' !== $loginpress_theme_tem ) : ?>
<?php if ( ! empty( $loginpress_form_display_bg ) && true === $loginpress_form_display_bg ) : ?>
background: transparent;
<?php endif; ?>
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_form_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_form_radius ) . 'px'; ?>;
<?php endif; ?>
<?php endif; ?>
<?php if ( 'default17' === $loginpress_theme_tem ) : ?>
<?php if ( ! empty( $loginpress_background_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_background_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
background-repeat: <?php echo esc_attr( $loginpress_background_repeat ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_position ) ) : ?>
background-position: <?php echo esc_attr( $loginpress_background_position ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
background-size: <?php echo esc_attr( $loginpress_background_image_size ); ?>;
<?php endif; ?>
<?php endif; ?>
}
<?php if ( 'minimalist' !== $loginpress_theme_tem ) : ?>
#login{
<?php if ( ! empty( $loginpress_login_form_shadow ) && ! empty( $loginpress_login_form_opacity ) ) : ?>
box-shadow: <?php echo esc_attr( loginpress_box_shadow( $loginpress_login_form_shadow, $loginpress_login_form_opacity ) ); ?><?php echo esc_attr( loginpress_important() ); ?>;
<?php elseif ( 0 === $loginpress_login_form_shadow || 0 === $loginpress_login_form_opacity ) : ?>
box-shadow: none;
-webkit-box-shadow: 0 <?php echo esc_attr( loginpress_important() ); ?>;
<?php endif; ?>
}
<?php endif; ?>
<?php if ( 'minimalist' === $loginpress_theme_tem ) : ?>
#loginform, html body.login .wishlistmember-loginform div#login form#loginform{
<?php if ( ! empty( $loginpress_form_display_bg ) && true === $loginpress_form_display_bg ) : ?>
background: transparent;
<?php endif; ?>
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_form_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_form_radius ) . 'px'; ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_form_shadow ) && ! empty( $loginpress_login_form_opacity ) ) : ?>
box-shadow: <?php echo esc_attr( loginpress_box_shadow( $loginpress_login_form_shadow, $loginpress_login_form_opacity ) ); ?><?php echo esc_attr( loginpress_important() ); ?>;
<?php elseif ( 0 === $loginpress_login_form_shadow || 0 === $loginpress_login_form_opacity ) : ?>
box-shadow: none;
-webkit-box-shadow: 0 <?php echo esc_attr( loginpress_important() ); ?>;
<?php endif; ?>
}
<?php endif; ?>
html[dir="rtl"] .login form .input, html[dir="rtl"] .login input[type="text"]{
margin-right: 0;
}
body.login #loginpress_video-background-wrapper{
<?php if ( 'default6' === $loginpress_theme_tem ) : ?>
position: absolute !important;
top: 0 !important;
overflow: hidden;
right: 0 !important;
width: calc(50% + 130px) !important;
height: 100% !important;
z-index: 1;
transform: translate(0, 0 );
<?php endif; ?>
<?php if ( 'default8' === $loginpress_theme_tem ) : ?>
position: absolute !important;
top: 0 !important;
overflow: hidden;
right: 0 !important;
width: 50% !important;
height: 100% !important;
z-index: 1;
transform: translate(0, 0 );
<?php endif; ?>
<?php if ( 'default10' === $loginpress_theme_tem ) : ?>
position: absolute !important;
top: 0 !important;
overflow: hidden !important;
right: 0 !important;
width: 50% !important;
height: 100% !important;
z-index: 1 !important;
transform: translate(0, 0 );
<?php endif; ?>
<?php if ( 'default17' === $loginpress_theme_tem ) : ?>
position: absolute;
top: 0 !important;
overflow: hidden;
right: auto;
width: 80% !important;
height: 100% !important;
z-index: 1 !important;
left: 0 !important;
transform: translate(0, 0 );
<?php endif; ?>
}
body.login #loginpress_video-background{
<?php if ( 'default6' === $loginpress_theme_tem ) : ?>
position: absolute !important;
<?php endif; ?>
<?php if ( 'default8' === $loginpress_theme_tem ) : ?>
position: absolute !important;
<?php endif; ?>
<?php if ( 'default10' === $loginpress_theme_tem ) : ?>
position: absolute !important;
<?php endif; ?>
<?php if ( 'default17' === $loginpress_theme_tem ) : ?>
min-width: inherit !important;
position: absolute !important;
min-height: inherit !important;
width: 100% !important;
height: 100% !important;
<?php endif; ?>
<?php if ( $loginpress_bg_video_size ) : ?>
object-fit: <?php echo esc_attr( $loginpress_bg_video_size ); ?>;
<?php else : ?>
object-fit: cover;
<?php endif; ?>
<?php if ( $loginpress_bg_video_position ) : ?>
object-position: <?php echo esc_attr( $loginpress_bg_video_position ); ?>;
<?php endif; ?>
}
body.login:after{
<?php $loginpress_background_img = apply_filters( 'loginpress_body_after_background_image', $loginpress_background_img ); ?>
<?php if ( 'default8' === $loginpress_theme_tem && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
background-image: url(<?php echo esc_url( $loginpress_background_img ); ?>);
<?php elseif ( 'default8' === $loginpress_theme_tem && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
background-image: url();
<?php endif; ?>
<?php if ( 'default8' === $loginpress_theme_tem ) : ?>
<?php if ( ! empty( $loginpress_background_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_background_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
background-repeat: <?php echo esc_attr( $loginpress_background_repeat ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_position ) ) : ?>
background-position: <?php echo esc_attr( $loginpress_background_position ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
background-size: <?php echo esc_attr( $loginpress_background_image_size ); ?>;
<?php endif; ?>
<?php endif; ?>
}
body.login {
<?php $loginpress_background_img = apply_filters( 'loginpress_body_background_image', $loginpress_background_img ); ?>
<?php if ( in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ), true ) && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
background-image: url();
<?php elseif ( in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ), true ) && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
background-image: url();
<?php endif; ?>
<?php if ( ! in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ), true ) && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
background-image: url(<?php echo esc_url( $loginpress_background_img ); ?>);
<?php elseif ( ! in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ), true ) && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
background-image: url();
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_background_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
background-repeat: <?php echo esc_attr( $loginpress_background_repeat ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_position ) ) : ?>
background-position: <?php echo esc_attr( $loginpress_background_position ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
background-size: <?php echo esc_attr( $loginpress_background_image_size ); ?>;
<?php endif; ?>
position: relative;
}
.login h1{
<?php if ( ! empty( $loginpress_logo_display ) && true === $loginpress_logo_display ) : ?>
display: none <?php echo esc_attr( loginpress_important() ); ?>;
<?php endif; ?>
}
.interim-login.login h1 a{
<?php if ( ! empty( $loginpress_logo_width ) ) : ?>
width: <?php echo esc_attr( $loginpress_logo_width ); ?>;
<?php else : ?>
width: 84px;
<?php endif; ?>
}
.login h1 a,
.login .wp-login-logo a {
<?php $loginpress_logo_img = apply_filters( 'loginpress_form_logo', $loginpress_logo_img ); ?>
<?php if ( ! empty( $loginpress_logo_img ) ) : ?>
background-image: url( <?php echo esc_url( $loginpress_logo_img ); ?> ) <?php echo esc_attr( loginpress_important() ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_logo_width ) ) : ?>
width: <?php echo esc_attr( $loginpress_logo_width . loginpress_important() ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_logo_height ) ) : ?>
height: <?php echo esc_attr( $loginpress_logo_height . loginpress_important() ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_logo_width ) || ! empty( $loginpress_logo_height ) ) : ?>
background-size: contain <?php echo esc_attr( loginpress_important() ); ?>;
<?php else : ?>
background-size: contain;
<?php endif; ?>
<?php if ( ! empty( $loginpress_logo_padding ) ) : ?>
margin-bottom: <?php echo esc_attr( $loginpress_logo_padding . loginpress_important() ); ?>;
<?php endif; ?>
}
/**
* WordPress 6.7 campatibility
* @since 3.3.0
* @version 3.3.0
*/
.login h1 a,
.login .wp-login-logo a{
background-repeat: no-repeat;
background-position: center;
text-indent: 100%;
display: block;
overflow: hidden;
white-space: nowrap;
margin-inline: auto;
}
<?php if ( ! empty( $loginpress_logo_img ) ) : ?>
.login h1 a.bb-login-title:has(.bs-cs-login-title), .login.bb-login #login>h1>a {
text-indent: -1000px;
<?php if ( empty( $loginpress_logo_height ) ) : ?>
height: 84px;
<?php endif; ?>
}
<?php else : ?>
.login h1 a.bb-login-title:has(.bs-cs-login-title), .login.bb-login #login>h1>a {
height: 84px;
}
<?php endif; ?>
.wp-core-ui #login .wp-generate-pw,
.wp-core-ui #login .button-primary,
body.wp-core-ui #login .two-factor-email-resend .button{
<?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
background: <?php echo esc_attr( $loginpress_btn_bg ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_btn_border ) ) : ?>
border-color: <?php echo esc_attr( $loginpress_btn_border ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_btn_shadow ) ) : ?>
box-shadow: 0px 1px 0px <?php echo esc_attr( $loginpress_btn_shadow ); ?> inset, 0px 1px 0px rgba(0, 0, 0, 0.15);
<?php endif; ?>
<?php if ( ! empty( $loginpress_btn_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_btn_color ); ?>;
<?php endif; ?>
}
<?php
if ( ! function_exists( 'loginpress_rgba2hex' ) ) {
/**
* Convert RGBA / HEX / RGB (with percent support) to HEX.
*
* Supports:
* - HEX: #rgb, #rgba, #rrggbb, #rrggbbaa.
* - RGB/RGBA: numeric (0-255) or percentage (0% - 100%).
* - Alpha: 0-1 or percentage (e.g. 50%).
*
* @param string $color Color string.
* @param bool $include_alpha If true, include alpha byte in returned HEX (always appended if input has alpha or rgba provided). Default false.
* @return string|false HEX string like #RRGGBB or #RRGGBBAA, or false on invalid input.
*/
function loginpress_rgba2hex( $color, $include_alpha = false ) {
if ( empty( $color ) || ! is_string( $color ) ) {
return false;
}
$color = trim( $color );
// HEX: #RGB, #RGBA, #RRGGBB, #RRGGBBAA.
if ( preg_match( '/^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i', $color, $m ) ) {
$hex = $m[1];
// Expand short formats.
if ( strlen( $hex ) === 3 ) {
$r = str_repeat( $hex[0], 2 );
$g = str_repeat( $hex[1], 2 );
$b = str_repeat( $hex[2], 2 );
$a = null;
} elseif ( strlen( $hex ) === 4 ) {
$r = str_repeat( $hex[0], 2 );
$g = str_repeat( $hex[1], 2 );
$b = str_repeat( $hex[2], 2 );
$a = str_repeat( $hex[3], 2 );
} elseif ( strlen( $hex ) === 6 ) {
$r = substr( $hex, 0, 2 );
$g = substr( $hex, 2, 2 );
$b = substr( $hex, 4, 2 );
$a = null;
} else { // 8
$r = substr( $hex, 0, 2 );
$g = substr( $hex, 2, 2 );
$b = substr( $hex, 4, 2 );
$a = substr( $hex, 6, 2 );
}
$result = '#' . strtoupper( $r . $g . $b );
if ( $include_alpha ) {
if ( null === $a ) {
$result .= 'FF';
} else {
$result .= strtoupper( $a );
}
}
return $result;
}
// rgb() or rgba(). Support formats like:
// rgb(255, 0, 0) | rgba(255,0,0,0.5) | rgb(100%,0%,0%) | rgba(100% 0% 0% / 50%).
// We'll normalize by replacing commas with spaces and handling slash alpha.
$norm = preg_replace( '/\s+/', ' ', trim( str_replace( ',', ' ', $color ) ) );
// Support slash-separated alpha (CSS4): "rgb(255 255 255 / 0.5)".
if ( preg_match( '/^rgba?\(\s*([^\)]+)\s*\)$/i', $norm, $parts ) ) {
$inside = $parts[1];
// If slash present, split channels and alpha.
$alpha = null;
if ( strpos( $inside, '/' ) !== false ) {
list( $channels_part, $alpha_part ) = array_map( 'trim', explode( '/', $inside, 2 ) );
$channels = preg_split( '/\s+/', $channels_part );
$alpha_raw = $alpha_part;
} else {
$chunks = preg_split( '/\s+/', $inside );
// Last element might be alpha if there are 4.
if ( count( $chunks ) === 4 ) {
$alpha_raw = array_pop( $chunks );
$channels = $chunks;
} else {
$channels = $chunks;
$alpha_raw = null;
}
}
if ( count( $channels ) !== 3 ) {
return false;
}
// Helper to convert a channel (either "255" or "50%") to 0-255 int.
$conv_channel = function ( $val ) {
$val = trim( $val );
if ( substr( $val, -1 ) === '%' ) {
$v = floatval( rtrim( $val, '%' ) );
$v = max( 0, min( 100, $v ) );
return (int) round( $v * 2.55 ); // 100% -> 255.
}
// numeric value.
$v = floatval( $val );
$v = max( 0, min( 255, $v ) );
return (int) round( $v );
};
$r = $conv_channel( $channels[0] );
$g = $conv_channel( $channels[1] );
$b = $conv_channel( $channels[2] );
// Alpha conversion: support "50%" or "0.5".
$a = 1.0;
if ( null !== $alpha_raw ) {
$alpha_raw = trim( $alpha_raw );
if ( substr( $alpha_raw, -1 ) === '%' ) {
$a = floatval( rtrim( $alpha_raw, '%' ) ) / 100.0;
} else {
$a = floatval( $alpha_raw );
// If somebody passed 50 by mistake for alpha, it's ambiguous; treat >1 as 1.
if ( $a > 1 ) {
$a = min( 1.0, $a );
}
}
$a = max( 0.0, min( 1.0, $a ) );
}
$hex = sprintf( '#%02X%02X%02X', $r, $g, $b );
if ( $include_alpha ) {
$alpha_hex = sprintf( '%02X', (int) round( $a * 255 ) );
$hex .= $alpha_hex;
}
return $hex;
}
return false;
}
}
?>
.wp-core-ui #login .wp-generate-pw{
<?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
background: <?php echo esc_attr( loginpress_rgba2hex( $loginpress_btn_bg ) . '5e' ); ?>;
color: <?php echo esc_attr( loginpress_rgba2hex( $loginpress_btn_bg ) ); ?>;
border-color: <?php echo esc_attr( loginpress_rgba2hex( $loginpress_btn_bg ) ); ?>;
<?php endif; ?>
}
.wp-core-ui #login .wp-generate-pw:hover{
background: <?php echo esc_attr( loginpress_rgba2hex( $loginpress_btn_bg ) . '2e' ); ?>;
}
#language-switcher{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#language-switcher input[type="submit"]{
padding: 0 10px;
<?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
background: <?php echo esc_attr( $loginpress_btn_bg ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_btn_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_btn_color ); ?>;
<?php endif; ?>
}
input[type=checkbox],input[type=checkbox]:checked{
<?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
border-color: <?php echo esc_attr( $loginpress_btn_bg ); ?> !important;
<?php endif; ?>
}
.dashicons-visibility,
.dashicons-hidden:hover {
<?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
color: <?php echo esc_attr( $loginpress_btn_bg ); ?> !important;
<?php endif; ?>
}
.dashicons-visibility:before,
.dashicons-hidden:hover::before {
color: inherit !important;
}
input[type=checkbox]:checked:before {
<?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z" fill="<?php echo esc_attr( rawurlencode( $loginpress_btn_bg ) ); ?>"/></svg>');
<?php endif; ?>
}
body .language-switcher{
left: 0;
width: 100%;
}
body.wp-core-ui #login .button-primary.button-large:hover, body.wp-core-ui #login .button-primary:hover, body.wp-core-ui #login .two-factor-email-resend .button:hover, .wp-core-ui #login .wp-generate-pw:hover,
.wp-core-ui #login .button-primary:hover{
<?php if ( ! empty( $loginpress_btn_hover_bg ) ) : ?>
background: <?php echo esc_attr( $loginpress_btn_hover_bg ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_btn_hover_border ) ) : ?>
border-color: <?php echo esc_attr( $loginpress_btn_hover_border ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_btn_hover_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_btn_hover_color ); ?>;
<?php endif; ?>
}
body.wp-core-ui #login .button-primary.button-large,
body.wp-core-ui #login .button-primary, body.wp-core-ui #login .two-factor-email-resend .button, .wp-core-ui #login .wp-generate-pw{
min-width: fit-content;
box-shadow: <?php echo esc_attr( loginpress_box_shadow( $loginpress_login_button_shadow, $loginpress_login_button_shadow_opacity ) ); ?>
height: auto;
line-height: 1.33333;
padding: 12px 15px;
<?php if ( ! empty( $loginpress_login_button_top ) ) : ?>
padding-top: <?php echo esc_attr( $loginpress_login_button_top ) . 'px;'; ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_button_bottom ) ) : ?>
padding-bottom: <?php echo esc_attr( $loginpress_login_button_bottom ) . 'px;'; ?>;
<?php if ( ! empty( $loginpress_login_button_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_button_radius ) . 'px;'; ?>;
<?php endif; ?>
<?php endif; ?>
float: none;
width: 100%;
min-height: 46px;
}
.wp-core-ui #login .wp-generate-pw{
<?php if ( 'minimalist' !== $loginpress_theme_tem ) : ?>
margin-bottom: 6px;
margin-top: 10px;
<?php endif; ?>
font-family: inherit;
<?php if ( ! empty( $loginpress_login_button_text_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_login_button_text_size ) . 'px !important;'; ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_button_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_button_radius ) . 'px;'; ?>;
<?php endif; ?>
}
#loginform,
#registerform,
body.login .wishlistmember-loginform div#login form#loginform {
<?php $loginpress_form_background_img = apply_filters( 'loginpress_login_form_background_image', $loginpress_form_background_img ); ?>
<?php if ( ! empty( $loginpress_form_display_bg ) && true === $loginpress_form_display_bg ) : ?>
background: transparent;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_background_img ) ) : ?>
background-image: url(<?php echo esc_url( $loginpress_form_background_img ); ?>);
background-size: cover;
background-position: center;
<?php endif; ?>
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_height ) ) : ?>
min-height: <?php echo esc_attr( $loginpress_form_height ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_padding ) ) : ?>
padding: <?php echo esc_attr( $loginpress_form_padding ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_border ) ) : ?>
border: <?php echo esc_attr( $loginpress_form_border ); ?>;
<?php endif; ?>
}
#loginform input[type="text"], #loginform input[type="password"]{
<?php if ( ! empty( $loginpress_login_textfield_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_textfield_radius ) . 'px;'; ?>;
<?php endif; ?>
box-shadow: <?php echo esc_attr( loginpress_box_shadow( $loginpress_textfield_shadow, $loginpress_textfield_shadow_opacity, '0', $loginpress_inset ) ); ?>
}
#registerform input[type="text"], #registerform input[type="password"], #registerform input[type="number"], #registerform input[type="email"] {
<?php if ( ! empty( $loginpress_login_textfield_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_textfield_radius ) . 'px;'; ?>;
<?php endif; ?>
box-shadow: <?php echo esc_attr( loginpress_box_shadow( $loginpress_textfield_shadow, $loginpress_textfield_shadow_opacity, '0', $loginpress_inset ) ); ?>
}
#lostpasswordform input[type="text"]{
<?php if ( ! empty( $loginpress_login_textfield_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_textfield_radius ) . 'px;'; ?>;
<?php endif; ?>
box-shadow: <?php echo esc_attr( loginpress_box_shadow( $loginpress_textfield_shadow, $loginpress_textfield_shadow_opacity, '0', $loginpress_inset ) ); ?>
}
<?php if ( 'default6' !== $loginpress_theme_tem && 'default10' !== $loginpress_theme_tem ) : ?>
#login {
<?php if ( ! empty( $loginpress_form_width ) ) : ?>
max-width: <?php echo esc_attr( loginpress_check_px( $loginpress_form_width ) . loginpress_important() ); ?>;
<?php else : ?>
<?php endif; ?>
}
<?php else : ?>
#login form{
<?php if ( ! empty( $loginpress_form_width ) ) : ?>
max-width: <?php echo esc_attr( loginpress_check_px( $loginpress_form_width ) . loginpress_important() ); ?>;
<?php else : ?>
<?php endif; ?>
}
<?php endif; ?>
body.login form.shake{
transform: none;
animation: loginpress_shake_anim .2s cubic-bezier(.19,.49,.38,.79) both;
}
@keyframes loginpress_shake_anim {
25% {
margin-left: -20px;
}
75% {
margin-left :20px;
}
100% {
margin-left: 0;
}
}
.login form .forgetmenot label {
<?php if ( ! empty( $loginpress_form_remember_label ) ) : ?>
color: <?php echo esc_attr( $loginpress_form_remember_label . loginpress_important() ); ?>;
<?php endif; ?>
}
<?php if ( is_multisite() && is_customize_preview() ) : ?>
.login form p label{
width: 100%;
margin-bottom: 0;
}
.login form p label>span{
display: inline-block;
margin-bottom: 10px;
}
.login form p label br{
display: none;
}
.login form .forgetmenot label span{
margin-bottom: 0;
}
<?php endif; ?>
.login label {
<?php if ( ! empty( $loginpress_form_label_font_size ) && 'default2' !== $loginpress_preset ) : ?>
font-size: <?php echo esc_attr( $loginpress_form_label_font_size ) . 'px;'; ?>
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_field_label ) ) : ?>
color: <?php echo esc_attr( $loginpress_form_field_label ); ?>;
<?php endif; ?>
}
.login form .input, .login input[type="text"] {
<?php if ( ! empty( $loginpress_form_field_width ) ) : ?>
width: <?php echo esc_attr( loginpress_check_percentage( $loginpress_form_field_width ) ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_field_margin ) ) : ?>
margin: <?php echo esc_attr( $loginpress_form_field_margin ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_field_bg ) ) : ?>
background: <?php echo esc_attr( $loginpress_form_field_bg ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_field_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_form_field_color ); ?>;
<?php endif; ?>
}
/* WordFence 2FA transparent issue fix. */
#loginform[style="position: relative;"] > .user-pass-wrap,
#loginform[style="position: relative;"] > .forgetmenot,
#loginform[style="position: relative;"] > .submit,
#loginform[style="position: relative;"] > p{
visibility: hidden !important;
}
#wfls-prompt-overlay{
background: transparent;
padding: 0;
}
#wfls-prompt-wrapper input[type="text"]{
padding-left: 20px;
}
<?php if ( 'minimalist' === $loginpress_theme_tem ) : ?>
#resetpassform,
#lostpasswordform {
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_display_bg ) && true === $loginpress_form_display_bg ) : ?>
background: transparent;
<?php endif; ?>
<?php $loginpress_forget_form_bg_img = apply_filters( 'loginpress_lostpassword_form_background_image', $loginpress_forget_form_bg_img ); ?>
<?php if ( ! empty( $loginpress_forget_form_bg_img ) ) : ?>
background-image: url(<?php echo esc_url( $loginpress_forget_form_bg_img ); ?>);
<?php endif; ?>
<?php if ( ! empty( $loginpress_forget_form_bg_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_forget_form_bg_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_padding ) ) : ?>
padding: <?php echo esc_attr( $loginpress_form_padding ); ?>;
<?php endif; ?>
}
<?php else : ?>
.login-action-rp form,
.login-action-lostpassword form{
background-color: transparent;
}
.login-action-checkemail #login,
.login-action-rp #login,
.login-action-lostpassword #login {
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_display_bg ) && true === $loginpress_form_display_bg ) : ?>
background: transparent;
<?php endif; ?>
<?php $loginpress_forget_form_bg_img = apply_filters( 'loginpress_lostpassword_form_background_image', $loginpress_forget_form_bg_img ); ?>
<?php if ( ! empty( $loginpress_forget_form_bg_img ) ) : ?>
background-image: url(<?php echo esc_url( $loginpress_forget_form_bg_img ); ?>);
<?php endif; ?>
<?php if ( ! empty( $loginpress_forget_form_bg_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_forget_form_bg_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_padding ) ) : ?>
padding: <?php echo esc_attr( $loginpress_form_padding ); ?>;
<?php endif; ?>
}
<?php endif; ?>
#registerform {
<?php if ( ! empty( $loginpress_form_padding ) ) : ?>
padding: <?php echo esc_attr( $loginpress_form_padding ); ?>;
<?php endif; ?>
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_form_display_bg ) && true === $loginpress_form_display_bg ) : ?>
background: transparent;
<?php endif; ?>
}
#wfls-prompt-overlay {
<?php if ( true !== $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_form_background_clr ); ?>;
<?php endif; ?>
}
.login .message, .login .success, .login .custom-message {
<?php if ( ! empty( $loginpress_welcome_bg_border ) ) : ?>
border: <?php echo esc_attr( $loginpress_welcome_bg_border ); ?>;
<?php else : ?>
border-left: 4px solid #00a0d2;
<?php endif; ?>
<?php if ( ! empty( $loginpress_welcome_bg_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_welcome_bg_color ); ?>;
<?php else : ?>
background-color: #fff;
<?php endif; ?>
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 {
font-family: inherit;
<?php if ( ! empty( $loginpress_footer_bg_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_footer_bg_color ); ?>;
<?php endif; ?>
<?php if ( isset( $loginpress_footer_display ) && 1 != $loginpress_footer_display ) : // phpcs:ignore ?>
display: none;
<?php endif; ?>
}
.login #nav a, .login #nav, .privacy-policy-page-link>a{
<?php if ( ! empty( $loginpress_footer_decoration ) ) : ?>
text-decoration: <?php echo esc_attr( $loginpress_footer_decoration ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_footer_text_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_footer_text_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_footer_font_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_footer_font_size . ';' ); ?>;
<?php endif; ?>
}
.login form .forgetmenot label{
<?php if ( ! empty( $loginpress_remember_me_font_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_remember_me_font_size . 'px;' ); ?>;
<?php endif; ?>
}
.social-sep{
text-transform: uppercase;
}
.social-sep:before,
.social-sep:after{
width: calc(50% - 20px);
}
#login form p + p:not(.forgetmenot) input[type="submit"]{
margin-top: 0;
}
.wp-core-ui #login .wp-generate-pw,
.login p input[type="submit"],
.wp-core-ui.login .button-group.button-large .button, .wp-core-ui.login .button.button-large, .wp-core-ui.login .button-primary,
.wp-core-ui.login .button-group.button-large .button, .wp-core-ui.login .button.button-large, .wp-core-ui.login .button-primary.button-large,
.wp-core-ui #login .button-primary{
<?php if ( ! empty( $loginpress_login_button_text_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_login_button_text_size . 'px;' ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_button_width ) ) : ?>
width: <?php echo esc_attr( $loginpress_login_button_width . '%;' ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_login_button_radius ) ) : ?>
border-radius: <?php echo esc_attr( $loginpress_login_button_radius . 'px;' ); ?>;
<?php endif; ?>
}
.login #nav a:hover{
<?php if ( ! empty( $loginpress_footer_text_hover ) ) : ?>
color: <?php echo esc_attr( $loginpress_footer_text_hover ); ?>;
<?php endif; ?>
}
.login #backtoblog{
<?php if ( ! empty( $loginpress_back_bg_color ) ) : ?>
background-color: <?php echo esc_attr( $loginpress_back_bg_color ); ?>;
<?php endif; ?>
}
.login .copyRight{
<?php if ( ! empty( $copyright_background_color ) ) : ?>
background-color: <?php echo esc_attr( $copyright_background_color ); ?>;
<?php endif; ?>
}
.login .copyRight{
<?php if ( ! empty( $copyright_text_color ) ) : ?>
color: <?php echo esc_attr( $copyright_text_color ); ?>;
<?php endif; ?>
}
.login .privacy-policy-page-link>a.privacy-policy-link:hover{
text-decoration: underline;
}
.login #backtoblog a{
<?php if ( ! empty( $loginpress_back_decoration ) ) : ?>
text-decoration: <?php echo esc_attr( $loginpress_back_decoration ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_back_text_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_back_text_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_back_font_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_back_font_size ); ?>;
<?php endif; ?>
}
.login .privacy-policy-page-link>a.privacy-policy-link{
<?php if ( ! empty( $loginpress_back_text_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_back_text_color ); ?>;
<?php endif; ?>
}
.login #backtoblog{
<?php if ( isset( $loginpress_back_display ) && true !== $loginpress_back_display ) : ?>
display: none;
<?php endif; ?>
}
.login #backtoblog a:hover{
<?php if ( ! empty( $loginpress_back_text_hover ) ) : ?>
color: <?php echo esc_attr( $loginpress_back_text_hover ); ?>;
<?php endif; ?>
}
.loginHead {
<?php if ( ! empty( $loginpress_header_bg_color ) ) : ?>
background: <?php echo esc_attr( $loginpress_header_bg_color ); ?>;
<?php endif; ?>
}
.loginHead p a {
<?php if ( ! empty( $loginpress_header_text_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_header_text_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_header_font_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_header_font_size ); ?>;
<?php endif; ?>
}
.loginHead p a:hover {
<?php if ( ! empty( $loginpress_header_text_hover ) ) : ?>
color: <?php echo esc_attr( $loginpress_header_text_hover ); ?>;
<?php endif; ?>
}
.loginFooter p a {
margin: 0 5px;
<?php if ( ! empty( $loginpress_footer_link_color ) ) : ?>
color: <?php echo esc_attr( $loginpress_footer_link_color ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_footer_links_font_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_footer_links_font_size ); ?>;
<?php endif; ?>
}
.loginFooter p a:hover {
<?php if ( ! empty( $loginpress_footer_link_hover ) ) : ?>
color: <?php echo esc_attr( $loginpress_footer_link_hover ); ?>;
<?php endif; ?>
<?php if ( ! empty( $loginpress_footer_links_hover_size ) ) : ?>
font-size: <?php echo esc_attr( $loginpress_footer_links_hover_size ); ?>;
<?php endif; ?>
}
.loginInner {
<?php if ( ! empty( $loginpress_footer_link_bg_clr ) ) : ?>
background: <?php echo esc_attr( $loginpress_footer_link_bg_clr ); ?>;
<?php endif; ?>
}
<?php if ( ! empty( $loginpress_custom_css ) ) : ?>
<?php echo wp_strip_all_tags( $loginpress_custom_css ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
<?php endif; ?>
.wp-core-ui .button-primary{
text-shadow: none;
}
.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;
}
.loginpress-input-field {
transition: 0.4s;
}
.loginpress-input-field ~ .focus-border:before, .loginpress-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;
}
.loginpress-input-field ~ .focus-border:after{
top: auto; bottom: 0;
}
.loginpress-input-field ~ .focus-border i:before, .loginpress-input-field ~ .focus-border i:after{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 2px;
height: 0;
background-color: #3399FF;
transition: 0.6s;
}
.loginpress-input-field ~ .focus-border i:after{
left: auto; right: 0;
}
.loginpress-input-field:focus ~ .focus-border:before, .loginpress-input-field:focus ~ .focus-border:after{
left: 0;
width: 100%;
transition: 0.4s;
}
.loginpress-input-field:focus ~ .focus-border i:before, .loginpress-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{
<?php if ( 'default10' === $loginpress_theme_tem ) : ?>
width: calc(58vw - 90px);
<?php endif; ?>
}
}
@media screen and (max-width: 767px) {
body.login {
<?php $loginpress_background_img = apply_filters( 'loginpress_mobile_background_image', $loginpress_mobile_background ); ?>
<?php if ( $loginpress_background_img && $loginpress_display_bg ) : ?>
background-image: url(<?php echo esc_url( $loginpress_background_img ); ?>);
<?php endif; ?>
}
.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{
<?php if ( 'default6' === $loginpress_theme_tem ) : ?>
z-index: -1 !important;
width: 100% !important;
left: 0 !important;
<?php endif; ?>
<?php if ( 'default10' === $loginpress_theme_tem ) : ?>
z-index: -1 !important;
width: 100% !important;
left: 0 !important;
<?php endif; ?>
<?php if ( 'default17' === $loginpress_theme_tem ) : ?>
z-index: 0 !important;
width: 100% !important;
left: 0 !important;
<?php endif; ?>
<?php if ( 'default8' === $loginpress_theme_tem ) : ?>
z-index: 1 !important;
width: 100% !important;
left: 0 !important;
<?php endif; ?>
}
}
/* 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_transparent,body.login #login.login_transparent #loginform{
background: none !important;
}
body.login{
height: auto !important;
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;
}
/* 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;
}
body.login form .forgetmenot{
float: none !important;
}
#login form p + p:not(.forgetmenot){
padding-top: 0 !important;
margin-top: 20px !important;
}
<?php
/**
* Load the following the Language Switcher with the language availability.
*
* @since 1.5.11
*/
if ( version_compare( $GLOBALS['wp_version'], '5.9', '>=' ) && ! empty( get_available_languages() ) ) :
?>
[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;
width: fit-content;
max-width: fit-content;
min-height: 30px;
}
@media screen and (max-width: 782px){
input[type=checkbox], input[type=radio]{
height: 16px;
width: 16px;
}
}
<?php endif; ?>
</style>
<?php if ( isset( $loginpress_display_bg_video ) && $loginpress_display_bg_video && ( ! empty( $loginpress_bg_yt_video_id ) || ! empty( $loginpress_bg_video ) ) ) : ?>
<?php if ( ( 'default6' === $loginpress_theme_tem || 'default10' === $loginpress_theme_tem || 'default17' === $loginpress_theme_tem ) ) : ?>
<script id="loginpress-video-script">
document.addEventListener( 'DOMContentLoaded', function(){
var el = document.getElementById('login');
var elChild = document.createElement('div');
<?php if ( ( isset( $loginpress_bg_video_medium ) && 'youtube' === $loginpress_bg_video_medium && ! empty( $loginpress_bg_yt_video_id ) ) ) { ?>
elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" data-video=\"<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>\">\n</div>';
<?php } else { ?>
elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo esc_attr( $loginpress_video_voice ); ?> playsinline>\n" + "<source src=\"<?php echo esc_url( $loginpress_bg_video ); ?>\">\n" + "</video>';
<?php } ?>
// Prepend it
el.appendChild(elChild);
}, false );
</script>
<?php else : ?>
<script>
<?php if ( 'default17' === $loginpress_theme_tem ) : ?>
document.addEventListener( 'DOMContentLoaded', function(){
var el = document.getElementsByClassName('login')[0];
var elChild = document.createElement('div');
<?php if ( ( isset( $loginpress_bg_video_medium ) && 'youtube' === $loginpress_bg_video_medium && ! empty( $loginpress_bg_yt_video_id ) ) ) { ?>
elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" style=\"background-image: url(https://img.youtube.com/vi/<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>/maxresdefault.jpg\)" data-video=\"<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>\"></div>';
<?php } else { ?>
elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo esc_attr( $loginpress_video_voice ); ?> playsinline>\n" + "<source src=\"<?php echo esc_url( $loginpress_bg_video ); ?>\">\n" + "</video>';
<?php } ?>
// Prepend it
el.appendChild(elChild);
}, false );
<?php endif; ?>
<?php if ( 'default8' === $loginpress_theme_tem ) : ?>
document.addEventListener( 'DOMContentLoaded', function(){
var el = document.getElementsByClassName('login')[0];
var elChild = document.createElement('div');
<?php if ( ( isset( $loginpress_bg_video_medium ) && 'youtube' === $loginpress_bg_video_medium && ! empty( $loginpress_bg_yt_video_id ) ) ) { ?>
elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" style=\"background-image: url(https://img.youtube.com/vi/<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>/maxresdefault.jpg\)" data-video=\"<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>\"></div>';
<?php } else { ?>
elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo esc_attr( $loginpress_video_voice ); ?> playsinline>\n" + "<source src=\"<?php echo esc_url( $loginpress_bg_video ); ?>\">\n" + "</video>';
<?php } ?>
// Prepend it
el.appendChild(elChild);
}, false );
<?php endif; ?>
<?php if ( 'default17' !== $loginpress_theme_tem && 'default8' !== $loginpress_theme_tem ) : ?>
document.addEventListener( 'DOMContentLoaded', function(){
var el = document.getElementsByClassName('login')[0];
var elChild = document.createElement('div');
<?php if ( ( isset( $loginpress_bg_video_medium ) && 'youtube' === $loginpress_bg_video_medium && ! empty( $loginpress_bg_yt_video_id ) ) ) { ?>
elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" style=\"background-image: url(https://img.youtube.com/vi/<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>/maxresdefault.jpg\)" data-video=\"<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>\"></div>';
<?php } else { ?>
elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo esc_attr( $loginpress_video_voice ); ?> playsinline>\n" + "<source src=\"<?php echo esc_url( $loginpress_bg_video ); ?>\">\n" + "</video>';
<?php } ?>
// Prepend it
el.appendChild(elChild);
}, false );
<?php endif; ?>
<?php if ( ( isset( $loginpress_bg_video_medium ) && 'youtube' === $loginpress_bg_video_medium && ! empty( $loginpress_bg_yt_video_id ) ) ) { ?>
document.addEventListener( 'DOMContentLoaded', function(){
// 1. Dynamically load the YouTube API script
// Dynamically load the YouTube API script
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
// Ensure that the API script is loaded and the player is initialized
YT.ready(function() {
var playerElement = document.getElementById('loginpress_video-background-wrapper');
if (playerElement) {
player = new YT.Player('loginpress_video-background-wrapper', {
width: '100%',
height: '100%',
videoId: '<?php echo esc_attr( $loginpress_bg_yt_video_id ); ?>',
playerVars: {
origin: window.location.protocol + '//' + window.location.hostname
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
} else {
}
});
// Function to handle player readiness
function onPlayerReady(event) {
event.target.playVideo(); // Start the video automatically
event.target.mute(); // Optionally mute the video
}
// Function to handle player state changes
function onPlayerStateChange(event) {
if (event.data === YT.PlayerState.ENDED) {
player.seekTo(0); // Restart the video
player.playVideo();
}
}
}, false);
<?php } ?>
</script>
<?php endif; ?>
<?php endif; ?>
<?php if ( ( isset( $loginpress_bg_video_medium ) && 'youtube' === $loginpress_bg_video_medium && ! empty( $loginpress_bg_yt_video_id ) ) ) { ?>
<style>
iframe#loginpress_video-background-wrapper{
right: auto !important;
bottom: auto !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
position: fixed;
z-index: -1000;
background-size: cover;
background-position: center center;
pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
iframe#loginpress_video-background-wrapper {
height: 56.25vw !important;
}
}
@media (max-aspect-ratio: 16/9) {
iframe#loginpress_video-background-wrapper {
width: 177.78vh !important;
}
}
</style>
<?php
}
$enable_reg_pass_field = isset( $loginpress_setting['enable_reg_pass_field'] ) ? $loginpress_setting['enable_reg_pass_field'] : 'off';
if ( 'off' !== $enable_reg_pass_field ) {
?>
<style>
.loginpress-reg-pass-wrap-1.password-field,
.loginpress-reg-pass-wrap-2.password-field{
position: relative;
}
.loginpress-reg-pass-wrap-1 .custom-password-input,
.loginpress-reg-pass-wrap-2 .custom-password-input{
padding-right: 30px;
}
.loginpress-reg-pass-wrap-1 .show-password-toggle,
.loginpress-reg-pass-wrap-2 .show-password-toggle{
position: absolute;
right: 10px;
top: 35%;
transform: translateY(-50%);
cursor: pointer;
}
.loginpress-reg-pass-wrap-1 .show-password-toggle,
.loginpress-reg-pass-wrap-2 .show-password-toggle{
color: #2271b1;
border-color: #2271b1;
background: #f6f7f7;
vertical-align: top;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Find the element with the ID "nav"
var navElement = document.getElementById('nav');
// Check if the element exists
if (navElement) {
// Replace the "|" with "<span>|</span>"
navElement.innerHTML = navElement.innerHTML.replace(/\|/g, '<span class="loginpress-seprator">|</span>');
}
if(document.querySelector('.footer-cont').innerHTML === ''){
document.querySelector('.footer-wrapper').style.display = "none";
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const passwordToggles = document.querySelectorAll('.show-password-toggle');
passwordToggles.forEach(function(toggle) {
toggle.addEventListener('click', function() {
const customPasswordInput = this.previousElementSibling;
const passwordDashicon = this.closest('span');
if (customPasswordInput.type === 'password') {
passwordDashicon.classList.remove('dashicons-visibility');
passwordDashicon.classList.add('dashicons-hidden');
customPasswordInput.type = 'text';
} else {
passwordDashicon.classList.add('dashicons-visibility');
passwordDashicon.classList.remove('dashicons-hidden');
customPasswordInput.type = 'password';
}
});
});
});
</script>
<?php
}
// Password Strength - hidding allow weak password checkbox.
$enable_password_strength = isset( $loginpress_setting['enable_pass_strength'] )
? $loginpress_setting['enable_pass_strength']
: 'off';
if ( 'on' === $enable_password_strength ) {
$pass_strength_forms = isset( $loginpress_setting['enable_pass_strength_forms'] ) ? $loginpress_setting['enable_pass_strength_forms'] : array();
$wp_reset = ! empty( $pass_strength_forms['reset'] );
$pass_strength = isset( $loginpress_setting['pass_strength'] ) ? $loginpress_setting['pass_strength'] : array();
$requirements = array(
'lower_upper_char_must',
'special_char_must',
'integer_no_must',
);
$enabled_count = 0;
foreach ( $requirements as $requirement ) {
if ( ! empty( $pass_strength[ $requirement ] ) && 'off' !== $pass_strength[ $requirement ] ) {
++$enabled_count;
}
}
if ( $wp_reset && $enabled_count >= 2 ) :
?>
<style>
.pw-weak {
display: none !important;
}
</style>
<?php endif;
}
?>