Files
sublime-music/sublime/ui/app_styles.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;
}