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.

208 lines
2.9KB

  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. .link {
  29. text-decoration:none solid #20c420;
  30. color: #208020;
  31. }
  32. ul {
  33. text-align: left;
  34. padding-left: 5%;
  35. }
  36. li {
  37. text-align: left;
  38. }
  39. span {
  40. display: inline-block;
  41. }
  42. .inline {
  43. display: inline-block;
  44. }
  45. iframe.iframe-player {
  46. display: block;
  47. text-align: center;
  48. margin: auto;
  49. }
  50. .text-content {
  51. width: 92%;
  52. text-align: default;
  53. line-height: 142%;
  54. font-size: 101%;
  55. display: inline-block;
  56. color: #202020;
  57. background-color: #D8F0D8;/*#D8DFD8;*/
  58. padding: 0.5%;
  59. padding-left: 1%;
  60. padding-right: 1%;
  61. margin: 4%;
  62. margin-top: 1%;
  63. margin-bottom: 1%;
  64. border: 0;
  65. border-left: 4px;
  66. border-right: 4px;
  67. border-style: solid;
  68. border-color: #208020;
  69. }
  70. .tab { margin-left: 40px; }
  71. footer {
  72. width: 92%;
  73. background-color: #D8F0D8;
  74. padding: 0.5%;
  75. padding-left: 1%;
  76. padding-right: 1%;
  77. margin: 1%;
  78. margin-left: 4%;
  79. margin-right: 4%;
  80. text-align: right;
  81. border: 4px;
  82. border-style: solid;
  83. border-color: #208020;
  84. }
  85. /* leaderboard style */
  86. .board {
  87. font-size: 200%;
  88. background-color: #e0e0e0;
  89. color: #111111;
  90. width: 100%;
  91. }
  92. .board-container {
  93. width: 99%;
  94. border: 5px;
  95. border-style: solid;
  96. border-color: #505050;
  97. text-align: left;
  98. }
  99. .board-entry {
  100. width: 100%;
  101. padding-top: 0.25%;
  102. padding-bottom: 0.25%;
  103. border: 0px;
  104. border-bottom: 4px;
  105. border-style: solid;
  106. border-color: #208020;
  107. }
  108. .board-rank {
  109. width: 15%;
  110. font-size: 170%;
  111. margin-left: 4%;
  112. text-align: left;
  113. vertical-align: middle;
  114. color: #208020;
  115. }
  116. .board-name {
  117. width: 55%;
  118. font-size: 130%;
  119. text-align: left;
  120. overflow: hidden;
  121. text-overflow: ellipsis;
  122. white-space: nowrap;
  123. vertical-align: middle;
  124. }
  125. .board-name-a {
  126. width: 100%;
  127. color: #20c420;
  128. }
  129. .board-score {
  130. width: 20%;
  131. margin-left: 4%;
  132. font-size: 100%;
  133. vertical-align: middle;
  134. color: #667766;
  135. }
  136. .board-header {
  137. margin-top: 0.25%;
  138. margin-bottom: 0.25%;
  139. margin-left: -0.25%;
  140. font-weight: bold;
  141. text-align: center;
  142. font-size: 150%;
  143. color: #112211;
  144. }
  145. /* player style */
  146. .player {
  147. font-size: 200%;
  148. background-color: #e0e0e0;
  149. color: #111111;
  150. width: 100%;
  151. }
  152. .player-container {
  153. width: 99%;
  154. text-align: left;
  155. border: 5px;
  156. border-style: solid;
  157. border-color: #505050;
  158. }
  159. .player-name {
  160. width: 75%;
  161. font-size: 300%;
  162. padding-left: 1%;
  163. padding-right: 1%;
  164. overflow: hidden;
  165. vertical-align: middle;
  166. }
  167. .player-link {
  168. width: 100%;
  169. }
  170. .player-avatar {
  171. width: 20%;
  172. text-align: center;
  173. margin: 0.5%;
  174. border-style: solid;
  175. border-color: #505050;
  176. border: 5px;
  177. border-right: 5px;
  178. vertical-align: middle;
  179. }