<?xml version="1.0" encoding="UTF-8" ?>
<mythuitheme>

    <!-- Base Font Definitions -->
    <font name="basesmall" face="Arial">
        <pixelsize>19</pixelsize>
        <color>#DDDDDD</color>
    </font>

    <font name="basemedium" from="basesmall">
        <pixelsize>22</pixelsize>
    </font>

    <font name="baselarge" from="basesmall">
        <pixelsize>29</pixelsize>
    </font>

    <font name="baseextralarge" from="basesmall">
        <pixelsize>31</pixelsize>
        <shadowcolor>#000000</shadowcolor>
        <shadowoffset>4,4</shadowoffset>
        <shadowalpha>64</shadowalpha>
        <bold>yes</bold>
    </font>

    <!-- Colour variations on base fonts -->
    <font name="basesmallbrown" from="basesmall">
        <color>#484537</color>
<!--        <outlinecolor>#6C6753</outlinecolor>
        <outlinesize>1</outlinesize>-->
    </font>

    <font name="basesmallgrey" from="basesmall">
        <color>#999999</color>
    </font>

    <font name="basesmallpurple" from="basesmall">
        <color>#9999cc</color>
    </font>

    <font name="basesmallblack" from="basesmall">
        <color>#000000</color>
    </font>

    <font name="basesmallyellow" from="basesmall">
        <color>#FFFF33</color>
    </font>

    <font name="basesmallgreen" from="basesmall">
        <color>#80d400</color>
    </font>

    <font name="basesmallblue" from="basesmall">
        <color>#0492A7</color>
    </font>

    <font name="basesmallred" from="basesmall">
        <color>#800900</color>
    </font>

    <font name="basemediumgrey" from="basemedium">
        <color>#999999</color>
    </font>

    <font name="basemediumgreen" from="basemedium">
        <color>#80d400</color>
    </font>

    <font name="basemediumred" from="basemedium">
        <color>#800900</color>
    </font>

    <font name="basemediumpurple" from="basemedium">
        <color>#9999cc</color>
    </font>

    <font name="basemediumbrown" from="basemedium">
        <color>#484537</color>
<!--        <outlinecolor>#6C6753</outlinecolor>
        <outlinesize>1</outlinesize>-->
    </font>

    <font name="baselargebrown" from="baselarge">
        <color>#484537</color>
