Advertisement
Guest User

Untitled

a guest
May 22nd, 2019
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.06 KB | None | 0 0
  1. <html lang="en"><head>
  2. <meta charset="UTF-8">
  3. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  5. <title>Document</title>
  6. <style>
  7. body {
  8. background-color: #87d9ff;
  9. font-family: Arial, Helvetica, sans-serif;
  10. overflow: hidden;
  11. }
  12.  
  13. .bg {
  14. z-index: -2;
  15. top: 0;
  16. position: absolute;
  17. left: 50%;
  18. margin-left: -1042px;
  19. width: 2083px;
  20. height: 602px;
  21. display: block;
  22. visibility: visible;
  23. background-image: url('//st.mycdn.me/res/i/anonym/sparrows/image.jpg');
  24. background-repeat: no-repeat;
  25. background-position: center;
  26. }
  27.  
  28. .wrp {
  29. margin-top: 5vh;
  30. }
  31.  
  32. .card {
  33. right: 0;
  34. width: 236px;
  35. padding: 12px 16px 16px;
  36. background-color: #fff;
  37. margin: 0 auto;
  38. border-radius: 4px;
  39. }
  40.  
  41. .form-input {
  42. display: flex;
  43. flex-direction: column;
  44. }
  45.  
  46. .form-input label {
  47. line-height: 18px;
  48. margin: 5px 0;
  49. font-size: 12px;
  50. }
  51.  
  52. .form-input input:focus {
  53. border: 1px solid #ccc;
  54. outline: 0;
  55. }
  56.  
  57. .form-input input {
  58. height: 32px;
  59. width: 100%;
  60. margin: 0;
  61. padding: 0 8px;
  62. -webkit-box-sizing: border-box;
  63. box-sizing: border-box;
  64. line-height: 17px;
  65. background-color: #fff;
  66. border: 1px solid #e0e0e0;
  67. border-radius: 3px;
  68. font-size: 14px;
  69. color: #333;
  70. }
  71.  
  72. .form-input input[type='submit']:hover {
  73. background-color: #e47d08;
  74. -webkit-box-shadow: 0 0 0 1px #e47d08;
  75. box-shadow: 0 0 0 1px #e47d08;
  76. color: #fff;
  77. text-decoration: none;
  78. }
  79.  
  80. .form-input input[type='submit'] {
  81. background-color: #ee8208;
  82. outline: 0;
  83. width: 100%;
  84. padding-left: 0;
  85. padding-right: 0;
  86. position: relative;
  87. -webkit-box-sizing: border-box;
  88. -moz-box-sizing: border-box;
  89. box-sizing: border-box;
  90. margin: 0;
  91. padding: 0 20px;
  92. min-width: 96px;
  93. height: 32px;
  94. overflow: visible;
  95. border: 0;
  96. border-radius: 16px;
  97. font-size: 14px;
  98. font-weight: 400;
  99. line-height: 32px;
  100. color: #fff;
  101. outline: 0;
  102. -webkit-user-select: none;
  103. user-select: none;
  104. -webkit-transition: background-color 0.1s ease-in,
  105. -webkit-box-shadow 0.1s ease-in;
  106. transition: background-color 0.1s ease-in,
  107. -webkit-box-shadow 0.1s ease-in;
  108. transition: box-shadow 0.1s ease-in, background-color 0.1s ease-in;
  109. transition: box-shadow 0.1s ease-in, background-color 0.1s ease-in,
  110. -webkit-box-shadow 0.1s ease-in;
  111. white-space: nowrap;
  112. cursor: pointer;
  113. margin-top: 20px;
  114. }
  115.  
  116. .pswd-tip {
  117. text-align: center;
  118. margin-top: 8px;
  119. }
  120.  
  121. .pswd-tip a {
  122. text-decoration: none;
  123. font-size: 12px;
  124. color: #666;
  125. cursor: pointer;
  126. }
  127.  
  128. .pswd-tip a:hover {
  129. text-decoration: underline;
  130. }
  131. </style>
  132. </head>
  133. <body>
  134. <div class="bg"></div>
  135. <div class="wrp">
  136. <div class="card">
  137. <form action="">
  138. <div class="form-input">
  139. <label for="username">Username, e-mail or phone number</label>
  140. <input type="text" id="username">
  141. </div>
  142.  
  143. <div class="form-input">
  144. <label for="pswd">Password</label>
  145. <input type="password" id="pswd">
  146. </div>
  147.  
  148. <div class="form-input">
  149. <input type="submit" value="Log in">
  150. </div>
  151.  
  152. <div class="pswd-tip">
  153. <a href="/dk">
  154. Forgot password?
  155. </a>
  156. </div>
  157. </form>
  158. </div>
  159. </div>
  160.  
  161.  
  162. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement