| 1 | body { |
| 2 | margin: 10px; |
| 3 | padding: 0; |
| 4 | font-family: sans-serif; |
| 5 | } |
| 6 | |
| 7 | body.light { |
| 8 | background-color: #FFFFFF; |
| 9 | color: #333333; |
| 10 | } |
| 11 | |
| 12 | body.dark { |
| 13 | background-color: #000000; |
| 14 | color: #CCCCCC; |
| 15 | } |
| 16 | |
| 17 | .light-loading { |
| 18 | margin: 10px 0; |
| 19 | padding: 10px; |
| 20 | background-color: #CCCCCC; |
| 21 | color: #666666; |
| 22 | } |
| 23 | |
| 24 | .dark-loading { |
| 25 | margin: 10px 0; |
| 26 | padding: 10px; |
| 27 | background-color: #333333; |
| 28 | color: #999999; |
| 29 | } |