255 lines
3.9 KiB
CSS
255 lines
3.9 KiB
CSS
/* ********** Main ********** */
|
|
#server-connection-icon { /* TODO remove */
|
|
/* box-shadow: 0px 0px 3px green; */
|
|
}
|
|
|
|
#menu-label {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#main-menu-box {
|
|
min-width: 230px;
|
|
}
|
|
|
|
#icon-button-box image {
|
|
margin: 5px 2px;
|
|
min-width: 15px;
|
|
}
|
|
|
|
#icon-button-box label {
|
|
margin-left: 5px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
#menu-item-download-settings,
|
|
#menu-item-clear-cache {
|
|
min-width: 230px;
|
|
}
|
|
|
|
/* ********** Playlist ********** */
|
|
#playlist-list-listbox row {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#playlist-list-spinner:checked,
|
|
#artist-list-spinner:checked,
|
|
#drilldown-list-spinner:checked {
|
|
margin: 10px;
|
|
padding: 0px;
|
|
}
|
|
|
|
#playlist-list-new-playlist-entry {
|
|
margin: 10px 10px 5px 10px;
|
|
}
|
|
|
|
#playlist-list-new-playlist-cancel {
|
|
margin: 5px 0 10px 0;
|
|
}
|
|
|
|
#playlist-list-new-playlist-confirm {
|
|
margin: 5px 10px 10px 0;
|
|
}
|
|
|
|
#playlist-artwork-spinner,
|
|
#artist-artwork-spinner,
|
|
#album-artwork-spinner,
|
|
#albumslist-with-songs-spinner {
|
|
min-height: 35px;
|
|
min-width: 35px;
|
|
}
|
|
|
|
#browse-spinner {
|
|
min-height: 100px;
|
|
min-width: 100px;
|
|
}
|
|
|
|
#menu-item-add-to-playlist {
|
|
min-width: 170px;
|
|
}
|
|
|
|
#menu-item-spinner {
|
|
margin: 10px;
|
|
}
|
|
|
|
#playlist-album-artwork {
|
|
min-height: 200px;
|
|
min-width: 200px;
|
|
margin: 10px 15px 0 10px;
|
|
}
|
|
|
|
#playlist-album-artwork.collapsed {
|
|
min-height: 70px;
|
|
min-width: 70px;
|
|
}
|
|
|
|
#playlist-name, #artist-detail-panel #artist-name {
|
|
font-size: 40px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#playlist-name.collapsed,
|
|
#artist-detail-panel #artist-name.collapsed {
|
|
font-size: 30px;
|
|
}
|
|
|
|
#playlist-comment, #playlist-stats, #artist-bio, #artist-stats, #similar-artists {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#similar-artist-button {
|
|
padding: 0;
|
|
margin: -10px 0 0 10px;
|
|
}
|
|
|
|
/* ********** Playback Controls ********** */
|
|
#player-controls-album-artwork {
|
|
min-height: 70px;
|
|
min-width: 70px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#player-controls-bar #play-button {
|
|
min-height: 45px;
|
|
min-width: 35px;
|
|
border-width: 1px;
|
|
border-radius: 45px;
|
|
}
|
|
|
|
/* Make the play icon look centered. */
|
|
#player-controls-bar #play-button image {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
#player-controls-bar #song-scrubber {
|
|
min-width: 400px;
|
|
}
|
|
|
|
#player-controls-bar #volume-slider {
|
|
min-width: 90px;
|
|
}
|
|
|
|
#player-controls-bar #volume-slider value {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
#player-controls-bar #song-title {
|
|
margin-bottom: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#player-controls-bar #album-name {
|
|
margin-bottom: 3px;
|
|
font-style: italic;
|
|
}
|
|
|
|
#device-popover-box {
|
|
min-width: 150px;
|
|
}
|
|
|
|
#up-next-popover #label {
|
|
margin: 10px;
|
|
}
|
|
|
|
#play-queue-playing-icon {
|
|
min-height: 40px;
|
|
min-width: 40px;
|
|
}
|
|
|
|
#play-queue-row-image {
|
|
min-height: 50px;
|
|
min-width: 50px;
|
|
}
|
|
|
|
/* ********** General ********** */
|
|
.menu-button {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* ********** Search ********** */
|
|
#search-results {
|
|
min-width: 400px;
|
|
}
|
|
|
|
#search-spinner {
|
|
margin: 15px;
|
|
}
|
|
|
|
.search-result-row {
|
|
padding: 5px;
|
|
}
|
|
|
|
.search-result-header {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#search-artwork {
|
|
margin-right: 5px;
|
|
min-width: 30px;
|
|
min-height: 30px;
|
|
}
|
|
|
|
/* ********** Artists & Albums ********** */
|
|
#grid-artwork-spinner, #album-list-song-list-spinner {
|
|
min-height: 35px;
|
|
min-width: 35px;
|
|
}
|
|
|
|
#grid-artwork {
|
|
min-height: 200px;
|
|
min-width: 200px;
|
|
margin: 10px;
|
|
}
|
|
|
|
#grid-spinner {
|
|
min-height: 50px;
|
|
min-width: 50px;
|
|
margin: 20px;
|
|
}
|
|
|
|
#grid-header-label {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#grid-info-label {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#artist-album-artwork {
|
|
min-width: 300px;
|
|
min-height: 300px;
|
|
margin: 10px 15px 0 10px;
|
|
}
|
|
|
|
#artist-album-artwork.collapsed {
|
|
min-width: 70px;
|
|
min-height: 70px;
|
|
}
|
|
|
|
#artist-album-list-artwork {
|
|
margin: 10px;
|
|
}
|
|
|
|
#artist-album-list-album-name {
|
|
margin: 10px 10px 5px 10px;
|
|
font-size: 25px;
|
|
}
|
|
|
|
#album-list-song-list-spinner {
|
|
margin: 15px;
|
|
}
|
|
|
|
#artist-info-panel {
|
|
margin-bottom: 10px;
|
|
}
|