join.css 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .message {
  2. text-align: center;
  3. padding: 0 0.31rem;
  4. }
  5. .message h2 {
  6. font-size: 4.0em;
  7. color: #3d3c40;
  8. margin: 0;
  9. }
  10. .message h3 {
  11. margin: 0.25rem 0 0.56rem 0;
  12. font-size: 2.6em;
  13. color: #afafb0;
  14. }
  15. .message p {
  16. margin-bottom: 0.26rem;
  17. display: flex;
  18. align-items: center;
  19. width: 100%;
  20. border: 1px solid #e1e1e1;
  21. height: 0.69rem;
  22. text-align: left;
  23. font-size: 2.2em;
  24. border-radius: 0.05rem;
  25. }
  26. .message p:nth-child(5) {
  27. display: flex;
  28. align-items: flex-start;
  29. height: 1.69rem;
  30. padding: 0.15rem 0;
  31. }
  32. .message label span {
  33. text-align: right;
  34. display: inline-block;
  35. margin-left: 0.30rem;
  36. padding-right: 0.30rem;
  37. color: #3d3c40;
  38. }
  39. .message label {
  40. color: red;
  41. text-align: right;
  42. display: inline-block;
  43. width: 2.6rem;
  44. }
  45. .message input[type=text],
  46. .message textarea {
  47. font-size: 1em;
  48. width: 85%;
  49. border: none;
  50. height: 100%;
  51. resize: none;
  52. }
  53. .message input[type=submit] {
  54. font-size: 3.0em;
  55. color: #fff;
  56. margin-bottom: 1.04rem;
  57. border: none;
  58. width: 100%;
  59. height: 0.69rem;
  60. background: #80bffe;
  61. border-radius: 0.05rem;
  62. }