|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- @font-face {
- font-family: 'Roboto';
- src: url('../fonts/Roboto-Light.ttf');
- }
-
- html, body{
- margin:0px;
- padding:0px;
- font-family: 'Roboto';
- }
-
-
- #rounds, #participants{
- padding:10px;
- }
- .round, .participant-blocks{
- display:flex;
- flex-wrap: wrap;
- }
- .group, .participant-block{
- margin:5px;
- border: 1px solid #aaa;
- border-radius:3px;
- padding:5px;
- width: 15%;
-
- }
-
-
- #btn-do-it{
- margin-right:50px;
- }
-
- .round-num{
- font-weight: bold;
- }
-
- h4{
- margin:5px;
- }
- .group ul {
- list-style-type: square;
- }
- label{
- display:inline-block;
- }
-
- .participant{
- margin:2px;
- }
-
- .empty-slot{
- display:none;
- }
-
- #participants{
- border-bottom: 2px solid black;
- padding-bottom:10px;
- margin-top:20px;
- }
- nav{
- display: flex;
- justify-content: space-between;
- padding:10px;
- }
- button{
- background-color: white;
- border: 1px solid #333;
- border-radius: 2px;
- cursor:pointer;
- }
-
- button img{
- vertical-align: middle;
- }
- button:hover{
- background-color: #ddd;
- }
-
- button:disabled, button[disabled],button[disabled]:active{
- background-color: rgba(0,0,0,0.15);
- border-color:rgba(0,0,0,0.25);
- cursor:not-allowed;
- }
-
- #settings > div{
- height:32px;
- }
-
- #settings input{
- width:80px;
- }
-
- #settings img{
- vertical-align: bottom;
- margin-right:10px;
- }
-
- #filechooser{
- display:none;
- }
|