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

<mythuitheme>

    <window name="notification">
        <area>100%-800,20,780,180</area>
        <!--
        <animation trigger="AboutToShow">
            <section duration="500" centre="middle">
                <position start="100%,20" end="-1,-1" easingcurve="OutBack" />
            </section>
        </animation>
        <animation trigger="AboutToHide">
            <section duration="500" centre="middle">
                <position start="-1,-1" end="100%,20" easingcurve="InBack" />
            </section>
        </animation>-->

        <shape name="background" from="basewidgetshape">
            <area>0,0,100%,100%</area>
        </shape>

        <textarea name="title" from="basetextarea">
            <area>18,10,-10,35</area>
            <font>baselarge</font>
        </textarea>

        <textarea name="origin" from="basetextarea">
            <area>18,45,-10,30</area>
            <font>basesmall</font>
        </textarea>

        <textarea name="description" from="basetextarea" depends="progress">
            <area>18,75,-10,30</area>
            <font>basesmall</font>
        </textarea>

        <textarea name="extra" from="basetextarea" depends="progress">
            <area>18,105,300,30</area>
            <font>basesmall</font>
        </textarea>

        <textarea name="progress_text" from="basetextarea" depends="progress">
            <area>370,105,-10,30</area>
            <font>basesmall</font>
            <align>right</align>
        </textarea>

        <progressbar name="progress" from="baseprogressbar">
            <area>18,140,100%-28,10</area>
        </progressbar>

        <textarea name="description_noprogress" from="basetextarea" depends="!progress">
            <area>18,75,-10,115</area>
            <font>basesmall</font>
            <multiline>yes</multiline>
            <align>left,top</align>
            <template>%DESCRIPTION%</template>
        </textarea>
    </window>

    <window name="notification-image">
        <area>100%-800,20,780,180</area>
        <!--
         <animation trigger="AboutToShow">
         <section duration="500" centre="middle">
         <position start="100%,20" end="-1,-1" easingcurve="OutBack" />
         </section>
         </animation>
         <animation trigger="AboutToHide">
         <section duration="500" centre="middle">
         <position start="-1,-1" end="100%,20" easingcurve="InBack" />
         </section>
         </animation>-->

        <shape name="background" from="basewidgetshape">
            <area>0,0,100%,100%</area>
        </shape>

        <statetype name="mediastate">
            <area>0,0,100%,100%</area>
            <state name="ok"/>
            <state name="noartwork">
                <area>0,0,100%,100%</area>
                <imagetype name="imageartwork">
                    <!-- Artist: Vargas21 http://www.iconarchive.com/show/aquave-metal-icons-by-vargas21/Music-icon.html -->
                    <filename>noartwork.png</filename>
                    <area>18,18,144,144</area>
                </imagetype>
            </state>
        </statetype>

        <statetype name="errorstate">
            <area>0,0,100%,100%</area>
            <state name="ok"/>
            <state name="error">
                <area>0,0,100%,100%</area>
                <imagetype name="imageerror">
                    <!-- Artist: Kyo-Tux http://www.iconarchive.com/show/phuzion-icons-by-kyo-tux/Sign-Error-icon.html -->
                    <filename>error.png</filename>
                    <area>18,18,144,144</area>
                </imagetype>
            </state>
            <state name="check">
                <area>0,0,100%,100%</area>
                <imagetype name="imageerror">
                    <!-- Artist: Kyo-Tux http://www.iconarchive.com/show/phuzion-icons-by-kyo-tux/Sign-Select-icon.html -->
                    <filename>check.png</filename>
                    <area>18,18,144,144</area>
                </imagetype>
            </state>
            <state name="warning">
                <area>0,0,100%,100%</area>
                <imagetype name="imageerror">
                    <!-- Artist: Kyo-Tux http://www.iconarchive.com/show/phuzion-icons-by-kyo-tux/Sign-Alert-icon.html -->
                    <filename>warning.png</filename>
                    <area>18,18,144,144</area>
                </imagetype>
            </state>
            <state name="busy">
                <area>0,0,100%,100%</area>
                <imagetype name="animation">
                    <area>40,40,105,105</area>
                    <filepattern low="0" high="24">busyimages/%1.png</filepattern>
                    <delay>250</delay>
                </imagetype>
            </state>
        </statetype>

        <imagetype name="image" depends="!mediastate&amp;!errorstate">
            <filename>damaged.png</filename>
            <area>18,18,144,144</area>
        </imagetype>

        <textarea name="title" from="basetextarea">
            <area>170,10,-10,35</area>
            <font>baselarge</font>
        </textarea>

        <textarea name="origin" from="basetextarea">
            <area>170,45,-10,30</area>
            <font>basesmall</font>
        </textarea>

        <textarea name="description" from="basetextarea" depends="progress">
            <area>170,75,-10,30</area>
            <font>basesmall</font>
        </textarea>

        <textarea name="extra" from="basetextarea" depends="progress">
            <area>170,105,300,30</area>
            <font>basesmall</font>
        </textarea>

        <textarea name="progress_text" from="basetextarea" depends="progress">
            <area>370,105,-10,30</area>
            <font>basesmall</font>
            <align>right</align>
        </textarea>

        <progressbar name="progress" from="baseprogressbar">
            <area>170,140,100%-180,10</area>
        </progressbar>

        <textarea name="description_noprogress" from="basetextarea" depends="!progress">
            <area>170,75,-10,115</area>
            <font>basesmall</font>
            <multiline>yes</multiline>
            <align>left,top</align>
            <template>%DESCRIPTION%</template>
        </textarea>
    </window>

    <window name="notification-full">
        <area>0,0,100%,100%</area>

        <shape name="background">
            <area>0,0,100%,100%</area>
            <fill color="#000000"/>
        </shape>

        <statetype name="mediastate">
            <area>0,0,100%,100%</area>
            <state name="ok"/>
            <state name="noartwork">
                <area>0,0,100%,100%</area>
                <imagetype name="imageartwork">
                    <!-- Artist: Vargas21 http://www.iconarchive.com/show/aquave-metal-icons-by-vargas21/Music-icon.html -->
                    <filename>noartwork512.png</filename>
                    <area>0,0,100%,100%</area>
                    <preserveaspect>true</preserveaspect>
                </imagetype>
            </state>
        </statetype>

        <statetype name="errorstate">
            <area>0,0,100%,100%</area>
            <state name="ok"/>
            <state name="error">
                <area>0,0,100%,100%</area>
                <imagetype name="imageerror">
                    <!-- Artist: Kyo-Tux http://www.iconarchive.com/show/phuzion-icons-by-kyo-tux/Sign-Error-icon.html -->
                    <filename>error.png</filename>
                    <area>704,189,512,512</area>
                    <preserveaspect>true</preserveaspect>
                </imagetype>
            </state>
            <state name="check">
                <area>0,0,100%,100%</area>
                <imagetype name="imagecheck">
                    <!-- Artist: Kyo-Tux http://www.iconarchive.com/show/phuzion-icons-by-kyo-tux/Sign-Select-icon.html -->
                    <filename>check.png</filename>
                    <area>704,189,512,512</area>
                    <preserveaspect>true</preserveaspect>
                </imagetype>
            </state>
            <state name="warning">
                <area>0,0,100%,100%</area>
                <imagetype name="imagewarning">
                    <!-- Artist: Kyo-Tux http://www.iconarchive.com/show/phuzion-icons-by-kyo-tux/Sign-Alert-icon.html -->
                    <filename>warning.png</filename>
                    <area>704,189,512,512</area>
                    <preserveaspect>true</preserveaspect>
                </imagetype>
            </state>
            <state name="busy">
                <area>0,0,100%,100%</area>
                <imagetype name="animation">
                    <area>704,189,512,512</area>
                    <filepattern low="0" high="24">busyimages/%1.png</filepattern>
                    <delay>250</delay>
                </imagetype>
            </state>
        </statetype>

        <imagetype name="image" depends="!mediastate&amp;!errorstate">
            <filename>damaged.png</filename>
            <area>0,0,100%,100%</area>
            <preserveaspect>true</preserveaspect>
        </imagetype>

        <textarea name="title" from="basetextarea">
            <area>170,100%-245,-10,35</area>
            <font>baseextralarge</font>
        </textarea>

        <textarea name="origin" from="basetextarea">
            <area>170,100%-195,-10,30</area>
            <font>baselarge</font>
        </textarea>

        <textarea name="description" from="basetextarea" depends="progress">
            <area>170,100%-165,-10,30</area>
            <font>basemedium</font>
        </textarea>

        <textarea name="extra" from="basetextarea" depends="progress">
            <area>170,100%-135,300,30</area>
            <font>basemedium</font>
        </textarea>

        <textarea name="progress_text" from="basetextarea" depends="progress">
            <area>370,100%-135,-10,30</area>
            <font>basemedium</font>
            <align>right</align>
        </textarea>

        <progressbar name="progress" from="baseprogressbar">
            <area>170,100%-100,10,10</area>
        </progressbar>

        <textarea name="description_noprogress" from="basetextarea" depends="!progress">
            <area>170,100%-165,-10,115</area>
            <font>basemedium</font>
            <multiline>yes</multiline>
            <align>left,top</align>
            <template>%DESCRIPTION%</template>
        </textarea>
    </window>

</mythuitheme>
