osd.xml

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

    <!-- shows some debug information on the screen -->
    <!--<window name="osd_debug">-->
    <window name="osd_debug">
        
        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>140,60,1000,330</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        
        <textarea name="filename_label" from="base_textarea">
            <area>160,75,210,40</area>
            <align>right,vcenter</align>
            <value>Filename :</value>
        </textarea>
        <textarea name="filename" from="base_textarea">
            <area>380,75,750,40</area>
            <cutdown>yes</cutdown>
            <align>left,vcenter</align>
        </textarea>
        
        <!-- separates the filename from the other information -->
        <shape name="filename_separator">
            <area>160,125,960,1</area>
            <type>box</type>
            <line color="#AAAAAA" alpha="150" width="1" />
        </shape>
        
        <!-- First column with information -->
        <textarea name="storagerate_label" from="base_textarea">
            <area>160,140,210,40</area>
            <align>right,vcenter</align>
            <value>Storage to Buffer :</value>
        </textarea>
        <textarea name="decoderrate_label" from="storagerate_label">
            <position>160,180</position>
            <value>Buffer to Decoder :</value>
        </textarea>
        <textarea name="bufferavail_label" from="storagerate_label">
            <position>160,220</position>
            <value>Available Buffer :</value>
        </textarea>
        <textarea name="videowidth_label" from="storagerate_label">
            <position>160,260</position>
            <value>Video :</value>
        </textarea>
        <textarea name="videocodec_label" from="storagerate_label">
            <position>160,300</position>
            <value>Codec/Dec :</value>
        </textarea>
        <textarea name="load_label" from="storagerate_label">
            <position>160,340</position>
            <value>CPUs :</value>
        </textarea>
        
        <textarea name="storagerate" from="base_textarea">
            <area>380,140,240,40</area>
            <cutdown>yes</cutdown>
            <align>left,vcenter</align>
        </textarea>
        <textarea name="decoderrate" from="storagerate">
            <position>380,180</position>
        </textarea>
        <textarea name="bufferavail" from="storagerate">
            <position>380,220</position>
            <template>%BUFFERAVAIL% of %BUFFERSIZE%Mb</template>
        </textarea>
        <textarea name="videowidth" from="storagerate">
            <position>380,260</position>
            <template>%VIDEOWIDTH%x%VIDEOHEIGHT%@%VIDEOFRAMERATE%fps</template>
        </textarea>
        <textarea name="videocodec" from="storagerate">
            <position>380,300</position>
            <template>%VIDEOCODEC% %VIDEODECODER%</template>
        </textarea>
        <textarea name="load" from="storagerate">
            <position>380,340</position>
        </textarea>

        <!-- Second column with information -->
        <textarea name="framerate_label" from="base_textarea">
            <area>640,140,260,40</area>
            <align>right,vcenter</align>
            <value>FPS :</value>
        </textarea>
        <textarea name="avsync_label" from="framerate_label">
            <position>640,180</position>
            <value>A/V Sync :</value>
        </textarea>
        <textarea name="videoframes_label" from="framerate_label">
            <position>640,220</position>
            <value>Frames decoded/free :</value>
        </textarea>
        <textarea name="audiocodec_label" from="framerate_label">
            <position>640,260</position>
            <value>Audio :</value>
        </textarea>
        <textarea name="audiochannels_label" from="framerate_label">
            <position>640,300</position>
            <value>Channels :</value>
        </textarea>
        <textarea name="samplerate_label" from="framerate_label">
            <position>640,340</position>
            <value>Sample rate :</value>
        </textarea>

        <textarea name="framerate" from="base_textarea">
            <area>910,140,190,40</area>
            <cutdown>yes</cutdown>
            <align>left,vcenter</align>
        </textarea>
        <textarea name="avsync" from="framerate">
            <position>910,180</position>
        </textarea>
        <textarea name="videoframes" from="framerate">
            <position>910,220</position>
        </textarea>
        <textarea name="audiocodec" from="framerate">
            <position>910,260</position>
        </textarea>
        <textarea name="audiochannels" from="framerate">
            <position>910,300</position>
        </textarea>
        <textarea name="samplerate" from="framerate">
            <position>910,340</position>
        </textarea>

    </window>






    <!-- shows a message on the screen -->
    <window name="osd_message">
        <area>0,0,1280,720</area>

        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>
        
        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>440,-4,400,44</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <!-- shows the message -->
        <textarea name="message_text">
            <area>460,3,360,30</area>
            <align>allcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text</font>
        </textarea>
    </window>






    <!-- shows an input message on the screen -->
    <window name="osd_input">
        <area>0,0,1280,720</area>

         <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>540,-4,200,44</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <!-- shows the message -->
        <textarea name="osd_number_entry">
            <area>560,3,160,30</area>
            <align>allcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text</font>
        </textarea>
    </window>






    <!-- shows the title and the progress of 
         the current recording/movie/tv -->
    <window name="osd_status">
        <area>0,0,1280,720</area>
        
        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>220,575,840,100</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <textarea name="title">
            <area>240,590,380,30</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text</font>
        </textarea>
        
        <textarea name="description">
            <area>640,590,400,30</area>
            <align>right,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text</font>
            <template>%DESCRIPTION% %VALUE%%UNITS%</template>
        </textarea>

        <progressbar name="position">
            <area>240,635,800,20</area>
            <layout>horizontal</layout>
            <style>reveal</style>
            <imagetype name="background">
                <filename>images/widgets/progressbar/progressbar_inactive.png</filename>
                <area>0,0,800,20</area>
                <alpha>150</alpha>
            </imagetype>
            <imagetype name="progressimage">
                <filename>images/widgets/progressbar/progressbar_active.png</filename>
                <area>0,0,800,20</area>
                <alpha>220</alpha>
            </imagetype>
        </progressbar>
    </window>






    <!-- shows the icon and the details/description 
         of the current recording/movie/tv -->
    <window name="program_info">
        <area>0,0,1280,720</area>
        
        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>100,380,1080,295</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <!-- shows the title and the plot of the selected video -->
        <textarea name="title">
            <area>120,400,820,30</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>title</font>
        </textarea>

        <textarea name="starttime">
            <area>120,440,400,20</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text_small</font>
            <template>%STARTTIME%-%ENDTIME% : %LENMINS%</template>
        </textarea>

        <!-- separates the title and channel and the status icons from the description -->
        <shape name="program_info_separator">
            <area>120,475,1040,1</area>
            <type>box</type>
            <line color="#AAAAAA" alpha="150" width="1" />
        </shape>

        <!-- show the channel and the recorded time of the recording -->
        <shape name="channelicon_background">
            <area>120,495,131,131</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <imagetype name="iconpath">
            <area>122,497,126,126</area>
            <preserveaspect>true</preserveaspect>
        </imagetype>

        <!-- channel number and name -->
        <textarea name="channum">
            <area>100,635,40,30</area>
            <align>right,vcenter</align>
            <multiline>no</multiline>
            <cutdown>no</cutdown>
            <font>text_small</font>
        </textarea>
        
        <textarea name="callsign">
            <area>150,635,120,30</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text_small</font>
        </textarea>

        <shape name="description_separator">
            <area>270,476,1,180</area>
            <type>box</type>
            <line color="#AAAAAA" alpha="150" width="1" />
        </shape>

        <!-- show the plot of the recording -->
        <textarea name="description">
            <area>290,490,870,180</area>
            <multiline>yes</multiline>
            <cutdown>yes</cutdown>
            <align>left,top</align>
            <font>text_small</font>
            <template>%"|SUBTITLE|" %%LONGREPEAT%%(|STARS|) %%DESCRIPTION%</template>
        </textarea>
        
        
        <!-- show some images about the type of recording, audio and video codecs -->
        <statetype name="tvstate">
            
            <state name="WatchingLiveTV">
                <!--<imagetype name="image">
                    <area>1100,405,45,45</area>
                    <filename>images/widgets/codecs/tv.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="livetv_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <area>1055,440,100,20</area>
                    <font>text_small</font>
                    <value>Live TV</value>
                </textarea>
            </state>
            <state name="WatchingPreRecorded">
                <textarea name="livetv_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <area>1055,440,100,20</area>
                    <font>text_small</font>
                    <value>Recorded</value>
                </textarea>
            </state>
            <state name="WatchingVideo">
                <textarea name="livetv_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <area>1055,440,100,20</area>
                    <font>text_small</font>
                    <value>Video</value>
                </textarea>
            </state>
            <state name="WatchingDVD">
                <!--<imagetype name="image">
                    <area>1100,405,45,45</area>
                    <filename>images/widgets/codecs/dvd.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="livetv_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <area>1055,440,100,20</area>
                    <font>text_small</font>
                    <value>DVD</value>
                </textarea>
            </state>
            <state name="WatchingBD">
                <!--<imagetype name="image">
                    <area>1100,405,45,45</area>
                    <filename>images/widgets/codecs/bd.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="image" from="base_textarea">
                    <align>right,vcenter</align>
                    <area>1055,440,100,20</area>
                    <font>text_small</font>
                    <value>Bluray</value>
                </textarea>
            </state>
            <state name="WatchingRecording">
                <!--<imagetype name="image">
                    <area>1100,405,45,45</area>
                    <filename>images/widgets/codecs/recording.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="image" from="base_textarea">
                    <align>right,vcenter</align>
                    <area>1060,440,100,20</area>
                    <font>text_small</font>
                    <value>Recording</value>
                </textarea>
            </state>
        </statetype>

        <statetype name="audiocodec">
            <state name="PCM_DVD">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>PCM</value>
                </textarea>
            </state>
            <state name="PCM_BLURAY">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>PCM BD</value>
                </textarea>
            </state>
            <state name="AC3">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>AC3</value>
                </textarea>
            </state>
            <state name="E-AC3">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>E-AC3</value>
                </textarea>
            </state>
            <state name="TRUEHD">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>True HD</value>
                </textarea>
            </state>
            <state name="WMAPRO">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>WMA Pro</value>
                </textarea>
            </state>
            <state name="DTS">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>DTS</value>
                </textarea>
            </state>
            <state name="AAC">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>AAC</value>
                </textarea>
            </state>
            <state name="MP2">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>MP2</value>
                </textarea>
            </state>
            <state name="MP3">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>MP3</value>
                </textarea>
            </state>
            <state name="VORBIS">
                <textarea name="audiocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>980,440,80,20</area>
                    <value>Vorbis</value>
                </textarea>
            </state>
        </statetype>

        <statetype name="audiochannels">
            <state name="1">
                <textarea name="audiochannels_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>840,440,130,20</area>
                    <value>Mono:</value>
                </textarea>
            </state>
            <state name="2">
                <textarea name="audiochannels_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>840,440,130,20</area>
                    <value>Stereo:</value>
                </textarea>
            </state>
            <state name="5">
                <textarea name="audiochannels_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>840,440,130,20</area>
                    <value>5 Channels:</value>
                </textarea>
            </state>
            <state name="6">
                <textarea name="audiochannels_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>840,440,130,20</area>
                    <value>6 Channels:</value>
                </textarea>
            </state>
            <state name="7">
                <textarea name="audiochannels_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>840,440,130,20</area>
                    <value>7 Channels:</value>
                </textarea>
            </state>
            <state name="8">
                <textarea name="audiochannels_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>840,440,130,20</area>
                    <value>8 Channels:</value>
                </textarea>
            </state>
        </statetype>

        <statetype name="videocodec">
            <state name="MPEG-2">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>MPEG-2</value>
                </textarea>
            </state>
            <state name="VC-1">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>VC-1</value>
                </textarea>
            </state>
            <state name="H.264">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>H.264</value>
                </textarea>
            </state>
            <state name="MPEG-4">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>MPEG-4</value>
                </textarea>
            </state>
            <state name="RTjpeg">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>RTjpeg</value>
                </textarea>
            </state>
            <state name="WMV3">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>WMV 3</value>
                </textarea>
            </state>
            <state name="H.263">
                <textarea name="videocodec_label" from="base_textarea">
                    <font>text_small</font>
                    <area>750,440,100,20</area>
                    <value>H.263</value>
                </textarea>
            </state>
        </statetype>

        <statetype name="videodescrip">
            <state name="SD">
                <!--<imagetype name="image">
                    <area>680,405,100,45</area>
                    <filename>images/widgets/codecs/sd.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="videodescrip_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>640,440,100,20</area>
                    <value>SD</value>
                </textarea>
            </state>
            <state name="HD_720_P">
                <!--<imagetype name="image">
                    <area>680,405,100,45</area>
                    <filename>images/widgets/codecs/720p.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="videodescrip_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>640,440,100,20</area>
                    <value>HD 720p:</value>
                </textarea>
            </state>
            <state name="HD_1080_I">
                <!--<imagetype name="image">
                    <area>680,405,100,45</area>
                    <filename>images/widgets/codecs/1080i.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="videodescrip_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>640,440,100,20</area>
                    <value>HD 1080i:</value>
                </textarea>
            </state>
            <state name="HD_1080_P">
                <!--<imagetype name="image">
                    <area>680,405,100,45</area>
                    <filename>images/widgets/codecs/1080p.png</filename>
                    <preserveaspect>true</preserveaspect>
                </imagetype>-->
                <textarea name="videodescrip_label" from="base_textarea">
                    <align>right,vcenter</align>
                    <font>text_small</font>
                    <area>640,440,100,20</area>
                    <value>HD 1080p:</value>
                </textarea>
            </state>
        </statetype>
        
    </window>
    
    




    <!-- shows the icon and the details/description 
         of the current recording/movie/tv -->
    <window name="browse_info">
        <area>0,0,1280,720</area>
        
        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>100,380,1080,295</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <!-- shows the title and the plot of the selected video -->
        <textarea name="title">
            <area>120,400,820,30</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>title</font>
        </textarea>

        <textarea name="starttime">
            <area>120,440,400,20</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text_small</font>
            <template>%STARTTIME%-%ENDTIME% : %LENMINS%</template>
        </textarea>

        <!-- separates the title and channel and the status icons from the description -->
        <shape name="program_info_separator">
            <area>120,475,1040,1</area>
            <type>box</type>
            <line color="#AAAAAA" alpha="150" width="1" />
        </shape>

        <!-- show the channel and the recorded time of the recording -->
        <shape name="channelicon_background">
            <area>120,495,131,131</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <imagetype name="iconpath">
            <area>122,497,126,126</area>
            <preserveaspect>true</preserveaspect>
        </imagetype>

        <!-- channel number and name -->
        <textarea name="channum">
            <area>100,635,40,30</area>
            <align>right,vcenter</align>
            <multiline>no</multiline>
            <cutdown>no</cutdown>
            <font>text_small</font>
        </textarea>
        
        <textarea name="callsign">
            <area>150,635,120,30</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text_small</font>
        </textarea>

        <shape name="description_separator">
            <area>270,476,1,180</area>
            <type>box</type>
            <line color="#AAAAAA" alpha="150" width="1" />
        </shape>

        <!-- show the plot of the recording -->
        <textarea name="description">
            <area>290,490,870,140</area>
            <multiline>yes</multiline>
            <cutdown>yes</cutdown>
            <align>left,top</align>
            <font>text_small</font>
            <template>%"|SUBTITLE|" %%LONGREPEAT%%(|STARS|) %%DESCRIPTION%</template>
        </textarea>       
       
        <progressbar name="elapsedpercent">
            <area>290,635,800,20</area>
            <layout>horizontal</layout>
            <style>reveal</style>
            <imagetype name="background">
                <filename>images/widgets/progressbar/progressbar_inactive.png</filename>
                <area>0,0,800,20</area>
                <alpha>150</alpha>
            </imagetype>
            <imagetype name="progressimage">
                <filename>images/widgets/progressbar/progressbar_active.png</filename>
                <area>0,0,800,20</area>
                <alpha>220</alpha>
            </imagetype> 
        </progressbar>
    </window>
    
    




    <!-- dialog box that shows the current channel 
         options. The user can edit these -->
    <window name="ChannelEditor">
        <area>0,0,1280,720</area>

        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>345,190,585,370</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <imagetype name="title_background">
            <area>360,205,555,70</area>
            <filename>images/widgets/popup_background.png</filename>
            <alpha>220</alpha>
        </imagetype>

        <!-- shows the title -->
        <textarea name="title">
            <area>380,205,515,70</area>
            <align>allcenter</align>
            <font>text</font>
            <value>Channel Editor</value>
        </textarea>

        <textarea name="callsign_label">
            <area>360,290,170,40</area>
            <align>right,vcenter</align>
            <value>Callsign</value>
        </textarea>
        <textarea name="channum_label" from="callsign_label">
            <area>360,335,170,40</area>
            <value>Channel #</value>
        </textarea>
        <textarea name="channame_label" from="callsign_label">
            <area>360,380,170,40</area>
            <value>Channel Name</value>
        </textarea>
        <textarea name="xmltv_label" from="callsign_label">
            <area>360,425,170,40</area>
            <value>XMLTV ID</value>
        </textarea>
        
        <textedit name="callsign">
            <area>540,290,300,40</area>
            <statetype name="background">
                <state name="active">
                    <imagetype name="background">
                        <filename>images/widgets/widget_inactive.png</filename>
                        <area>0,0,300,40</area>
                        <alpha>150</alpha>
                    </imagetype>
                </state>
                <state name="selected">
                    <imagetype name="background">
                        <filename>images/widgets/widget_active.png</filename>
                        <area>0,0,300,40</area>
                        <alpha>220</alpha>
                    </imagetype>
                </state>
                <state name="inactive">
                    <imagetype name="background">
                        <filename>images/widgets/widget_active.png</filename>
                        <area>0,0,300,40</area>
                        <alpha>120</alpha>
                    </imagetype>
                </state>
            </statetype>
            
            <imagetype name="cursor">
                <shape name="cursor_shape">
                    <area>0,4,2,32</area>
                    <type>box</type>
                    <fill color="#FFFFFF" alpha="240" />
                </shape>
            </imagetype>
            
            <textarea name="text">
                <area>8,0,290,40</area>
                <font>text</font>
                <align>left,vcenter</align>
            </textarea>
        </textedit>
        
        <textedit name="channum" from="callsign">
            <area>540,335,300,40</area>
        </textedit>
        <textedit name="channame" from="callsign">
            <area>540,380,300,40</area>
        </textedit>
        <textedit name="XMLTV" from="callsign">
            <area>540,425,300,40</area>
        </textedit>

        <shape name="button_separator">
            <area>360,480,555,1</area>
            <type>box</type>
            <line color="#AAAAAA" alpha="150" width="1" />
        </shape>
        
        <button name="probe">
            <area>465,500,150,40</area>
            <statetype name="buttonstate">
                <state name="active">
                    <imagetype name="background">
                        <filename>images/widgets/widget_inactive.png</filename>
                        <area>0,0,150,40</area>
                        <alpha>150</alpha>
                    </imagetype>
                    <textarea name="text">
                        <area>8,5,134,30</area>
                        <align>allcenter</align>
                        <font>text</font>
                        <value>Probe</value>
                        <font state="selected">text</font>
                        <font state="disabled">text_inactive</font>
                    </textarea>
                </state>
                <state name="selected" from="active">
                    <imagetype name="background">
                        <filename>images/widgets/widget_active.png</filename>
                        <area>0,0,150,40</area>
                        <alpha>220</alpha>
                    </imagetype>
                </state>
                <state name="disabled" from="active" />
                <state name="pushed" from="active">
                    <imagetype name="background">
                        <filename>images/widgets/widget_active.png</filename>
                        <area>0,0,150,40</area>
                        <alpha>120</alpha>
                    </imagetype>
                </state>
            </statetype>
        </button>
        
        <button name="ok" from="probe">
            <area>665,500,150,40</area>
            <value>OK</value>
        </button>
    </window>






    <!-- dialog box where the user can edit the current program -->
    <window name="osd_program_editor">
        
        <!-- The clock that is shown at the top right of each screen -->
        <shape name="clock_background">
            <area>1040,-4,244,36</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>
        <clock name="text">
            <area>1040,0,244,30</area>
            <font>text</font>
            <template>%DATE%, %TIME%</template>
            <align>allcenter</align>
        </clock>

        <!-- the background image of the popup dialog box -->
        <shape name="background">
            <area>220,75,840,140</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="130" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <!-- shows the title and the plot of the selected video -->
        <textarea name="title">
            <area>240,90,380,30</area>
            <align>left,vcenter</align>
            <multiline>no</multiline>
            <cutdown>yes</cutdown>
            <font>text</font>
        </textarea>
        
        <!-- shows the current position (as time) -->
        <textarea name="timedisplay" from="title">
            <area>620,90,300,30</area>
            <align>right,vcenter</align>
        </textarea>
        
        <!-- displays the frame of the shown image -->
        <textarea name="framedisplay" from="title">
            <area>940,90,100,30</area>
            <align>right,vcenter</align>
        </textarea>
        
        <!-- shows how far pressing left/right 
             will jump within the recording -->
        <textarea name="seekamount" from="title">
            <area>840,170,200,30</area>
            <align>right,vcenter</align>
        </textarea>
        
        <!-- description of the current action, like cutting... -->
        <textarea name="cutindicator" from="title">
            <area>540,170,200,30</area>
            <align>allcenter</align>
        </textarea>
        
        
        <!-- progressbar that shows the cutting points -->
        <editbar name="editbar">
            <area>240,135,800,20</area>

            <imagetype name="cut">
                <filename>images/widgets/progressbar/progressbar_inactive.png</filename>
                <area>0,0,800,20</area>
                <alpha>150</alpha>
            </imagetype>

            <imagetype name="keep">
                <filename>images/widgets/progressbar/progressbar_active.png</filename>
                <area>0,0,800,20</area>
                <alpha>220</alpha>
            </imagetype>

            <shape name="position">
                <area>0,-13,2,18</area>
                <fill color="#FFFFFF" alpha="255" />
            </shape>
            
            <shape name="cuttoright">
                <area>0,16,1,20</area>
                <fill color="#AAAAAA" alpha="255" />
            </shape>
            <shape name="cuttoleft">
                <area>0,16,1,20</area>
                <fill color="#AAAAAA" alpha="255" />
            </shape>
            
            <shape name="keeptoright">
                <area>0,16,1,12</area>
                <fill color="#FFFFFF" alpha="255" />
            </shape>
            <shape name="keeptoleft">
                <area>0,16,1,12</area>
                <fill color="#FFFFFF" alpha="255" />
            </shape>
            
        </editbar>
    </window>
    
    




    <!-- dialog box that shows the most 
         important options and controls -->
    <window name="MythPopupBox">
    
        <!-- the background image of the popup dialog box -->
        <shape name="dialog_background">
            <area>450,130,380,428</area>
            <type>roundbox</type>
            <fill color="#000000" alpha="210" />
            <line color="#AAAAAA" alpha="150" width="1" />
            <cornerradius>2</cornerradius>
        </shape>

        <imagetype name="message_background">
            <area>465,145,350,90</area>
            <filename>images/widgets/popup_background.png</filename>
            <alpha>220</alpha>
        </imagetype>

        <!-- the text that is shown in the popup box -->
        <textarea name="messagearea" from="base_textarea">
            <area>485,145,320,90</area>
            <font>text</font>
            <multiline>yes</multiline>
            <align>allcenter</align>
        </textarea>

        <buttonlist name="list">
            <area>465,275,350,268</area>
            <layout>vertical</layout>
            <spacing>3</spacing>
            <scrollstyle>free</scrollstyle>
            <wrapstyle>selection</wrapstyle>
            <buttonarea>0,0,100%,97%</buttonarea>
            
            <!-- states that the buttonlist can have -->
            <statetype name="buttonitem">
        
                <!-- active menu entry -->
                <state name="active">
                    <imagetype name="buttonbackground">
                        <filename>images/widgets/widget_inactive.png</filename>
                        <area>0,0,350,40</area>
                        <alpha>150</alpha>
                    </imagetype>
                    
                    <!-- the button's text -->
                    <textarea name="buttontext">
                        <area>8,5,300,30</area>
                        <font>text</font>
                        <cutdown>yes</cutdown>
                        <align>left,vcenter</align>
                    </textarea>
                    
                    <!-- indicates the button contains a submenu -->
                    <imagetype name="buttonarrow">
                        <area>321,6,18,27</area>
                        <filename>images/shared/arrow_right.png</filename>
                        <alpha>70</alpha>
                    </imagetype>
                </state>

                <!-- inactive menu entry -->
                <state name="inactive" from="active" />

                <!-- menu entry has been selected and is active -->
                <state name="selectedactive" from="active">
                    <imagetype name="buttonbackground">
                        <filename>images/widgets/widget_active.png</filename>
                        <area>0,0,350,40</area>
                        <alpha>220</alpha>
                    </imagetype>
                    <imagetype name="buttonarrow">
                        <area>321,6,18,27</area>
                        <filename>images/shared/arrow_right.png</filename>
                        <alpha>220</alpha>
                    </imagetype>
                </state>
                
                <!-- menu entry has been selected and is inactive -->
                <state name="selectedinactive" from="active">
                    <imagetype name="buttonbackground">
                        <filename>images/widgets/widget_active.png</filename>
                        <area>0,0,350,40</area>
                        <alpha>120</alpha>
                    </imagetype>
                    
                    <textarea name="buttontext">
                        <font>text_inactive</font>
                    </textarea>
                    
                    <imagetype name="buttonarrow">
                        <area>321,6,18,27</area>
                        <filename>images/shared/arrow_right.png</filename>
                        <alpha>120</alpha>
                    </imagetype>
                </state>
            </statetype>
            
            <!-- show arrows to indicates that there are
                more menu entries above the first visible menu -->
            <statetype name="upscrollarrow">
                <area>295,260,27,18</area>
                <state type="off">
                    <imagetype name="upon">
                        <filename>images/shared/arrow_up.png</filename>
                        <alpha>70</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="upoff">
                        <filename>images/shared/arrow_up.png</filename>
                        <alpha>220</alpha>
                    </imagetype>
                </state>
            </statetype>
            
            <!-- show arrows to indicates that there are
                more menu entries below the last visible menu -->
            <statetype name="downscrollarrow">
                <area>320,260,27,18</area>
                <state type="off">
                    <imagetype name="dnon">
                        <filename>images/shared/arrow_down.png</filename>
                        <alpha>70</alpha>
                    </imagetype>
                </state>
                <state type="full">
                    <imagetype name="dnoff">
                        <filename>images/shared/arrow_down.png</filename>
                        <alpha>220</alpha>
                    </imagetype>
                </state>
            </statetype>
        </buttonlist>

    </window>
    
</mythuitheme>