123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- * {
- box-sizing: border-box;
- }
-
- body {
- margin: 12px;
- }
-
- body > div {
- margin-bottom: 12px;
- }
-
- button {
- display: inline-block;
- padding: 0px;
- border: 1px solid #666;
- width: 50px;
- height: 32px;
- background: #ddd;
- margin-left: 2px;
- margin-right: 2px;
- }
-
- button:active,
- button.active {
- background: #aaa;
- }
-
- progress {
- width: 100%;
- height: 24px;
- }
-
- input[type="range"] {
- border: 1px solid rgba(0, 0, 0, 0);
- box-sizing: border-box;
- margin: 0px;
- width: 100%;
- }
-
- #is-playing,
- #progress-text {
- display: inline-block;
- }
- #progress-text {
- float: right;
- }
-
- #group-buttons {
- text-align: center;
- }
|