style.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. @font-face{
  2. font-family: "pixelmix";
  3. font-weight: normal;
  4. src: url("pixelmix.woff") format("woff"), url("pixelmix.ttf") format("truetype");
  5. }
  6. @font-face{
  7. font-family: "pixelmix";
  8. font-weight: bold;
  9. src: url("pixelmix_bold.woff") format("woff"), url("pixelmix_bold.ttf") format("truetype");
  10. }
  11. body{
  12. font-family: "pixelmix";
  13. background-color: #F2EEF2;
  14. color: black;
  15. -webkit-font-smoothing: none;;
  16. }
  17. a{
  18. color: #A15DBA;
  19. }
  20. a:hover{
  21. color: #AF5FCD;
  22. text-decoration: none;
  23. text-shadow: #D2D2D2 1px 1px 0.1em;
  24. }
  25. h2{
  26. text-shadow: gray 1px 1px 0.1em;
  27. }
  28. .hero{
  29. margin: 20px 0px;
  30. text-align: center;
  31. text-shadow: gray 1px 1px 0.1em;
  32. }
  33. .hero h1{
  34. margin: 0;
  35. }
  36. .hero h2{
  37. font-size: 16pt;
  38. margin: 0;
  39. margin-top: 5px;
  40. }
  41. nav{
  42. margin: 20px 0px;
  43. text-align: center;
  44. }
  45. nav a{
  46. margin-right: 13px;
  47. }
  48. #websocket_message {
  49. position: fixed;
  50. top: 0px;
  51. left: 0px;
  52. opacity: 0.8;
  53. z-index: 10;
  54. }
  55. #globalstats{
  56. text-align: center;
  57. text-shadow: gray 1px 1px 0.1em;
  58. margin-bottom: 20px;
  59. }
  60. #mainstats {
  61. font-size: 20pt;
  62. }
  63. .panel{
  64. color: black;
  65. border-radius: 0;
  66. -webkit-border-radius: 0;
  67. -moz-border-radius: 0;
  68. border: none;
  69. box-shadow: gray 1px 1px 0.1em;
  70. }
  71. .panel-default .panel-heading{
  72. background-color: #482680;
  73. color: white;
  74. border-radius: 0;
  75. -webkit-border-radius: 0;
  76. -moz-border-radius: 0;
  77. font-weight: bold;
  78. text-shadow: gray 1px 1px 0.1em;
  79. }
  80. .panel-heading .pull-right{
  81. margin-top: -3px;
  82. font-weight: normal;
  83. }
  84. .panel-heading input{
  85. width: 80px;
  86. border: none;
  87. padding: 2px 3px;
  88. }
  89. .panel-heading[ng-click]{
  90. cursor: pointer;
  91. user-select: none;
  92. -moz-user-select: none;
  93. -webkit-user-select: none;
  94. }
  95. .panel-heading[ng-click]:hover{
  96. background-color: #300080;
  97. }
  98. .table{
  99. color: black;
  100. background: white;
  101. }
  102. input{
  103. color: black;
  104. background: white;
  105. }
  106. th{
  107. font-size: 8pt;
  108. }
  109. .admin{
  110. font-family: helvetica, verdana, sans-serif;
  111. margin-top: 30px;
  112. }
  113. .well{
  114. color: black;
  115. }
  116. @media (max-width: 767px){
  117. .hero h2{
  118. display: none;
  119. }
  120. }
  121. .logoutLink {
  122. text-align: right;
  123. padding: 0.2em;
  124. }
  125. .errorReportMessage {
  126. overflow: auto;
  127. max-width: 40vw;
  128. }
  129. #leaderboard-totals, #leaderboard-recent {
  130. table-layout: fixed;
  131. }
  132. .table-number {
  133. text-align: right;
  134. }
  135. .table-string {
  136. text-overflow: ellipsis;
  137. overflow: hidden;
  138. white-space: nowrap;
  139. }
  140. .nick-color-0 {
  141. color: #423c00;
  142. }
  143. .nick-color-1 {
  144. color: #4a2500;
  145. }
  146. .nick-color-2 {
  147. color: #170f02;
  148. }
  149. .nick-color-3 {
  150. color: #152604;
  151. }
  152. .nick-color-4 {
  153. color: #182f4c;
  154. }
  155. .nick-color-5 {
  156. color: #221724;
  157. }
  158. .nick-color-6 {
  159. color: #210000;
  160. }
  161. .nick-color-7 {
  162. color: #2e3436;
  163. }