style.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. @import url('https://fonts.googleapis.com/css2?family=Roboto&family=Ubuntu&display=swap');
  2. html, body {
  3. background-color: #626262;
  4. background-repeat: no-repeat;
  5. background-attachment: fixed;
  6. background-position: center;
  7. color: #e3e3e3;
  8. margin: 0 auto;
  9. font-size: 18px;
  10. font-family: "Ubuntu", "Roboto", sans-serif;
  11. }
  12. .title {
  13. font-size: 46px;
  14. text-align: center;
  15. background-position: center;
  16. background-color: #dddddd;
  17. padding: 8px;
  18. }
  19. #navbar {
  20. margin: 0 auto;
  21. /*width: 100%;*/
  22. /*background-color: #ffffff;*/
  23. top: 1px;
  24. left: 1px;
  25. padding-bottom: 0px;
  26. }
  27. #navcontainer {
  28. width: 702px;
  29. max-width: 702px;
  30. min-width: 702px;
  31. margin: 0 auto;
  32. background-color: #ffffff;
  33. }
  34. #navbar a {
  35. text-decoration: none;
  36. font-family: "Ubuntu", "Roboto", sans-serif;
  37. font-size: 28px;
  38. text-align: center;
  39. padding-top: 4px;
  40. padding-bottom: 5px;
  41. background-color: #ffffff;
  42. color: #5577ff;
  43. width: 125px;
  44. display: inline-block;
  45. }
  46. #navbar a:hover {
  47. background-color: #999999;
  48. color: #323232;
  49. }
  50. .notifications {
  51. background-color: #171717;
  52. border-radius: 4px;
  53. border: solid 1px #222222;
  54. padding: 4px;
  55. }
  56. table { padding: 1px; }
  57. tr, td { padding: 2px; }
  58. textarea {
  59. background-color: #222222;
  60. border-radius: 10px;
  61. border: 1px solid #323232;
  62. font-family: "Roboto Sans", Ubuntu, sans-serif;
  63. outline: none;
  64. resize: none;
  65. color: #d7d7d7;
  66. width: 98%;
  67. padding: 4px;
  68. }
  69. input, button, select, label {
  70. background-color: #222222;
  71. border: solid 1px #323232;
  72. outline: none;
  73. border-radius: 6px;
  74. color: #d7d7d7;
  75. padding: 4px;
  76. font-size: 18px;
  77. }
  78. .button {
  79. background-color: #222222;
  80. border: solid 1px #323232;
  81. outline: none;
  82. font-size: 18px;
  83. border-radius: 6px;
  84. color: #d7d7d7;
  85. margin: auto;
  86. padding: 4px;
  87. display: inline-flex;
  88. }
  89. a {
  90. color: #5577ff;
  91. text-decoration: none;
  92. }
  93. a:hover {
  94. color: #aabbff;
  95. text-decoration: none;
  96. }
  97. .contain {
  98. background-color: #121212;
  99. border: solid 1px #565656;
  100. width: 680px;
  101. max-width: 680px;
  102. min-width: 680px;
  103. margin: 0 auto;
  104. padding: 10px;
  105. }
  106. .contain p {
  107. text-align: justify;
  108. padding: 5px;
  109. }
  110. .maincontain {
  111. margin: 0 auto;
  112. width: 702px;
  113. }