sign_in.css 2.5 KB

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