datachecker.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. html, body{
  2. width: 100%;
  3. margin: 0;
  4. height: 100%;
  5. padding:0;
  6. top: 0;
  7. }
  8. header {
  9. margin: 0;
  10. padding: 10px;
  11. width: 100%;
  12. height: 50px;
  13. top: 0;
  14. border-bottom: 1px solid #000066;
  15. background-color: #e6e6ff;
  16. }
  17. #main {
  18. width: 80%;
  19. margin: 50px 10%;
  20. }
  21. h1 {
  22. color: #0047b3;
  23. width: 100%;
  24. text-align: center;
  25. margin: 0;
  26. }
  27. h2 {
  28. color: #666666;
  29. }
  30. #submit-file {
  31. display: flex;
  32. flex-direction: column;
  33. align-items: center;
  34. }
  35. #submit-form {
  36. width: 600px;
  37. display: flex;
  38. flex-direction: column;
  39. align-items: center;
  40. border: 2px solid #0047b3;
  41. border-radius: 5px;
  42. padding: 30px;
  43. }
  44. #submit-form label {
  45. font-size: 1.2em;
  46. }
  47. #submit-form input {
  48. margin-top: 1em;
  49. font-size: 1em;
  50. }
  51. #submit-form button {
  52. margin-top: 45px;
  53. font-size: 1.1em;
  54. }
  55. .error {
  56. color: red;
  57. font-weight: 700;
  58. }
  59. .valid {
  60. color: green;
  61. }
  62. .datatable {
  63. width: 100% !important;
  64. }
  65. footer {
  66. width: 100%;
  67. text-align: center;
  68. position: fixed;
  69. height: 50px;
  70. bottom: 0;
  71. left: 0;
  72. right: 0;
  73. margin: 0;
  74. background-color: #f2f2f2;
  75. padding-top: 23px;
  76. }