skin.pellucid/xml/custom_musicOverlay.xml

<?xml version="1.0" encoding="UTF-8"?>
<window type="dialog" id="1102">
    <visible>player.hasaudio + !Window.IsActive(visualisation) + !window.isactive(home) + !window.isactive(musicplaylist)</visible>
    <controls>
        <control type="group">
            <posx>col-12-begin</posx>
            <posy>-2</posy>
            <animation type="windowopen">
                <effect type="slide" start="0,-50" end="0,0" tween="cubic" easing="out" delay="500" time="300"/>
                <effect type="fade" start="0" end="100" time="500" delay="500"/>
            </animation>
            <control type="image">
				<animation type="conditional" condition="true">
					<effect type="fade" start="100" end="33" time="0"/>
				</animation>
                <posx>0</posx>
                <posy>0</posy>
                <width>72</width>
                <height>54</height>
                <texture diffuse="masks/nowPlaying1.png">colors/white.png</texture>
                <colordiffuse>highlight</colordiffuse>
            </control>
			<control type="image">
                <posx>1-col</posx>
                <posy>0</posy>
                <width>504</width>
                <height>54</height>
                <texture diffuse="masks/nowPlaying2.png">colors/white.png</texture>
                <colordiffuse>highlight</colordiffuse>
            </control>
            <control type="image">
                <visible>!player.paused + !Skin.HasSetting(lowPowerMode)</visible>
                <posx>12</posx>
                <posy>-10</posy>
                <width>1-col-gutter</width>
                <height>1-col-gutter</height>
                <texture>equaliser.gif</texture>
            </control>
            <control type="label">
                <visible>!player.paused + Skin.HasSetting(lowPowerMode)</visible>
                <posx>3</posx>
                <posy>-9</posy>
                <width>1-col-textbox</width>
                <height>2-row</height>
                <align>center</align>
                <aligny>center</aligny>
                <font>symbol</font>
                <textcolor>textActive</textcolor>
                <shadowcolor></shadowcolor>
                <label></label>
            </control>
            <control type="label">
                <visible>player.paused</visible>
                <posx>3</posx>
                <posy>-9</posy>
                <width>1-col-textbox</width>
                <height>2-row</height>
                <align>center</align>
                <aligny>center</aligny>
                <font>symbol</font>
                <textcolor>textActive</textcolor>
                <shadowcolor></shadowcolor>
                <label></label>
                <animation type="conditional" condition="true" loop="true">
                    <effect type="fade" start="0" end="100" time="1000"/>
                    <effect type="fade" start="100" end="0" time="1000" delay="1000"/>
                </animation>
            </control>
            <control type="label">
                <description>Artist</description>
                <posx>1-col-indent</posx>
                <posy>0</posy>
                <font>itemSubTitle</font>
                <width>7-col-gutter</width>
                <height>54</height>
                <align>left</align>
                <aligny>center</aligny>
                <height>1-row</height>
                <label>$INFO[MusicPlayer.TimeRemaining]  [B]$INFO[musicplayer.Artist,, ][/B]$INFO[MusicPlayer.Title]</label>
                <scroll>false</scroll>
                <textcolor>textActive</textcolor>
            </control>
        </control>
        <!--debugging-->
        <include>DebugGrid</include>
        <control type="label">
            <visible>false</visible>
            <include>DialogID</include>
            <label>custom_musicOverlay.xml</label>
        </control>
    </controls>
</window>