Some of my goals for this skin would be:
Make it gamer friendly (pretty sure this means adding keymaps for controllers, and add a 'games' section, and also maybe a social section for raptr.)
Add a dynamically changing widget for each section (recently opened, new, or random or whatever) (these widgets would go downward like a vertical list of stuff.)
All I really want to do is modify the main menu, the rest of the skin i'll leave untouched. (For now.)
So far, I've only moved the main menu up a bit, but I was wondering, how do I move the search bar?
What i'm trying to do is strech the searchbar from end to end to make it more visable (see screenshot).
When I try to change one or some of the <top></top> variables, the search bar (the bar itself) can be moved and streched, but the 'background' (behind the search bar and eyeglass icon) won't move or strech. Or the little stripe on the side moves (not in line) with the background and the search bar itself.
Maybe can upload a few photoshoped concepts when i'm at my work PC, but for now here is my potato quality screenshot.
Screenshot:
This is the code so far:
Make it gamer friendly (pretty sure this means adding keymaps for controllers, and add a 'games' section, and also maybe a social section for raptr.)
Add a dynamically changing widget for each section (recently opened, new, or random or whatever) (these widgets would go downward like a vertical list of stuff.)
All I really want to do is modify the main menu, the rest of the skin i'll leave untouched. (For now.)
So far, I've only moved the main menu up a bit, but I was wondering, how do I move the search bar?
What i'm trying to do is strech the searchbar from end to end to make it more visable (see screenshot).
When I try to change one or some of the <top></top> variables, the search bar (the bar itself) can be moved and streched, but the 'background' (behind the search bar and eyeglass icon) won't move or strech. Or the little stripe on the side moves (not in line) with the background and the search bar itself.
Maybe can upload a few photoshoped concepts when i'm at my work PC, but for now here is my potato quality screenshot.
Screenshot:
This is the code so far:
Code:
<?xml version="1.0" encoding="UTF-8"?>
<window>
<defaultcontrol always="true">9000</defaultcontrol>
<allowoverlay>no</allowoverlay>
<onload condition="System.HasAddon(script.skinshortcuts)">RunScript(script.skinshortcuts,type=buildxml&mode=single&options=clonewidgets&mainmenuID=9000)</onload>
<controls>
<include>CommonBackground</include>
<include>Clock</include>
<!--breadcrumbs-->
<control type="group">
<!--breadcrumb bg-->
<control type="image">
<left>64</left>
<top>60</top>
<width>500</width>
<height>45</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--breadcrumb strip-->
<control type="image">
<left>60</left>
<top>60</top>
<width>4</width>
<height>45</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<!--breadcrumb labels-->
<control type="grouplist">
<left>73</left>
<top>60</top>
<width>1500</width>
<height>45</height>
<orientation>horizontal</orientation>
<align>left</align>
<itemgap>8</itemgap>
<control type="label">
<width min="0" max="90">auto</width>
<include>WindowTitleCommons</include>
<label>Kodi</label>
</control>
<control type="label">
<width min="0" max="385">auto</width>
<textcolor>$VAR[Colour.500]</textcolor>
<include>WindowTitleCommons</include>
<label>[LOWERCASE]$LOCALIZE[10000][/LOWERCASE]</label>
</control>
</control>
<!--user profile bg-->
<control type="image">
<left>64</left>
<top>110</top>
<width>318</width>
<height>34</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--user profile strip-->
<control type="image">
<left>60</left>
<top>110</top>
<width>4</width>
<height>34</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<!--user profile label-->
<control type="label">
<left>73</left>
<top>110</top>
<width>300</width>
<height>34</height>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>text.primary</textcolor>
<label>$LOCALIZE[31940] [COLOR=$VAR[Colour.500]]$INFO[System.ProfileName][/COLOR]</label>
</control>
</control>
<!--Now playing music Info-->
<control type="group">
<left>0</left>
<top>140</top>
<visible>Player.HasAudio + !Skin.HasSetting(homepageMusicinfo) + IsEmpty(Window(videolibrary).Property(PlayingBackgroundMedia))</visible>
<!--cover-->
<control type="image">
<left>55</left>
<top>337</top>
<width>181</width>
<height>181</height>
<aspectratio aligny="bottom">stretch</aspectratio>
<bordersize>5</bordersize>
<bordertexture colordiffuse="$VAR[Colour.500]">backgrounds/square shadow small.png</bordertexture>
<texture fallback="DefaultAlbumCover.png">$INFO[Player.Art(thumb)]</texture>
</control>
<!--labels-->
<control type="group">
<top>0</top>
<!--title-->
<control type="label">
<left>240</left>
<top>415</top>
<height>45</height>
<width>1500</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Title]</label>
</control>
<!--artist/album-->
<control type="label">
<description>Album Label</description>
<left>240</left>
<top>454</top>
<height>38</height>
<width>825</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[MusicPlayer.Artist,, - ]$INFO[MusicPlayer.Album]$INFO[musicplayer.discnumber, - $LOCALIZE[427]: ]</label>
</control>
<!--time-->
<control type="label">
<left>240</left>
<top>480</top>
<height>45</height>
<width>450</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Time] / $INFO[Player.Duration,]</label>
</control>
</control>
</control>
<!--Now playing LiveTV Info-->
<control type="group">
<left>795r</left>
<top>200</top>
<visible>StringCompare(Container(9000).ListItem.Property(defaultID),livetv) + [PVR.IsRecording | PVR.HasNonRecordingTimer]</visible>
<control type="group">
<animation effect="slide" start="0,0" end="0,140" time="0" condition="PVR.IsRecording">conditional</animation>
<visible>PVR.HasNonRecordingTimer</visible>
<!--background-->
<control type="image">
<left>0</left>
<top>0</top>
<width>735</width>
<height>135</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--background strip-->
<control type="image">
<left>64r</left>
<top>0</top>
<width>4</width>
<height>135</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<control type="image">
<left>600</left>
<top>8</top>
<width>120</width>
<height>120</height>
<aspectratio>keep</aspectratio>
<texture background="true" fallback="DefaultVideoCover.png">$INFO[PVR.NextRecordingChannelIcon]</texture>
</control>
<control type="image">
<left>548</left>
<top>16</top>
<width>38</width>
<height>38</height>
<aspectratio>keep</aspectratio>
<texture colordiffuse="$VAR[Colour.500]">PVR-HasTimer.png</texture>
</control>
<control type="label">
<description>Next Timer Header label</description>
<left>15</left>
<top>14</top>
<height>38</height>
<width>517</width>
<label>$LOCALIZE[19157]</label>
<align>right</align>
<aligny>center</aligny>
<textcolor>$VAR[Colour.500]</textcolor>
</control>
<control type="label">
<description>NextRecordingDateTime</description>
<left>15</left>
<top>53</top>
<height>38</height>
<width>570</width>
<label>$INFO[PVR.NextRecordingDateTime,$LOCALIZE[19126] - ]</label>
<align>right</align>
<aligny>center</aligny>
<scroll>true</scroll>
</control>
<control type="label">
<description>NextRecordingTitle Channel</description>
<left>15</left>
<top>85</top>
<height>38</height>
<width>570</width>
<label>$INFO[PVR.NextRecordingTitle] - [COLOR=$VAR[Colour.500]]$INFO[PVR.NextRecordingChannel,(,)][/COLOR]</label>
<align>right</align>
<aligny>center</aligny>
<scroll>true</scroll>
</control>
</control>
<control type="group">
<visible>PVR.IsRecording</visible>
<!--background-->
<control type="image">
<left>0</left>
<top>0</top>
<width>735</width>
<height>135</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--background strip-->
<control type="image">
<left>64r</left>
<top>0</top>
<width>4</width>
<height>135</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<control type="image">
<left>600</left>
<top>8</top>
<width>120</width>
<height>120</height>
<aspectratio>keep</aspectratio>
<texture background="true" fallback="DefaultVideoCover.png">$INFO[PVR.NowRecordingChannelIcon]</texture>
</control>
<control type="image">
<left>545</left>
<top>13</top>
<width>45</width>
<height>45</height>
<aspectratio>keep</aspectratio>
<texture colordiffuse="$VAR[Colour.500]">PVR-IsRecording.png</texture>
</control>
<control type="label">
<description>Is Recording Header label</description>
<left>15</left>
<top>14</top>
<height>38</height>
<width>517</width>
<label>$LOCALIZE[19158]</label>
<align>right</align>
<aligny>center</aligny>
<textcolor>$VAR[Colour.500]</textcolor>
</control>
<control type="label">
<description>NextRecordingDateTime</description>
<left>15</left>
<top>53</top>
<height>38</height>
<width>570</width>
<label>$INFO[PVR.NowRecordingDateTime,$LOCALIZE[19126] - ]</label>
<align>right</align>
<aligny>center</aligny>
<scroll>true</scroll>
</control>
<control type="label">
<description>NextRecordingTitle Channel</description>
<left>15</left>
<top>85</top>
<height>38</height>
<width>570</width>
<label>$INFO[PVR.NowRecordingTitle] - [COLOR=$VAR[Colour.500]]$INFO[PVR.NowRecordingChannel,(,)][/COLOR]</label>
<align>right</align>
<aligny>center</aligny>
<scroll>true</scroll>
</control>
</control>
</control>
<!--Now playing video Info -->
<control type="group">
<left>0</left>
<top>140</top>
<visible>Player.HasVideo + !Skin.HasSetting(homepageVideoinfo) + IsEmpty(Window(videolibrary).Property(PlayingBackgroundMedia))</visible>
<!--videos-->
<control type="group">
<visible>!VideoPlayer.Content(Movies) + !VideoPlayer.Content(Episodes) + !VideoPlayer.Content(LiveTV)</visible>
<!--cover bg-->
<control type="image">
<left>55</left>
<top>337</top>
<width>270</width>
<height>180</height>
<aspectratio aligny="bottom">stretch</aspectratio>
<bordersize>5</bordersize>
<bordertexture colordiffuse="$VAR[Colour.500]">backgrounds/square shadow small.png</bordertexture>
<texture>backgrounds/white.png</texture>
</control>
<!--video-->
<control type="videowindow">
<left>60</left>
<top>342</top>
<width>260</width>
<height>170</height>
<visible>Player.HasVideo</visible>
</control>
<!--title-->
<control type="label">
<left>330</left>
<top>444</top>
<height>45</height>
<width>1500</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Title]</label>
</control>
<!--time-->
<control type="label">
<left>330</left>
<top>480</top>
<height>45</height>
<width>450</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Time] / $INFO[Player.Duration,]</label>
</control>
</control>
<!--live tv-->
<control type="group">
<visible>VideoPlayer.Content(LiveTV)</visible>
<!--thumb-->
<control type="image">
<left>64</left>
<top>425</top>
<width>256</width>
<height>90</height>
<aspectratio>keep</aspectratio>
<texture fallback="DefaultVideoCover.png">$INFO[Player.Art(thumb)]</texture>
</control>
<!--title-->
<control type="label">
<left>330</left>
<top>415</top>
<height>45</height>
<width>1500</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Title]</label>
</control>
<!--channel-->
<control type="label">
<left>330</left>
<top>454</top>
<height>38</height>
<width>825</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[VideoPlayer.ChannelName]</label>
</control>
<!--time-->
<control type="label">
<left>330</left>
<top>480</top>
<height>45</height>
<width>450</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Time] / $INFO[Player.Duration,]</label>
</control>
</control>
<!--movies-->
<control type="group">
<visible>VideoPlayer.Content(Movies)</visible>
<control type="image">
<left>55</left>
<top>257</top>
<width>175</width>
<height>263</height>
<aspectratio aligny="bottom">stretch</aspectratio>
<bordertexture>backgrounds/poster shadow small.png</bordertexture>
<bordersize>5</bordersize>
<texture fallback="DefaultVideoCover.png">$INFO[Player.Art(thumb)]</texture>
</control>
<!--title-->
<control type="label">
<left>233</left>
<top>415</top>
<height>45</height>
<width>1500</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Title]</label>
</control>
<!--studio-->
<control type="label">
<left>233</left>
<top>454</top>
<height>38</height>
<width>825</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[VideoPlayer.Studio]</label>
</control>
<!--time-->
<control type="label">
<left>233</left>
<top>480</top>
<height>45</height>
<width>450</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Time] / $INFO[Player.Duration,]</label>
</control>
</control>
<!--episodes-->
<control type="group">
<visible>VideoPlayer.Content(Episodes)</visible>
<!--thumb-->
<control type="image">
<left>55</left>
<top>338</top>
<width>270</width>
<height>180</height>
<aspectratio>scale</aspectratio>
<texture fallback="DefaultVideoCover.png">$INFO[Player.Art(thumb)]</texture>
<bordertexture>backgrounds/episode shadow small.png</bordertexture>
<bordersize>5</bordersize>
</control>
<!--title-->
<control type="label">
<left>330</left>
<top>415</top>
<height>45</height>
<width>1500</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Title]</label>
</control>
<!--episode-->
<control type="label">
<left>330</left>
<top>454</top>
<height>38</height>
<width>825</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[VideoPlayer.TVShowTitle] ($INFO[VideoPlayer.Season,$LOCALIZE[20373] , - ]$INFO[VideoPlayer.episode,$LOCALIZE[20359] ,])</label>
</control>
<!--time-->
<control type="label">
<left>330</left>
<top>480</top>
<height>45</height>
<width>450</width>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.secondary</font>
<textcolor>white</textcolor>
<shadowcolor>button.nf</shadowcolor>
<label>$INFO[Player.Time] / $INFO[Player.Duration,]</label>
</control>
</control>
</control>
<!--recently added items-->
<include condition="!Skin.HasSetting(HomepageHideRecentlyAddedVideo) | !Skin.HasSetting(HomepageHideRecentlyAddedAlbums)">HomeRecentlyAddedInfo</include>
<!--Hidden Button to pass through navigation when recently added is disabled-->
<control type="button" id="9003">
<left>-30</left>
<top>-30</top>
<width>1</width>
<height>1</height>
<label>-</label>
<font>-</font>
<texturefocus>-</texturefocus>
<texturenofocus>-</texturenofocus>
<onleft>9000</onleft>
<onright>9000</onright>
<onup>20</onup>
<ondown>608</ondown>
<visible>false</visible>
</control>
<!--now playing controls-->
<control type="group">
<left>900r</left>
<top>610</top>
<visible>IsEmpty(Window(videolibrary).Property(PlayingBackgroundMedia))</visible>
<animation type="WindowOpen" reversible="false">
<effect type="zoom" start="80" end="100" center="960,540" easing="out" tween="back" time="300" />
<effect type="fade" start="0" end="100" time="300" />
</animation>
<animation type="WindowClose" reversible="false">
<effect type="zoom" start="100" end="80" center="960,540" easing="in" tween="back" time="300" />
<effect type="fade" start="100" end="0" time="300" />
</animation>
<!--end image-->
<!--control type="image">
<description>Background End image</description>
<left>0</left>
<top>-10</top>
<width>60</width>
<height>70</height>
<colordiffuse>tertiary</colordiffuse>
<texture flipy="true" flipx="true">HomeSubEnd.png</texture>
<animation effect="slide" start="0,0" end="218,0" time="0" condition="!System.HasAddon(script.globalsearch)">Conditional</animation>
</control-->
<!--search-->
<control type="group">
<visible>System.HasAddon(script.globalsearch)</visible>
<!--search background-->
<control type="image">
<left>60</left>
<top>0</top>
<width>776</width>
<height>45</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
<animation effect="zoom" start="60,0,776,45" end="608,0,228,45" time="500" condition="!Player.HasMedia">conditional</animation>
</control>
<!--background strip-->
<control type="image">
<left>64r</left>
<top>0</top>
<width>4</width>
<height>45</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<!--global search button-->
<control type="radiobutton" id="608">
<colordiffuse>tertiary</colordiffuse>
<left>65</left>
<top>5</top>
<height>35</height>
<width>218</width>
<textwidth>225</textwidth>
<textoffsetx>10</textoffsetx>
<textoffsety>3</textoffsety>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.tertiary</font>
<textcolor>text.primary</textcolor>
<focusedcolor>white</focusedcolor>
<texturefocus colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texturefocus>
<texturenofocus colordiffuse="button.border">button-border-search.png</texturenofocus>
<pulseonselect>false</pulseonselect>
<label>137</label>
<onclick>RunScript(script.globalsearch)</onclick>
<textureradioonfocus colordiffuse="white">icon_search.png</textureradioonfocus>
<textureradioonnofocus colordiffuse="text.primary">icon_search.png</textureradioonnofocus>
<textureradioofffocus colordiffuse="white">icon_search.png</textureradioofffocus>
<textureradiooffnofocus colordiffuse="text.primary">icon_search.png</textureradiooffnofocus>
<onleft>607</onleft>
<onright>601</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<radiowidth>24</radiowidth>
<radioheight>24</radioheight>
<radioposx>188</radioposx>
<animation effect="slide" start="0,0" end="548,0" time="500" condition="!Player.HasMedia">conditional</animation>
</control>
</control>
<!--now playing items-->
<control type="group">
<animation effect="fade" start="0" end="100" time="0" delay="500">Visible</animation>
<animation effect="fade" start="100" end="0" time="0">Hidden</animation>
<visible>Player.HasMedia</visible>
<!--media controls-->
<control type="group" id="600">
<left>303</left>
<onup>9003</onup>
<ondown>9000</ondown>
<defaultcontrol>-</defaultcontrol>
<enable>Player.HasMedia</enable>
<!--background-->
<control type="image">
<left>-15</left>
<top>0</top>
<width>308</width>
<height>45</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--background strip-->
<control type="image">
<left>64r</left>
<top>0</top>
<width>4</width>
<height>45</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
<visible>!System.HasAddon(script.globalsearch)</visible>
</control>
<control type="group">
<visible>!VideoPlayer.Content(LiveTV)</visible>
<top>-5</top>
<left>-5</left>
<control type="button" id="601">
<left>15</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDPrevTrackNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDPrevTrackNF.png</texturenofocus>
<onleft>608</onleft>
<onright>602</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(Previous)</onclick>
</control>
<control type="button" id="602">
<left>60</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDRewindNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDRewindNF.png</texturenofocus>
<onleft>601</onleft>
<onright>603</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(Rewind)</onclick>
</control>
<control type="togglebutton" id="603">
<left>105</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDPauseNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDPauseNF.png</texturenofocus>
<usealttexture>Player.Paused | Player.Forwarding | Player.Rewinding</usealttexture>
<alttexturefocus colordiffuse="$VAR[Colour.500]">OSDPlayNF.png</alttexturefocus>
<alttexturenofocus colordiffuse="text.primary">OSDPlayNF.png</alttexturenofocus>
<onleft>602</onleft>
<onright>604</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(Play)</onclick>
</control>
<control type="button" id="604">
<left>150</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDStopNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDStopNF.png</texturenofocus>
<onleft>603</onleft>
<onright>605</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>down</onclick>
<onclick>XBMC.PlayerControl(Stop)</onclick>
</control>
<control type="button" id="605">
<left>195</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDForwardNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDForwardNF.png</texturenofocus>
<onleft>604</onleft>
<onright>606</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(Forward)</onclick>
</control>
<control type="button" id="606">
<left>240</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDNextTrackNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDNextTrackNF.png</texturenofocus>
<onleft>605</onleft>
<onright>607</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(Next)</onclick>
</control>
</control>
<control type="group" id="600">
<visible>VideoPlayer.Content(LiveTV)</visible>
<top>-5</top>
<left>-5</left>
<control type="button" id="601">
<left>15</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDChannelUPNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDChannelUPNF.png</texturenofocus>
<onleft>608</onleft>
<onright>602</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>ChannelDown</onclick>
</control>
<control type="button" id="602">
<left>60</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDChannelDownNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDChannelDownNF.png</texturenofocus>
<onleft>601</onleft>
<onright>603</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>ChannelUp</onclick>
</control>
<control type="button" id="603">
<left>105</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDStopNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDStopNF.png</texturenofocus>
<onleft>602</onleft>
<onright>604</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>down</onclick>
<onclick>XBMC.PlayerControl(Stop)</onclick>
</control>
<control type="togglebutton" id="604">
<left>150</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDPauseNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDPauseNF.png</texturenofocus>
<usealttexture>Player.Paused | Player.Forwarding | Player.Rewinding</usealttexture>
<alttexturefocus colordiffuse="$VAR[Colour.500]">OSDPlayNF.png</alttexturefocus>
<alttexturenofocus colordiffuse="text.primary">OSDPlayNF.png</alttexturenofocus>
<onleft>603</onleft>
<onright>606</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(Play)</onclick>
<enable>Player.PauseEnabled</enable>
<animation effect="fade" start="100" end="30" time="100" condition="!Player.PauseEnabled">Conditional</animation>
</control>
<control type="button" id="606">
<left>240</left>
<top>15</top>
<width>25</width>
<height>25</height>
<label>-</label>
<texturefocus colordiffuse="$VAR[Colour.500]">OSDRecordOffNF.png</texturefocus>
<texturenofocus colordiffuse="text.primary">OSDRecordOffNF.png</texturenofocus>
<onleft>604</onleft>
<onright>607</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<onclick>XBMC.PlayerControl(record)</onclick>
</control>
</control>
</control>
<!--fullscreen background-->
<control type="image">
<left>586</left>
<top>0</top>
<width>250</width>
<height>45</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--fullscreen button-->
<control type="radiobutton" id="607">
<colordiffuse>tertiary</colordiffuse>
<left>591</left>
<top>5</top>
<height>35</height>
<width>240</width>
<textwidth>225</textwidth>
<textoffsetx>10</textoffsetx>
<textoffsety>8</textoffsety>
<align>left</align>
<aligny>center</aligny>
<font>breadcrumb.tertiary</font>
<textcolor>text.primary</textcolor>
<focusedcolor>white</focusedcolor>
<texturefocus colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texturefocus>
<texturenofocus colordiffuse="button.border">button-border-fullscreen.png</texturenofocus>
<pulseonselect>false</pulseonselect>
<label>31008</label>
<onclick>fullscreen</onclick>
<textureradioonfocus colordiffuse="tertiary">GoFullscreen.png</textureradioonfocus>
<textureradioonnofocus colordiffuse="text.primary">GoFullscreen.png</textureradioonnofocus>
<textureradioofffocus colordiffuse="tertiary">GoFullscreen.png</textureradioofffocus>
<textureradiooffnofocus colordiffuse="text.primary">GoFullscreen.png</textureradiooffnofocus>
<onleft>606</onleft>
<onright>608</onright>
<onup>9003</onup>
<ondown>9000</ondown>
<enable>Player.HasMedia</enable>
<radiowidth>26</radiowidth>
<radioheight>26</radioheight>
<radioposx>210</radioposx>
</control>
</control>
</control>
<!--menus-->
<control type="group">
<top>170</top>
<animation type="WindowOpen" reversible="false">
<effect type="zoom" start="80" end="100" center="960,540" easing="out" tween="back" time="300" />
<effect type="fade" start="0" end="100" time="300" />
</animation>
<animation type="WindowClose" reversible="false">
<effect type="zoom" start="100" end="80" center="960,540" easing="in" tween="back" time="300" />
<effect type="fade" start="100" end="0" time="300" delay="200" />
</animation>
<control type="group">
<!--sub menus-->
<!-- <include condition="!Skin.HasSetting(AutoHideHomepageSubmenu)">skinshortcuts-template-submenu</include>
<include condition="Skin.HasSetting(AutoHideHomepageSubmenu)">HomeSubMenu</include>
-->
</control>
<!--main menu background-->
<control type="image">
<left>60</left>
<top>10</top>
<width>1800</width>
<height>92</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--main menu--> <!--This is the main menu as a grouped object-->
<control type="fixedlist" id="9000">
<left>60</left>
<top>8</top>
<width>1800</width>
<height>90</height>
<onleft>9000</onleft>
<onright>9000</onright>
<onup condition="System.HasAddon(script.globalsearch)">608</onup>
<onup condition="!System.HasAddon(script.globalsearch)">603</onup>
<ondown>9901</ondown>
<pagecontrol>-</pagecontrol>
<scrolltime>300</scrolltime>
<focusposition>2</focusposition>
<movement>1</movement>
<orientation>Horizontal</orientation>
<itemlayout height="90" width="360">
<!--seperator-->
<control type="image">
<left>0</left>
<top>15</top>
<width>1</width>
<height>62</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<!--label-->
<control type="label">
<left>10</left>
<top>0</top>
<width>340</width>
<height>90</height>
<font>main.menu</font>
<textcolor>text.primary</textcolor>
<align>center</align>
<aligny>center</aligny>
<label>$INFO[ListItem.Label]</label>
</control>
<!--seperator-->
<control type="image">
<left>360</left>
<top>15</top>
<width>1</width>
<height>62</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
</itemlayout>
<focusedlayout height="90" width="360">
<control type="image">
<left>0</left>
<top>15</top>
<width>1</width>
<height>62</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<control type="label">
<left>10</left>
<top>0</top>
<width>340</width>
<height>90</height>
<font>main.menu</font>
<textcolor>text.primary</textcolor>
<align>center</align>
<aligny>center</aligny>
<label>$INFO[ListItem.Label]</label>
<visible>!Control.HasFocus(9000)</visible>
<include>VisibleFadeEffect</include>
</control>
<control type="label">
<left>10</left>
<top>0</top>
<width>340</width>
<height>90</height>
<font>main.menu</font>
<textcolor>$VAR[Colour.500]</textcolor>
<align>center</align>
<aligny>center</aligny>
<label>$INFO[ListItem.Label]</label>
<visible>Control.HasFocus(9000)</visible>
<include>VisibleFadeEffect</include>
</control>
<!--seperator-->
<control type="image">
<left>360</left>
<top>15</top>
<width>1</width>
<height>62</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
</focusedlayout>
<content>
<include>skinshortcuts-mainmenu</include>
</content>
</control>
<!--left side fade-->
<control type="image">
<left>60</left>
<top>10</top>
<width>192</width>
<height>92</height>
<texture colordiffuse="tertiary">SideFade.png</texture>
</control>
<!--right side fade-->
<control type="image">
<left>252r</left>
<top>10</top>
<width>192</width>
<height>92</height>
<texture colordiffuse="tertiary" flipx="true">SideFade.png</texture>
</control>
<!--background strip left-->
<control type="image">
<left>60</left>
<top>10</top>
<width>4</width>
<height>92</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<!--background strip right-->
<control type="image">
<left>64r</left>
<top>10</top>
<width>4</width>
<height>92</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
</control>
<!--addon sortcuts-->
<control type="group" id="9002">
<onup>9901</onup>
<ondown>20</ondown>
<animation effect="slide" start="0,0" end="0,-10" time="0" condition="system.getbool(lookandfeel.enablerssfeeds)">Conditional</animation>
<control type="fixedlist" id="700">
<animation effect="slide" start="0,0" end="-136,0" time="0" condition="StringCompare(Container(700).NumItems,2) | StringCompare(Container(700).NumItems,4)">conditional</animation>
<visible>StringCompare(Container(9000).ListItem.Property(defaultID),videos) | StringCompare(Container(9000).ListItem.Property(defaultID),movies) | StringCompare(Container(9000).ListItem.Property(defaultID),tvshows)</visible>
<bottom>60</bottom>
<onleft>700</onleft>
<onright>700</onright>
<onup>9901</onup>
<ondown>20</ondown>
<include>HomeAddonsCommonLayout</include>
<content>
<include>HomeAddonItemsVideos</include>
</content>
</control>
<control type="fixedlist" id="703">
<animation effect="slide" start="0,0" end="-136,0" time="0" condition="StringCompare(Container(703).NumItems,2) | StringCompare(Container(703).NumItems,4)">conditional</animation>
<visible>StringCompare(Container(9000).ListItem.Property(defaultID),music)</visible>
<bottom>60</bottom>
<onleft>703</onleft>
<onright>703</onright>
<onup>9901</onup>
<ondown>20</ondown>
<include>HomeAddonsCommonLayout</include>
<content>
<include>HomeAddonItemsMusic</include>
</content>
</control>
<control type="fixedlist" id="704">
<animation effect="slide" start="0,0" end="-136,0" time="0" condition="StringCompare(Container(704).NumItems,2) | StringCompare(Container(704).NumItems,4)">conditional</animation>
<visible>StringCompare(Container(9000).ListItem.Property(defaultID),pictures)</visible>
<bottom>60</bottom>
<onleft>704</onleft>
<onright>704</onright>
<onup>9901</onup>
<ondown>20</ondown>
<include>HomeAddonsCommonLayout</include>
<content>
<include>HomeAddonItemsPictures</include>
</content>
</control>
<control type="fixedlist" id="705">
<animation effect="slide" start="0,0" end="-136,0" time="0" condition="StringCompare(Container(705).NumItems,2) | StringCompare(Container(705).NumItems,4)">conditional</animation>
<visible>StringCompare(Container(9000).ListItem.Property(defaultID),programs)</visible>
<bottom>60</bottom>
<onleft>705</onleft>
<onright>705</onright>
<onup>9901</onup>
<ondown>20</ondown>
<include>HomeAddonsCommonLayout</include>
<content>
<include>HomeAddonItemsPrograms</include>
</content>
</control>
</control>
<!--rss feed-->
<control type="group">
<visible>system.getbool(lookandfeel.enablerssfeeds)</visible>
<include>Window_OpenClose_Animation</include>
<!--rss background-->
<control type="image">
<left>60</left>
<top>54r</top>
<width>1796</width>
<height>34</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--rss background strip-->
<control type="image">
<left>64r</left>
<top>54r</top>
<width>4</width>
<height>34</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<!--rss feed-->
<control type="rss">
<left>70</left>
<top>52r</top>
<height>34</height>
<width>1775</width>
<font>breadcrumb.secondary</font>
<urlset>1</urlset>
<textcolor>$VAR[Colour.500]</textcolor>
<titlecolor>$VAR[Colour.500]</titlecolor>
<headlinecolor>text.primary</headlinecolor>
</control>
</control>
<!--bottom buttons-->
<control type="group" id="10">
<left>314r</left>
<top>60</top>
<include>Window_OpenClose_Animation</include>
<animation effect="slide" start="0,0" end="40,0" time="0" condition="!SubString(System.Time,am) + !SubString(System.Time,pm)">Conditional</animation>
<control type="button" id="20">
<description>Power push button</description>
<left>0</left>
<top>0</top>
<width>45</width>
<height>45</height>
<label>31003</label>
<font>-</font>
<onclick>ActivateWindow(ShutdownMenu)</onclick>
<texturefocus colordiffuse="tertiary">backgrounds/white.png</texturefocus>
<texturenofocus colordiffuse="tertiary">backgrounds/white.png</texturenofocus>
<onleft>21</onleft>
<onright>21</onright>
<onup>9002</onup>
<ondown>9003</ondown>
</control>
<control type="image">
<description>Power Icon</description>
<left>0</left>
<top>0</top>
<width>45</width>
<height>45</height>
<aspectratio>keep</aspectratio>
<texture colordiffuse="text.primary">icon_power.png</texture>
<visible>!Control.HasFocus(20)</visible>
</control>
<control type="image">
<description>Power Icon</description>
<left>0</left>
<top>0</top>
<width>45</width>
<height>45</height>
<aspectratio>keep</aspectratio>
<texture colordiffuse="$VAR[Colour.500]">icon_power.png</texture>
<visible>Control.HasFocus(20)</visible>
</control>
<control type="button" id="21">
<description>Favourites push button</description>
<left>50</left>
<top>0</top>
<width>45</width>
<height>45</height>
<label>1036</label>
<font>-</font>
<onclick>ActivateWindow(Favourites)</onclick>
<texturefocus colordiffuse="tertiary">backgrounds/white.png</texturefocus>
<texturenofocus colordiffuse="tertiary">backgrounds/white.png</texturenofocus>
<onleft>20</onleft>
<onright>20</onright>
<onup>9002</onup>
<ondown>9003</ondown>
</control>
<control type="image">
<description>Favourites Icon</description>
<left>50</left>
<top>0</top>
<width>45</width>
<height>45</height>
<aspectratio>keep</aspectratio>
<texture colordiffuse="text.primary">icon_favourites.png</texture>
<visible>!Control.HasFocus(21)</visible>
</control>
<control type="image">
<description>Favourites Icon</description>
<left>50</left>
<top>0</top>
<width>45</width>
<height>45</height>
<aspectratio>keep</aspectratio>
<texture colordiffuse="$VAR[Colour.500]">icon_favourites.png</texture>
<visible>Control.HasFocus(21)</visible>
</control>
</control>
<!--weather info-->
<control type="group">
<left>60</left>
<top>930</top>
<visible>Skin.HasSetting(homepageWeatherinfo) + !IsEmpty(Weather.Plugin)</visible>
<include>Window_OpenClose_Animation</include>
<!--breadcrumb bg-->
<control type="image">
<left>4</left>
<top>0</top>
<width>485</width>
<height>90</height>
<texture colordiffuse="tertiary">backgrounds/white.png</texture>
</control>
<!--breadcrumb strip-->
<control type="image">
<left>0</left>
<top>0</top>
<width>4</width>
<height>90</height>
<texture colordiffuse="$VAR[Colour.500]">backgrounds/white.png</texture>
</control>
<control type="image">
<description>Weather image</description>
<left>4</left>
<top>0</top>
<width>90</width>
<height>90</height>
<aspectratio>keep</aspectratio>
<texture>$INFO[Weather.Conditions]</texture>
</control>
<control type="label">
<description>Location label</description>
<left>102</left>
<top>12</top>
<width>375</width>
<height>22</height>
<align>left</align>
<aligny>center</aligny>
<font>font10</font>
<textcolor>text.primary</textcolor>
<label>$INFO[Window(Weather).Property(Location)]</label>
</control>
<control type="grouplist">
<left>102</left>
<top>40</top>
<width>375</width>
<height>45</height>
<orientation>horizontal</orientation>
<align>left</align>
<itemgap>0</itemgap>
<control type="label">
<description>Temp label</description>
<width min="0" max="300">auto</width>
<height>45</height>
<align>left</align>
<aligny>center</aligny>
<font>font28_title</font>
<textcolor>text.primary</textcolor>
<label>$INFO[Window(Weather).Property(Current.Temperature)]</label>
</control>
<control type="label">
<description>Temp Units</description>
<width min="0" max="150">auto</width>
<height>33</height>
<font>font10</font>
<aligny>center</aligny>
<label>$INFO[System.TemperatureUnits]</label>
<textcolor>text.primary</textcolor>
<visible>!IsEmpty(Window(Weather).Property(Current.Temperature))</visible>
</control>
<control type="label">
<description>Conditions Label</description>
<width>285</width>
<height>33</height>
<font>font10</font>
<aligny>center</aligny>
<label>$INFO[Window(Weather).Property(Current.Condition), ]</label>
<textcolor>$VAR[Colour.500]</textcolor>
</control>
</control>
</control>
<!--dialog fade-->
<include>BehindDialogFadeOut</include>
</controls>
</window>
