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