Spade
Mini Shell
| Directory:~$ /proc/self/root/home/lmsyaran/www/j3/modules/mod_jf_login_pro/assets/ |
| [Home] [System Details] [Kill Me] |
/**
* @package JF Login Pro
* @author JoomForest.com
* @email support@joomforest.com
* @website http://www.joomforest.com
* @copyright Copyright (C) 2011-2016 JoomForest.com, All rights reserved.
* @license JoomForest.com Proprietary Use License -
http://www.joomforest.com/licenses
**/
.jf-login-pro-position {
display: none
}
.jf_l_pro_backout {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 10000;
background: #fff;
opacity: 0.7;
margin: 0;
padding: 0;
left: 0;
top: 0
}
.jf_l_pro_popup {
display: none;
background-color: #f8f8f8;
background-image: url(jf_login_bg.png);
background-position: 20% 30%;
background-repeat: no-repeat;
-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 0 6px #999;
-khtml-box-shadow: 0 0 6px #999;
-moz-box-shadow: 0 0 6px #999;
-ms-box-shadow: 0 0 6px #999;
-o-box-shadow: 0 0 6px #999;
box-shadow: 0 0 6px #999;
position: fixed;
left: 50%;
top: 50%;
z-index: 10001
}
.jf_l_pro_popup form {
height: auto;
display: block;
width: 415px;
padding: 20px;
-webkit-box-sizing: inherit;
-khtml-box-sizing: inherit;
-moz-box-sizing: inherit;
-ms-box-sizing: inherit;
-o-box-sizing: inherit;
box-sizing: inherit;
margin: 0
}
.jf_l_pro_popup .jf_l_pro_checkbox {
position: relative;
display: inline-block;
margin: 0;
cursor: pointer
}
.jf_l_pro_popup .jf_l_pro_checkbox input {
position: absolute;
z-index: 1;
width: 22px;
height: 22px;
top: 0;
left: 0;
cursor: pointer;
margin: 0;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transition: none !important;
-khtml-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.jf_l_pro_popup .jf_l_pro_checkbox>i {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
margin: 0 5px;
line-height: 1;
vertical-align: middle;
-webkit-transition: none !important;
-khtml-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
color: #ffffff;
z-index: 2
}
.jf_l_pro_popup .jf_l_pro_checkbox>i:before {
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 100%;
border: 2px solid rgba(0, 0, 0, 0.5);
content: "";
-webkit-transition: none !important;
-khtml-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.jf_l_pro_popup .jf_l_pro_checkbox>i:after {
position: absolute;
top: 5px;
left: 8px;
display: table;
width: 5px;
height: 10px;
border: 2px solid;
border-top: 0;
border-left: 0;
content: ' ';
opacity: 0;
visibility: hidden
}
.jf_l_pro_popup .jf_l_pro_checkbox input[type="checkbox"]+i:after
{
-webkit-transform: rotate(45deg) scale(0);
-khtml-transform: rotate(45deg) scale(0);
-moz-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
-o-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
-webkit-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.01, 1), transform
0.4s cubic-bezier(0.55, 0, 0.01, 1), visibility 0.4s cubic-bezier(0.55, 0,
0.01, 1) !important;
-khtml-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.01, 1), transform
0.4s cubic-bezier(0.55, 0, 0.01, 1), visibility 0.4s cubic-bezier(0.55, 0,
0.01, 1) !important;
-moz-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.01, 1), transform
0.4s cubic-bezier(0.55, 0, 0.01, 1), visibility 0.4s cubic-bezier(0.55, 0,
0.01, 1) !important;
-ms-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.01, 1), transform
0.4s cubic-bezier(0.55, 0, 0.01, 1), visibility 0.4s cubic-bezier(0.55, 0,
0.01, 1) !important;
-o-transition: opacity 0.4s cubic-bezier(0.55, 0, 0.01, 1), transform 0.4s
cubic-bezier(0.55, 0, 0.01, 1), visibility 0.4s cubic-bezier(0.55, 0, 0.01,
1) !important;
transition: opacity 0.4s cubic-bezier(0.55, 0, 0.01, 1), transform 0.4s
cubic-bezier(0.55, 0, 0.01, 1), visibility 0.4s cubic-bezier(0.55, 0, 0.01,
1) !important
}
.jf_l_pro_popup .jf_l_pro_checkbox
input[type="checkbox"]:checked+i {
background-color: #4b93ad;
color: #fff
}
.jf_l_pro_popup .jf_l_pro_checkbox
input[type="checkbox"]:checked+i:before {
background-color: inherit;
border-width: 0
}
.jf_l_pro_popup .jf_l_pro_checkbox
input[type="checkbox"]:checked+i:after {
-webkit-transform: rotate(45deg) scale(1);
-khtml-transform: rotate(45deg) scale(1);
-moz-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1);
-o-transform: rotate(45deg) scale(1);
transform: rotate(45deg) scale(1);
opacity: 1;
visibility: visible
}
.jf_l_pro_popup .jf_l_pro_checkbox input[disabled]+i:before,
.jf_l_pro_popup fieldset[disabled] .jf_l_pro_checkbox input+i:before {
border-color: rgba(0, 0, 0, 0.15) !important
}
.jf_l_pro_popup .jf_l_pro_checkbox
input[type="checkbox"][disabled]:checked+i {
background-color: rgba(0, 0, 0, 0.15) !important
}
.jf_l_pro_popup .jf_l_pro_title {
font-size: 24px;
color: #999;
margin: 10px 0 25px 0;
letter-spacing: 1px;
text-transform: uppercase
}
.jf_l_pro_popup .jf_l_pro_inputwrapper {
margin: 0 0 15px 0;
height: 40px;
padding: 8px;
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_icon {
background-color: #f8f8f8;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#f8f8f8), to(#ececec));
background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec);
background-image: -moz-linear-gradient(top, #f8f8f8, #ececec);
background-image: -ms-linear-gradient(top, #f8f8f8, #ececec);
background-image: -o-linear-gradient(top, #f8f8f8, #ececec);
background-image: linear-gradient(top, #f8f8f8, #ececec);
border: 1px solid #CCC;
border-right: 0;
-webkit-border-radius: 2px 0 0 2px;
-khtml-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
width: 10%;
border-right: 1px solid #ccc;
margin-right: 4px;
float: right;
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_icon span {
display: block;
height: 38px;
opacity: 0.5
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_icon span.jf_user {
background: transparent url(jf_login_user.png) no-repeat center
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_icon span.jf_pass {
background: transparent url(jf_login_pass.png) no-repeat center
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_icon span.jf_secret {
background: transparent url(jf_key.png) no-repeat center
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_input {
margin: 0;
padding: 0;
height: 40px;
padding: 0 20px;
width: 88%;
-webkit-border-radius: 0 2px 2px 0;
-khtml-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
font-size: 18px;
letter-spacing: 1px;
float: left;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
line-height: normal
}
.jf_l_pro_popup .jf_l_pro_inputwrapper .jf_l_pro_input:focus {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.jf_l_pro_popup .jf_l_pro_rememberwrap {
font-size: 16px;
letter-spacing: 1px;
margin: 0 0 10px 0;
clear: both;
float: right
}
.jf_l_pro_popup .jf_l_pro_rememberwrap label {
vertical-align: middle;
float: left;
font-size: 16px
}
.jf_l_pro_popup .jf_l_pro_authoriz_btn {
width: 100%;
margin-bottom: 20px;
float: right;
background: #4b93ad;
float: right;
padding: 0 20px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
height: 35px;
border: 0;
color: white;
font-size: 20px;
text-transform: uppercase;
cursor: pointer;
line-height: 31px;
letter-spacing: 1px;
overflow: hidden;
-webkit-transition: all 2s ease;
-khtml-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
margin-bottom: 20px;
-o-transition: all 2s ease;
transition: all 2s ease
}
.jf_l_pro_popup .jf_l_pro_authoriz_btn:hover {
background: #2a7b99;
-webkit-box-shadow: 0 0 5px #AAA;
-khtml-box-shadow: 0 0 5px #AAA;
-moz-box-shadow: 0 0 5px #AAA;
-ms-box-shadow: 0 0 5px #AAA;
-o-box-shadow: 0 0 5px #AAA;
box-shadow: 0 0 5px #AAA
}
.jf_l_pro_popup .jf_l_pro_authoriz_btn:active {
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
margin-bottom: 20px;
-khtml-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF
}
.jf_l_pro_popup .jf_l_pro_authoriz_btn.jf_l_pro_loading {
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
width: 35px;
text-indent: -999px;
padding: 0 10px;
outline: 0
}
.jf_l_pro_popup .jf_l_pro_authoriz_btn.jf_l_pro_absoluting {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-khtml-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.jf_l_pro_popup .jf_l_pro_forgot {
list-style: none;
padding: 0;
margin: 15px 0 0 0
}
.jf_l_pro_popup .jf_l_pro_forgot a {
;
border-bottom: 1px solid #CCC;
color: #666 !important;
padding: 8px 10px;
font-size: 16px;
letter-spacing: 1px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
display: block;
line-height: 18px;
text-align: center;
text-decoration: none;
overflow: hidden
}
.jf_l_pro_popup .jf_l_pro_forgot a:hover {
-webkit-box-shadow: 0 0 5px #DDD;
-khtml-box-shadow: 0 0 5px #DDD;
-moz-box-shadow: 0 0 5px #DDD;
-ms-box-shadow: 0 0 5px #DDD;
-o-box-shadow: 0 0 5px #DDD;
box-shadow: 0 0 5px #DDD;
color: #444 !important
}
.jf_l_pro_popup .jf_l_pro_forgot a:active {
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-khtml-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
-o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #FFF
}
.jf_l_pro_popup .jf_l_pro_forgot li {
float: right;
width: auto
}
.jf_l_pro_popup .jf_l_pro_forgot li.first {
margin-right: 1%
}
.jf_l_pro_popup .jf_l_pro_forgot li.last {
margin-left: 1%
}
.jf_l_pro_popup .jf_l_pro_register {
margin: 20px -20px -20px -20px;
padding: 15px;
border-top: 2px dashed #CCC;
text-align: center
}
.jf_l_pro_popup .jf_l_pro_register a {
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
color: #c00
}
.jf_l_pro_popup .jf_l_pro_register a:hover {
text-decoration: underline;
color: #000
}
.jf_l_pro_popup .jf-login-pro-position {
margin: 15px 0;
display: block;
text-align: center
}
.jf_l_pro_popup .jf-login-pro-position .demo {
width: 100%;
max-width: 375px;
cursor: help
}
.jf_l_pro_popup .jf_close {
display: none;
position: fixed;
bottom: 30px;
right: 40%;
width: 20%;
height: 40px;
cursor: pointer;
background: url(jf_login_close.png) no-repeat top center;
z-index: 99999
}
.jf_l_pro_popup .jf_close:hover {
background-position: bottom center
}
.jf_l_pro {
position: relative;
color: #999
}
.jf_l_pro .jf_l_pro_open_btn {
margin: 1px 0;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#f8f8f8), to(#ececec));
background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec);
background-image: -moz-linear-gradient(top, #f8f8f8, #ececec);
background-image: -ms-linear-gradient(top, #f8f8f8, #ececec);
background-image: -o-linear-gradient(top, #f8f8f8, #ececec);
background-image: linear-gradient(top, #f8f8f8, #ececec);
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
border: 1px solid #c6c6c6;
display: block;
cursor: pointer;
height: 30px;
width: 34px
}
.jf_l_pro .jf_l_pro_open_btn:hover {
-webkit-box-shadow: 0 0 5px #ccc;
-khtml-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
-ms-box-shadow: 0 0 5px #ccc;
-o-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#fff), to(#fff));
background-image: -webkit-linear-gradient(top, #fff, #fff);
background-image: -moz-linear-gradient(top, #fff, #fff);
background-image: -ms-linear-gradient(top, #fff, #fff);
background-image: -o-linear-gradient(top, #fff, #fff);
background-image: linear-gradient(top, #fff, #fff)
}
.jf_l_pro .jf_l_pro_open_btn:active {
border-color: #888 #AAA #CCC;
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
-khtml-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
-ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
-o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff
}
.jf_l_pro .jf_l_pro_open_btn span {
opacity: 0.5;
width: 32px;
height: 32px;
display: block;
background: url(jf_login.png) no-repeat center 6px
}
.jf_l_pro .jf_l_pro_open_btn span:hover {
opacity: 1
}
.jf_l_pro form {
height: auto;
display: block;
width: 415px;
padding: 20px;
-webkit-box-sizing: inherit;
-khtml-box-sizing: inherit;
-moz-box-sizing: inherit;
-ms-box-sizing: inherit;
-o-box-sizing: inherit;
box-sizing: inherit
}
.jf_l_pro.jf_l_pro_logged {
position: relative
}
.jf_l_pro.jf_l_pro_logged form {
width: auto;
padding: 0;
margin: 0
}
.jf_l_pro .jf_greeting {
position: relative;
/* margin: 2px 0 10px 0; */
background-color: #2692bb;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#2692bb), to(#28738f));
background-image: -webkit-linear-gradient(top, #2692bb, #28738f);
background-image: -moz-linear-gradient(top, #2692bb, #28738f);
background-image: -ms-linear-gradient(top, #2692bb, #28738f);
background-image: -o-linear-gradient(top, #2692bb, #28738f);
background-image: linear-gradient(top, #2692bb, #28738f);
border: 1px solid #0080bd;
display: block;
-webkit-border-radius: 2px 2px 0 0;
-khtml-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
-o-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
cursor: pointer;
color: white
}
.jf_l_pro .jf_greeting:hover {
-webkit-box-shadow: 0 0 3px #ccc;
-khtml-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
-ms-box-shadow: 0 0 3px #ccc;
-o-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc
}
.jf_l_pro .jf_greeting .jf_greeting_toggl {
background: url(jf_toggler_white.png) no-repeat;
background-position:5px 16px;
}
.jf_l_pro .jf_greeting .jf_imp_icon {
background: url(jf_imp_icon_white.png) no-repeat top left;
width: 15px;
height: 15px;
display: block;
/* top: 6px; */
/* position: absolute; */
/* left: 10px; */
display: none
}
.jf_l_pro .jf_greeting.light .jf_greeting_toggl {
background-image: url(jf_toggler_black.png);
opacity:0.6;
}
.jf_l_pro .jf_greeting.light .jf_imp_icon {
background-image: url(jf_imp_icon_black.png)
}
.jf_l_pro .jf_greeting.active {
-webkit-box-shadow: 0 0 3px #ccc;
-khtml-box-shadow: 0 0 3px #ccc;
-moz-box-shadow: 0 0 3px #ccc;
-ms-box-shadow: 0 0 3px #ccc;
-o-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc
}
.jf_l_pro .jf_greeting.active .jf_greeting_toggl {
background-position: 5px -43px;
}
.jf_l_pro .jf_greeting .login_greeting {
display:flex;
align-items:center;
justify-content:center;
background: url(jf_toggler_light.png) no-repeat 0 0;
padding: 5px 10px 5px 30px;
height: 48px;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0
}
.jf_l_pro .jf_greeting .login_greeting.jf_as_icon {
padding: 5px 50px 5px 10px
}
.jf_l_pro .jf_logged_cont {
position: absolute;
display: none;
background: #fff;
z-index: 777;
left: 0;
-webkit-box-shadow:0px 2px 21px 1px #d0d0d0;
-khtml-box-shadow:0px 2px 21px 1px #d0d0d0;
-moz-box-shadow:0px 2px 21px 1px #d0d0d0;
-ms-box-shadow:0px 2px 21px 1px #d0d0d0;
-o-box-shadow:0px 2px 21px 1px #d0d0d0;
box-shadow:0px 2px 21px 1px #d0d0d0;
border-radius: 10px;
}
.jf_l_pro .jf_logged_cont .jf_tick {
background: url(jf_login_tick.png) no-repeat 0 0;
width: 12px;
height: 8px;
display: block;
position: absolute;
left: 5px;
top: -8px
}
.jf_l_pro .jf_logged_cont .jf_logout_btn {
background: #f1f1f1;
padding: 3px 4px;
text-align: right;
border-top: 1px solid #DDD;
border-radius: 0 0 10px 10px;
}
.jf_l_pro .jf_logged_cont .jf_logout_btn input[type="submit"] {
cursor: pointer;
font-size: 15px;
text-transform: uppercase;
padding: 4px 6px 3px 7px;
color: #777;
letter-spacing: 1px;
font-style: normal;
margin: 2px 0 !important;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 5px;
border: 0;
line-height: 18px;
height: 26px;
background: 0;
outline: 0;
transition:0.3s linear;
}
.jf_l_pro .jf_logged_cont .jf_logout_btn
input[type="submit"]:hover {
background: #e70000;
color: white
}
.jf_l_pro .jf_logged_cont .jf_logout_btn
input[type="submit"]:active {
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-khtml-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF
}
.jf_l_pro table {
color: #333;
border: 0
}
.jf_l_pro table tr td {
padding: 15px 10px 10px 10px;
vertical-align: top;
border: 0
}
.jf_l_pro table tr td .section1 {
text-align: center
}
.jf_l_pro table tr td .section1 .jf_l_pro_avatar {
position: relative;
display: block;
width: 94px;
margin: 0 auto;
overflow: hidden
}
.jf_l_pro table tr td .section1 .jf_l_pro_avatar img {
border: dashed 1px #DDD;
display: block;
margin: 0 auto;
padding: 0;
width: 94px
}
.jf_l_pro table tr td .section1 .jf_l_pro_avatar a {
position: absolute;
bottom: 1px;
left: 1px;
width: 94px;
background: #000;
color: #FFF;
opacity: 0.3;
font-size: 14px;
letter-spacing: 1px;
padding: 2px 0
}
.jf_l_pro table tr td .section1 .jf_l_pro_avatar:hover a {
background: #000;
opacity: 0.7
}
.jf_l_pro table tr td .section1 .jf_l_pro_karma img {
margin: 7px 0 0;
width: 98px
}
.jf_l_pro table tr td .section2 {
min-width: 200px;
font-size: 16px;
line-height: 25px;
color: #777
}
.jf_l_pro table tr td .section2 .jf_l_pro_links {
font-size: 0;
line-height: 0;
margin: 10px 0 0 0;
border-top: 1px solid #dddddd;
}
.jf_l_pro table tr td .section2 .jf_l_pro_links>a {
display: inline-block;
font-size: 16px;
padding:5px;
background: #f8f8f8;
line-height: 18px;
color: #949494 !important;
text-align: right;
width: 100%;
margin: 2px 0;
transition: 0.5s;
}
.jf_l_pro table tr td .section2 .jf_l_pro_links>a:hover {
text-decoration: unset;
background: #e8e8e8;
}
.jf_l_pro .jf_first_sec {
position: relative;
display: inline-block;
float: left
}
.jf_l_pro .jf_second_sec {
position: relative;
display: inline-block;
float: left;
margin-left: 8px
}
.jf_l_pro .jf_second_sec .jf_l_pro_noti_c {
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
position: relative;
margin: 2px 0 10px 0
}
.jf_l_pro .jf_second_sec .jf_l_pro_noti_c.red {
background-color: #e90000;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#e90000), to(#d10303));
background-image: -webkit-linear-gradient(top, #e90000, #d10303);
background-image: -moz-linear-gradient(top, #e90000, #d10303);
background-image: -ms-linear-gradient(top, #e90000, #d10303);
background-image: -o-linear-gradient(top, #e90000, #d10303);
background-image: linear-gradient(top, #e90000, #d10303);
border: 1px solid #cf0000;
-webkit-box-shadow: inset 0 0 3px rgba(64, 6, 3, 0.23);
-khtml-box-shadow: inset 0 0 3px rgba(64, 6, 3, 0.23);
-moz-box-shadow: inset 0 0 3px rgba(64, 6, 3, 0.23);
-ms-box-shadow: inset 0 0 3px rgba(64, 6, 3, 0.23);
-o-box-shadow: inset 0 0 3px rgba(64, 6, 3, 0.23);
box-shadow: inset 0 0 3px rgba(64, 6, 3, 0.23)
}
.jf_l_pro .jf_second_sec .jf_l_pro_noti_c.grey {
color: #555;
background-color: #bbb;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#bbb), to(#aaa));
background-image: -webkit-linear-gradient(top, #bbb, #aaa);
background-image: -moz-linear-gradient(top, #bbb, #aaa);
background-image: -ms-linear-gradient(top, #bbb, #aaa);
background-image: -o-linear-gradient(top, #bbb, #aaa);
background-image: linear-gradient(top, #bbb, #aaa);
border: 1px solid #999
}
.jf_l_pro .jf_second_sec .jf_l_pro_noti_c:active {
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #FFF
}
.jf_l_pro .jf_second_sec .jf_l_pro_noti_c div {
color: #FFF;
padding: 5px 10px;
height: 27px;
font-size: 18px;
line-height: 15px;
letter-spacing: 1px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.jf_l_pro .jf_second_sec table {
color: #333
}
.jf_l_pro .jf_second_sec table tr {
background: #f5f5f5;
cursor: pointer
}
.jf_l_pro .jf_second_sec table tr:hover {
background: #FFF
}
.jf_l_pro .jf_second_sec table tr td {
padding: 5px 0;
border: 1px dashed #DDD;
border-width: 0 0 1px 0
}
.jf_l_pro .jf_second_sec table tr td.opacity {
opacity: 0.7
}
.jf_l_pro .jf_second_sec table tr td.opacity:hover {
opacity: 1
}
.jf_l_pro .jf_second_sec table tr td .name {
min-width: 130px;
font-size: 16px;
padding-left: 30px
}
.jf_l_pro .jf_second_sec table tr td .no-notifcount {
background-color: #EEE;
padding: 0 4px;
color: #888;
margin-right: 4px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
border: 1px solid #DDD
}
.jf_l_pro .jf_second_sec table tr.last td {
border: 0
}
.jf_l_pro .jf_second_sec table .noti_set .name {
background: url(jf_login_noti.png) no-repeat 8px 3px
}
.jf_l_pro .jf_second_sec table .friendreq_set .name {
background: url(jf_login_friend.png) no-repeat 7px 3px
}
.jf_l_pro .jf_second_sec table .msg_set .name {
background: url(jf_login_msg.png) no-repeat 9px 4px
}
.jf_l_pro .jf_second_sec table .notifcount {
background-color: #e90000;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#e90000), to(#d10303));
background-image: -webkit-linear-gradient(top, #e90000, #d10303);
background-image: -moz-linear-gradient(top, #e90000, #d10303);
background-image: -ms-linear-gradient(top, #e90000, #d10303);
background-image: -o-linear-gradient(top, #e90000, #d10303);
background-image: linear-gradient(top, #e90000, #d10303);
border: 1px solid #cf0000;
padding: 0 4px;
color: #FFF;
margin-right: 4px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 15px
}
.jf_l_pro .jf_second_sec table .no_notifcount {
background-color: #ddd;
padding: 0 4px;
color: #888;
margin-right: 4px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
border: 0;
text-align: center
}
@media only screen and (max-width: 568px) {
body .jf_l_pro .jf_l_pro_title {
display: none
}
body .jf_l_pro .jf_imp_icon {
display: block
}
body .jf_l_pro .jf_greeting .jf_greeting_toggl {
background: 0 !important
}
body .jf_l_pro .jf_greeting .login_greeting {
padding: 5px;
text-indent: -999px;
width: 35px
}
body .jf_l_pro .jf_greeting .login_greeting.jf_as_icon {
padding: 5px
}
body .jf_l_pro .jf_greeting .login_greeting .jf_imp_icon {
display: block
}
body .jf_l_pro .jf_logged_cont {
min-width: 106px;
text-align: center
}
body .jf_l_pro .jf_logged_cont .jf_logout_btn {
float: none
}
body .jf_l_pro_popup {
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%
}
body .jf_l_pro_popup form {
width: auto
}
body .jf_l_pro_popup .jf_close {
display: block;
right: 0;
bottom: 10px
}
}
@media only screen and (max-width: 320px) {
body .jf_l_pro table tr td .section2 {
text-align: left;
min-width: auto
}
body .jf_l_pro table tr td .section2 .jf_l_pro_links>a {
width: 100%;
margin: 8px 0 0 0
}
body .jf_l_pro .jf_first_sec .jf_logged_cont {
width: 260px;
right: -65px
}
body .jf_l_pro .jf_first_sec .jf_tick {
right: 70px
}
body .jf_l_pro table tr td .section1 .jf_l_pro_avatar img {
max-width: 100%;
margin: 0 auto
}
body .jf_l_pro_popup .jf_l_pro_forgot li {
width: 100%;
margin: 5px 0 !important
}
}
@media only screen and (max-height: 568px) {
body .jf_l_pro_popup form {
padding-top: 50px
}
}
@media only screen and (max-height: 320px) {
body .jf_l_pro_popup form {
padding-top: 5%
}
body .jf_l_pro_popup .jf_l_pro_forgot {
margin: -10px 0 0 0
}
body .jf_l_pro_popup .jf_l_pro_register {
margin: 0 -20px -20px 0;
border-top: 0;
padding: 10px;
text-align: left
}
body .jf_l_pro_popup .jf_l_pro_inputwrapper {
margin: 0 0 5px 0
}
}
body.rtl .jf_l_pro .jf_l_pro_rememberwrap {
float: right
}
body.rtl .jf_l_pro .jf_l_pro_rememberwrap label {
float: right
}
body.rtl .jf_l_pro .jf_l_pro_authoriz_btn {
float: left
}
body.rtl .jf_l_pro .jf_logged_cont .jf_logout_btn {
text-align: left
}
body.rtl .jf_l_pro .jf_first_sec {
float: right
}
body.rtl .jf_l_pro .jf_second_sec {
float: right;
margin-left: 0;
margin-right: 8px
}
body.rtl .jf_l_pro .jf_logged_cont {
left: 0;
right: auto
}
body.rtl .jf_l_pro .jf_tick {
left: 5px;
right: auto
}
body.rtl .jf_l_pro .jf_second_sec .jf_logged_cont {
margin-right: -152px
}
body.rtl .jf_l_pro .jf_second_sec table .no_notifcount,
body.rtl .jf_l_pro .jf_second_sec table .notifcount {
margin-right: 0;
margin-left: 4px
}
body.rtl .jf_l_pro .jf_second_sec table tr td .name {
padding-left: 0;
padding-right: 30px;
background-position: 96% 3px
}
body.rtl .jf_l_pro .jf_second_sec table .msg_set .name {
background-position: 94.5% 3px
}
body.rtl .jf_l_pro table tr td .section2 .jf_second_sec table tr td {
text-align: right
}
body.rtl .jf_l_pro_popup .jf_l_pro_icon {
border-right: 1px solid #CCC;
border-left: 0;
-webkit-border-radius: 0 2px 2px 0;
-khtml-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
float: right
}
body.rtl .jf_l_pro_popup .jf_l_pro_input {
-webkit-border-radius: 2px 0 0 2px;
-khtml-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
float: right
}
@media only screen and (max-width: 320px) {
body.rtl .jf_l_pro .jf_first_sec .jf_logged_cont {
left: -65px
}
body.rtl .jf_l_pro .jf_first_sec .jf_tick {
left: 108px
}
}
.jf_l_pro,
.jf_l_pro *,
.jf_l_pro_popup,
.jf_l_pro_popup * {
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.jf_l_pro::before,
.jf_l_pro::after,
.jf_l_pro *::before,
.jf_l_pro *::after,
.jf_l_pro_popup::before,
.jf_l_pro_popup::after,
.jf_l_pro_popup *::before,
.jf_l_pro_popup *::after {
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.jf_l_pro_logging .jf_l_pro_loader {
position: absolute;
overflow: hidden;
height: 30px;
width: 30px;
top: 50%;
left: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin: -15px 0 0 -15px
}
.jf_l_pro_logging .jf_l_pro_loader div {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-animation: jf_l_pro_loader 2s infinite backwards ease-out;
-moz-animation: jf_l_pro_loader 2s infinite backwards ease-out;
-o-animation: jf_l_pro_loader 2s infinite backwards ease-out;
animation: jf_l_pro_loader 2s infinite backwards ease-out
}
.jf_l_pro_logging .jf_l_pro_loader div:nth-child(1) {
-webkit-animation-delay: -1.5s;
-moz-animation-delay: -1.5s;
-o-animation-delay: -1.5s;
animation-delay: -1.5s;
-webkit-transform: translateX(-500%);
-khtml-transform: translateX(-500%);
-moz-transform: translateX(-500%);
-ms-transform: translateX(-500%);
-o-transform: translateX(-500%);
transform: translateX(-500%)
}
.jf_l_pro_logging .jf_l_pro_loader div:nth-child(2) {
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s;
-webkit-transform: translateY(500%);
-khtml-transform: translateY(500%);
-moz-transform: translateY(500%);
-ms-transform: translateY(500%);
-o-transform: translateY(500%);
transform: translateY(500%)
}
.jf_l_pro_logging .jf_l_pro_loader div:nth-child(3) {
-webkit-animation-delay: -.5s;
-moz-animation-delay: -.5s;
-o-animation-delay: -.5s;
animation-delay: -.5s;
-webkit-transform: translateX(500%);
-khtml-transform: translateX(500%);
-moz-transform: translateX(500%);
-ms-transform: translateX(500%);
-o-transform: translateX(500%);
transform: translateX(500%)
}
.jf_l_pro_logging .jf_l_pro_loader div:nth-child(4) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-webkit-transform: translateY(-500%);
-khtml-transform: translateY(-500%);
-moz-transform: translateY(-500%);
-ms-transform: translateY(-500%);
-o-transform: translateY(-500%);
transform: translateY(-500%)
}
.jf_l_pro_logging .jf_l_pro_loader .red {
background-color: #D50F25
}
.jf_l_pro_logging .jf_l_pro_loader .yellow {
background-color: #EEB211
}
.jf_l_pro_logging .jf_l_pro_loader .green {
background-color: #009925
}
.jf_l_pro_logging .jf_l_pro_loader .blue {
background-color: #3369E8
}
.jf_l_pro_logging form {
opacity: 0;
visibility: hidden
}
@-webkit-keyframes jf_l_pro_loader {
0% {
z-index: 10
}
75% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 1
}
100% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 0
}
}
@-moz-keyframes jf_l_pro_loader {
0% {
z-index: 10
}
75% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 1
}
100% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 0
}
}
@-o-keyframes jf_l_pro_loader {
0% {
z-index: 10
}
75% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 1
}
100% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 0
}
}
@keyframes jf_l_pro_loader {
0% {
z-index: 10
}
75% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 1
}
100% {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 0
}
}
a#jf_login_pro_btn {
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
padding: 14px 0px;
border: 1px solid #dadada;
cursor: pointer;
width: 113px;
}