Form.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. body {
  2. background-color: #4b4c66;
  3. box-sizing: border-box;
  4. color: white;
  5. padding-top: 3em;
  6. }
  7. /**
  8. * @see https://www.paulirish.com/2012/box-sizing-border-box-ftw/
  9. */
  10. *, *:before, *:after {
  11. box-sizing: inherit;
  12. }
  13. h2 {
  14. margin-left: auto;
  15. margin-right: auto;
  16. text-align: center;
  17. text-transform: uppercase;
  18. }
  19. form {
  20. margin-left: 10%;
  21. margin-right: 10%;
  22. }
  23. form button,
  24. form input {
  25. border-style: none;
  26. border-width: 0;
  27. }
  28. form input[type="checkbox"] {
  29. display: inline;
  30. margin: 1em;
  31. padding: 0.5em;
  32. }
  33. form .form-item {
  34. margin-left: auto;
  35. margin-right: auto;
  36. text-align: center;
  37. }
  38. form button[type="submit"] {
  39. background-color: #2b50f4;
  40. border-radius: 1em 1em;
  41. color: white; /* user-agent says black */
  42. display: block;
  43. font-size: 100%;
  44. letter-spacing: 0.2em;
  45. margin: 1.5em 0;
  46. padding: 0.5em;
  47. text-transform: uppercase;
  48. width: 100%;
  49. }
  50. form input[type="text"] {
  51. border-radius: 0.8em 0.8em;
  52. display: block;
  53. margin: 1.5em 0;
  54. padding: 0.5em 0 0.5em 1em;
  55. width: 100%;
  56. }