File: /home/seoprovi/bcssiliguri.in/css/login.css
.main-wrap {
background:#000 url(../images/bg.jpg);
width: 100%;
height: 100%;
position:relative;
min-height:452px;
padding:150px 0px;
background-attachment:fixed;
background-size:cover;
}
.login-main {
width: 400px;
height:auto;
position:relative;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,0.1);
padding: 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.login-main p {
text-indent: 10px;
}
.box1 {
background: #ffd5ce;
height: 40px;
text-indent: 10px;
width: 90%;
margin-bottom: 2px;
color: #3B424D;
font-size: 15px;
font-weight: 400;
}
.border1 {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.border2 {
-webkit-border-radius: 0px 0 5px 5px;
-moz-border-radius: 0px 0 5px 5px;
-ms-border-radius: 0px 0 5px 5px;
-o-border-radius: 0px 0 5px 5px;
border-radius: 0px 0 5px 5px;
}
.send {
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 10px;
top: 60px;
border: 6px solid rgba(255,255,255,1);
background: #000;
font-size: 18px;
color: #fff;
font-weight: normal;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.send:hover {
animation: spin 0.3s ease-in-out;
-webkit-animation: spin 0.3s ease-in-out;
-moz-animation: spin 0.3s ease-in-out;
-ms-animation: spin 0.3s ease-in-out;
-o-animation: spin 0.3s ease-in-out;
cursor: pointer;
background:#961F19 !important;
border: 6px solid rgba(255,255,255,1) !important;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes spin {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}