Design and logic for user-facing site https://exmods.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

155 lines
2.1KB

  1. /* low priority fallback styles */
  2. body {
  3. background-color: #404040;
  4. color: #20c420;
  5. padding: 5%;
  6. }
  7. head {
  8. display: none;
  9. }
  10. h1 {
  11. text-align: center;
  12. padding-top: 2%;
  13. color: #20c420;
  14. }
  15. h2, h3, h4, h5 {
  16. text-align: center;
  17. color: #20c420;
  18. }
  19. .title {
  20. font-size: 120%;
  21. font-weight: bold;
  22. color: #20c420;
  23. }
  24. a {
  25. text-decoration:none;
  26. color: #208020;
  27. }
  28. ul {
  29. text-align: left;
  30. padding-left: 5%;
  31. }
  32. li {
  33. text-align: left;
  34. }
  35. span {
  36. display: inline-block;
  37. }
  38. /* leaderboard style */
  39. .board {
  40. font-size: 200%;
  41. background-color: #e0e0e0;
  42. color: #111111;
  43. width: 100%;
  44. }
  45. .board-container {
  46. width: 99%;
  47. border: 5px;
  48. border-style: solid;
  49. border-color: #505050;
  50. text-align: left;
  51. }
  52. .board-entry {
  53. width: 100%;
  54. padding-top: 0.25%;
  55. padding-bottom: 0.25%;
  56. border: 0px;
  57. border-bottom: 4px;
  58. border-style: solid;
  59. border-color: #208020;
  60. }
  61. .board-rank {
  62. width: 15%;
  63. font-size: 170%;
  64. margin-left: 4%;
  65. text-align: left;
  66. vertical-align: middle;
  67. color: #208020;
  68. }
  69. .board-name {
  70. width: 55%;
  71. font-size: 130%;
  72. text-align: left;
  73. overflow: hidden;
  74. text-overflow: ellipsis;
  75. white-space: nowrap;
  76. vertical-align: middle;
  77. }
  78. .board-name-a {
  79. width: 100%;
  80. color: #20c420;
  81. }
  82. .board-score {
  83. width: 20%;
  84. margin-left: 4%;
  85. font-size: 100%;
  86. vertical-align: middle;
  87. color: #667766;
  88. }
  89. .board-header {
  90. margin-top: 0.25%;
  91. margin-bottom: 0.25%;
  92. margin-left: -0.25%;
  93. font-weight: bold;
  94. text-align: center;
  95. font-size: 150%;
  96. color: #112211;
  97. }
  98. /* player style */
  99. .player {
  100. font-size: 200%;
  101. background-color: #e0e0e0;
  102. color: #111111;
  103. width: 100%;
  104. }
  105. .player-container {
  106. width: 99%;
  107. text-align: left;
  108. border: 5px;
  109. border-style: solid;
  110. border-color: #505050;
  111. }
  112. .player-name {
  113. width: 75%;
  114. font-size: 300%;
  115. padding-left: 1%;
  116. padding-right: 1%;
  117. overflow: hidden;
  118. vertical-align: middle;
  119. }
  120. .player-link {
  121. width: 100%;
  122. }
  123. .player-avatar {
  124. width: 20%;
  125. text-align: center;
  126. margin: 0.5%;
  127. border-style: solid;
  128. border-color: #505050;
  129. border: 5px;
  130. border-right: 5px;
  131. vertical-align: middle;
  132. }