music-base.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mythuitheme SYSTEM "http://www.mythtv.org/schema/mythuitheme.dtd">
<mythuitheme>

    <!-- music can have a different box look here, but default to the
         global look.  See base.xml for the baseboxbackground -->
    <shape name="musicbox" from="baseboxbackground">
        <!-- for testing we can give music a different color -->
        <!-- <line color="#008800" alpha="150" width="2" /> -->
    </shape>

    <!-- previous track button -->
    <button name="baseprevbutton">
        <position>1020,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>prev_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>prev_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>prev_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- rewind button -->
    <button name="baserewbutton">
        <position>1110,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>rew_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>rew_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>rew_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- pause button -->
    <button name="basepausebutton">
        <position>1200,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>pause_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>pause_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>pause_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- play button -->
    <button name="baseplaybutton">
        <position>1260,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>play_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>play_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>play_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- stop button -->
    <button name="basestopbutton">
        <position>1327,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>stop_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>stop_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>stop_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- fast forward button -->
    <button name="baseffbutton">
        <position>1402,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>ff_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>ff_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>ff_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- next track button -->
    <button name="basenextbutton">
        <position>1492,975</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>next_button_off.png</filename>
                </imagetype>
            </state>
            <state name="selected" from="active">
                <imagetype name="background">
                    <filename>next_button_on.png</filename>
                </imagetype>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="active">
                <imagetype name="background">
                    <filename>next_button_pushed.png</filename>
                </imagetype>
            </state>
        </statetype>
    </button>

    <!-- moving track statetype -->
    <statetype name="basemovingtracksstate">
        <position>1830,570</position>
        <state name="off"></state>
        <state name="on">
            <imagetype name="statusimage">
                <filename>mm_updown.png</filename>
            </imagetype>
        </state>
    </statetype>

    <!-- current playlist button list -->
    <buttonlist name="basecurrentplaylist" from="basebuttonlist2">
        <area>52,30,1815,510</area>
        <spacing>4</spacing>
        <layout>vertical</layout>
        <arrange>stack</arrange>
        <showarrow>no</showarrow>
        <buttonarea>0,0,1815,510</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,1815,52</area>
                <shape name="buttonbackground">
                    <area>45,0,1743,37</area>
                    <type>roundbox</type>
                    <fill color="#000000" alpha="0" />
                    <cornerradius>19</cornerradius>
                </shape>
                <imagetype name="buttonimage">
                    <area>7,0,52,52</area>
                    <filename>mm_nothumb.png</filename>
                </imagetype>

                <statetype name="playstate">
                    <position>1770,0</position>
                    <state name="playing">
                        <imagetype name="animation">
                            <position>0,0</position>
                            <filepattern low="1" high="8">mm_playing_%1.png</filepattern>
                            <delay>160</delay>
                        </imagetype>
                    </state>
                    <state name="paused">
                        <imagetype name="animation">
                            <position>7,7</position>
                            <filename>mm_pauseicon.png</filename>
                        </imagetype>
                    </state>
                    <state name="stopped">
                        <imagetype name="animation">
                            <position>7,7</position>
                            <filename>mm_stopicon.png</filename>
                        </imagetype>
                    </state>
                </statetype>

                <statetype name="movestate" from="basemovingtracksstate">
                    <position>1777,97</position>
                </statetype>

                <textarea name="title" from="buttontext">
                    <area>225,0,780,52</area>
                    <align>left,vcenter</align>
                    <font>basesmall</font>
                </textarea>

                <textarea name="artist" from="buttontext">
                    <area>1050,0,600,52</area>
                    <font>basesmall</font>
                    <align>left,vcenter</align>
                </textarea>
                <textarea name="tracknum" from="artist">
                    <area>135,0,75,52</area>
                    <align>right,vcenter</align>
                    <template>%1 -</template>
                </textarea>
                <textarea name="length" from="artist">
                    <area>1560,0,180,52</area>
                    <align>right,vcenter</align>
                    <font>basesmall</font>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <area>0,0,1815,135</area>
                <imagetype name="buttonimage">
                    <area>7,7,120,120</area>
                    <filename>mm_nothumb.png</filename>
                </imagetype>
                <shape name="selectbar">
                    <area>0,0,1815,135</area>
                    <type>roundbox</type>
                    <fill color="#666666" alpha="150" />
                    <cornerradius>19</cornerradius>
                </shape>
                <textarea name="title" from="buttontext">
                    <area>225,0,780,52</area>
                    <align>left,vcenter</align>
                    <font>basesmall</font>
                </textarea>

                <textarea name="artist" from="buttontext">
                    <area>1050,0,600,52</area>
                    <font>basesmall</font>
                    <align>left,vcenter</align>
                </textarea>
                <textarea name="tracknum" from="artist">
                    <area>135,0,75,52</area>
                    <align>right,vcenter</align>
                    <template>%1 -</template>
                </textarea>
                <textarea name="length" from="artist">
                    <area>1560,0,180,52</area>
                    <align>right,vcenter</align>
                    <font>basesmall</font>
                </textarea>

                <textarea name="album" from="buttontext">
                    <area>225,45,780,45</area>
                    <font>basesmall</font>
                    <align>left,vcenter</align>
                </textarea>
                <textarea name="genre" from="buttontext">
                    <area>1050,45,450,45</area>
                    <font>basesmall</font>
                    <align>left,vcenter</align>
                </textarea>
                <textarea name="year" from="buttontext">
                    <area>1520,45,330,45</area>
                    <font>basesmall</font>
                    <align>left,vcenter</align>
                </textarea>

                <statetype name="ratingstate" from="baseratingstate">
                    <position>225,94</position>
                </statetype>
                <textarea name="lastplayed" from="buttontext">
                    <area>1050,90,375,45</area>
                    <font>basesmall</font>
                </textarea>
                <textarea name="playcount" from="buttontext">
                    <area>1520,90,330,45</area>
                    <align>left,vcenter</align>
                    <font>basesmall</font>
                    <template>Played %1 times</template>
                </textarea>
                <statetype name="playstate">
                    <position>1770,45</position>
                </statetype>
            </state>
            <state name="selectedinactive" from="active">
                <area>0,0,1815,135</area>
                <imagetype name="buttonimage">
                    <area>7,7,120,120</area>
                    <filename>mm_nothumb.png</filename>
                </imagetype>

                <textarea name="title" from="buttontext">
                    <area>225,0,780,52</area>
                    <align>left,top</align>
                    <font>basesmall</font>
                </textarea>
                <textarea name="artist" from="buttontext">
                    <area>1050,0,600,52</area>
                    <font>basesmall</font>
                    <align>left,top</align>
                </textarea>
                <textarea name="tracknum" from="artist">
                    <area>135,0,75,52</area>
                    <align>right,top</align>
                    <template>%1 -</template>
                </textarea>
                <textarea name="length" from="artist">
                    <area>1560,0,180,52</area>
                    <align>right,top</align>
                    <font>basesmall</font>
                </textarea>

                <textarea name="album" from="buttontext">
                    <area>225,45,780,45</area>
                    <font>basesmall</font>
                    <align>left,top</align>
                </textarea>
                <textarea name="genre" from="buttontext">
                    <area>1050,45,450,45</area>
                    <font>basesmall</font>
                    <align>left,top</align>
                </textarea>

                <statetype name="ratingstate" from="baseratingstate">
                    <position>225,94</position>
                </statetype>
                <textarea name="lastplayed" from="buttontext">
                    <area>1050,90,375,45</area>
                </textarea>
                <textarea name="playcount" from="buttontext">
                    <area>1410,90,330,45</area>
                    <align>right,top</align>
                    <font>basesmall</font>
                    <template>Played %1 times</template>
                </textarea>
                <statetype name="playstate">
                    <position>1770,45</position>
                </statetype>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>1725,517</position>
        </statetype>
        <statetype name="downscrollarrow">
            <position>1770,517</position>
        </statetype>
    </buttonlist>

    <!-- playlist progress bar  -->
    <progressbar name="baseplaylistprogress">
        <position>60,592</position>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <filename>mm_progress-bg.png</filename>
        </imagetype>
        <imagetype name="progressimage">
            <filename>mm_progress-fg.png</filename>
        </imagetype>
    </progressbar>

    <!-- repeat statetype -->
    <statetype name="baserepeatstate">
        <area>1050,585,375,52</area>
        <state name="off">
            <textarea name="repeattext" from="basetextarea">
                <area>0,0,375,52</area>
                <font>basesmall</font>
                <value>Repeat Mode: Off</value>
            </textarea>
        </state>
        <state name="track">
            <textarea name="repeattext" from="basetextarea">
                <area>0,0,375,52</area>
                <font>basesmall</font>
                <value>Repeat Mode: Track</value>
            </textarea>
        </state>
        <state name="all">
            <textarea name="repeattext" from="basetextarea">
                <area>0,0,375,52</area>
                <font>basesmall</font>
                <value>Repeat Mode: All</value>
            </textarea>
        </state>
    </statetype>

    <!-- shuffle statetype -->
    <statetype name="baseshufflestate">
        <area>1455,585,450,52</area>
        <state name="off">
            <textarea name="shuffletext" from="basetextarea">
                <area>0,0,450,52</area>
                <font>basesmall</font>
                <value>Shuffle Mode: Off</value>
            </textarea>
        </state>
        <state name="random">
            <textarea name="shuffletext" from="basetextarea">
                <area>0,0,450,52</area>
                <font>basesmall</font>
                <value>Shuffle Mode: Random</value>
            </textarea>
        </state>
        <state name="intelligent">
            <textarea name="shuffletext" from="basetextarea">
                <area>0,0,450,52</area>
                <font>basesmall</font>
                <value>Shuffle Mode: Intelligent</value>
            </textarea>
        </state>
        <state name="album">
            <textarea name="shuffletext" from="basetextarea">
                <area>0,0,450,52</area>
                <font>basesmall</font>
                <value>Shuffle Mode: Album</value>
            </textarea>
        </state>
        <state name="artist">
            <textarea name="shuffletext" from="basetextarea">
                <area>0,0,450,52</area>
                <font>basesmall</font>
                <value>Shuffle Mode: Artist</value>
            </textarea>
        </state>
    </statetype>

    <!-- track progress bar -->
    <progressbar name="basetrackprogress">
        <position>345,1005</position>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <filename>mm_progress-bg.png</filename>
        </imagetype>
        <imagetype name="progressimage">
            <filename>mm_progress-fg.png</filename>
        </imagetype>
    </progressbar>

    <!-- mute statetype -->
    <statetype name="basemutestate">
        <position>45,1005</position>
        <state name="off">
            <imagetype name="statusimage">
                <filename>mm_volume.png</filename>
            </imagetype>
        </state>
        <state name="on">
            <imagetype name="statusimage">
                <filename>mm_volume_muted.png</filename>
            </imagetype>
        </state>
    </statetype>

    <!-- volume text -->
    <textarea name="basevolume" from="basetextarea">
        <area>105,1000,375,37</area>
        <font>basesmall</font>
        <template>%VOLUMEPERCENT% %|(MUTE|)%</template>
    </textarea>

    <buttonlist name="basetreebuttonlist" from="basebuttonlist">
        <searchposition>-1,430</searchposition>
        <scrollbar name="scrollbar" from="basevertscrollbar">
            <area>100%-10,0,10,100%</area>
        </scrollbar>
    </buttonlist>

    <buttonlist name="basegallerybuttonlist">
        <area>0,0,1837,570</area>
        <layout>grid</layout>
        <spacing>10</spacing>
        <searchposition>-1,430</searchposition>
        <buttonarea>0,0,1837,570</buttonarea>
        <scrollbar name="scrollbar" from="basevertscrollbar">
            <area>100%-10,0,10,100%</area>
        </scrollbar>
        <statetype name="buttonitem">
            <area>0,0,292,225</area>
            <state name="active">
                <shape name="buttonbackground">
                    <area>0,0,292,225</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill style="gradient">
                        <gradient start="#e8e262" end="#fe9735" alpha="50"/>
                    </fill>
                </shape>

                <imagetype name="buttonimage">
                    <area>63,15,165,165</area>
                    <filename>mm_nothumb.png</filename>
                </imagetype>

                <statetype name="nodetype">
                    <position>63,15</position>
                    <state name="default" />
                    <state name="alltracks">
                        <imagetype name="alltracks">
                            <area>0,0,165,165</area>
                            <filename>mm_alltracks.png</filename>
                        </imagetype>
                    </state>
                    <state name="genres">
                        <imagetype name="genres">
                            <area>0,0,165,165</area>
                            <filename>mm_genres.png</filename>
                        </imagetype>
                    </state>
                    <state name="albums">
                        <imagetype name="albums">
                            <area>0,0,165,165</area>
                            <filename>mm_albums.png</filename>
                        </imagetype>
                    </state>
                    <state name="artists">
                        <imagetype name="artists">
                            <area>0,0,165,165</area>
                            <filename>mm_artists.png</filename>
                        </imagetype>
                    </state>
                    <state name="compartists">
                        <imagetype name="compartists">
                            <area>0,0,165,165</area>
                            <filename>mm_compartists.png</filename>
                        </imagetype>
                    </state>
                    <state name="ratings">
                        <imagetype name="ratings">
                            <area>0,0,165,165</area>
                            <filename>mm_ratings.png</filename>
                        </imagetype>
                    </state>
                    <state name="years">
                        <imagetype name="years">
                            <area>0,0,165,165</area>
                            <filename>mm_years.png</filename>
                        </imagetype>
                    </state>
                    <state name="compilations">
                        <imagetype name="compilations">
                            <area>0,0,165,165</area>
                            <filename>mm_compilations.png</filename>
                        </imagetype>
                    </state>
                    <state name="playlists">
                        <imagetype name="playlists">
                            <area>0,0,165,165</area>
                            <filename>mm_playlists.png</filename>
                        </imagetype>
                    </state>
                    <state name="smartplaylists">
                        <imagetype name="smartplaylists">
                            <area>0,0,165,165</area>
                            <filename>mm_smartplaylists.png</filename>
                        </imagetype>
                    </state>
                </statetype>

                <statetype name="buttoncheck">
                    <position>22,150</position>
                    <showempty>yes</showempty>
                    <state type="full">
                        <imagetype name="marked">
                            <filename>playlist_yes.png</filename>
                        </imagetype>
                    </state>
                </statetype>

                <textarea name="buttontext" from="basetextarea">
                    <area>7,180,276,45</area>
                    <align>hcenter,bottom</align>
                    <font>basesmall</font>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <area>0,0,292,225</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill style="gradient">
                        <gradient start="#e8e262" end="#fe9735" alpha="255" />
                    </fill>
                </shape>
                <textarea name="buttontext">
                    <font>basesmall</font>
                </textarea>
            </state>
            <state name="selectedinactive" from="active">
                <shape name="buttonbackground">
                    <area>0,0,292,225</area>
                    <type>roundbox</type>
                    <cornerradius>4</cornerradius>
                    <fill style="gradient">
                        <gradient start="#e8e262" end="#fe9735" alpha="150" />
                    </fill>
                </shape>

                <textarea name="buttontext">
                    <font>basesmallgrey</font>
                </textarea>
            </state>
        </statetype>
        <statetype name="upscrollarrow">
            <position>360,405</position>
            <state type="on">
                <imagetype name="upon">
                    <filename>up_arrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>684,405</position>
            <state type="on">
                <imagetype name="dnon">
                    <filename>down_arrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <group name="basemusiccontrols">
        <area>975,975,300,75</area>

        <button name="prev" from="baseprevbutton">
            <position>0,0</position>
        </button>

        <button name="rew" from="baserewbutton">
            <position>90,0</position>
        </button>

        <button name="pause" from="basepausebutton">
            <position>180,0</position>
        </button>

        <button name="play" from="baseplaybutton">
            <position>240,0</position>
        </button>

        <button name="stop" from="basestopbutton">
            <position>307,0</position>
        </button>

        <button name="ff" from="baseffbutton">
            <position>382,0</position>
        </button>

        <button name="next" from="basenextbutton">
            <position>472,0</position>
        </button>

    </group>

    <!-- common bits now shared by music-ui and stream-ui -->

    <group name="baseinfopanel">
        <area>0,712,1920,352</area>

        <textarea name="channel"> <!--radio stream?-->
            <area>0,0,0,0</area>          <!--hidden-->
        </textarea>
        <shape name="track_info_background" from="musicbox">
            <area>22,0,1875,352</area>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>345,10,1300,51</area>
            <font>baselarge</font>
        </textarea>

        <textarea name="artist" from="basetextarea">
            <area>345,65,1255,51</area>
            <font>basemedium</font>
        </textarea>

        <textarea name="album" from="basetextarea">
            <area>345,120,1300,51</area>
            <font>basemedium</font>
        </textarea>

        <textarea name="year" from="basetextarea">
            <area>1400,65,205,51</area>
            <font>basesmall</font>
            <align>right,vcenter</align>
        </textarea>
        <textarea name="tracknum" from="year">
            <position>1400,120</position>
        </textarea>
        <textarea name="info" from="year">
            <position>1400,173</position>
        </textarea>

        <!-- ratingstate moved to music-ui, not stream-ui -->

        <textarea name="nexttitle" from="basetextarea">
            <font>basesmall</font>
            <area>345,217,1280,52</area>
            <template>Next: %NEXTTITLE% \ %NEXTARTIST% \ %NEXTALBUM% \ %NEXTTRACKNUM%</template>
        </textarea>

        <progressbar name="progress" from="basetrackprogress" depends="!channel">
            <position>345,307</position>
        </progressbar>
        <progressbar name="bufferprogress" from="basetrackprogress" depends="channel">
            <position>345,307</position>
        </progressbar>

        <textarea name="time" from="basetextarea" depends="!channel">
            <area>345,262,320,52</area>
            <font>basesmall</font>
        </textarea>
        <textarea name="bufferstatus" from="basetextarea" depends="channel">
            <area>345,262,262,52</area>
            <font>basesmall</font>
        </textarea>

        <imagetype name="visualizer_border">
            <filename>mm_blackhole_border.png</filename>
            <area>1623,33,243,243</area>
        </imagetype>

        <video name="visualizer">
            <area>1627,39,234,232</area>
        </video>

        <textarea name="visualizername" from="basetextarea">
            <area>1627,275,234,52</area>
            <font>basesmall</font>
            <align>center</align>
        </textarea>

        <statetype name="mutestate" from="basemutestate">
            <position>45,307</position>
        </statetype>

        <textarea name="volume" from="basevolume">
            <position>105,303</position>
        </textarea>

        <imagetype name="mm_blackhole_border">
            <filename>mm_blackhole_border.png</filename>
            <area>50,33,243,243</area>
        </imagetype>

        <imagetype name="coverart">
            <filename>mm_nothumb.png</filename>
            <preserveaspect>true</preserveaspect>
            <area>54,39,234,232</area>
        </imagetype>

        <!-- musiccontrols moved to music-ui and stream-ui -->

    </group>

    <group name="baseplayliststatusgroup">
        <textarea name="playlistposition" from="basetextarea">
            <area>60,0,255,45</area>
            <font>basesmall</font>
            <align>left,top</align>
        </textarea>

        <textarea name="playlisttime" from="basetextarea">
            <area>315,0,500,45</area>
            <font>basesmall</font>
            <align>left,top</align>
        </textarea>

        <progressbar name="playlistprogress" from="baseplaylistprogress">
            <position>60,45</position>
        </progressbar>

        <statetype name="repeatstate" from="baserepeatstate">
            <position>900,37</position>
        </statetype>

        <statetype name="shufflestate" from="baseshufflestate">
            <position>1305,37</position>
        </statetype>
    </group>

    <group name="basesmallinfopanel">
        <shape name="trackinfo_background" from="musicbox">
            <area>22,0,1875,75</area>
        </shape>

        <imagetype name="coverart">
            <filename>mm_nothumb.png</filename>
            <area>45,7,60,60</area>
        </imagetype>

        <statetype name="trackstate">
            <position>135,18</position>
            <state name="playing">
                <imagetype name="playicon">
                    <filename>mm_playicon.png</filename>
                </imagetype>
            </state>
            <state name="paused">
                <position>0,6</position>
                <imagetype name="pauseicon">
                    <filename>mm_pauseicon.png</filename>
                </imagetype>
            </state>
            <state name="stopped">
                <position>0,6</position>
                <imagetype name="stopicon">
                    <filename>mm_stopicon.png</filename>
                </imagetype>
            </state>
        </statetype>

        <textarea name="title" from="basetextarea">
            <area>180,15,1350,51</area>
            <font>basemedium</font>
            <template>Now Playing: %TITLE% \ %ARTIST% \ %ALBUM% \ %TRACKNUM%</template>
        </textarea>

        <textarea name="time" from="basetextarea">
            <area>1550,22,320,51</area>
            <align>right</align>
            <font>basesmall</font>
        </textarea>
    </group>

    <group name="baseplaylistpanel">
        <shape name="playlist_background" from="musicbox">
            <area>22,0,1875,397</area>
        </shape>

        <buttonlist name="currentplaylist" from="basebuttonlist2">
            <area>45,22,1830,315</area>
            <spacing>0</spacing>
            <layout>vertical</layout>
            <arrange>stack</arrange>
            <showarrow>no</showarrow>
            <buttonarea>0,0,1830,285</buttonarea>
            <statetype name="buttonitem">
                <state name="active">
                    <area>0,0,100%,69</area>

                    <imagetype name="buttonimage">
                        <area>7,7,54,54</area>
                        <filename>mm_nothumb.png</filename>
                    </imagetype>

                    <statetype name="playstate">
                        <position>1777,15</position>
                        <state name="default">
                        </state>
                        <state name="playing">
                            <imagetype name="animation">
                                <position>0,0</position>
                                <filepattern low="1" high="8">mm_playing_%1.png</filepattern>
                                <delay>160</delay>
                            </imagetype>
                        </state>
                        <state name="paused">
                            <imagetype name="animation">
                                <position>7,7</position>
                                <filename>mm_pauseicon.png</filename>
                            </imagetype>
                        </state>
                        <state name="stopped">
                            <imagetype name="animation">
                                <position>7,7</position>
                                <filename>mm_stopicon.png</filename>
                            </imagetype>
                        </state>
                    </statetype>

                    <statetype name="movestate">
                        <position>1785,22</position>
                        <state name="off"></state>
                        <state name="on">
                            <imagetype name="statusimage">
                                <filename>mm_updown.png</filename>
                            </imagetype>
                        </state>
                    </statetype>

                    <textarea name="title" from="buttontext">
                        <area>75,0,1635,69</area>
                        <align>left,vcenter</align>
                        <font>basesmall</font>
                        <template>%TITLE% \ %ARTIST% \ %ALBUM% \ %TRACKNUM%</template>
                    </textarea>

                </state>
                <state name="selectedactive" from="active">
                    <imagetype name="buttonimage">
                        <area>7,7,54,54</area>
                        <filename>mm_nothumb.png</filename>
                    </imagetype>
                    <shape name="selectbar">
                        <area>0,0,1830,69</area>
                    </shape>
                </state>
                <state name="selectedinactive" from="active">
                    <shape name="selectbar">
                        <area>0,0,1830,69</area>
                    </shape>
                </state>
            </statetype>
            <statetype name="upscrollarrow">
                <position>1740,277</position>
            </statetype>
            <statetype name="downscrollarrow">
                <position>1785,277</position>
            </statetype>
        </buttonlist>

        <group name="playliststatuspanel" from="baseplayliststatusgroup">
            <position>0,307</position>
        </group>
    </group>

</mythuitheme>