diff options
| -rw-r--r-- | assets/css/style.css | 28 | ||||
| -rw-r--r-- | index.html | 6 |
2 files changed, 31 insertions, 3 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index d71c2a8..3a8c583 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -83,6 +83,34 @@ body { font-size: 18px; } +.button-blue { + background: #16BFFD; /* fallback for bad browsers */ + background: linear-gradient(to right, #CB3066, #16BFFD); + color: white; + border-radius: 20px; + width: 160px; + height: 35px; + border: none; + font-family: Ubuntu-Bold; + + -moz-transition: all .1s ease-in; + -o-transition: all .1s ease-in; + -webkit-transition: all .1s ease-in; + transition: all .1s ease-in; +} + +.button-blue:hover { + background: #16BFFD; /* fallback for bad browsers */ + background: linear-gradient(to right, #CB3066, #16BFFD); + color: white; + border-radius: 20px; + width: 175px; + height: 35px; + border: none; + font-family: Ubuntu-Bold; + cursor: pointer; +} + @keyframes middle-to-top { from { margin-top: 50vh; @@ -17,15 +17,15 @@ </div> </div> <div class="loginform-box"> - <p class="graytext">Login</p> + <p class="graytext">Your Account</p> <div class="input.validate-input" data-validate="Enter username"> <span class="lnr lnr-user"></span> - <input type="text" name="username" class="input" placeholder="Username"><br/> + <input type="text" name="username" class="input" placeholder="Username or eMail"><br/> </div> <span class="lnr lnr-lock"></span> <input type="password" name="password" class="input" placeholder="Password"><br/> <br> - <button>Login</button> + <button class="button-blue">Login</button> </div> </body> </html> |