register.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. #navbar {
  2. display: none;
  3. }
  4. #btn_cooc {
  5. display: none
  6. }
  7. .register_page {
  8. margin-top: -1.1vw;
  9. display: flex;
  10. justify-content: center;
  11. align-items: center;
  12. height: 75vw;
  13. background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
  14. }
  15. .register {
  16. width: 70%;
  17. height: 70%;
  18. margin-left: 15%;
  19. margin-right: 15%;
  20. background-color: #dbc3af;
  21. display: flex;
  22. flex-direction: column;
  23. justify-content: space-evenly;
  24. }
  25. .register_form {
  26. margin-bottom: 10%;
  27. }
  28. .header_title {
  29. text-align: center;
  30. color: #000000;
  31. font-size: 3.5vw;
  32. width: 100%;
  33. }
  34. .data_block {
  35. width: 100%;
  36. display: flex;
  37. flex-direction: column;
  38. flex-direction: column;
  39. justify-content: center;
  40. align-items: center;
  41. }
  42. .form_data, .form_data_button {
  43. display: flex;
  44. flex-direction: column;
  45. margin-left: 2%;
  46. margin-left: 2%;
  47. }
  48. .form_data_button {
  49. display: flex;
  50. flex-direction: column;
  51. justify-content: center;
  52. align-items: center;
  53. }
  54. .input_data {
  55. color: #000000;
  56. border: 0.1vw solid #595008;
  57. height: 4.5vw;
  58. width: 60vw;
  59. background-color: #dbc3af;
  60. border-radius: 5vw;
  61. font-size: 1.3vw;
  62. }
  63. .input_button {
  64. width: 20vw;
  65. height: 5vw;
  66. border-radius: 5vw;
  67. vertical-align: middle;
  68. }
  69. .form-label {
  70. font-size: 1.3vw;
  71. }
  72. .register_button {
  73. margin-top: 15px;
  74. width: 20vw;
  75. height: 5vw;
  76. background-color: #000000;
  77. color: #ffffff;
  78. border-radius: 5vw;
  79. vertical-align: middle;
  80. font-size: 1.5vw;
  81. }
  82. .box {
  83. margin-left: 9vw;
  84. }