diff --git a/static/flexbox/index.html b/static/flexbox/index.html index 8887e7d..fa7826b 100644 --- a/static/flexbox/index.html +++ b/static/flexbox/index.html @@ -68,7 +68,7 @@
Position | @@ -80,7 +80,7 @@|||||
---|---|---|---|---|---|
1 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | @@ -88,7 +88,7 @@undefined | 9:29 | |
2 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | @@ -96,15 +96,15 @@undefined | 9:29 | |
3 | +|||||
3 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 |
4 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | @@ -112,7 +112,7 @@undefined | 9:29 | |
5 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | @@ -120,7 +120,7 @@undefined | 9:29 | |
6 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | @@ -128,7 +128,7 @@undefined | 9:29 | |
7 | Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | @@ -202,49 +202,49 @@|||
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 | |
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 | |
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 | |
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 | |
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 | |
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | undefined | 9:29 | |
Chakra | Love Shines Through (Martin Roth's in Electro Love Remix) | undefined | diff --git a/static/flexbox/sanic.css b/static/flexbox/sanic.css index 5b448ab..5a1ded4 100644 --- a/static/flexbox/sanic.css +++ b/static/flexbox/sanic.css @@ -6,6 +6,10 @@ html, body { div { border: 1px dashed white; + + font-weight: normal; + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; } button { @@ -24,6 +28,20 @@ table { border-spacing: 0pt; } +td { + padding: 1px 1px 1px 0.5em; + border: solid black; + border-width: 0 1px 1px 0; + text-align: left; +} + +#queue-table tr td:first-of-type { + padding-left: 16px; +} + +/* This is probably a better way to generate alternate coloring on tables. However, + background color for selected track is overwritten this way. Therefore the old + schoon way of alternate coloring is used for now. table tr:nth-child(odd) td { background:#1e1f1a; @@ -32,6 +50,25 @@ table tr:nth-child(odd) td { table tr:nth-child(even) td { background:#171812; } +*/ + +table tr.odd { + background-color: #1e1f1a; +} + +table tr.even { + background-color: #171812; +} + +#queue-table tr.playing { + background-color: #490b00; +} + +td.playing { + background-image: url(../img/playback.png); + background-repeat: no-repeat; + background-position: left center; +} #flexbox-container { display: flex; diff --git a/static/img/playback.png b/static/img/playback.png new file mode 100644 index 0000000..eebea58 Binary files /dev/null and b/static/img/playback.png differ