style_mobile.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. h1, h2, h3, h4, h5, a, p, ul, li, img, header, section, div, body {margin: 0; padding: 0;}
  2. .centered {
  3. position: fixed;
  4. top: 50%;
  5. left: 50%;
  6. /* bring your own prefixes */
  7. transform: translate(-50%, -50%);
  8. }
  9. header {
  10. width: 600px;
  11. height: 84px;
  12. background: #3B5998;
  13. }
  14. .main-header {
  15. padding-left:224px;
  16. }
  17. .form {
  18. border: 1px solid #cccccc;
  19. border-radius: 5px;
  20. height: 600px;
  21. margin: 20px auto 25px;
  22. width: 400px;
  23. }
  24. .form h3 {
  25. color: #333333;
  26. border-bottom: 1.5px solid #cccccc;
  27. font-family: tahoma;
  28. font-size: 18px;
  29. font-weight: 600;
  30. margin: 0 20px;
  31. padding: 20px 0 12px;
  32. }
  33. .red-box {
  34. margin:24px auto 0;
  35. width: 400px;
  36. height: 97px;
  37. background: #FFEBE8;
  38. border: 1.5px solid red;
  39. }
  40. .red-box p {
  41. font-size: 10.5px;
  42. font-family: tahoma;
  43. padding: 14px 0 0 20px;
  44. }
  45. .red-box a {
  46. text-decoration: none;
  47. color: #3B5998;
  48. }
  49. .red-box a:hover {
  50. text-decoration: underline;
  51. }
  52. .login-form {
  53. width:75%;
  54. margin: 0 auto;
  55. padding: 23px 0 0 0;
  56. }
  57. .login-form label {
  58. font-family: tahoma;
  59. font-size: 13px;
  60. padding: 2px 10px 3px 5px;
  61. }
  62. .login-form input {
  63. padding: 5px 5px 13px 15px;
  64. }
  65. xt-decoration: underline;
  66. }