a, a:link, a:active, a:visited { text-decoration: none; cursor: pointer; } a:hover { color: #337ab7; } /* Base style for artist names */ .Lms-explore-artistname { color: darkgrey; font-style: italic; } /* Base style for release names */ .Lms-explore-releasename { color: black; font-style: normal; } .Lms-vertical-align { display: flex; align-items: center; } .Lms-horizontal-center { display: flex; justify-content: center; } .Lms-contents { margin-bottom: 78px; } .Lms-show-more { margin-top: 8px; margin-bottom: 8px; } .Lms-admin-users-entry { min-height: 48px; padding-top: 8px; padding-bottom: 8px; } .Lms-admin-users-add-btn { margin-top: 8px; margin-bottom: 8px; } .Lms-admin-users-entry:hover { background-color: lightgrey; } .Lms-admin-users-entry-role { margin-left: 8px; } .Lms-admin-users-entry-btn { margin-right: 8px; } .Lms-cluster { display: inline; cursor: pointer; } .Lms-cluster:hover { filter: brightness(85%); } .Lms-cluster-type-0 { background-color: darkslategrey; margin-bottom: 4px; } .Lms-cluster-type-1 { background-color: darkblue; margin-bottom: 4px; } .Lms-cluster-type-2 { background-color: darkgrey; margin-bottom: 4px; } .Lms-cluster-type-3 { background-color: darkorchid; margin-bottom: 4px; } .Lms-cluster-type-4 { background-color: darkgoldenrod; margin-bottom: 4px; } .Lms-cluster-type-5 { background-color: darkkhaki; margin-bottom: 4px; } .Lms-cluster-type-6 { background-color: darkolivegreen; margin-bottom: 4px; } .Lms-cluster-type-7 { background-color: darkred; margin-bottom: 4px; } .Lms-cluster-type-8 { background-color: darkviolet; margin-bottom: 4px; } .Lms-cluster-type-9 { background-color: darkturquoise; margin-bottom: 4px; } .Lms-explore-contents { margin-bottom: 24px; } .Lms-explore-filters { background-color: #f5f5f5; padding: 8px; border-radius: 8px; margin-bottom: 16px; } .Lms-explore-info { background-color: #f5f5f5; padding: 8px; border-radius: 8px; } .Lms-explore-releases-entry { padding-top: 8px; padding-bottom: 8px; } .Lms-explore-releases-entry:hover { background-color: lightgrey; } .Lms-explore-release-cover { max-width: 100%; border-radius: 8px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); } .Lms-explore-release-entry-tracknumber { color: darkgrey; text-align: center; white-space: nowrap; } .Lms-explore-release-entry-name { margin-top: 4px; margin-bottom: 4px; font-weight: inherit; } .Lms-explore-release-entry { border-bottom-style: solid; border-bottom-color: lightgrey; border-bottom-width: thin; } .Lms-explore-release-entry:hover { background-color: lightgrey; } .Lms-explore-release-entry-controls { text-align: right; } .Lms-explore-release-entry-playing { font-weight: bold; } .Lms-explore-release-entry-artist { display: inline-block; } .Lms-explore-releaselink { margin: 0px; padding-top: 4px; padding-bottom: 4px; } .Lms-explore-releaselink:hover { background-color: lightgrey; } .Lms-explore-releaselink-artist { color: dimgrey; } .Lms-explore-artists-entry { min-height: 48px; } .Lms-explore-artists-entry:hover { background-color: lightgrey; } .Lms-explore-artists-entry-name { color: black; font-style: normal; } .Lms-explore-artist-entry { padding-top: 8px; padding-bottom: 8px; } .Lms-explore-artist-entry:hover { background-color: lightgrey; } .Lms-explore-artistlink { min-height: 28px; margin: 0px; } .Lms-explore-artistlink:hover { background-color: lightgrey; } .Lms-explore-artistlink-name { color: black; font-style: normal; } .Lms-explore-tracks-entry { min-height: 32px; padding-top: 2px; padding-bottom: 2px; } .Lms-explore-tracks-entry:hover { background-color: lightgrey; } .Lms-explore-tracks-entry-controls { text-align: right; } .Lms-explore-tracksinfo-entry { min-height: 28px; margin: 0px; } .Lms-explore-tracksinfo-entry:hover { background-color: lightgrey; } .Lms-explore-btn { font-size: 22px !important; cursor: pointer; } .Lms-explore-btn:hover { color: #337ab7; } .Lms-playqueue-entry { min-height: 32px; padding-top: 2px; padding-bottom: 2px; } .Lms-playqueue-entry:hover { background-color: lightgrey; } .Lms-playqueue-entry-controls { text-align: right; } .Lms-playqueue-btn { font-size: 22px !important; cursor: pointer; margin: 2px; } .Lms-playqueue-btn:hover { color: #337ab7; } .Lms-playqueue-btn-selected { color: #337ab7; } .Lms-playqueue-selected { font-weight: 800; } .Lms-playqueue-selected h4 { font-weight: inherit; } .Lms-playhistory-entry { min-height: 32px; margin-bottom: 2px; } .Lms-playhistory-entry:hover { background-color: lightgrey; } .Lms-player { position: fixed; bottom: 0; width: 100%; height: 70px; background-color: #f5f5f5; box-shadow: 0px -2px 8px #f5f5f5; } .Lms-player-btn { font-size: 34px !important; cursor: pointer; } .Lms-player-btn:hover { color: #337ab7; } .Lms-player-btn-playpause { width: 32px; margin-left: 8px; margin-right: 8px; } .Lms-player-seek-container { margin-top: 8px; margin-bottom: 8px; position: relative; width: 100%; height: 8px; } .Lms-player-seek-common { position: absolute; width:100%; top: 0px; left: 0px; height: 8px; } .Lms-player-seek { cursor: pointer; z-index: 1; touch-action: manipulation; -webkit-appearance: none; -moz-appearance: none; background: transparent; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; -moz-appearance: none; height: 0px; width: 0px; } input[type="range"]::-moz-range-thumb { -webkit-appearance: none; -moz-appearance: none; height: 0px; width: 0px; } .Lms-player-progress { background-color: darkgrey; } .Lms-player-controls { text-align: center; white-space: nowrap; } .Lms-player-text-center { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Lms-player-text { margin-left:8px; margin-right:8px; }