diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2017-06-04 19:30:25 -0400 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2017-06-04 19:30:25 -0400 |
| commit | 81522cbae16c6aadb1b789f3f875dc50f10cc005 (patch) | |
| tree | ab95db0a843783d4cfcd328e091a01597e241ee1 /static/style.css | |
| parent | f154ae1ec88146017abf3de9d14d119facb5fc4c (diff) | |
| download | lastfm-api-81522cbae16c6aadb1b789f3f875dc50f10cc005.tar.gz | |
Clean up
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css index fca47c8..e4730aa 100644 --- a/static/style.css +++ b/static/style.css @@ -1,3 +1,17 @@ +/* Rules for sizing the icon. */ +.material-icons.md-18 { font-size: 18px; } +.material-icons.md-24 { font-size: 24px; } +.material-icons.md-36 { font-size: 36px; } +.material-icons.md-48 { font-size: 48px; } + +/* Rules for using icons as black on a light background. */ +.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } +.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } + +/* Rules for using icons as white on a dark background. */ +.material-icons.md-light { color: rgba(255, 255, 255, 1); } +.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } + body { font-family: 'Roboto'; font-size: 16px; @@ -49,6 +63,7 @@ ul.scrobbles li { ul.scrobbles li:hover { background-color: #E8EAF6; + cursor: pointer; } ul.scrobbles li img { @@ -70,6 +85,16 @@ ul.scrobbles li .album { color: #4f4f4f; } +ul.scrobbles .like { + margin: 0; + padding: 0; + margin-left: auto; + padding-left: 4px; + box-sizing: border-box; + min-width: 28px; + text-align: right; +} + #center { height: 100%; max-width: 1000px; |