PluginProbe
LoginPress | wp-login Custom Login Page Customizer / 3.0.2
LoginPress | wp-login Custom Login Page Customizer v3.0.2
6.2.5 6.2.4 6.2.3 6.2.2 6.2.1 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.20 1.0.21 1.0.22 1.0.23 1.0.3 1.0.4 All 118 releases
loginpress / css / style-login.php

style-login.php in LoginPress | wp-login Custom Login Page Customizer 3.0.2, at css/style-login.php

1,532 lines 55.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 /**
3 * Get option and check the key exists in it.
4 *
5 * @since 1.0.0
6 * @version 3.0.0
7 * * * * * * * * * * * * * * * */
8
9
10 /**
11 * @var loginpress_array get_option
12 * @since 1.0.0
13 */
14 $loginpress_array = (array) get_option( 'loginpress_customization' );
15 $loginpress_preset = get_option( 'customize_presets_settings', 'minimalist' );
16
17 /**
18 * [loginpress_get_option_key Check the key of customizer option and return it's value.]
19 * @param string $loginpress_key Key of the customizer setting option.
20 * @param array $loginpress_array LoginPress customizer options.
21 *
22 * @return string value of the customizer setting option.
23 *
24 * @since 1.0.0
25 * @version 1.5.2
26 */
27 if ( ! function_exists( 'loginpress_get_option_key' ) ) {
28
29 function loginpress_get_option_key( $loginpress_key, $loginpress_array ) {
30
31 if ( array_key_exists( $loginpress_key, $loginpress_array ) ) {
32
33 if ( 'loginpress_custom_css' == $loginpress_key ) {
34 return $loginpress_array[ $loginpress_key ];
35 } else {
36 return esc_js( $loginpress_array[ $loginpress_key ] );
37 }
38
39 }
40 }
41 }
42
43 /**
44 * [loginpress_bg_option Check the background image of the template.]
45 * @param string $loginpress_key [description]
46 * @param array $loginpress_array [description]
47 * @return string [description]
48 * @since 1.1.0
49 * @version 1.5.2
50 */
51 if ( ! function_exists( 'loginpress_bg_option' ) ) {
52
53 function loginpress_bg_option( $loginpress_key, $loginpress_array ) {
54
55 if ( array_key_exists( $loginpress_key, $loginpress_array ) ) {
56 return $loginpress_array[ $loginpress_key ];
57 } else {
58 return true;
59 }
60 }
61 }
62
63 /**
64 * [loginpress_check_px Return the value with 'px']
65 * @param string $value [description]
66 * @return string [description]
67 * @since 1.1.0
68 * @version 1.5.2
69 */
70 if ( ! function_exists( 'loginpress_check_px' ) ) {
71
72 function loginpress_check_px( $value ) {
73
74 if ( isset( $value ) && ! empty( $value ) && strpos( $value, "px" ) ) {
75 return $value;
76 } else {
77 if ( ! empty( $value ) ) {
78 return $value . 'px';
79 }
80 }
81 }
82 }
83
84 /**
85 * [loginpress_check_percentage Return the value with '%']
86 * @param string $value [description]
87 * @return string [description]
88 * @since 1.1.0
89 * @version 1.5.2
90 */
91 if ( ! function_exists( 'loginpress_check_percentage' ) ) {
92
93 function loginpress_check_percentage( $value ) {
94
95 if ( strpos( $value, "%" ) ) {
96 return $value;
97 } else {
98 if ( ! empty( $value ) ) {
99 return $value . '%';
100 }
101 }
102 }
103 }
104
105 /**
106 * [if for login page background]
107 * @since 1.1.0
108 * @version 1.1.2
109 * @return string
110 */
111 $loginpress_custom_background = loginpress_get_option_key( 'setting_background', $loginpress_array );
112 $loginpress_gallery_background = loginpress_get_option_key( 'gallery_background', $loginpress_array );
113 if ( ! empty ( $loginpress_custom_background ) ) { // Use Custom Background
114 $loginpress_background_img = $loginpress_custom_background;
115 } else if ( ! empty ( $loginpress_gallery_background ) ) { // Background from Gallery Control.
116 if ( LOGINPRESS_DIR_URL . 'img/gallery/img-1.jpg' == $loginpress_gallery_background ) { // If user select 1st image from gallery control then show template's default image.
117 $loginpress_background_img = '';
118 } else { // Use selected image from gallery control.
119 $loginpress_background_img = $loginpress_gallery_background;
120 }
121 } else { // exceptional case (use default image).
122 $loginpress_background_img = '';
123 }
124
125 $loginpress_background_img = empty( $loginpress_background_img ) ? '' : str_replace( '&amp;', '&', $loginpress_background_img );
126
127 /**
128 * Add !important with property's value. To avoid overriding from theme.
129 * @return string
130 * @since 1.1.2
131 * @version 1.5.2
132 */
133 if ( ! function_exists( 'loginpress_important' ) ) {
134
135 function loginpress_important() {
136
137 $important = '';
138 if ( ! is_customize_preview() ) { // Avoid !important in customizer previewer.
139 $important = ' !important';
140 }
141 return $important;
142 }
143 }
144
145 $loginpress_logo_img = loginpress_get_option_key( 'setting_logo', $loginpress_array );
146 $loginpress_logo_display = loginpress_get_option_key( 'setting_logo_display', $loginpress_array );
147 $loginpress_get_logo_width = loginpress_get_option_key( 'customize_logo_width', $loginpress_array );
148 $loginpress_logo_width = loginpress_check_px( $loginpress_get_logo_width );
149 $loginpress_get_logo_height = loginpress_get_option_key( 'customize_logo_height', $loginpress_array );
150 $loginpress_logo_height = loginpress_check_px( $loginpress_get_logo_height );
151 $loginpress_get_logo_padding = loginpress_get_option_key( 'customize_logo_padding', $loginpress_array );
152 $loginpress_logo_padding = loginpress_check_px( $loginpress_get_logo_padding );
153 $loginpress_btn_bg = loginpress_get_option_key( 'custom_button_color', $loginpress_array );
154 $loginpress_btn_border = loginpress_get_option_key( 'button_border_color', $loginpress_array );
155 $loginpress_btn_shadow = loginpress_get_option_key( 'custom_button_shadow', $loginpress_array );
156 $loginpress_btn_color = loginpress_get_option_key( 'button_text_color', $loginpress_array );
157 $loginpress_btn_hover_color = loginpress_get_option_key( 'button_hover_text_color', $loginpress_array );
158 $loginpress_btn_hover_bg = loginpress_get_option_key( 'button_hover_color', $loginpress_array );
159 $loginpress_btn_hover_border = loginpress_get_option_key( 'button_hover_border', $loginpress_array );
160 // $loginpress_background_img = loginpress_get_option_key( 'setting_background', $loginpress_array );
161 $loginpress_background_color = loginpress_get_option_key( 'setting_background_color', $loginpress_array );
162 $loginpress_background_repeat = loginpress_get_option_key( 'background_repeat_radio', $loginpress_array );
163 $loginpress_background_position = loginpress_get_option_key( 'background_position', $loginpress_array );
164 $loginpress_background_position = isset( $loginpress_background_position ) ? str_replace( '-', ' ', $loginpress_background_position ) : '';
165 $loginpress_background_image_size = loginpress_get_option_key( 'background_image_size', $loginpress_array );
166 $loginpress_form_background_img = loginpress_get_option_key( 'setting_form_background', $loginpress_array );
167 $loginpress_form_display_bg = loginpress_get_option_key( 'setting_form_display_bg', $loginpress_array );
168 $loginpress_form_background_clr = loginpress_get_option_key( 'form_background_color', $loginpress_array );
169 $loginpress_forget_form_bg_img = loginpress_get_option_key( 'forget_form_background', $loginpress_array );
170 $loginpress_forget_form_bg_clr = loginpress_get_option_key( 'forget_form_background_color', $loginpress_array );
171 $loginpress_form_width = loginpress_get_option_key( 'customize_form_width', $loginpress_array );
172 $loginpress_get_form_height = loginpress_get_option_key( 'customize_form_height', $loginpress_array );
173 $loginpress_form_height = loginpress_check_px( $loginpress_get_form_height );
174 $loginpress_form_padding = loginpress_get_option_key( 'customize_form_padding', $loginpress_array );
175 $loginpress_form_border = loginpress_get_option_key( 'customize_form_border', $loginpress_array );
176 $loginpress_form_field_width = loginpress_get_option_key( 'textfield_width', $loginpress_array );
177 $loginpress_form_field_margin = loginpress_get_option_key( 'textfield_margin', $loginpress_array );
178 $loginpress_form_field_bg = loginpress_get_option_key( 'textfield_background_color', $loginpress_array );
179 $loginpress_form_field_color = loginpress_get_option_key( 'textfield_color', $loginpress_array );
180 $loginpress_form_field_label = loginpress_get_option_key( 'textfield_label_color', $loginpress_array );
181 $loginpress_form_remember_label = loginpress_get_option_key( 'remember_me_label_size', $loginpress_array );
182 $loginpress_welcome_bg_color = loginpress_get_option_key( 'message_background_color', $loginpress_array );
183 $loginpress_welcome_bg_border = loginpress_get_option_key( 'message_background_border', $loginpress_array );
184 $loginpress_footer_display = loginpress_get_option_key( 'footer_display_text', $loginpress_array );
185 $loginpress_footer_decoration = loginpress_get_option_key( 'login_footer_text_decoration', $loginpress_array );
186 $loginpress_footer_text_color = loginpress_get_option_key( 'login_footer_color', $loginpress_array );
187 $loginpress_footer_text_hover = loginpress_get_option_key( 'login_footer_color_hover', $loginpress_array );
188 $loginpress_get_footer_font_size = loginpress_get_option_key( 'login_footer_font_size', $loginpress_array );
189 $loginpress_footer_font_size = loginpress_check_px( $loginpress_get_footer_font_size );
190 $loginpress_remember_me_font_size = loginpress_get_option_key( 'remember_me_font_size', $loginpress_array );
191 $loginpress_form_label_font_size = loginpress_get_option_key( 'customize_form_label', $loginpress_array );
192 $loginpress_login_button_top = loginpress_get_option_key( 'login_button_top', $loginpress_array );
193 $loginpress_login_button_bottom = loginpress_get_option_key( 'login_button_bottom', $loginpress_array );
194 $loginpress_login_button_radius = loginpress_get_option_key( 'login_button_radius', $loginpress_array );
195 $loginpress_login_button_shadow = loginpress_get_option_key( 'login_button_shadow', $loginpress_array );
196 $loginpress_login_button_shadow_opacity = loginpress_get_option_key( 'login_button_shadow_opacity', $loginpress_array );
197 $loginpress_login_button_width = loginpress_get_option_key( 'login_button_size', $loginpress_array );
198 $loginpress_login_form_radius = loginpress_get_option_key( 'customize_form_radius', $loginpress_array );
199 $loginpress_login_form_shadow = loginpress_get_option_key( 'customize_form_shadow', $loginpress_array );
200 $loginpress_login_form_inset = loginpress_get_option_key( 'textfield_inset_shadow', $loginpress_array );
201 $loginpress_login_form_opacity = loginpress_get_option_key( 'customize_form_opacity', $loginpress_array );
202 $loginpress_login_textfield_radius = loginpress_get_option_key( 'textfield_radius', $loginpress_array );
203 $loginpress_login_button_text_size = loginpress_get_option_key( 'login_button_text_size', $loginpress_array );
204 $loginpress_textfield_shadow = loginpress_get_option_key( 'textfield_shadow', $loginpress_array );
205 $loginpress_textfield_shadow_opacity= loginpress_get_option_key( 'textfield_shadow_opacity', $loginpress_array );
206 $loginpress_footer_bg_color = loginpress_get_option_key( 'login_footer_bg_color', $loginpress_array );
207 $loginpress_footer_links_font_size = loginpress_get_option_key( 'login_footer_links_text_size', $loginpress_array );
208 $loginpress_footer_links_hover_size = loginpress_get_option_key( 'login_footer_links_hover_size', $loginpress_array );
209 $loginpress_header_text_color = loginpress_get_option_key( 'login_head_color', $loginpress_array );
210 $loginpress_header_text_hover = loginpress_get_option_key( 'login_head_color_hover', $loginpress_array );
211 $loginpress_header_font_size = loginpress_get_option_key( 'login_head_font_size', $loginpress_array );
212 $loginpress_header_bg_color = loginpress_get_option_key( 'login_head_bg_color', $loginpress_array );
213 $loginpress_back_display = loginpress_get_option_key( 'back_display_text', $loginpress_array );
214 $loginpress_back_decoration = loginpress_get_option_key( 'login_back_text_decoration', $loginpress_array );
215 $loginpress_back_text_color = loginpress_get_option_key( 'login_back_color', $loginpress_array );
216 $loginpress_back_text_hover = loginpress_get_option_key( 'login_back_color_hover', $loginpress_array );
217 $loginpress_get_back_font_size = loginpress_get_option_key( 'login_back_font_size', $loginpress_array );
218 $loginpress_back_font_size = loginpress_check_px( $loginpress_get_back_font_size );
219 $copyright_background_color = loginpress_get_option_key( 'copyright_background_color', $loginpress_array );
220 $copyright_text_color = loginpress_get_option_key( 'copyright_text_color', $loginpress_array );
221 // $show_some_love_text_color = loginpress_get_option_key( 'show_some_love_text_color', $loginpress_array );
222 $loginpress_back_bg_color = loginpress_get_option_key( 'login_back_bg_color', $loginpress_array );
223 $loginpress_footer_link_color = loginpress_get_option_key( 'login_footer_text_color', $loginpress_array );
224 $loginpress_footer_link_hover = loginpress_get_option_key( 'login_footer_text_hover', $loginpress_array );
225 $loginpress_footer_link_bg_clr = loginpress_get_option_key( 'login_footer_backgroung_hover', $loginpress_array );
226 $loginpress_custom_css = loginpress_get_option_key( 'loginpress_custom_css', $loginpress_array );
227 $loginpress_display_bg = loginpress_bg_option( 'loginpress_display_bg', $loginpress_array );
228 $loginpress_display_bg_video = loginpress_bg_option( 'loginpress_display_bg_video', $loginpress_array );
229 $loginpress_bg_video = loginpress_get_option_key( 'background_video', $loginpress_array );
230 $loginpress_bg_video_medium = loginpress_get_option_key( 'bg_video_medium', $loginpress_array );
231 $loginpress_bg_yt_video_id = loginpress_get_option_key( 'yt_video_id', $loginpress_array );
232 $loginpress_bg_video = wp_get_attachment_url( $loginpress_bg_video );
233 $loginpress_bg_video_size = loginpress_get_option_key( 'background_video_object', $loginpress_array );
234 $loginpress_bg_video_position = loginpress_get_option_key( 'video_obj_position', $loginpress_array );
235 $loginpress_bg_video_muted = loginpress_bg_option( 'background_video_muted', $loginpress_array );
236 $loginpress_theme_tem = get_option( 'customize_presets_settings', 'minimalist' );
237 $loginpress_video_voice = ( 1 == $loginpress_bg_video_muted ) ? 'muted' : '';
238 $login_copy_right_display = loginpress_get_option_key( 'login_copy_right_display', $loginpress_array );
239
240 /**
241 * loginpress_box_shadow [if user pass 0 then we're not going to set the value of box-shadow because it effects the pro templates.]
242 * @param integer $shadow [Shadow Value]
243 * @param integer $opacity [Opacity Value]
244 * @param integer $default_shadow [Set shadow's default value]
245 * @param boolean $inset [description]
246 * @return string [box-border value]
247 * @since 1.1.3
248 */
249 $loginpress_inset = $loginpress_login_form_inset ? true : false; //var_dump($loginpress_inset);
250 function loginpress_box_shadow( $shadow, $opacity, $default_shadow = 0, $inset = false ) {
251
252 $loginpress_shadow = ! empty( $shadow ) ? $shadow : $default_shadow;
253 $loginpress_opacity = ! empty( $opacity ) ? $opacity : 80;
254 $inset = $inset ? ' inset' : '';
255 $opacity_conversion = $loginpress_opacity / 100;
256 $loginpress_rgba = 'rgba( 0,0,0,' . $opacity_conversion . ' )';
257
258 return '0 0 ' . $loginpress_shadow . 'px ' . $loginpress_rgba . $inset . ';';
259 }
260 // ob_start();
261 ?>
262 <style type="text/css">
263 *{
264 box-sizing: border-box;
265 }
266 html[dir="rtl"] #loginpress_showPasswordWrapper{
267 right: auto;
268 left: 0;
269 }
270 input[type=checkbox]:checked::before{
271 height: 1.3125rem;
272 width: 1.3125rem;
273 }
274 .footer-wrapper{
275 overflow: hidden;
276 }
277 .login form input[type=checkbox]:focus{
278 box-shadow: none;
279 outline: none;
280 }
281 .login form .forgetmenot{
282 float: none;
283 }
284 .login form .forgetmenot label{
285 display:inline-block;
286 margin: 0;
287 }
288 #login::after{
289 <?php $loginpress_background_img = apply_filters( 'loginpress_login_after_background_image', $loginpress_background_img ); ?>
290 <?php if ( ( $loginpress_theme_tem == 'default6' || $loginpress_theme_tem == 'default10' ) && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
291 background-image: url(<?php echo $loginpress_background_img; ?>);
292
293 <?php elseif ( ( $loginpress_theme_tem == 'default6' || $loginpress_theme_tem == 'default10' ) && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
294 background-image: url();
295 <?php endif; ?>
296 <?php if( in_array( $loginpress_theme_tem, array( 'default6', 'default10' ) ) ) : ?>
297 <?php if ( ! empty( $loginpress_background_color ) ) : ?>
298 background-color: <?php echo $loginpress_background_color; ?>;
299 <?php endif; ?>
300 <?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
301 background-repeat: <?php echo $loginpress_background_repeat; ?>;
302 <?php endif; ?>
303 <?php if ( ! empty( $loginpress_background_position ) ) : ?>
304 background-position: <?php echo $loginpress_background_position; ?>;
305 <?php endif; ?>
306 <?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
307 background-size: <?php echo $loginpress_background_image_size; ?>;
308 <?php endif; ?>
309 <?php endif; ?>
310 }
311
312 #login{
313 <?php $loginpress_background_img = apply_filters( 'loginpress_login_background_image', $loginpress_background_img ); ?>
314 <?php if ( $loginpress_theme_tem == 'default17' && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
315 background-image: url(<?php echo $loginpress_background_img; ?>);
316 <?php elseif ( $loginpress_theme_tem == 'default17' && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
317 background-image: url();
318 <?php endif; ?>
319 <?php if ( $loginpress_theme_tem !== 'minimalist' ) : ?>
320 <?php if ( ! empty( $loginpress_form_display_bg ) && true == $loginpress_form_display_bg ) : ?>
321 background: transparent;
322 <?php endif; ?>
323 <?php if ( true != $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
324 background-color: <?php echo $loginpress_form_background_clr; ?>;
325 <?php endif; ?>
326 <?php if ( ! empty( $loginpress_login_form_radius ) ) : ?>
327 border-radius: <?php echo $loginpress_login_form_radius . 'px'; ?>;
328 <?php endif; ?>
329 <?php if ( ! empty( $loginpress_login_form_shadow ) && ! empty( $loginpress_login_form_opacity ) ) : ?>
330 box-shadow: <?php echo loginpress_box_shadow( $loginpress_login_form_shadow, $loginpress_login_form_opacity ); ?>;
331 <?php elseif ( isset( $loginpress_login_form_shadow ) && '0' == $loginpress_login_form_shadow ) : ?>
332 <?php if ( $loginpress_theme_tem !== 'minimalist' ) : ?>
333 box-shadow: none;
334 -webkit-box-shadow: 0 !important;
335 <?php endif; ?>
336 <?php endif; ?>
337 <?php endif; ?>
338 <?php if( $loginpress_theme_tem == 'default17' ) : ?>
339 <?php if ( ! empty( $loginpress_background_color ) ) : ?>
340 background-color: <?php echo $loginpress_background_color; ?>;
341 <?php endif; ?>
342 <?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
343 background-repeat: <?php echo $loginpress_background_repeat; ?>;
344 <?php endif; ?>
345 <?php if ( ! empty( $loginpress_background_position ) ) : ?>
346 background-position: <?php echo $loginpress_background_position; ?>;
347 <?php endif; ?>
348 <?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
349 background-size: <?php echo $loginpress_background_image_size; ?>;
350 <?php endif; ?>
351 <?php endif; ?>
352 }
353 <?php if( $loginpress_theme_tem == 'minimalist' ) : ?>
354 #loginform{
355
356 <?php if ( ! empty( $loginpress_form_display_bg ) && true == $loginpress_form_display_bg ) : ?>
357 background: transparent;
358 <?php endif; ?>
359 <?php if ( true != $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
360 background-color: <?php echo $loginpress_form_background_clr; ?>;
361 <?php endif; ?>
362 <?php if ( ! empty( $loginpress_login_form_radius ) ) : ?>
363 border-radius: <?php echo $loginpress_login_form_radius . 'px'; ?>;
364 <?php endif; ?>
365 <?php if ( ! empty( $loginpress_login_form_shadow ) && ! empty( $loginpress_login_form_opacity ) ) : ?>
366 box-shadow: <?php echo loginpress_box_shadow( $loginpress_login_form_shadow, $loginpress_login_form_opacity ); ?>;
367 <?php endif; ?>
368 }
369 <?php endif; ?>
370
371 html[dir="rtl"] .login form .input, html[dir="rtl"] .login input[type="text"]{
372 margin-right: 0;
373 }
374 body.login #loginpress_video-background-wrapper{
375 <?php if( $loginpress_theme_tem == 'default6' ) : ?>
376 position: absolute !important;
377 top: 0 !important;
378 overflow: hidden;
379 right: 0 !important;
380 width: calc(50% + 130px) !important;
381 height: 100% !important;
382 z-index: 1;
383
384 transform: translate(0, 0 );
385
386 <?php endif; ?>
387 <?php if( $loginpress_theme_tem == 'default8' ) : ?>
388 position: absolute !important;
389 top: 0 !important;
390 overflow: hidden;
391 right: 0 !important;
392 width: 50% !important;
393 height: 100% !important;
394 z-index: 1;
395
396 transform: translate(0, 0 );
397 <?php endif; ?>
398 <?php if( $loginpress_theme_tem == 'default10' ) : ?>
399 position: absolute !important;
400 top: 0 !important;
401 overflow: hidden !important;
402 right: 0 !important;
403 width: 50% !important;
404 height: 100% !important;
405 z-index: 1 !important;
406 transform: translate(0, 0 );
407 <?php endif; ?>
408 <?php if( $loginpress_theme_tem == 'default17' ) : ?>
409 position: absolute;
410 top: 0 !important;
411 overflow: hidden;
412 right: auto;
413 width: 80% !important;
414 height: 100% !important;
415 z-index: 1 !important;
416 left: 0 !important;
417 transform: translate(0, 0 );
418 <?php endif; ?>
419 }
420 body.login #loginpress_video-background{
421 <?php if( $loginpress_theme_tem == 'default6' ) : ?>
422 position: absolute !important;
423 <?php endif; ?>
424 <?php if( $loginpress_theme_tem == 'default8' ) : ?>
425 position: absolute !important;
426 <?php endif; ?>
427 <?php if( $loginpress_theme_tem == 'default10' ) : ?>
428 position: absolute !important;
429 <?php endif; ?>
430 <?php if( $loginpress_theme_tem == 'default17' ) : ?>
431 min-width: inherit !important;
432 position: absolute !important;
433 min-height: inherit !important;
434 width: 100% !important;
435 height: 100% !important;
436 <?php endif; ?>
437
438 <?php if( $loginpress_bg_video_size ) : ?>
439 object-fit: <?php echo $loginpress_bg_video_size ?>;
440 <?php else : ?>
441 object-fit: cover;
442 <?php endif; ?>
443
444 <?php if( $loginpress_bg_video_position ) : ?>
445 object-position: <?php echo $loginpress_bg_video_position ?>;
446 <?php endif; ?>
447 }
448 body.login:after{
449 <?php $loginpress_background_img = apply_filters( 'loginpress_body_after_background_image', $loginpress_background_img ); ?>
450 <?php if ( $loginpress_theme_tem == 'default8' && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
451 background-image: url(<?php echo $loginpress_background_img; ?>);
452 <?php elseif ( $loginpress_theme_tem == 'default8' && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
453 background-image: url();
454 <?php endif; ?>
455
456 <?php if( $loginpress_theme_tem == 'default8' ) : ?>
457 <?php if ( ! empty( $loginpress_background_color ) ) : ?>
458 background-color: <?php echo $loginpress_background_color; ?>;
459 <?php endif; ?>
460 <?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
461 background-repeat: <?php echo $loginpress_background_repeat; ?>;
462 <?php endif; ?>
463 <?php if ( ! empty( $loginpress_background_position ) ) : ?>
464 background-position: <?php echo $loginpress_background_position; ?>;
465 <?php endif; ?>
466 <?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
467 background-size: <?php echo $loginpress_background_image_size; ?>;
468 <?php endif; ?>
469 <?php endif; ?>
470 }
471 body.login {
472 <?php $loginpress_background_img = apply_filters( 'loginpress_body_background_image', $loginpress_background_img ); ?>
473 <?php if ( in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ) ) && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
474 background-image: url();
475 <?php elseif ( in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ) ) && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
476 background-image: url();
477 <?php endif; ?>
478
479 <?php if ( ! in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ) ) && ! empty( $loginpress_background_img ) && $loginpress_display_bg ) : ?>
480 background-image: url(<?php echo $loginpress_background_img; ?>);
481 <?php elseif ( ! in_array( $loginpress_theme_tem, array( 'default6', 'default8', 'default10', 'default17' ) ) && isset( $loginpress_display_bg ) && ! $loginpress_display_bg ) : ?>
482 background-image: url();
483 <?php endif; ?>
484
485 <?php if ( ! empty( $loginpress_background_color ) ) : ?>
486 background-color: <?php echo $loginpress_background_color; ?>;
487 <?php endif; ?>
488 <?php if ( ! empty( $loginpress_background_repeat ) ) : ?>
489 background-repeat: <?php echo $loginpress_background_repeat; ?>;
490 <?php endif; ?>
491 <?php if ( ! empty( $loginpress_background_position ) ) : ?>
492 background-position: <?php echo $loginpress_background_position; ?>;
493 <?php endif; ?>
494 <?php if ( ! empty( $loginpress_background_image_size ) ) : ?>
495 background-size: <?php echo $loginpress_background_image_size; ?>;
496 <?php endif; ?>
497 position: relative;
498 }
499 .login h1{
500 <?php if ( ! empty( $loginpress_logo_display ) && true == $loginpress_logo_display ) : ?>
501 display: none <?php echo loginpress_important(); ?>;
502 <?php endif; ?>
503 }
504 .interim-login.login h1 a{
505 <?php if ( ! empty( $loginpress_logo_width ) ) : ?>
506 width: <?php echo $loginpress_logo_width; ?>;
507 <?php else : ?>
508 width: 84px;
509 <?php endif; ?>
510 }
511
512 .login h1 a {
513 <?php $loginpress_logo_img = apply_filters( 'loginpress_form_logo', $loginpress_logo_img ); ?>
514 <?php if ( ! empty( $loginpress_logo_img ) ) : ?>
515 background-image: url( <?php echo $loginpress_logo_img; ?> ) <?php echo loginpress_important(); ?>;
516 <?php endif; ?>
517 <?php if ( ! empty( $loginpress_logo_width ) ) : ?>
518 width: <?php echo $loginpress_logo_width . loginpress_important(); ?>;
519 <?php endif; ?>
520 <?php if ( ! empty( $loginpress_logo_height ) ) : ?>
521 height: <?php echo $loginpress_logo_height . loginpress_important(); ?>;
522 <?php endif; ?>
523 <?php if ( ! empty( $loginpress_logo_width ) || ! empty( $loginpress_logo_height ) ) : ?>
524 background-size: contain <?php echo loginpress_important(); ?>;
525 <?php else: ?>
526 background-size: contain;
527 <?php endif; ?>
528
529 <?php if ( ! empty( $loginpress_logo_padding ) ) : ?>
530 margin-bottom: <?php echo $loginpress_logo_padding . loginpress_important(); ?>;
531 <?php endif; ?>
532
533 }
534
535 .wp-core-ui #login .button-primary,
536 body.wp-core-ui #login .two-factor-email-resend .button{
537 <?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
538 background: <?php echo $loginpress_btn_bg; ?>;
539 <?php endif; ?>
540 <?php if ( ! empty( $loginpress_btn_border ) ) : ?>
541 border-color: <?php echo $loginpress_btn_border; ?>;
542 <?php endif; ?>
543 <?php if ( ! empty( $loginpress_btn_shadow ) ) : ?>
544 box-shadow: 0px 1px 0px <?php echo $loginpress_btn_shadow; ?> inset, 0px 1px 0px rgba(0, 0, 0, 0.15);
545 <?php endif; ?>
546 <?php if ( ! empty( $loginpress_btn_color ) ) : ?>
547 color: <?php echo $loginpress_btn_color; ?>;
548 <?php endif; ?>
549 }
550 #language-switcher{
551 display: flex;
552 justify-content: center;
553 align-items: center;
554 width: 100%;
555 }
556 #language-switcher input[type="submit"]{
557 padding: 0 10px;
558 <?php if ( ! empty( $loginpress_btn_bg ) ) : ?>
559 background: <?php echo $loginpress_btn_bg; ?>;
560 <?php endif; ?>
561 <?php if ( ! empty( $loginpress_btn_color ) ) : ?>
562 color: <?php echo $loginpress_btn_color; ?>;
563 <?php endif; ?>
564
565 }
566 body .language-switcher{
567 left: 0;
568 width: 100%;
569 }
570 .wp-core-ui #login .button-primary:hover{
571 <?php if ( ! empty( $loginpress_btn_hover_bg ) ) : ?>
572 background: <?php echo $loginpress_btn_hover_bg; ?>;
573 <?php endif; ?>
574 <?php if ( ! empty( $loginpress_btn_hover_border ) ) : ?>
575 border-color: <?php echo $loginpress_btn_hover_border; ?>;
576 <?php endif; ?>
577 <?php if ( ! empty( $loginpress_btn_hover_color ) ) : ?>
578 color: <?php echo $loginpress_btn_hover_color; ?>;
579 <?php endif; ?>
580 }
581 .wp-core-ui #login .button-primary, body.wp-core-ui #login .two-factor-email-resend .button, .wp-core-ui #login .wp-generate-pw{
582
583 box-shadow: <?php echo loginpress_box_shadow( $loginpress_login_button_shadow, $loginpress_login_button_shadow_opacity ); ?>
584 /* box-shadow: none; */
585 height: auto;
586 line-height: 20px;
587 padding: 12px 15px;
588 <?php if ( ! empty( $loginpress_login_button_top ) ) : ?>
589 padding-top: <?php echo $loginpress_login_button_top . 'px;' ?>;
590 <?php endif; ?>
591 <?php if ( ! empty( $loginpress_login_button_bottom ) ) : ?>
592 padding-bottom: <?php echo $loginpress_login_button_bottom . 'px;' ?>;
593 <?php if ( ! empty( $loginpress_login_button_radius ) ) : ?>
594 border-radius: <?php echo $loginpress_login_button_radius . 'px;' ?>;
595 <?php endif; ?>
596 <?php endif; ?>
597 float: none;
598 width: 100%;
599 }
600 .wp-core-ui #login .wp-generate-pw{
601 <?php if ( $loginpress_theme_tem !== 'minimalist' ) : ?>
602 margin-bottom: 6px;
603 margin-top: 10px;
604 <?php endif; ?>
605 font: inherit;
606 <?php if ( ! empty( $loginpress_login_button_text_size ) ) : ?>
607 font-size: <?php echo $loginpress_login_button_text_size . 'px !important;'; ?>;
608 <?php endif; ?>
609 <?php if ( ! empty( $loginpress_login_button_radius ) ) : ?>
610 border-radius: <?php echo $loginpress_login_button_radius . 'px;'; ?>;
611 <?php endif; ?>
612 }
613 #loginform {
614 <?php $loginpress_form_background_img = apply_filters( 'loginpress_login_form_background_image', $loginpress_form_background_img ); ?>
615 <?php if ( ! empty( $loginpress_form_display_bg ) && true == $loginpress_form_display_bg ) : ?>
616 background: transparent;
617 <?php endif; ?>
618 <?php if ( ! empty( $loginpress_form_background_img ) ) : ?>
619 background-image: url(<?php echo $loginpress_form_background_img; ?>);
620 <?php endif; ?>
621 <?php if ( true != $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
622 background-color: <?php echo $loginpress_form_background_clr; ?>;
623 <?php endif; ?>
624 <?php if ( ! empty( $loginpress_form_height ) ) : ?>
625 min-height: <?php echo $loginpress_form_height; ?>;
626 <?php endif; ?>
627 <?php if ( ! empty( $loginpress_form_padding ) ) : ?>
628 padding: <?php echo $loginpress_form_padding; ?>;
629 <?php endif; ?>
630 <?php if ( ! empty( $loginpress_form_border ) ) : ?>
631 border: <?php echo $loginpress_form_border; ?>;
632 <?php endif; ?>
633 }
634
635 #loginform input[type="text"], #loginform input[type="password"]{
636 <?php if ( ! empty( $loginpress_login_textfield_radius ) ) : ?>
637 border-radius: <?php echo $loginpress_login_textfield_radius . 'px;'; ?>;
638 <?php endif; ?>
639
640 box-shadow: <?php echo loginpress_box_shadow( $loginpress_textfield_shadow, $loginpress_textfield_shadow_opacity, '0', $loginpress_inset ); ?>
641 }
642
643 #registerform input[type="text"], #registerform input[type="password"], #registerform input[type="number"], #registerform input[type="email"] {
644 <?php if ( ! empty( $loginpress_login_textfield_radius ) ) : ?>
645 border-radius: <?php echo $loginpress_login_textfield_radius . 'px;'; ?>;
646 <?php endif; ?>
647 box-shadow: <?php echo loginpress_box_shadow( $loginpress_textfield_shadow, $loginpress_textfield_shadow_opacity, '0', $loginpress_inset ); ?>
648 }
649
650 #lostpasswordform input[type="text"]{
651 <?php if ( ! empty( $loginpress_login_textfield_radius ) ) : ?>
652 border-radius: <?php echo $loginpress_login_textfield_radius . 'px;'; ?>;
653 <?php endif; ?>
654 box-shadow: <?php echo loginpress_box_shadow( $loginpress_textfield_shadow, $loginpress_textfield_shadow_opacity, '0', $loginpress_inset ); ?>
655 }
656
657 #login {
658 <?php if ( ! empty( $loginpress_form_width ) ) : ?>
659 max-width: <?php echo loginpress_check_px( $loginpress_form_width ) . loginpress_important(); ?>;
660 <?php else : ?>
661 <?php endif; ?>
662 }
663
664 .login form .forgetmenot label {
665 <?php if ( ! empty( $loginpress_form_remember_label ) ) : ?>
666 color: <?php echo $loginpress_form_remember_label . loginpress_important(); ?>;
667 <?php endif; ?>
668 }
669
670 .login label {
671 <?php if( !empty( $loginpress_form_label_font_size ) && 'default2' != $loginpress_preset ) : ?>
672 font-size: <?php echo $loginpress_form_label_font_size . 'px;'; ?>
673 <?php endif; ?>
674 <?php if ( ! empty( $loginpress_form_field_label ) ) : ?>
675 color: <?php echo $loginpress_form_field_label; ?>;
676 <?php endif; ?>
677 }
678
679 .login form .input, .login input[type="text"] {
680 <?php if ( ! empty( $loginpress_form_field_width ) ) : ?>
681 width: <?php echo loginpress_check_percentage($loginpress_form_field_width); ?>;
682 <?php endif; ?>
683 <?php if ( ! empty( $loginpress_form_field_margin ) ) : ?>
684 margin: <?php echo $loginpress_form_field_margin; ?>;
685 <?php endif; ?>
686 <?php if ( ! empty( $loginpress_form_field_bg ) ) : ?>
687 background: <?php echo $loginpress_form_field_bg; ?>;
688 <?php endif; ?>
689 <?php if ( ! empty( $loginpress_form_field_color ) ) : ?>
690 color: <?php echo $loginpress_form_field_color; ?>;
691 <?php endif; ?>
692 }
693
694
695 /* WordFence 2FA transparent issue fix. */
696 #loginform[style="position: relative;"] > .user-pass-wrap,
697 #loginform[style="position: relative;"] > .forgetmenot,
698 #loginform[style="position: relative;"] > .submit,
699 #loginform[style="position: relative;"] > p{
700 visibility: hidden !important;
701 }
702
703 #wfls-prompt-overlay{
704 background: transparent;
705 padding: 0;
706 }
707 #wfls-prompt-wrapper input[type="text"]{
708 padding-left: 20px;
709 }
710
711 #lostpasswordform {
712 <?php $loginpress_forget_form_bg_img = apply_filters( 'loginpress_lostpassword_form_background_image', $loginpress_forget_form_bg_img ); ?>
713 <?php if ( ! empty( $loginpress_forget_form_bg_img ) ) : ?>
714 background-image: url(<?php echo $loginpress_forget_form_bg_img; ?>);
715 <?php endif; ?>
716 <?php if ( ! empty( $loginpress_forget_form_bg_clr ) ) : ?>
717 background-color: <?php echo $loginpress_forget_form_bg_clr; ?>;
718 <?php endif; ?>
719 <?php if ( ! empty( $loginpress_form_padding ) ) : ?>
720 padding: <?php echo $loginpress_form_padding; ?>;
721 <?php endif; ?>
722 <?php if ( true != $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
723 background-color: <?php echo $loginpress_form_background_clr; ?>;
724 <?php endif; ?>
725 <?php if ( ! empty( $loginpress_form_display_bg ) && true == $loginpress_form_display_bg ) : ?>
726 background: transparent;
727 <?php endif; ?>
728 }
729
730 #registerform {
731 <?php if ( ! empty( $loginpress_form_padding ) ) : ?>
732 padding: <?php echo $loginpress_form_padding; ?>;
733 <?php endif; ?>
734 <?php if ( true != $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
735 background-color: <?php echo $loginpress_form_background_clr; ?>;
736 <?php endif; ?>
737 <?php if ( ! empty( $loginpress_form_display_bg ) && true == $loginpress_form_display_bg ) : ?>
738 background: transparent;
739 <?php endif; ?>
740 }
741
742 #wfls-prompt-overlay {
743 <?php if ( true != $loginpress_form_display_bg && ! empty( $loginpress_form_background_clr ) ) : ?>
744 background-color: <?php echo $loginpress_form_background_clr; ?>;
745 <?php endif; ?>
746 }
747
748 .login .message, .login .success, .login .custom-message {
749
750 <?php if ( ! empty( $loginpress_welcome_bg_border ) ) : ?>
751 border: <?php echo $loginpress_welcome_bg_border; ?>;
752 <?php else : ?>
753 border-left: 4px solid #00a0d2;
754 <?php endif; ?>
755
756 <?php if ( ! empty( $loginpress_welcome_bg_color ) ) : ?>
757 background-color: <?php echo $loginpress_welcome_bg_color; ?>;
758 <?php else : ?>
759 background-color: #fff;
760 <?php endif; ?>
761
762 padding: 12px;
763 margin-left: 0;
764 margin-bottom: 20px;
765 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
766 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
767 }
768
769 .login #nav {
770 <?php if ( ! empty( $loginpress_footer_bg_color ) ) : ?>
771 background-color: <?php echo $loginpress_footer_bg_color; ?>;
772 <?php endif; ?>
773 <?php if ( isset( $loginpress_footer_display ) && '1' != $loginpress_footer_display) : ?>
774 display: none;
775 <?php endif; ?>
776 }
777
778 .login #nav a, .login #nav{
779
780 <?php if ( ! empty( $loginpress_footer_decoration ) ) : ?>
781 text-decoration: <?php echo $loginpress_footer_decoration; ?>;
782 <?php endif; ?>
783 <?php if ( ! empty( $loginpress_footer_text_color ) ) : ?>
784 color: <?php echo $loginpress_footer_text_color; ?>;
785 <?php endif; ?>
786 <?php if ( ! empty( $loginpress_footer_font_size ) ) : ?>
787 font-size: <?php echo $loginpress_footer_font_size . ';'; ?>;
788 <?php endif; ?>
789
790 }
791
792 .login form .forgetmenot label{
793 <?php if ( ! empty( $loginpress_remember_me_font_size ) ) : ?>
794 font-size: <?php echo $loginpress_remember_me_font_size . 'px;'; ?>;
795 <?php endif; ?>
796 }
797
798 .login p input[type="submit"]{
799 <?php if ( ! empty( $loginpress_login_button_text_size ) ) : ?>
800 font-size: <?php echo $loginpress_login_button_text_size . 'px;'; ?>;
801 <?php endif; ?>
802 <?php if ( ! empty( $loginpress_login_button_width ) ) : ?>
803 width: <?php echo $loginpress_login_button_width . '%;'; ?>;
804 <?php endif; ?>
805 <?php if ( ! empty( $loginpress_login_button_radius ) ) : ?>
806 border-radius: <?php echo $loginpress_login_button_radius . 'px;'; ?>;
807 <?php endif; ?>
808 }
809
810 .login #nav a:hover{
811 <?php if ( ! empty( $loginpress_footer_text_hover ) ) : ?>
812 color: <?php echo $loginpress_footer_text_hover; ?>;
813 <?php endif; ?>
814 }
815
816 .login #backtoblog{
817 <?php if ( ! empty( $loginpress_back_bg_color ) ) : ?>
818 background-color: <?php echo $loginpress_back_bg_color; ?>;
819 <?php endif; ?>
820 }
821
822 .login .copyRight{
823 <?php if ( ! empty( $copyright_background_color ) ) : ?>
824 background-color: <?php echo $copyright_background_color; ?>;
825 <?php endif; ?>
826 }
827 /* .loginpress-show-love, .loginpress-show-love a{
828 <?php //if ( ! empty( $show_some_love_text_color ) ) : ?>
829 color: <?php //echo $show_some_love_text_color; ?>;
830 <?php //endif; ?>
831 } */
832
833 .login .copyRight{
834 <?php if ( ! empty( $copyright_text_color ) ) : ?>
835 color: <?php echo $copyright_text_color; ?>;
836 <?php endif; ?>
837 }
838 .login #backtoblog a{
839 <?php if ( ! empty( $loginpress_back_decoration ) ) : ?>
840 text-decoration: <?php echo $loginpress_back_decoration; ?>;
841 <?php endif; ?>
842 <?php if ( ! empty( $loginpress_back_text_color ) ) : ?>
843 color: <?php echo $loginpress_back_text_color; ?>;
844 <?php endif; ?>
845 <?php if ( ! empty( $loginpress_back_font_size ) ) : ?>
846 font-size: <?php echo $loginpress_back_font_size; ?>;
847 <?php endif; ?>
848 }
849 .login #backtoblog{
850 <?php if ( isset( $loginpress_back_display ) && '1' != $loginpress_back_display ) : ?>
851 display: none;
852 <?php endif; ?>
853
854 }
855 .login #backtoblog a:hover{
856 <?php if ( ! empty( $loginpress_back_text_hover ) ) : ?>
857 color: <?php echo $loginpress_back_text_hover; ?>;
858 <?php endif; ?>
859 }
860
861 .loginHead {
862 <?php if ( ! empty( $loginpress_header_bg_color ) ) : ?>
863 background: <?php echo $loginpress_header_bg_color; ?>;
864 <?php endif; ?>
865 }
866
867 .loginHead p a {
868 <?php if ( ! empty( $loginpress_header_text_color ) ) : ?>
869 color: <?php echo $loginpress_header_text_color; ?>;
870 <?php endif; ?>
871 <?php if ( ! empty( $loginpress_header_font_size ) ) : ?>
872 font-size: <?php echo $loginpress_header_font_size; ?>;
873 <?php endif; ?>
874 }
875
876 .loginHead p a:hover {
877 <?php if ( ! empty( $loginpress_header_text_hover ) ) : ?>
878 color: <?php echo $loginpress_header_text_hover; ?>;
879 <?php endif; ?>
880 }
881
882 .loginFooter p a {
883 margin: 0 5px;
884 <?php if ( ! empty( $loginpress_footer_link_color ) ) : ?>
885 color: <?php echo $loginpress_footer_link_color; ?>;
886 <?php endif; ?>
887 <?php if ( ! empty( $loginpress_footer_links_font_size ) ) : ?>
888 font-size: <?php echo $loginpress_footer_links_font_size; ?>;
889 <?php endif; ?>
890 }
891
892 .loginFooter p a:hover {
893 <?php if ( ! empty( $loginpress_footer_link_hover ) ) : ?>
894 color: <?php echo $loginpress_footer_link_hover; ?>;
895 <?php endif; ?>
896 <?php if ( ! empty( $loginpress_footer_links_hover_size ) ) : ?>
897 font-size: <?php echo $loginpress_footer_links_hover_size; ?>;
898 <?php endif; ?>
899 }
900
901 .loginInner {
902 <?php if ( ! empty( $loginpress_footer_link_bg_clr ) ) : ?>
903 background: <?php echo $loginpress_footer_link_bg_clr; ?>;
904 <?php endif; ?>
905 }
906
907 <?php if ( ! empty( $loginpress_custom_css ) ) : ?>
908 <?php echo $loginpress_custom_css; ?>
909 <?php endif; ?>
910
911 .wp-core-ui .button-primary{
912 text-shadow: none;
913 }
914
915 /*input:-webkit-autofill{
916 transition: all 100000s ease-in-out 0s !important;
917 transition-property: background-color, color !important;
918 }*/
919 .copyRight{
920 padding: 12px 170px;
921 }
922 .loginpress-show-love{
923 float: right;
924 font-style: italic;
925 padding-right: 20px;
926 padding-bottom: 10px;
927 position: absolute;
928 bottom: 3px;
929 right: 0;
930 z-index: 10;
931 }
932 .loginpress-show-love a{
933 text-decoration: none;
934 }
935 .love-position{
936 left: 0;
937 padding-left: 20px;
938 }
939 .header-cell{
940 /* display: table-cell; */
941 height: 100px;
942 }
943 .loginHeaderMenu{
944 text-align: center;
945 position: relative;
946 z-index: 10;
947 list-style: none;
948 background: #333;
949
950 }
951 .loginHeaderMenu>ul>li{
952 display: inline-block;
953 vertical-align: top;
954 position: relative;
955 list-style: none;
956 }
957 .loginHeaderMenu>ul>li>a{
958 color: #fff;
959 text-transform: uppercase;
960 text-decoration: none;
961 font-size: 16px;
962 padding: 17px 20px;
963 display: inline-block;
964 }
965 .loginHeaderMenu>ul>li:hover>a{
966 background: #4CAF50;
967 color: #fff;
968 }
969 .loginHeaderMenu>ul>li>ul{
970 position: absolute;
971 width: 200px;
972 padding: 0;
973 top: 100%;
974 left: 0;
975 background: #fff;
976 list-style: none;
977 text-align: left;
978 border-radius: 0 0 5px 5px;
979 -webkit-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31);
980 -moz-box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31);
981 box-shadow: 0px 5px 10px -1px rgba(0,0,0,0.31);
982 overflow: hidden;
983 opacity: 0;
984 visibility: hidden;
985 }
986 .loginHeaderMenu>ul>li:hover>ul{
987 opacity: 1;
988 visibility: visible;
989 }
990 .loginHeaderMenu>ul>li>ul>li{
991 font-size: 15px;
992 color: #333;
993 }
994 .loginHeaderMenu>ul>li>ul>li>a{
995 color: #333;
996 padding: 10px;
997 display: block;
998 text-decoration: none;
999 }
1000 .loginHeaderMenu>ul>li>ul>li>a:hover {
1001 background: rgba(51, 51, 51, 0.35);
1002 color: #fff;
1003 }
1004 .loginHeaderMenu>ul {
1005 flex-wrap: wrap;
1006 display: flex;
1007 justify-content: center;
1008 }
1009 .loginFooterMenu{
1010 text-align: center;
1011 background-color: rgba(0,0,0,.7);
1012 }
1013 .loginFooterMenu>ul{
1014 display: inline-flex;
1015 }
1016
1017 .loginFooterMenu>ul>li{
1018 display: inline-block;
1019 padding: 18px;
1020 }
1021 .loginFooterMenu>ul>li:focus{
1022 outline: none;
1023 border: 0;
1024 }
1025 .loginFooterMenu>ul>li>a:focus{
1026 outline: none;
1027 border: 0;
1028 }
1029 .loginFooterMenu>ul>li>a{
1030 color: #fff;
1031 text-transform: uppercase;
1032 text-decoration: none;
1033 font-size: 14px;
1034 }
1035 .loginFooterMenu>ul {
1036 flex-wrap: wrap;
1037 display: flex;
1038 justify-content: center;
1039 }
1040 .loginpress-caps-lock{
1041 background: rgba(51, 56, 61, 0.9);
1042 color: #fff;
1043 display: none;
1044 font-size: 14px;
1045 width: 120px;
1046 padding: 5px 10px;
1047 line-height: 20px;
1048 position: absolute;
1049 left: calc(100% + 10px);
1050 top: 50%;
1051 transform: translateY(-50%);
1052 border-radius: 5px;
1053 -webkit-transition: all 0.3s ease-in-out;
1054 transition: all 0.3s ease-in-out;
1055 text-align: center;
1056 -webkit-box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.20);
1057 box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.20);
1058 margin-left: 5px;
1059 font-weight: normal;
1060 margin: 0;
1061 display: none;
1062 }
1063 .loginpress-caps-lock:before{
1064 content: '';
1065 width: 0;
1066 height: 0;
1067 border-style: solid;
1068 border-width: 5px 5px 5px 0;
1069 border-color: transparent rgba(51, 56, 61, 0.9) transparent transparent;
1070 position: absolute;
1071 top: 50%;
1072 right: 100%;
1073 margin-left: 0;
1074 margin-top: -5px;
1075 -webkit-transition: all 0.3s ease-in-out;
1076 transition: all 0.3s ease-in-out;
1077 z-index: 1;
1078 }
1079 .login form{
1080 overflow: visible;
1081 border: none;
1082 }
1083 #loginform .user-pass-fields input{
1084 margin-bottom: 0;
1085 }
1086 #loginform .user-pass-fields {
1087 margin-bottom: 18px;
1088 position: relative;
1089 }
1090 #login form p.submit{
1091 position: relative;
1092 clear: both;
1093 }
1094 input[type=checkbox]:checked::before{
1095 margin: -.35rem 0 0 -.375rem;
1096 }
1097 /* LoginPress input field since 1.1.20 */
1098 /* .loginpress-input-wrap{
1099 position: relative;
1100 }
1101 .loginpress-input-field {
1102 transition: 0.4s;
1103 }
1104 .loginpress-input-field ~ .focus-border:before, .loginpress-input-field ~ .focus-border:after{
1105 content: "";
1106 position: absolute;
1107 top: 0;
1108 left: 50%;
1109 width: 0;
1110 height: 2px;
1111 background-color: #3399FF;
1112 transition: 0.4s;
1113 z-index: 999;
1114 }
1115 .loginpress-input-field ~ .focus-border:after{
1116 top: auto; bottom: 0;
1117 }
1118 .loginpress-input-field ~ .focus-border i:before, .loginpress-input-field ~ .focus-border i:after{
1119 content: "";
1120 position: absolute;
1121 top: 50%;
1122 left: 0;
1123 width: 2px;
1124 height: 0;
1125 background-color: #3399FF;
1126 transition: 0.6s;
1127 }
1128 .loginpress-input-field ~ .focus-border i:after{
1129 left: auto; right: 0;
1130 }
1131 .loginpress-input-field:focus ~ .focus-border:before, .loginpress-input-field:focus ~ .focus-border:after{
1132 left: 0;
1133 width: 100%;
1134 transition: 0.4s;
1135 }
1136 .loginpress-input-field:focus ~ .focus-border i:before, .loginpress-input-field:focus ~ .focus-border i:after{
1137 top: 0;
1138 height: 100%;
1139 transition: 0.6s;
1140 } */
1141 /* ! LoginPress input field since 1.1.20 */
1142 @media screen and (max-width: 1239px) and (min-width: 768px){
1143 body.login #loginpress_video-background-wrapper{
1144 <?php if( $loginpress_theme_tem == 'default10' ) : ?>
1145 width: calc(58vw - 90px);
1146 <?php endif; ?>
1147 }
1148 }
1149
1150 @media screen and (max-width: 767px) {
1151 .login h1 a {
1152 max-width: 100%;
1153 background-size: contain !important;
1154 }
1155 .copyRight{
1156 padding: 12px;
1157 }
1158 .loginpress-caps-lock{
1159 left: auto;
1160 right: 0;
1161 top: 149%;
1162 }
1163 .loginpress-caps-lock:before{
1164 content: '';
1165 width: 0;
1166 height: 0;
1167 border-style: solid;
1168 border-width: 0 5px 5px 5px;
1169 border-color: transparent transparent rgba(51, 56, 61, 0.9) transparent;
1170 position: absolute;
1171 top: 0px;
1172 left: 5px;
1173 right: auto;
1174 }
1175 .loginpress-show-love{
1176 display: none !important;
1177 }
1178 body.login #loginpress_video-background-wrapper{
1179 <?php if( $loginpress_theme_tem == 'default6' ) : ?>
1180 z-index: -1 !important;
1181 width: 100% !important;
1182 left: 0 !important;
1183 <?php endif; ?>
1184 <?php if( $loginpress_theme_tem == 'default10' ) : ?>
1185 z-index: -1 !important;
1186 width: 100% !important;
1187 left: 0 !important;
1188 <?php endif; ?>
1189 <?php if( $loginpress_theme_tem == 'default17' ) : ?>
1190 z-index: 0 !important;
1191 width: 100% !important;
1192 left: 0 !important;
1193 <?php endif; ?>
1194 <?php if( $loginpress_theme_tem == 'default8' ) : ?>
1195 z-index: 1 !important;
1196 width: 100% !important;
1197 left: 0 !important;
1198 <?php endif; ?>
1199 }
1200 }
1201 @media screen and (max-height: 700px) {
1202 .loginpress-show-love{
1203 display: none !important;
1204 }
1205 }
1206 /* The only rule that matters */
1207 #loginpress_video-background {
1208 /* making the video fullscreen */
1209 position: fixed !important ;
1210 right: 0 !important ;
1211 bottom: 0 !important ;
1212 width: 100% !important ;
1213 height: 100% !important ;
1214 z-index: -100 !important ;
1215 }
1216 body.login #login.login_transparent,body.login #login.login_transparent #loginform{
1217 background: none !important;
1218 }
1219 body.login{
1220 height: auto !important;
1221 display: flex;
1222 flex-direction: column;
1223 }
1224 body #login{
1225 margin-bottom: 0;
1226 }
1227 body.login label[for="authcode"]:after{
1228 display: none;
1229 }
1230 body.login label[for="authcode"]+input{
1231 padding-left: 15px;
1232 }
1233 /* Default Login Popup styling */
1234 .interim-login.login form {
1235 margin: 30px !important;
1236 }
1237 .interim-login #login_error, .interim-login.login .message{
1238 margin: 0 20px 16px !important;
1239 }
1240
1241 .interim-login.login {
1242 min-height: 520px;
1243 height: 100vh;
1244 }
1245
1246 .interim-login #login {
1247 width: 100%;
1248 max-width: 380px;
1249 margin-top: 0;
1250 margin-bottom: 0;
1251 height: 100%;
1252 border-radius: 0;
1253 display: flex;
1254 flex-direction: column;
1255 justify-content: center;
1256 padding: 20px 0;
1257 }
1258
1259 /* Default Login Popup styling */
1260
1261 .interim-login.login form {
1262 margin: 30px !important;
1263 }
1264
1265 .interim-login #login_error, .interim-login.login .message{
1266 margin: 0 20px 16px !important;
1267 }
1268
1269 .interim-login.login {
1270 min-height: 520px;
1271 height: 100vh;
1272 }
1273
1274 .interim-login #login {
1275 width: 100%;
1276 max-width: 380px;
1277 margin-top: 0;
1278 margin-bottom: 0;
1279 height: 100%;
1280 border-radius: 0;
1281 display: flex;
1282 flex-direction: column;
1283 justify-content: center;
1284 padding: 20px 0;
1285 }
1286
1287 .interim-login #login .submit{
1288 margin-top: 10px;
1289 }
1290
1291 <?php
1292 /**
1293 * Load the following the Language Switcher with the language availability.
1294 *
1295 * @since 1.5.11
1296 */
1297 if ( version_compare( $GLOBALS['wp_version'], '5.9', '>=' ) && ! empty( get_available_languages() ) ) : ?>
1298 [for="language-switcher-locales"]:after{
1299 display: none;
1300 }
1301 .language-switcher{
1302 clear: both;
1303 padding-top: 1px;
1304 }
1305 .login #language-switcher input[type="submit"]{
1306 margin: 0;
1307 color: #2271b1;
1308 border-color: #2271b1;
1309 background: #f6f7f7;
1310 vertical-align: top;
1311 height: inherit;
1312 width: inherit;
1313 font-size: inherit;
1314 width: fit-content;
1315 max-width: fit-content;
1316 }
1317 <?php endif; ?>
1318 </style>
1319
1320 <?php // $content = ob_get_clean(); ?>
1321 <?php if ( isset( $loginpress_display_bg_video ) && $loginpress_display_bg_video && ( ! empty( $loginpress_bg_yt_video_id ) || ! empty( $loginpress_bg_video ) ) ) : ?>
1322 <?php if ( ( $loginpress_theme_tem == 'default6' || $loginpress_theme_tem == 'default10' || $loginpress_theme_tem == 'default17' ) ) : ?>
1323 <script id="loginpress-video-script">
1324 document.addEventListener( 'DOMContentLoaded', function(){
1325 // document.body.innerHTML="<video autoplay loop id=\"loginpress_video-background\" muted playsinline>\n" + "<source src=\"<?php // echo $loginpress_bg_video;?>\">\n" + "</video>\n"+document.body.innerHTML;
1326 // '"<video autoplay loop id=\"loginpress_video-background\" muted playsinline>\n" + "<source src=\"<?php // echo $loginpress_bg_video;?>\">\n" + "</video>\n"'.
1327 // document.getElementById("login").appendChild("<video autoplay loop id=\"loginpress_video-background\" muted playsinline>\n" + "<source src=\"<?php // echo $loginpress_bg_video;?>\">\n" + "</video>\n");
1328 // (function($){
1329 // $('<div id="loginpress_video-background-wrapper"><video autoplay loop id="loginpress_video-background" <?php echo $loginpress_video_voice; ?> playsinline><source src="<?php //echo $loginpress_bg_video;?>"></video></div>').appendTo($('#login'));
1330 // }(jQuery));
1331 var el = document.getElementById('login');
1332 var elChild = document.createElement('div');
1333
1334 <?php if ( ( isset ( $loginpress_bg_video_medium ) && $loginpress_bg_video_medium == 'youtube' && ! empty ( $loginpress_bg_yt_video_id ) ) ) { ?>
1335 elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" data-video=\"<?php echo $loginpress_bg_yt_video_id; ?>\">\n</div>';
1336 <?php } else { ?>
1337 elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo $loginpress_video_voice; ?> playsinline>\n" + "<source src=\"<?php echo $loginpress_bg_video; ?>\">\n" + "</video>';
1338 <?php } ?>
1339
1340 // Prepend it
1341 el.appendChild(elChild);
1342 }, false );
1343 </script>
1344 <?php else: ?>
1345 <script>
1346 <?php if ( $loginpress_theme_tem == 'default17' ) : ?>
1347 document.addEventListener( 'DOMContentLoaded', function(){
1348 var el = document.getElementsByClassName('login')[0];
1349 var elChild = document.createElement('div');
1350 <?php if ( ( isset ( $loginpress_bg_video_medium ) && $loginpress_bg_video_medium == 'youtube' && ! empty ( $loginpress_bg_yt_video_id ) ) ) { ?>
1351 elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" style=\"background-image: url(https://img.youtube.com/vi/<?php echo $loginpress_bg_yt_video_id; ?>/maxresdefault.jpg\)" data-video=\"<?php echo $loginpress_bg_yt_video_id; ?>\"></div>';
1352 <?php } else { ?>
1353 elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo $loginpress_video_voice; ?> playsinline>\n" + "<source src=\"<?php echo $loginpress_bg_video; ?>\">\n" + "</video>';
1354 <?php } ?>
1355
1356 // Prepend it
1357 el.appendChild(elChild);
1358 }, false );
1359 <?php endif; ?>
1360 <?php if ( $loginpress_theme_tem == 'default8' ) : ?>
1361 document.addEventListener( 'DOMContentLoaded', function(){
1362 var el = document.getElementsByClassName('login')[0];
1363 var elChild = document.createElement('div');
1364 <?php if ( ( isset ( $loginpress_bg_video_medium ) && $loginpress_bg_video_medium == 'youtube' && ! empty ( $loginpress_bg_yt_video_id ) ) ) { ?>
1365 elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" style=\"background-image: url(https://img.youtube.com/vi/<?php echo $loginpress_bg_yt_video_id; ?>/maxresdefault.jpg\)" data-video=\"<?php echo $loginpress_bg_yt_video_id; ?>\"></div>';
1366 <?php } else { ?>
1367 elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo $loginpress_video_voice; ?> playsinline>\n" + "<source src=\"<?php echo $loginpress_bg_video; ?>\">\n" + "</video>';
1368 <?php } ?>
1369
1370 // Prepend it
1371 el.appendChild(elChild);
1372 }, false );
1373 <?php endif; ?>
1374 <?php if ( $loginpress_theme_tem != 'default17' && $loginpress_theme_tem != 'default8' ) : ?>
1375 document.addEventListener( 'DOMContentLoaded', function(){
1376 var el = document.getElementsByClassName('login')[0];
1377 var elChild = document.createElement('div');
1378
1379 <?php if ( ( isset ( $loginpress_bg_video_medium ) && $loginpress_bg_video_medium == 'youtube' && ! empty ( $loginpress_bg_yt_video_id ) ) ) { ?>
1380 elChild.innerHTML = '<div id=\"loginpress_video-background-wrapper\" style=\"background-image: url(https://img.youtube.com/vi/<?php echo $loginpress_bg_yt_video_id; ?>/maxresdefault.jpg\)" data-video=\"<?php echo $loginpress_bg_yt_video_id; ?>\"></div>';
1381 <?php } else { ?>
1382 elChild.innerHTML = '<video autoplay loop id=\"loginpress_video-background\" <?php echo $loginpress_video_voice; ?> playsinline>\n" + "<source src=\"<?php echo $loginpress_bg_video; ?>\">\n" + "</video>';
1383 <?php } ?>
1384
1385 // Prepend it
1386 el.appendChild(elChild);
1387
1388 }, false );
1389 <?php endif; ?>
1390 <?php if ( ( isset ( $loginpress_bg_video_medium ) && $loginpress_bg_video_medium == 'youtube' && ! empty ( $loginpress_bg_yt_video_id ) ) ) { ?>
1391 // 2. This code loads the IFrame Player API code asynchronously.
1392 // var tag = document.createElement('script');
1393 // tag.src = "https://www.youtube.com/player_api";
1394 // var firstScriptTag = document.getElementsByTagName('script')[0];
1395 // firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
1396
1397 // 3. This function creates an <iframe> (and YouTube player)
1398 // after the API code downloads.
1399 var player;
1400 window.onYouTubePlayerAPIReady = function() {
1401 player = new YT.Player('loginpress_video-background-wrapper', {
1402 width: '100%',
1403 height: '100%',
1404 videoId: '<?php echo $loginpress_bg_yt_video_id; ?>',
1405 events: {
1406 'onReady': onPlayerReady,
1407 'onStateChange': onPlayerStateChange
1408 }
1409 });
1410 }
1411
1412 // 4. The API will call this function when the video player is ready.
1413 function onPlayerReady(event) {
1414 // console.log('payer is ready')
1415 event.target.playVideo();
1416 player.mute(); // comment out if you don't want the auto played video muted
1417 }
1418
1419 // 5. The API calls this function when the player's state changes.
1420 // The function indicates that when playing a video (state=1),
1421 // the player should play for six seconds and then stop.
1422 function onPlayerStateChange(event) {
1423 if (event.data == YT.PlayerState.ENDED) {
1424 player.seekTo(0);
1425 player.playVideo();
1426 }
1427 }
1428 function stopVideo() {
1429 player.stopVideo();
1430 }
1431 <?php } ?>
1432 </script>
1433 <?php endif; ?>
1434 <?php endif; ?>
1435
1436 <?php if ( ( isset ( $loginpress_bg_video_medium ) && $loginpress_bg_video_medium == 'youtube' && ! empty ( $loginpress_bg_yt_video_id ) ) ) { ?>
1437 <style>
1438 iframe#loginpress_video-background-wrapper{
1439 right: auto !important;
1440 bottom: auto !important;
1441 left: 50% !important;
1442 top: 50% !important;
1443 transform: translate(-50%, -50%);
1444 width: 100%;
1445 height: 100%;
1446 position: fixed;
1447 z-index: -1000;
1448 background-size: cover;
1449 background-position: center center;
1450 pointer-events: none;
1451 }
1452 @media (min-aspect-ratio: 16/9) {
1453 iframe#loginpress_video-background-wrapper {
1454 height: 56.25vw !important;
1455 }
1456 }
1457 @media (max-aspect-ratio: 16/9) {
1458 iframe#loginpress_video-background-wrapper {
1459 width: 177.78vh !important;
1460 }
1461 }
1462 </style>
1463 <?php }
1464
1465 $loginpress_setting = get_option( 'loginpress_setting' );
1466 $enable_reg_pass_field = isset( $loginpress_setting['enable_reg_pass_field'] ) ? $loginpress_setting['enable_reg_pass_field'] : 'off';
1467 if ( 'off' != $enable_reg_pass_field ) { ?>
1468 <style>
1469 .loginpress-reg-pass-wrap-1.password-field,
1470 .loginpress-reg-pass-wrap-2.password-field{
1471 position: relative;
1472 }
1473
1474 .loginpress-reg-pass-wrap-1 .custom-password-input,
1475 .loginpress-reg-pass-wrap-2 .custom-password-input{
1476 padding-right: 30px;
1477 }
1478
1479 .loginpress-reg-pass-wrap-1 .show-password-toggle,
1480 .loginpress-reg-pass-wrap-2 .show-password-toggle{
1481 position: absolute;
1482 right: 10px;
1483 top: 35%;
1484 transform: translateY(-50%);
1485 cursor: pointer;
1486 }
1487 .loginpress-reg-pass-wrap-1 .show-password-toggle,
1488 .loginpress-reg-pass-wrap-2 .show-password-toggle{
1489 color: #2271b1;
1490 border-color: #2271b1;
1491 background: #f6f7f7;
1492 vertical-align: top;
1493 }
1494 </style>
1495
1496 <script>
1497 document.addEventListener('DOMContentLoaded', function () {
1498 // Find the element with the ID "nav"
1499 var navElement = document.getElementById('nav');
1500
1501 // Check if the element exists
1502 if (navElement) {
1503 // Replace the "|" with "<span>|</span>"
1504 navElement.innerHTML = navElement.innerHTML.replace(/\|/g, '<span class="loginpress-seprator">|</span>');
1505 }
1506 if(document.querySelector('.footer-cont').innerHTML == ''){
1507 document.querySelector('.footer-wrapper').style.display = "none";
1508 }
1509 });
1510 </script>
1511 <script>
1512 document.addEventListener('DOMContentLoaded', function() {
1513 const passwordToggles = document.querySelectorAll('.show-password-toggle');
1514 passwordToggles.forEach(function(toggle) {
1515 toggle.addEventListener('click', function() {
1516 const customPasswordInput = this.previousElementSibling;
1517 const passwordDashicon = this.closest('span');
1518
1519 if (customPasswordInput.type === 'password') {
1520 passwordDashicon.classList.remove('dashicons-visibility');
1521 passwordDashicon.classList.add('dashicons-hidden');
1522 customPasswordInput.type = 'text';
1523 } else {
1524 passwordDashicon.classList.add('dashicons-visibility');
1525 passwordDashicon.classList.remove('dashicons-hidden');
1526 customPasswordInput.type = 'password';
1527 }
1528 });
1529 });
1530 });
1531 </script>
1532 <?php } ?>