Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background: url("../image/1.png");
- background-size: cover;
- }
- div .jarak p{
- text-align: center;
- padding-top: 55px;
- font-weight: bold;
- }
- div a{
- text-decoration: none;
- color: #000;
- }
- a:hover{
- color: blue;
- }
- h2 {
- color:#fff;
- text-align: center;
- margin: 0px;
- padding-top: 80px;
- }
- .loginbox {
- position: absolute;
- /* top: 50%; */
- /* left: 50%; */
- /* transform: translate(-50%, -50%); */
- width:350px;
- height: 420px;
- box-sizing: border-box;
- background: rgb(0,0,0,0.5);
- margin: 90px 500px 0px;
- animation: animation 3s ease;
- }
- @keyframes animation{
- 0% {
- margin: -429px 500px 0px;
- }
- 100% {
- margin: 90px 500px 0px;
- }
- }
- .icon {
- overflow: hidden;
- width:35%;
- border-radius: 50%;
- position: absolute;
- top: calc(-100px/2);
- left: calc(80% - 50%);
- }
- .jarak {
- /*! padding-left: 70px; */
- /*! padding-top: 20px; */
- display: -moz-inline-grid;
- }
- ul {
- margin:0px;
- padding-left:20px;
- /*! padding-top:30px; */
- margin-top: 18px;
- font-size: 20px;
- }
- div ul li{
- list-style-type: none;
- vertical-align: bottom;
- }
- .form-jarak label{
- margin: 0px;
- padding: 0px;
- font-weight: bold;
- color: #fff;
- }
- .form-jarak input{
- width: 300px;
- height: 30px;
- }
- .form-jarak input[type="text"],
- .form-jarak input[type="password"]{
- border: none;
- border-bottom: 1px solid #fff;
- background: transparent;
- outline: none;
- }
- .form-jarak input[type="submit"]{
- border: none;
- outline: none;
- height: 40px;
- color: #fff;
- font-size: 16px;
- background: #1366e4;
- margin-top: 20px;
- border-radius: 19px;
- }
- .wrongbox p {
- text-align: center;
- border-radius: 20px;
- /* border: 2px solid; */
- width: 70%;
- color: white;
- margin: 10px 50px 0px;
- padding: 5px 0px;
- background: #e22537;
- }
- .form-jarak input[type="submit"]:hover {
- background: #330cf9;
- cursor:pointer;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement