[class^="icon-"], [class*=" icon-"] { background-size:contain; background-position: center; background-repeat:no-repeat; display:inline-block; } [class^="icon-"]:not(.button-disabled):hover, [class*=" icon-"]:not(.button-disabled):hover { opacity: 1; background-color: rgba(255,173,0,0.07); } .clearbox { background-image: url('iconsets/New-Dark-Circled/edit-delete.svg'); /* dont change the 50%, it ties in with makeHoverWork, makeClearWork, and makeTagMenu */ background-size: auto 50%; background-position: right 2px center; background-repeat: no-repeat; } .combobox-entry, .selectholder { background-image: url('iconsets/New-Dark-Circled/blobdown3.svg'); /* dont change the 50%, it ties in with makeHoverWork, makeClearWork, and makeTagMenu */ background-size: auto 50%; background-position: right 2px center; background-repeat: no-repeat; } .combobox-entry:hover, .selectholder:hover { background-image: url('iconsets/New-Dark-Circled/blobdown3-hi.svg'); /* dont change the 50%, it ties in with makeHoverWork, makeClearWork, and makeTagMenu */ background-size: auto 50%; background-position: right 2px center; background-repeat: no-repeat; } .combo-button { background-image: url('iconsets/New-Dark-Circled/blobdown3.svg'); } .button-disabled { opacity: 0.1 } .icon-play-circled { background-image :url('iconsets/New-Dark-Circled/media-playback-start.svg') } .playdiv { background-image :url('iconsets/New-Dark-Circled/media-playback-start.svg') } .icon-play-circled:hover { background-image :url('iconsets/New-Dark-Circled/media-playback-start-highlight.svg') } .icon-pause-circled { background-image :url('iconsets/New-Dark-Circled/media-playback-pause.svg') } .icon-pause-circled:hover { background-image :url('iconsets/New-Dark-Circled/media-playback-pause-highlight.svg') } .icon-fast-backward { background-image :url('iconsets/New-Dark-Circled/media-skip-backward.svg') } .icon-fast-backward:hover { background-image :url('iconsets/New-Dark-Circled/media-skip-backward-highlight.svg') } .icon-fast-forward { background-image :url('iconsets/New-Dark-Circled/media-skip-forward.svg') } .icon-fast-forward:hover { background-image :url('iconsets/New-Dark-Circled/media-skip-forward-highlight.svg') } .icon-stop-1 { background-image :url('iconsets/New-Dark-Circled/media-playback-stop.svg') } .icon-stop-1:hover { background-image :url('iconsets/New-Dark-Circled/media-playback-stop-highlight.svg') } .icon-to-end-1 { background-image :url('iconsets/New-Dark-Circled/stopafter.svg') } .icon-to-end-1:hover { background-image :url('iconsets/New-Dark-Circled/stopafter-highlight.svg') } .icon-music { background-image: url('iconsets/New-Dark-Circled/collection.svg') } .icon-search { background-image: url('iconsets/New-Dark-Circled/system-search.svg') } .icon-folder-open-empty { background-image: url('iconsets/New-Dark-Circled/folder.svg') } .icon-radio-tower { background-image: url('iconsets/New-Dark-Circled/broadcast-new.svg') } .icon-cd { background-image: url('iconsets/New-Dark-Circled/cd_case.svg') } .icon-resize-horizontal { background-image: url('iconsets/New-Dark-Circled/resize.svg') } .icon-angle-double-left { background-image:url('iconsets/New-Dark-Circled/arrow-left-double.svg') } .icon-angle-double-right { background-image:url('iconsets/New-Dark-Circled/arrow-right-double.svg') } .icon-menu { background-image: url('iconsets/New-Dark-Circled/pushbutton.svg') } .icon-versions { background-image: url('iconsets/New-Dark-Circled/history.svg') } .icon-left-circled { background-image: url('iconsets/New-Dark-Circled/backbutton.svg') } .icon-right-circled { background-image: url('iconsets/New-Dark-Circled/forwardbutton.svg') } .icon-cog-alt { background-image: url('iconsets/New-Dark-Circled/preferences.svg') } .icon-trash { background-image: url('iconsets/New-Dark-Circled/edit-clear-list.svg') } .icon-wifi { background-image: url('iconsets/New-Dark-Circled/smartradio.svg') } .icon-doc-text { background-image: url('iconsets/New-Dark-Circled/playlist.svg') } .icon-floppy { background-image: url('iconsets/New-Dark-Circled/document-save.svg') } .icon-cancel-circled { background-image: url('iconsets/New-Dark-Circled/edit-delete.svg') } .icon-plus { background-image: url('iconsets/New-Dark-Circled/add.svg'); opacity:0.7; } .icon-alarm { background-image: url('iconsets/New-Dark-Circled/alarmclock_false.svg') } .icon-alarm-on { background-image: url('iconsets/New-Dark-Circled/alarmclock_true.svg') } .icon-sleep { background-image: url('iconsets/New-Dark-Circled/sleep.svg') } .icon-library { background-image: url('iconsets/New-Dark-Circled/file.svg') } .icon-lastfm-1 { background-image: url('iconsets/New-Dark-Circled/lastfm.svg') } .icon-wikipedia { background-image: url('iconsets/New-Dark-Circled/wikipedia-logo.svg') } .icon-musicbrainz { background-image: url('iconsets/New-Dark-Circled/musicbrainz_logo.svg') } .icon-discogs { background-image: url('iconsets/New-Dark-Circled/discogs-logo.svg') } .icon-doc-text-1 { background-image: url('iconsets/New-Dark-Circled/lyrics.svg') } .icon-soundcloud-circled { background-image: url('iconsets/New-Dark-Circled/soundcloud-logo.svg') } .icon-youtube-circled { background-image: url('iconsets/New-Dark-Circled/youtube-logo.svg') } .icon-gmusic-circled { background-image: url('iconsets/New-Dark-Circled/gmusic-logo.svg') } .icon-spotify-circled { background-image: url('iconsets/New-Dark-Circled/spotify-logo.svg') } .icon-vkontakte-circled { background-image: url('iconsets/New-Dark-Circled/vkontakte-logo.svg') } .icon-podcast-circled { background-image: url('iconsets/New-Dark-Circled/podcast-logo.svg') } .icon-audiobook { background-image: url('iconsets/New-Dark-Circled/audiobook.svg') } .icon-internetarchive-circled { background-image: url('iconsets/New-Dark-Circled/internetarchive-logo.svg') } .icon-increase { background-image: url('iconsets/New-Dark-Circled/arrow-increase.svg') } .icon-decrease { background-image: url('iconsets/New-Dark-Circled/arrow-decrease.svg') } .icon-attention-1 { background-image: url('iconsets/New-Dark-Circled/dialog-error.svg') } .icon-info-circled { background-image: url('iconsets/New-Dark-Circled/dialog-information.svg') } .icon-download { background-image: url('iconsets/New-Dark-Circled/download-icon.svg') } .icon-sun { background-image: url('iconsets/New-Dark-Circled/icon-new.svg') } .icon-headphones { background-image: url('iconsets/New-Dark-Circled/headphones.svg') } .icon-unlistened { background-image: url('iconsets/New-Dark-Circled/headphones.svg') } .icon-block { background-image: url('iconsets/New-Dark-Circled/lastfm-ban.svg') } .icon-heart { background-image: url('iconsets/New-Dark-Circled/lastfm-love.svg') } .icon-heart-broken { background-image: url('iconsets/New-Dark-Circled/lastfm-unlove.svg') } .icon-refresh { background-image: url('iconsets/New-Dark-Circled/refresh.svg') } .icon-dirble-circled { background-image: url('iconsets/New-Dark-Circled/dirble-logo.svg') } .icon-tunein { background-image: url('iconsets/New-Dark-Circled/../../newimages/tunein-logo.svg') } .icon-no-response-playbutton { background-image :url('iconsets/New-Dark-Circled/media-playback-start.svg') } .icon-tags { background-image: url('iconsets/New-Dark-Circled/tag.svg') } .icon-volume-up { background-image: url('iconsets/New-Dark-Circled/volume.svg') } .icon-toggle-open { background-image: url('iconsets/New-Dark-Circled/toggle-open.svg') } .icon-toggle-closed { background-image: url('iconsets/New-Dark-Circled/toggle-closed.svg') } .icon-spin6 { background-image: url('iconsets/New-Dark-Circled/spinner.svg') } .icon-output { background-image: url('iconsets/New-Dark-Circled/output.svg') } .icon-output-mute { background-image: url('iconsets/New-Dark-Circled/output_mute.svg') } .icon-sliders { background-image: url('iconsets/New-Dark-Circled/sliders.svg') } .icon-0-stars { background-image: url('iconsets/New-Dark-Circled/0stars.svg') } .icon-1-stars { background-image: url('iconsets/New-Dark-Circled/1stars.svg') } .icon-2-stars { background-image: url('iconsets/New-Dark-Circled/2stars.svg') } .icon-3-stars { background-image: url('iconsets/New-Dark-Circled/3stars.svg') } .icon-4-stars { background-image: url('iconsets/New-Dark-Circled/4stars.svg') } .icon-5-stars { background-image: url('iconsets/New-Dark-Circled/5stars.svg') } .icon-single-star { background-image: url('iconsets/New-Dark-Circled/singlestar.svg') } .icon-ratandtag { background-image: url('iconsets/New-Dark-Circled/ratandtag.svg') } .icon-ratortag { background-image: url('iconsets/New-Dark-Circled/ratortag.svg') } .icon-toggle-on { background-image: url('iconsets/New-Dark-Circled/togglebutton-new2-on.svg') } .icon-toggle-off { background-image: url('iconsets/New-Dark-Circled/togglebutton-new2-off.svg') } .icon-random.flow-on { background-image: url('iconsets/New-Dark-Circled/shuffle.svg') } .icon-random.flow-off { background-image: url('iconsets/New-Dark-Circled/shuffle_off.svg') } .icon-crossfade.flow-on { background-image: url('iconsets/New-Dark-Circled/crossfade.svg') } .icon-crossfade.flow-off { background-image: url('iconsets/New-Dark-Circled/crossfade_off.svg') } .icon-repeat.flow-on { background-image: url('iconsets/New-Dark-Circled/refresh.svg') } .icon-repeat.flow-off { background-image: url('iconsets/New-Dark-Circled/refresh_off.svg') } .icon-consume.flow-on { background-image: url('iconsets/New-Dark-Circled/consume.svg') } .icon-consume.flow-off { background-image: url('iconsets/New-Dark-Circled/consume_off.svg') } .icon-allrandom { background-image: url('iconsets/New-Dark-Circled/shuffle.svg') } .icon-neverplayed { background-image: url('iconsets/New-Dark-Circled/neverheard.svg') } .icon-recentlyplayed { background-image: url('iconsets/New-Dark-Circled/calendar.svg') } .icon-artist { background-image: url('iconsets/New-Dark-Circled/artist-icon.svg') } .icon-mp3-audio { background-image: url('iconsets/New-Dark-Circled/mp3-audio.svg') } .icon-aac-audio { background-image: url('iconsets/New-Dark-Circled/aac-audio.svg') } .icon-flac-audio { background-image: url('iconsets/New-Dark-Circled/flac-audio.svg') } .icon-wma-audio { background-image: url('iconsets/New-Dark-Circled/wma-audio.svg') } .icon-ogg-audio { background-image: url('iconsets/New-Dark-Circled/ogg-audio.svg') } .icon-explicit { background-image: url('iconsets/New-Dark-Circled/parental-advisory.svg') } .icon-expand-up { background-image: url('iconsets/New-Dark-Circled/expand-up.svg') } .icon-rss { background-image: url('iconsets/New-Dark-Circled/rss.svg') } .icon-tick { background-image: url('iconsets/New-Dark-Circled/tick.svg') } .icon-video { background-image: url('iconsets/New-Dark-Circled/movie-1.svg') } .icon-bbc-logo { background-image: url('iconsets/New-Dark-Circled/bbc-logo.svg') } .icon-imdb-logo { background-image: url('iconsets/New-Dark-Circled/imdb-logo.svg') } .icon-facebook-logo { background-image: url('iconsets/New-Dark-Circled/facebook-logo.svg') } .icon-twitter-logo { background-image: url('iconsets/New-Dark-Circled/twitter-logo.svg') } .icon-www { background-image: url('iconsets/New-Dark-Circled/world-wide-web.svg') } .icon-allmusic { background-image: url('iconsets/New-Dark-Circled/allmusic-logo.svg') } .icon-updown { background-image: url('iconsets/New-Dark-Circled/arrow-updown.svg') } .icon-snapcast { background-image: url('iconsets/New-Dark-Circled/../../newimages/snapcast.png') } .styledinputs label { display:inline-block; cursor:pointer; position:relative; padding-left:2em; line-height:1.5em; } .styledinputs input[type=radio] { display:none; } .styledinputs input[type=checkbox] { display:none; } .styledinputs label:before { content:""; display:inline-block; width:1.5em; height:1.5em; position:absolute; left:0; background-image: url('iconsets/New-Dark-Circled/togglebutton-new2-off.svg'); background-size: auto 80%; background-position: center; background-repeat:no-repeat; } .styledinputs input:checked + label:before { background-image: url('iconsets/New-Dark-Circled/togglebutton-new2-on.svg') !important; } img.notexist,img.notfound { background-image: url('iconsets/New-Dark-Circled/compact-disc.svg'); background-size:contain; display:inline-block; background-position: center; background-repeat:no-repeat; } img.stream.notfound, img.stream.notexist { background-image: url('iconsets/New-Dark-Circled/broadcast-new.svg'); } img.plimage.notfound { background-image: url('iconsets/New-Dark-Circled/playlist.svg'); } .backmenu { background-image: url('iconsets/New-Dark-Circled/arrow-left-double.svg'); background-repeat: no-repeat; background-size: contain; } button.iconbutton { height:2em; width:2em; background-size: contain; background-position:center; border: none !important; opacity: 0.8; background-color:transparent; } button.iconbutton:hover { opacity: 1; } button.searchbutton { background-image: url('iconsets/New-Dark-Circled/system-search.svg'); } button.rssbutton { background-image: url('iconsets/New-Dark-Circled/rss.svg'); }