dchill42.github.io/style.css at master · dchill42/dchill42.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
body { background-color: #030d16; margin: 0; }

.flex-row {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.flex-grow-1 { flex-grow: 1 }
.flex-shrink-1 { flex-shrink: 1 }

.spanner-cell {
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  flex-basis: 687px;
  min-height: 1097px;
}
.toggle-cell { flex-basis: 275px; }

.ui-button .ui-icon { margin-top: 1px; }

.page-title {
  color: #ffffff;
  font-family: 'Copperplate Gothic', Georgia, serif;
  font-size: 28pt;
  margin: 1em 0;
  text-align: center;
}

.player-panel {
  background-color: #222222;
  padding: 0.5em;
  margin: 150px 0 0;
  opacity: 0.95;
  width: 370px;
}
.player-title { margin: 0; padding: 0.25em; text-align: center; }
.player-form { display: none; }
.player-all-box { padding-bottom: 3px; }
.player-controls { margin: 1em 0; }
.player-play-all { border-radius: 16px; font-size: 10pt; padding: 0 10px 6px; }
.player-play-all--playing { border-color: rgb(11, 147, 213); }
.player-play-all span { color: #ffffff; font-size: 10pt; }
.player-play-all .ui-icon { margin-right: 0.25em; }
.player-total { margin-left: 0.5em; }
.player-play-all--playing .player-all-text, .player-play-all--playing .player-total { display: none; }
.player-stop-text { display: none; }
.player-play-all--playing .player-stop-text { display: initial; }

.player-up-box, .player-down-box { flex-basis: 28px; }
.player-up-box { text-align: right; }
.player-vol-box { min-width: 160px; }
.player-list { margin: 0; padding: 0; }

.track-item { list-style-type: none; }
.track-play { padding: .4em; text-align: left; width: 100%; }
.track-play .ui-icon { margin-right: 0.5em; visibility: hidden; }
.track-play:hover .ui-icon, .track-play--playing .ui-icon { visibility: visible; }
.track-play--playing { border-color: rgb(11, 147, 213); }
.track-time { color: #ffffff; }
.track-label { font-weight: bold; min-width: 180px; }
.track-time,
.track-label { font-size: 10pt; line-height: 1.7; }
.track-clock { text-align: right; }
.track-separator { padding: 0 0.5em; }
.track-total { margin-right: 0.25em; }
.track-time--play { visibility: hidden; }
.track-play--playing .track-time--play { visibility: visible; }
.track-dlbox { margin-left: 1em; }
.track-download { padding: 0.4em 0.5em; }
.track-play.ui-corner-all, .track-download.ui-corner-all { border-radius: 18px; }