astrXbian/www/jukebox/iconsets/Modern-Light/theme.css

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