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.

5 jaren geleden
5 jaren geleden
5 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. @font-face {
  2. font-family: 'Roboto';
  3. src: url('../fonts/Roboto-Light.ttf');
  4. }
  5. html, body{
  6. margin:0px;
  7. padding:0px;
  8. font-family: 'Roboto';
  9. }
  10. #rounds, #participants{
  11. padding:10px;
  12. }
  13. .round, .participant-blocks{
  14. display:flex;
  15. flex-wrap: wrap;
  16. }
  17. .group, .participant-block{
  18. margin:5px;
  19. border: 1px solid #aaa;
  20. border-radius:3px;
  21. padding:5px;
  22. width: 15%;
  23. }
  24. #btn-do-it{
  25. margin-right:50px;
  26. }
  27. .round-num{
  28. font-weight: bold;
  29. }
  30. h4{
  31. margin:5px;
  32. }
  33. .group ul {
  34. list-style-type: square;
  35. }
  36. label{
  37. display:inline-block;
  38. }
  39. .participant{
  40. margin:2px;
  41. }
  42. .empty-slot{
  43. display:none;
  44. }
  45. #participants{
  46. border-bottom: 2px solid black;
  47. padding-bottom:10px;
  48. margin-top:20px;
  49. }
  50. nav{
  51. display: flex;
  52. justify-content: space-between;
  53. padding:10px;
  54. }
  55. button{
  56. background-color: white;
  57. border: 1px solid #333;
  58. border-radius: 2px;
  59. cursor:pointer;
  60. }
  61. button img{
  62. vertical-align: middle;
  63. }
  64. button:hover{
  65. background-color: #ddd;
  66. }
  67. button:disabled, button[disabled],button[disabled]:active{
  68. background-color: rgba(0,0,0,0.15);
  69. border-color:rgba(0,0,0,0.25);
  70. cursor:not-allowed;
  71. }
  72. #settings > div{
  73. height:32px;
  74. }
  75. #settings input{
  76. width:80px;
  77. }
  78. #settings img{
  79. vertical-align: bottom;
  80. margin-right:10px;
  81. }
  82. #filechooser{
  83. display:none;
  84. }