Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- login-page-background {
- margin: 0;
- padding: 0;
- background: #fff;
- color: #fff;
- font-family: Arial;
- font-size: 12px;
- }
- .login-page-background {
- position: absolute;
- top: -20px;
- left: -20px;
- right: -40px;
- bottom: -40px;
- width: auto;
- height: auto;
- background-image: url("../../Content/photos/multicolored-folders-1966.jpg");
- background-size: cover;
- -webkit-filter: blur(5px);
- z-index: 0;
- }
- .grad {
- position: absolute;
- top: -20px;
- left: -20px;
- right: -40px;
- bottom: -40px;
- width: auto;
- height: auto;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
- z-index: 1;
- opacity: 0.7;
- }
- .login-site-name {
- position: absolute;
- top: calc(50% - 35px);
- left: calc(50% - 255px);
- z-index: 2;
- }
- .login {
- position: absolute;
- top: calc(50% - 75px);
- height: 150px;
- width: 350px;
- padding: 10px;
- z-index: 2;
- }
- .animate-right {
- animation: animateright 0.4s;
- }
- @keyframes animateright {
- from {
- right: -300px;
- opacity: 0
- }
- to {
- right: 100px;
- opacity: 1;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement