You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.6 KiB
1 line
8.6 KiB
2 years ago
|
body {
-webkit-perspective: 800px;
perspective: 800px;
height: 100vh;
margin: 0;
font-family: 'Gudea', sans-serif;
background-image: url("../../../images/bg.png");
/* Old browsers */
/* FF3.6+ */
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA5C54 ', endColorstr='#bb6dec',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}
body ::-webkit-input-placeholder {
color: #4E546D;
}
body .authent {
box-shadow: 0px 20px 30px 3px rgba(0, 0, 0, 0.55);
display: none;
background: #35394a;
/* Old browsers */
/* FF3.6+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(53, 57, 74, 0)', endColorstr='rgb(0, 0, 0)',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
position: absolute;
left: 0;
right: 0px;
margin: auto;
width: 400px;
color: white;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 20px 70px;
top: 100px;
bottom: 0;
height: 300px;
opacity: 0;
}
body .authent p {
font-size: 30px;
text-align: center;
color: white;
}
body .success {
display: none;
color: #d5d8e2;
}
body .success p {
font-size: 14px;
}
body p {
color: #D3D7F7;
font-size: 14px;
text-align: center;
}
body .testtwo {
left: -320px !important;
}
body .test {
box-shadow: 0px 20px 30px 3px rgba(0, 0, 0, 0.55);
pointer-events: none;
top: -100px !important;
-webkit-transform: rotateX(70deg) scale(0.8) !important;
transform: rotateX(70deg) scale(0.8) !important;
opacity: .6 !important;
-webkit-filter: blur(1px);
filter: blur(1px);
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset!important;
color: #fff!important;
}
body .login
{
opacity: 0.96;
text-align: center;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.25, 0.265, 0.85);
-webkit-transition-property: -webkit-transform,opacity,box-shadow,top,left;
transition-property: transform,opacity,box-shadow,top,left;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transform-origin: 161px 100%;
-ms-transform-origin: 161px 100%;
transform-origin: 161px 100%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
position: relative;
width: 33%;
/*border-top: 2px solid #D8312A;*/
height: 67%;
margin: auto;
padding: 40px;
background: #40434a;
max-width: 500px;
/* Old browsers */
/* FF3.6+ */
/*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #35394a), color-stop(100%, rgb(0, 0, 0)));*/
/* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);*/
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/*background: linear-gradient(230deg, rgba(53, 57, 74, 0) 0%, rgb(0, 0, 0) 100%);*/
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(53, 57, 74, 0)', endColorstr='rgb(0, 0, 0)',GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}
body .login .validation {
position: absolute;
z-index: 1;
right: 10px;
top: 14px;
opacity: 0;
}
body .login .disclaimer {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
}
body .login_title {
color: #333333;
text-align: center;
font-size: 30px;
}
.login_title p{
margin: 10px 0px;
}
body .login_fields {
margin-top: 10px;
height: 208px;
position: absolute;
left: 0;
width: 100%;
}
body .login_fields .icon {
position: absolute;
z-index: 1;
left: 8px;
top: 0;
opacity: 1;
height: 100%;
display: flex;
align-items: center;
}
body .login_fields .icon img{
margin-top: 0px;
position: absolute;
}
input::-webkit-inpu
|