ExMods
/
html-site
Watch 2
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
16 Commits
1 Branch
6.3MB
Tree: f599d8be7c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'f599d8be7c'
${ noResults }
html-site/site/static/style.css

161 lines
2.1KB
Raw Blame History 

  1. /* low priority fallback styles */

  2. 

  3. body {

  4.   background-color: #404040;

  5.   color: #20c420;

  6.   padding: 5%;

  7. }

  8. 

  9. head {

  10.   display: none;

  11. }

  12. 

  13. h1 {

  14.   text-align: center;

  15.   padding-top: 2%;

  16.   color: #20c420;

  17. }

  18. 

  19. h2, h3, h4, h5 {

  20.   text-align: center;

  21.   color: #20c420;

  22. }

  23. 

  24. .title {

  25.   font-size: 120%;

  26.   font-weight: bold;

  27.   color: #20c420;

  28. }

  29. 

  30. a {

  31.   text-decoration:none;

  32.   color: #208020;

  33. }

  34. 

  35. ul {

  36.   text-align: left;

  37.   padding-left: 5%;

  38. }

  39. 

  40. li {

  41.   text-align: left;

  42. }

  43. 

  44. span {

  45.   display: inline-block;

  46. }

  47. 

  48. iframe.iframe-player {

  49.   display: block;

  50.   text-align: center;

  51.   margin: auto;

  52. }

  53. 

  54. /* leaderboard style */

  55. .board {

  56.   font-size: 200%;

  57.   background-color: #e0e0e0;

  58.   color: #111111;

  59.   width: 100%;

  60. }

  61. 

  62. .board-container {

  63.   width: 99%;

  64.   border: 5px;

  65.   border-style: solid;

  66.   border-color: #505050;

  67.   text-align: left;

  68. }

  69. 

  70. .board-entry {

  71.   width: 100%;

  72.   padding-top: 0.25%;

  73.   padding-bottom: 0.25%;

  74.   border: 0px;

  75.   border-bottom: 4px;

  76.   border-style: solid;

  77.   border-color: #208020;

  78. }

  79. 

  80. .board-rank {

  81.   width: 15%;

  82.   font-size: 170%;

  83.   margin-left: 4%;

  84.   text-align: left;

  85.   vertical-align: middle;

  86.   color: #208020;

  87. }

  88. 

  89. .board-name {

  90.   width: 55%;

  91.   font-size: 130%;

  92.   text-align: left;

  93.   overflow: hidden;

  94.   text-overflow: ellipsis;

  95.   white-space: nowrap;

  96.   vertical-align: middle;

  97. }

  98. 

  99. .board-name-a {

  100.   width: 100%;

  101.   color: #20c420;

  102. }

  103. 

  104. .board-score {

  105.   width: 20%;

  106.   margin-left: 4%;

  107.   font-size: 100%;

  108.   vertical-align: middle;

  109.   color: #667766;

  110. }

  111. 

  112. .board-header {

  113.   margin-top: 0.25%;

  114.   margin-bottom: 0.25%;

  115.   margin-left: -0.25%;

  116.   font-weight: bold;

  117.   text-align: center;

  118.   font-size: 150%;

  119.   color: #112211;

  120. }

  121. 

  122. /* player style */

  123. .player {

  124.   font-size: 200%;

  125.   background-color: #e0e0e0;

  126.   color: #111111;

  127.   width: 100%;

  128. }

  129. 

  130. .player-container {

  131.   width: 99%;

  132.   text-align: left;

  133.   border: 5px;

  134.   border-style: solid;

  135.   border-color: #505050;

  136. }

  137. 

  138. .player-name {

  139.   width: 75%;

  140.   font-size: 300%;

  141.   padding-left: 1%;

  142.   padding-right: 1%;

  143.   overflow: hidden;

  144.   vertical-align: middle;

  145. }

  146. 

  147. .player-link {

  148.   width: 100%;

  149. }

  150. 

  151. .player-avatar {

  152.   width: 20%;

  153.   text-align: center;

  154.   margin: 0.5%;

  155.   border-style: solid;

  156.   border-color: #505050;

  157.   border: 5px;

  158.   border-right: 5px;

  159.   vertical-align: middle;

  160. }