Something went wrong. Try again.
A Chrome extension that scrobbles NTS Radio tracks to teal.fm
Something went wrong. Try again.
nts-teal-piper styles.css
2.5 kB · 176 lines
CSS
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177body { width: 350px; padding: 0; margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; font-size: 14px; color: #333;}
.container { padding: 20px;}
h1 { font-size: 18px; margin: 0 0 20px 0; color: #000;}
h2 { font-size: 14px; margin: 0 0 12px 0; color: #666; font-weight: 600;}
input[type="text"],input[type="password"] { width: 100%; padding: 8px 12px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; font-size: 14px;}
input[type="text"]:focus,input[type="password"]:focus { outline: none; border-color: #4a9eff;}
button { width: 100%; padding: 10px; background: #000; color: #fff; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; font-weight: 500;}
button:hover { background: #333;}
button:disabled { background: #ccc; cursor: not-allowed;}
.error { color: #d32f2f; font-size: 12px; margin-top: 8px; min-height: 16px;}
#auth-section { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
#settings-section { margin-bottom: 20px;}
#settings-section label { display: flex; align-items: center; cursor: pointer;}
#settings-section input[type="checkbox"] { margin-right: 8px; cursor: pointer;}
.info { font-size: 12px; color: #666; line-height: 1.5;}
a { color: #4a9eff; text-decoration: none;}
a:hover { text-decoration: underline;}
#user-info { font-size: 12px; color: #666; margin-bottom: 12px;}
#now-playing-section { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.track-info { padding: 12px; background: #f5f5f5; border-radius: 4px;}
.track-title { font-size: 14px; font-weight: 600; color: #000; margin-bottom: 4px;}
.track-artist { font-size: 12px; color: #666;}
#recent-scrobbles { margin-top: 16px;}
#recent-scrobbles h3 { font-size: 12px; font-weight: 600; color: #999; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 0.5px;}
#recent-tracks-list { display: flex; flex-direction: column; gap: 6px;}
.recent-track { display: flex; flex-direction: column; font-size: 11px; line-height: 1.4; color: #999;}
.recent-track-title { color: #666;}
.recent-track-artist { color: #999;}
.info.small { font-size: 11px; color: #999;}