1
0

reset_pwd2.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .img-fluid {
  2. margin-top: 50px;
  3. }
  4. h1 {
  5. margin-top: 30px;
  6. }
  7. .descripe {
  8. font-family: Roboto;
  9. font-style: normal;
  10. font-weight: normal;
  11. font-size: 18px;
  12. line-height: 21px;
  13. }
  14. form {
  15. margin-top: 50px;
  16. }
  17. form > div:last-child {
  18. margin-top: 40px;
  19. }
  20. form > div:last-child input:last-child {
  21. margin-left: 100px;
  22. }
  23. .btn-info {
  24. width: 105px;
  25. height: 43px;
  26. background: #85BF31;
  27. border: 1px solid #CFCFCF;
  28. box-sizing: border-box;
  29. border-radius: 5px;
  30. color: #000000;
  31. }
  32. .wrong-info {
  33. height: 20px;
  34. font-family: Roboto;
  35. font-style: normal;
  36. font-weight: normal;
  37. font-size: 14px;
  38. color: #FF0505;
  39. }
  40. @media(max-width:373px){
  41. .col-2 {
  42. display: none;
  43. }
  44. }
  45. @media(max-width:577px){
  46. form > div:last-child input:last-child {
  47. margin-left: 0px;
  48. }
  49. }
  50. @media(min-width:576px){
  51. #new-pwd {
  52. margin-left: 70px;
  53. }
  54. #confirm-pwd {
  55. margin-left: 46px;
  56. }
  57. .form div:not(:first-child) {
  58. margin-top: 20px;
  59. }
  60. }
  61. @media(min-width:768px){
  62. .form-inline {
  63. margin-left: 50px;
  64. }
  65. form > div:last-child {
  66. margin-left: 60px;
  67. }
  68. .wrong-info {
  69. margin-left: 50px;
  70. }
  71. }
  72. @media(min-width:991px){
  73. .form-inline {
  74. margin-left: 140px;
  75. }
  76. form > div:last-child {
  77. margin-left: 150px;
  78. }
  79. .wrong-info {
  80. margin-left: 140px;
  81. }
  82. }
  83. @media(min-width:1200px){
  84. .form-inline {
  85. margin-left: 180px;
  86. }
  87. form > div:last-child {
  88. margin-left: 190px;
  89. }
  90. .wrong-info {
  91. margin-left: 170px;
  92. }
  93. }