<!--        <outlinecolor>#6C6753</outlinecolor>
        <outlinesize>1</outlinesize>-->
    </font>

    <textarea name="baseheading">
        <area>20,4,650,36</area>
        <font>baselargebrown</font>
        <value>Heading</value>
    </textarea>

    <!-- Base definition of a textarea -->
    <textarea name="basetextarea">
        <area>0,0,10,10</area>
        <font>basesmall</font>
        <multiline>no</multiline>
        <align>left</align>
    </textarea>

    <!-- Base definition of a textedit -->
    <textedit name="basetextedit">
        <area>0,0,437,45</area>
        <statetype name="background">
            <area>0,0,100%,100%</area>
            <state name="active">
                <area>0,0,100%,100%</area>
                <shape name="background">
                    <area>0,0,100%,100%</area>
                    <type>roundbox</type>
                    <cornerradius>8</cornerradius>
                    <fill color="#e6e6e6" />
                    <line color="#a7ac93" width="3" />
                </shape>
            </state>
            <state name="selected" from="active">
               <shape name="background">
                    <fill color="#f9f9f9" />
                </shape>
            </state>
            <state name="inactive" from="active"/>
        </statetype>
        <imagetype name="cursor">
            <filename>cursor.png</filename>
        </imagetype>
        <textarea name="text">
            <area>8,10,421,35</area>
            <font>basemediumbrown</font>
        </textarea>
    </textedit>

    <!-- Base definition of a short textedit for years etc -->
    <textedit name="baseshorttextedit" from="basetextedit">
        <area>0,0,318,45</area>
        <textarea name="text">
            <area>8,10,301,35</area>
        </textarea>
    </textedit>

    <!-- Base definition of a button -->
    <button name="basebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="background">
                    <filename>controls/button.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>5,5,213,43</area>
                    <align>allcenter</align>
                    <font>baselarge</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <textarea name="text">
                    <font>baselargebrown</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="selected">
                <imagetype name="background">
                    <filename>controls/button_pushed.png</filename>
                </imagetype>
                <textarea name="text">
                    <position>8,8</position>
                </textarea>
            </state>
        </statetype>
    </button>

    <!-- Base definition of a button -->
    <button name="basewidebutton">
        <position>0,0</position>
        <statetype name="buttonstate">
            <state name="active">
                <imagetype name="buttonbackground">
                    <filename>popups/menu_button.png</filename>
                </imagetype>
                <textarea name="text">
                    <area>18,0,324,50</area>
                    <align>allcenter</align>
                    <font>basemedium</font>
                </textarea>
            </state>
            <state name="selected" from="active">
                <imagetype name="selecteditemarrow">
                    <position>5,16</position>
                    <filename>popups/selected_item_arrow.png</filename>
                </imagetype>
                <textarea name="text">
                    <font>basemediumbrown</font>
                </textarea>
            </state>
            <state name="disabled" from="active" />
            <state name="pushed" from="selected" />
        </statetype>
    </button>

    <!-- Base definition of a progressbar -->
    <progressbar name="baseprogressbar">
        <area>0,0,10,10</area>
        <layout>horizontal</layout>
        <style>reveal</style>
        <imagetype name="background">
            <filename>popups/progress_bar_background.png</filename>
        </imagetype>
        <imagetype name="progressimage">
            <filename>popups/progress_bar_fill.png</filename>
        </imagetype>
        <imagetype name="overlay">
            <filename>popups/progress_bar_overlay.png</filename>
        </imagetype>
    </progressbar>

    <!-- Base definition of checkbox -->
    <checkbox name="basecheckbox">
        <position>0,0</position>
        <statetype name="background">
            <state name="active">
                <imagetype name="background">
                    <filename>controls/checkbox_background.png</filename>
                </imagetype>
            </state>
            <state name="selected">
                <imagetype name="background">
                    <filename>controls/checkbox_background_selected.png</filename>
                </imagetype>
            </state>
            <state name="disabled" />
        </statetype>
        <statetype name="checkstate">
            <position>2,2</position>
            <state type="off">
                <imagetype name="background">
                    <filename>shared/cross.png</filename>
                </imagetype>
            </state>
            <state type="half" />
            <state type="full">
                <imagetype name="mark">
                    <filename>shared/tick.png</filename>
                </imagetype>
            </state>
        </statetype>
    </checkbox>

    <!-- Base definition of a spinbox -->
    <spinbox name="basespinbox">
        <area>0,0,108,35</area>
        <layout>horizontal</layout>
        <buttonarea>18,0,70,35</buttonarea>
        <shape name="background">
            <area>0,0,100%,100%</area>
            <type>roundbox</type>
            <cornerradius>8</cornerradius>
            <fill color="#a7ac93" />
        </shape>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,70,35</area>
                <shape name="buttonbackground">
                    <area>0,0,100%,100%</area>
                    <fill color="#757562" />
                    <line color="#a7ac93" width="2" />
                </shape>
                <textarea name="buttontext">
                    <area>2,4,66,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>allcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <fill color="#8a916f" />
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="upscrollarrow">
            <position>0,0</position>
            <state type="full">
                <imagetype name="left">
                    <filename>controls/selector_left_arrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>87,0</position>
            <state type="full">
                <imagetype name="right">
                    <filename>controls/selector_right_arrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </spinbox>

    <!-- Base definition of a list in wide 'selector' configuration -->
    <spinbox name="basewidespinbox" from="basespinbox">
        <area>0,0,513,35</area>
        <buttonarea>18,0,475,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,475,35</area>
                <textarea name="buttontext">
                    <area>5,4,465,30</area>
                    <align>allcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <fill color="#8a916f" />
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>492,0</position>
        </statetype>
    </spinbox>

    <!-- Base definition of a list in 'selector' configuration -->
    <buttonlist name="baseselector">
        <area>0,0,220,35</area>
        <layout>horizontal</layout>
        <buttonarea>18,0,184,100%</buttonarea>
        <shape name="background">
            <area>0,0,100%,100%</area>
            <type>roundbox</type>
            <cornerradius>8</cornerradius>
            <fill color="#a7ac93" />
        </shape>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,184,35</area>
                <shape name="buttonbackground">
                    <area>0,0,100%,100%</area>
                    <fill color="#757562" />
                    <line color="#a7ac93" width="2" />
                </shape>
                <textarea name="buttontext">
                    <area>2,4,180,30</area>
                    <font>basesmall</font>
                    <cutdown>yes</cutdown>
                    <align>allcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <fill color="#8a916f" />
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="upscrollarrow">
            <position>0,0</position>
            <state type="full">
                <imagetype name="left">
                    <filename>controls/selector_left_arrow.png</filename>
                </imagetype>
            </state>
        </statetype>
        <statetype name="downscrollarrow">
            <position>200,0</position>
            <state type="full">
                <imagetype name="right">
                    <filename>controls/selector_right_arrow.png</filename>
                </imagetype>
            </state>
        </statetype>
    </buttonlist>

    <!-- Base definition of a list in wide 'selector' configuration -->
    <buttonlist name="basewideselector" from="baseselector">
        <area>0,0,513,35</area>
        <buttonarea>18,0,425,100%</buttonarea>
        <statetype name="buttonitem">
            <state name="active">
                <area>0,0,475,35</area>
                <textarea name="buttontext">
                    <area>5,4,465,30</area>
                    <align>allcenter</align>
                </textarea>
            </state>
            <state name="selectedactive" from="active">
                <shape name="buttonbackground">
                    <fill color="#8a916f" />
                </shape>
            </state>
            <state name="selectedinactive" from="active" />
        </statetype>
        <statetype name="downscrollarrow">
            <position>492,0</position>
        </statetype>
    </buttonlist>

    <!-- Base definition of a rating statetype -->
    <statetype name="baserating">
        <position>1193,433</position>
        <showempty>yes</showempty>
        <state name="0">
        </state>
        <state name="1">
            <imagetype name="stars">
                <filename>shared/black_star.png</filename>
            </imagetype>
        </state>
        <state name="2" from="1" />
        <state name="3">
            <imagetype name="stars">
                <filename>shared/bronze_star.png</filename>
            </imagetype>
        </state>
        <state name="4" from="3" />
        <state name="5">
            <imagetype name="stars">
                <filename>shared/silver_star.png</filename>
            </imagetype>
        </state>
        <state name="6" from="5" />
        <state name="7">
            <imagetype name="stars">
                <filename>shared/gold_star.png</filename>
            </imagetype>
        </state>
        <state name="8" from="7" />
        <state name="9">
            <imagetype name="stars">
                <filename>shared/super_gold_star.png</filename>
            </imagetype>
        </state>
        <state name="10" from="9" />
    </statetype>

    <imagetype name="basebackdrop">
        <area>0,39,1280,720</area>
        <crop>0,65,1280,646</crop>
        <!--<filename>background.jpg</filename>-->
    </imagetype>

    <shape name="basetextbackground">
        <area>0,0,1222,240</area>
        <type>roundbox</type>
        <cornerradius>25</cornerradius>
        <fill color="#484537" alpha="210" />
        <shape name="hline">
            <area>15,41,1192,6</area>
            <fill color="#97997d" alpha="240" />
            <line color="#686350" alpha="255" width="1" />
        </shape>
        <shape name="hline2" from="hline">
            <position>15,204</position>
        </shape>
    </shape>

    <shape name="basefadebackground">
        <area>0,0,1280,642</area>
        <fill color="#1a1a1a" alpha="170" />
    </shape>

    <imagetype name="basetopbar">
        <position>0,0</position>
        <filename>backgrounds/topbar.png</filename>
    </imagetype>

    <window name="backgroundwindow">
        <imagetype name="backimg">
            <filename>backgrounds/background.png</filename>
        </imagetype>

        <imagetype name="bottombar">
            <position>0,685</position>
            <filename>backgrounds/bottombar.png</filename>
        </imagetype>

        <font name="datefont" from="baselargebrown">
            <pixelsize>21</pixelsize>
        </font>

        <font name="timefont" from="datefont">
            <pixelsize>26</pixelsize>
            <bold>yes</bold>
        </font>

        <clock name="date">
            <area>825,689,350,30</area>
            <font>datefont</font>
            <format>%DATE%</format>
            <align>right,vcenter</align>
        </clock>

        <clock name="time">
            <area>1185,688,80,30</area>
            <font>timefont</font>
            <format>hh:mm</format>
            <align>left,vcenter</align>
            <cutdown>no</cutdown>
        </clock>

    </window>

    <!-- Menu Dialog -->
    <window name="MythPopupBox">
        <area>0,42,1280,642</area>
        <shape name="fade" from="basefadebackground" />

        <imagetype name="backimg">
            <position>0,78</position>
            <filename>popups/menu_background.png</filename>
        </imagetype>

        <textarea name="messagearea">
            <area>12,93,378,125</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>basesmall</font>
        </textarea>

        <buttonlist name="list">
            <area>15,238,378,350</area>
            <buttonarea>0,0,378,350</buttonarea>
            <spacing>3</spacing>
            <wrapstyle>selection</wrapstyle>
            <statetype name="buttonitem">
                <area>0,0,367,53</area>
                <state name="active">
                    <area>0,0,367,53</area>
                    <imagetype name="buttonbackground">
                        <filename>popups/menu_button.png</filename>
                    </imagetype>
                    <textarea name="buttontext">
                        <area>18,0,324,50</area>
                        <align>allcenter</align>
                        <font>basemedium</font>
                    </textarea>
                    <imagetype name="buttonarrow">
                        <position>346,16</position>
                        <filename>popups/submenu_arrow.png</filename>
                    </imagetype>
                </state>
                <state name="selectedinactive" from="active">
                </state>
                <state name="selectedactive" from="active">
                    <imagetype name="selecteditemarrow">
                        <position>5,16</position>
                        <filename>popups/selected_item_arrow.png</filename>
                    </imagetype>
                    <textarea name="buttontext">
                        <font>basemediumbrown</font>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <!-- Large Dialogue Box -->
    <window name="MythDialogBox">
        <area>0,42,1280,515</area>
        <shape name="fade" from="basefadebackground" />

        <imagetype name="backimg">
            <position>236,58</position>
            <filename>popups/largemenubackground.png</filename>
        </imagetype>

        <textarea name="messagearea">
            <area>270,90,740,270</area>
            <multiline>yes</multiline>
            <align>allcenter</align>
            <font>basesmall</font>
        </textarea>
        
        <buttonlist name="list">
            <area>270,385,770,170</area>
            <buttonarea>0,0,770,170</buttonarea>
            <spacing>4</spacing>
            <layout>grid</layout>
            <wrapstyle>selection</wrapstyle>
            <statetype name="buttonitem">
                <state name="active">
                    <imagetype name="buttonbackground">
                        <filename>popups/menu_button.png</filename>
                    </imagetype>
                    <textarea name="buttontext">
                        <area>18,0,324,50</area>
                        <align>allcenter</align>
                        <font>basemedium</font>
                    </textarea>
                    <imagetype name="buttonarrow">
                        <position>346,16</position>
                        <filename>popups/submenu_arrow.png</filename>
                    </imagetype>
                </state>
                <state name="selectedinactive" from="active" />
                <state name="selectedactive" from="active">
                    <imagetype name="selecteditemarrow">
                        <position>5,16</position>
                        <filename>popups/selected_item_arrow.png</filename>
                    </imagetype>
                    <textarea name="buttontext">
                        <font>basemediumbrown</font>
                    </textarea>
                </state>
            </statetype>
        </buttonlist>
    </window>

    <!-- Confirmation Dialog -->
    <window name="MythConfirmationDialog">
        <area>0,42,1280,642</area>
        <shape name="fade" from="basefadebackground" />

        <imagetype name="backimg">
            <position>377,206</position>
            <filename>popups/confirmation_background.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>395,227,490,110</area>
            <align>allcenter</align>
            <multiline>yes</multiline>
            <cutdown>no</cutdown>
        </textarea>

        <button name="cancel" from="basebutton">
            <position>403,360</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="basebutton">
            <position>653,360</position>
            <value>Ok</value>
        </button>
    </window>

    <!-- Text Input Dialog -->
    <window name="MythTextInputDialog">
        <area>0,42,1280,642</area>
        <shape name="fade" from="basefadebackground" />

        <imagetype name="backimg">
            <position>377,206</position>
            <filename>popups/confirmation_background.png</filename>
        </imagetype>

        <textarea name="message" from="basetextarea">
            <area>385,237,500,30</area>
            <font>basemedium</font>
            <align>allcenter</align>
        </textarea>

        <textedit name="input" from="basetextedit">
            <position>423,285</position>
        </textedit>

        <button name="ok" from="basebutton">
            <position>528,360</position>
            <value>Ok</value>
        </button>
    </window>

    <!-- Busy Dialog -->
    <window name="MythBusyDialog">
        <area>-1,-1,619,92</area>
        <imagetype name="backimg">
            <filename>popups/progress_dialog_background.png</filename>
        </imagetype>
        <textarea name="message" from="basetextarea">
            <area>20,10,580,50</area>
            <align>allcenter</align>
            <multiline>true</multiline>
        </textarea>

        <imagetype name="background">
            <position>30,62</position>
            <filename>popups/progress_bar_background.png</filename>
        </imagetype>
        <imagetype name="animation">
            <position>30,62</position>
            <filepattern low="0" high="29" cycle="reverse">popups/busy/busy_%1.png</filepattern>
            <delay>40</delay>
        </imagetype>
        <imagetype name="overlay">
            <position>30,62</position>
            <filename>popups/progress_bar_overlay.png</filename>
        </imagetype>
    </window>

    <!-- Progress Dialog -->
    <window name="MythProgressDialog">
        <area>-1,-1,619,92</area>
        <imagetype name="backimg">
            <filename>popups/progress_dialog_background.png</filename>
        </imagetype>
        <textarea name="message" from="basetextarea">
            <area>20,10,580,50</area>
            <align>allcenter</align>
            <multiline>true</multiline>
        </textarea>
        <progressbar name="progressbar" from="baseprogressbar">
            <position>22,62</position>
        </progressbar>
        <textarea name="progresstext" from="basetextarea">
            <area>550,60,50,30</area>
            <align>left</align>
            <value>0%</value>
        </textarea>
    </window>

    <window name="videowindow">
        <shape name="background">
             <!-- Oversized because of pixel rounding bug -->
            <area>0,0,1281,721</area>
            <type>box</type>
            <fill color="#000000" alpha="255" />
        </shape>

        <imagetype name="animation">
            <position>114,64</position>
            <filename>backgrounds/videobackground.png</filename>
        </imagetype>

        <textarea name="progresstext" from="basetextarea">
            <area>0,660,1280,60</area>
            <value>Playback starting …</value>
            <align>allcenter</align>
        </textarea>
        
    </window>

    <window name="MythFileBrowser">
        <area>0,42,1280,515</area>
        <shape name="fade" from="basefadebackground" />

        <imagetype name="backimg">
            <position>236,58</position>
            <filename>popups/largemenubackground.png</filename>
        </imagetype>

        <buttonlist name="filelist">
            <area>285,90,740,270</area>
            <layout>grid</layout>
            <buttonarea>0,0,720,270</buttonarea>
            <spacing>10</spacing>
            <statetype name="buttonitem">
                <state name="active">
                    <area>0,0,170,130</area>
                    <shape name="buttonbackground" />
                    <statetype name="nodetype">
                        <state name="folder">
                            <imagetype name="icon">
                                <area>5,4,160,75</area>
                                <filename>shared/directory.png</filename>
                                <preserveaspect>yes</preserveaspect>
                            </imagetype>
                        </state>
                        <state name="upfolder" from="folder">
                            <imagetype name="icon">
                                <filename>shared/updirectory.png</filename>
                            </imagetype>
                        </state>
                        <state name="executable" from="folder">
                            <imagetype name="icon">
                                <filename>shared/executable.png</filename>
                            </imagetype>
                        </state>
                        <state name="file" from="folder">
                            <imagetype name="icon">
                                <filename>shared/file.png</filename>
                            </imagetype>
                        </state>
                    </statetype>
                    <imagetype name="buttonimage">
                        <area>5,4,160,75</area>
                        <preserveaspect>true</preserveaspect>
                    </imagetype>
                    <textarea name="buttontext" from="basetextarea">
                        <area>5,80,160,50</area>
                        <align>allcenter</align>
                        <multiline>yes</multiline>
                    </textarea>
                </state>
                <state name="selectedinactive" from="active" />
                <state name="selectedactive" from="active">
                    <shape name="buttonbackground">
                        <area>0,0,100%,100%</area>
                        <type>roundbox</type>
                        <cornerradius>4</cornerradius>
                        <fill color="#A7AC93" />
                        <line width="2" color="#8A916F" />
                    </shape>
                    <textarea name="buttontext">
                        <font>basesmallbrown</font>
                    </textarea>
                </state>
            </statetype>
            <statetype name="upscrollarrow">
                <position>985,270</position>
                <state type="full">
                    // Arrow Image
                </state>
            </statetype>
            <statetype name="downscrollarrow">
                <position>985,270</position>
                <state type="full">
                    // Arrow Image
                </state>
            </statetype>
        </buttonlist>

        <textedit name="location" from="basetextedit">
            <position>315,383</position>
        </textedit>

        <button name="back" from="basebutton">
            <position>280,435</position>
            <value>Up Level</value>
        </button>

        <button name="home" from="basebutton">
            <position>573,435</position>
            <value>Home</value>
        </button>

        <button name="cancel" from="basebutton">
            <position>280,495</position>
            <value>Cancel</value>
        </button>

        <button name="ok" from="basebutton">
            <position>573,495</position>
            <value>Ok</value>
        </button>

        <imagetype name="preview">
            <area>812,383,200,145</area>
            <preserveaspect>true</preserveaspect>
        </imagetype>

        <textarea name="info" from="basetextarea">
            <area>812,528,200,25</area>
            <align>allcenter</align>
        </textarea>

    </window>


</mythuitheme>

