login.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <html>
  2. <head>
  3. <style>
  4. body {
  5. background: #eee !important;
  6. }
  7. .wrapper {
  8. margin-top: 80px;
  9. margin-bottom: 80px;
  10. }
  11. .form-signin {
  12. max-width: 380px;
  13. padding: 15px 35px 45px;
  14. margin: 0 auto;
  15. background-color: #fff;
  16. border: 1px solid rgba(0, 0, 0, 0.1);
  17. }
  18. .form-signin .form-signin-heading,
  19. .form-signin .checkbox {
  20. margin-bottom: 30px;
  21. }
  22. .form-signin .checkbox {
  23. font-weight: normal;
  24. }
  25. .form-signin .form-control {
  26. position: relative;
  27. font-size: 16px;
  28. height: auto;
  29. padding: 10px;
  30. -webkit-box-sizing: border-box;
  31. -moz-box-sizing: border-box;
  32. box-sizing: border-box;
  33. }
  34. .form-signin .form-control:focus {
  35. z-index: 2;
  36. }
  37. .form-signin input[type=text] {
  38. margin-bottom: -1px;
  39. border-bottom-left-radius: 0;
  40. border-bottom-right-radius: 0;
  41. }
  42. .form-signin input[type=password] {
  43. margin-bottom: 20px;
  44. border-top-left-radius: 0;
  45. border-top-right-radius: 0;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div class="wrapper">
  51. <form class="form-signin">
  52. <h2 class="form-signin-heading">請以您的Google帳號登入</h2>
  53. <button class="btn btn-lg btn-primary btn-block" type="submit">Google 登入</button>
  54. </form>
  55. </div>
  56. </body>
  57. </html>