aspect-ratio-16-9-detailed.xml

<!--
16:9 resolution: 
based on 1920x1080
-->
<theme>

   <!--
   ///
   All Views: Defaults
   ///
   -->
   <view name="system,gamelist">
      <helpsystem name="help">
         <posDimmed>0.5 0.965</posDimmed>
         <originDimmed>0.5 1</originDimmed>
         <fontSize>0.018</fontSize>
         <entrySpacing>0.0042</entrySpacing>
      </helpsystem>
       <image name="background-art-gradient">
         <pos>0 0.82</pos>
         <size>1 0.20</size>
      </image>
      <image name="background-art">
         <pos>0.5 0.5</pos>
         <size>1 1</size>
      </image>
   </view>

   <!--
   ///
   System View: Defaults
   ///
   -->
   <view name="system">
      <carousel name="system-carousel">
         <pos>0 0.91</pos>
         <size>1 0.319444444444444</size>
         <itemSize>0.15625 0.277777777777778</itemSize>
         <fontSize>${systemDescriptionFontSize}</fontSize>
         <maxItemCount>4.5</maxItemCount>
      </carousel>
      <image name="system-carousel-selector">
         <pos>0.25 0</pos>
         <size>0.261 1</size>
      </image>
      <image name="system-carousel-selector-shadow">
         <pos>0.25 -.1</pos>
         <size>0.280 1.1</size>
      </image>
      <image name="Overlay">
         <pos>0.5 0.5</pos>
         <size>1 1</size>
      </image>
      <image name="system-image">
         <pos>0.25 .23</pos>
         <size>.24 0</size>
      </image>
      <helpsystem name="help">
         <pos>0.98 0.977</pos>
      </helpsystem>
      <text name="system-name">
          <pos>0.25 0.478${systemNamePos}</pos>
          <fontSize>${systemHeaderFontSize}</fontSize>
      </text>
      <text name="system-year-type">
          <pos>0.25 0.518</pos>
          <fontSize>${systemInfoFontSize}</fontSize>
      </text>
      <text name="games-count">
         <pos>0.25 0.586</pos>
         <size>0.259 ${systemInfoFontSize}</size>
         <fontSize>${systemInfoFontSize}</fontSize>
      </text>
      <text name="system-description">
         <origin>0.5 0</origin>
         <pos>0.25 0.615</pos>
         <size>0.23 0.23</size>
         <fontPath>${fontRegular}</fontPath>
         <fontSize>${systemDescriptionFontSize}</fontSize>
         <text>${systemDescription}</text>
         <verticalAlignment>top</verticalAlignment>
         <horizontalAlignment>center</horizontalAlignment>
         <container>true</container>
         <containerScrollSpeed>0.6</containerScrollSpeed>
         <color>${systemInfoColor}</color>
         <zIndex>10</zIndex>
      </text>
   </view>

   <fontSize name="small">
      <variables>
         <systemDescriptionFontSize>0.022703703703704</systemDescriptionFontSize>
         <systemInfoFontSize>0.022703703703704</systemInfoFontSize>
         <systemHeaderFontSize>0.034</systemHeaderFontSize>
         <systemNamePos>0.25 0.478</systemNamePos>
         <systemInfoPos>0.25 0.518</systemInfoPos>
      </variables>
   </fontSize>
   <fontSize name="medium">
      <variables>
         <systemDescriptionFontSize>0.026703703703704</systemDescriptionFontSize>
         <systemInfoFontSize>0.026703703703704</systemInfoFontSize>
         <systemHeaderFontSize>0.036777777777778</systemHeaderFontSize>
         <systemNamePos>0.25 0.472</systemNamePos>
         <systemInfoPos>0.25 0.524</systemInfoPos>
      </variables>
   </fontSize>
   <fontSize name="large,x-large">
      <variables>
         <systemDescriptionFontSize>0.033</systemDescriptionFontSize>
         <systemInfoFontSize>0.033</systemInfoFontSize>
         <systemHeaderFontSize>0.036777777777778</systemHeaderFontSize>
         <systemNamePos>0.25 0.468</systemNamePos>
         <systemInfoPos>0.25 0.530</systemInfoPos>
      </variables>
   </fontSize>
   <!--
   ///
   Gamelist View: Carousel
   ///
   -->
   <variant name="carousel">
      <view name="gamelist">
        <carousel name="gamelistCarousel">
            <pos>0 -0.18</pos>
            <size>1.45 1.3</size>
			   <itemsBeforeCenter>${itemsBeforeCenter}</itemsBeforeCenter>
            <itemsAfterCenter>${itemsAfterCenter}</itemsAfterCenter>
            <itemSize>${itemSize}</itemSize>
            <itemScale>1.4</itemScale>
            <horizontalOffset>${horizOffset}</horizontalOffset>
            <fontSize>0.046</fontSize>
        </carousel>
      </view>
   </variant>

   <!--
   ///
   Gamelist View: textlist
   ///
   -->
   <variant name="textlist,textlist-flipped">
      <view name="gamelist">
      <textlist name="game-list">
            <size>0.3958333333333 0.785</size>
         <fontSize>${gamelistFontSize}</fontSize>
            <selectorHeight>${gamelistSelectorHeight}</selectorHeight>
            <selectorWidth>0.4</selectorWidth>
            <selectorHorizontalOffset>-.006</selectorHorizontalOffset>
         <lineSpacing>${gamelistLineSpacing}</lineSpacing>
      </textlist>
      <image name="game-list-background-shadow">
         <origin>0.5 0.5</origin>
         <size>0.4753125 0.8972222528</size>
         <path>./_inc/images/gamelist-background-shadow.png</path>
         <zIndex>6</zIndex>
      </image>
      <image name="game-list-background">
         <size>0.4440625 0.84166666666</size>
         <path>${gamelistBackgroundImageCalculated}</path>
         <zIndex>7</zIndex>
      </image>
      </view>
   </variant>
   <variant name="textlist">
      <view name="gamelist">
      <textlist name="game-list">
         <pos>${gamelistPos}</pos>
      </textlist>
      <image name="game-list-background-shadow">
         <pos>0.735 0.49648148147</pos>
      </image>
      <image name="game-list-background">
         <pos>0.735 0.49648148147</pos>
      </image>
      </view>
   </variant>
   <variant name="textlist-flipped">
      <view name="gamelist">
      <textlist name="game-list">
         <pos>${gamelistPosFlipped}</pos>
      </textlist>
      <image name="game-list-background-shadow">
         <pos>0.265 0.49648148147</pos>
      </image>
      <image name="game-list-background">
         <pos>0.265 0.49648148147</pos>
      </image>
      </view>
   </variant>
   
   <!--
   ///
   Gamelist View: Default
   ///
   -->
   <variant name=
      "carousel,      
      grid-boxart,
      grid-titlescreen,
      grid-physical-media,
      grid-marquee">
   <view name="gamelist">
      <helpsystem name="help">
         <origin>1 1</origin>
         <pos>0.98 0.977</pos>
      </helpsystem>
      <image name="system-Carousel-logo">
         <pos>0.25 0.91</pos>
         <size>0.1875 0.33333333333</size>
      </image>
    </view>
   </variant>
   <variant name=
      "textlist">
   <view name="gamelist">
      <helpsystem name="help">
         <origin>0.5 0.5</origin>
         <pos>0.735 0.977</pos>
      </helpsystem>
      <image name="system-Carousel-logo">
         <pos>0.25 0.91</pos>
         <size>0.1875 0.33333333333</size>
      </image>
    </view>
   </variant>
   <variant name=
      "textlist-flipped">
      <view name="gamelist">
         <helpsystem name="help">
            <origin>0.5 1</origin>
            <pos>0.265 0.977</pos>
         </helpsystem>
         <image name="system-Carousel-logo">
            <pos>0.75 0.91</pos>
            <size>0.1875 0.33333333333</size>
         </image>
      </view>
   </variant>


   <fontSize name="small">
      <variables>
         <gamelistBackgroundImageCalculated>./_inc/images/${gamelistBackgroundImage}-small.svg</gamelistBackgroundImageCalculated>
         <gamelistFontSize>0.025</gamelistFontSize>
         <gamelistSelectorHeight>0.039814814814815</gamelistSelectorHeight>
         <gamelistLineSpacing>1.851851851851852</gamelistLineSpacing>
         <gamelistPos>0.541291666666667 0.105666666666667</gamelistPos>
         <gamelistPosFlipped>0.071291666666667 0.105666666666667</gamelistPosFlipped>
         <itemsBeforeCenter>3.5</itemsBeforeCenter>
         <itemsAfterCenter>3.5</itemsAfterCenter>
         <itemSize>0.23 0.175</itemSize>
         <horizOffset>0.385</horizOffset>
      </variables>
   </fontSize>
   <fontSize name="medium">
      <variables>
         <gamelistBackgroundImageCalculated>./_inc/images/${gamelistBackgroundImage}-medium.svg</gamelistBackgroundImageCalculated>
         <gamelistFontSize>0.033333333333333</gamelistFontSize>
         <gamelistSelectorHeight>0.051388888888889</gamelistSelectorHeight>
         <gamelistLineSpacing>1.736111111111111</gamelistLineSpacing>
         <gamelistPos>0.541291666666667 0.122966666666667</gamelistPos>
         <gamelistPosFlipped>0.071291666666667 0.122966666666667</gamelistPosFlipped>
         <itemsBeforeCenter>3</itemsBeforeCenter>
         <itemsAfterCenter>3</itemsAfterCenter>
         <itemSize>0.26 0.2</itemSize>
         <horizOffset>0.372</horizOffset>
      </variables>
   </fontSize>
   <fontSize name="large,x-large">
      <variables>
         <gamelistBackgroundImageCalculated>./_inc/images/${gamelistBackgroundImage}-large.svg</gamelistBackgroundImageCalculated>
         <gamelistFontSize>0.039814814814815</gamelistFontSize>
         <gamelistSelectorHeight>0.062962962962963</gamelistSelectorHeight>
         <gamelistLineSpacing>1.744186046511628</gamelistLineSpacing>
         <gamelistPos>0.541291666666667 0.1189566666666667</gamelistPos>
         <gamelistPosFlipped>0.071291666666667 0.1189566666666667</gamelistPosFlipped>
         <itemsBeforeCenter>3</itemsBeforeCenter>
         <itemsAfterCenter>3</itemsAfterCenter>
         <itemSize>0.26 0.2</itemSize>
         <horizOffset>0.3725</horizOffset>
      </variables>
   </fontSize>

   <!--
   ///
   Gamelist View: Metadata-On Variants
   ///
   -->
    <variant name=
      "textlist,
      carousel">
      <fontSize name="small,medium,large">
         <variables>
            <imagepos>0.25 0.28</imagepos>
            <imagemaxSize>0.45 0.40</imagemaxSize>
         </variables>
      </fontSize>
      <fontSize name="x-large">
         <variables>
            <imagepos>0.25 0.45</imagepos>
            <imagemaxSize>0.45 0.65</imagemaxSize>
         </variables>
      </fontSize>
   </variant>
       <variant name=
      "textlist-flipped">
      <fontSize name="small,medium,large">
         <variables>
            <imageposFlipped>0.75 0.28</imageposFlipped>
            <imagemaxSize>0.45 0.40</imagemaxSize>
         </variables>
      </fontSize>
      <fontSize name="x-large">
         <variables>
            <imageposFlipped>0.75 0.45</imageposFlipped>
            <imagemaxSize>0.45 0.65</imagemaxSize>
         </variables>
      </fontSize>
   </variant>
   <variant name=
      "grid-boxart,
      grid-titlescreen,
      grid-physical-media,
      grid-marquee">
         <variables>
            <imagepos>0.25 0.28</imagepos>
            <imagemaxSize>0.45 0.40</imagemaxSize>
         </variables>
   </variant>


   
    <variant name=
      "textlist,
      textlist-flipped,
      carousel,      
      grid-boxart,
      grid-titlescreen,
      grid-physical-media,
      grid-marquee">
      <view name="gamelist">
         <badges name="badges">
            <lines>3</lines>
            <itemsPerLine>3</itemsPerLine>
            <visible>${metadataMin}</visible>
            <size>${badgesize}</size>
         </badges>
         <video name="game-media">
            <maxSize>${imagemaxSize}</maxSize>
         </video>
         <!-- Start: Extended Metadata -->
         <image name="game-metadata-background-shadow-extended">
            <size>0.4719652283 0</size>
            <visible>${metadataExtended}</visible>
            <zIndex>3</zIndex>
         </image>
         <image name="game-metadata-background-image-extended">
            <size>0.45 0</size>
            <visible>${metadataExtended}</visible>
            <zIndex>4</zIndex>
         </image>
         <text name="game-name-extended,game-players-extended,game-genre-extended,game-developer-extended,game-publisher-extended,game-playcount-extended">
            <visible>${metadataExtended}</visible>
            <fontSize>${metaDatafontSize}</fontSize>
         </text>
         <datetime name="game-releasedate-extended,game-lastplayed-extended">
            <visible>${metadataExtended}</visible>
            <fontSize>${metaDatafontSize}</fontSize>
         </datetime>
         <rating name="game-rating-extended">
            <size>0 ${metaDatafontSize}</size>
            <visible>${metadataExtended}</visible>
         </rating>
         <datetime name="game-releasedate-extended">
            <size>0 ${metaDatafontSize}</size>
            <fontSize>${metaDatafontSize}</fontSize>
         </datetime>
         <text name="game-name-extended">
            <size>0.425 ${metaDatafontSize}</size>
         </text>
         <text name="game-players-extended">
            <size>0 ${metaDatafontSize}</size>
         </text>
         <text name="game-genre-extended">
            <size>0.3 ${metaDatafontSize}</size>
         </text>
         <text name="game-developer-extended">
            <size>0.17 ${metaDatafontSize}</size>
         </text>
         <text name="game-publisher-extended">
            <size>0.17 ${metaDatafontSize}</size>
         </text>
         <datetime name="game-lastplayed-extended">
            <size>0.097 ${metaDatafontSize}</size>
         </datetime>
         <text name="game-playcount-extended">
            <size>0.097 ${metaDatafontSize}</size>
         </text>
         <!-- End: Extended Metadata -->
         <!-- Start: Base Metadata -->
         <image name="game-metadata-background-shadow-base">
            <size>0.4719652283 0</size>
            <visible>${metadataBase}</visible>
            <zIndex>3</zIndex>
         </image>
         <image name="game-metadata-background-image-base">
            <size>0.45 0</size>
            <visible>${metadataBase}</visible>
            <zIndex>4</zIndex>
         </image>
         <text name="game-name-base">
            <size>.413 ${metaDatafontSize}</size>
            <visible>${metadataBase}</visible>
            <lineSpacing>1.2</lineSpacing>
            <fontSize>${metaDatafontSize}</fontSize>
         </text>
         <rating name="game-rating-base">
            <size>0 ${metaDatafontSize}</size>
            <visible>${metadataBase}</visible>
         </rating>
         <datetime name="game-releasedate-base">
            <size>0 ${metaDatafontSize}</size>
            <visible>${metadataBase}</visible>
            <fontSize>${metaDatafontSize}</fontSize>
         </datetime>
         <text name="game-genre-base">
            <size>0.161 ${metaDatafontSize}</size>
            <lineSpacing>1.2</lineSpacing>
            <visible>${metadataBase}</visible>
            <fontSize>${metaDatafontSize}</fontSize>
         </text>
         <!-- End: Base Metadata -->
         <text name="game-description">
            <pos>0.2328125 ${descriptionPos}</pos>
            <size>0.44 ${descriptionHeight}</size>
            <fontSize>${descriptionFontSize}</fontSize>
            <lineSpacing>${descriptionLineSpacing}</lineSpacing>
            <visible>${metadataMin}</visible>
         </text>
      </view>    
      <fontSize name="small">
         <variables>
            <metaDatafontSize>0.024</metaDatafontSize>
            <descriptionPos>0.711</descriptionPos>
            <descriptionHeight>0.135</descriptionHeight>
            <descriptionFontSize>0.024</descriptionFontSize>
            <descriptionLineSpacing>1.25</descriptionLineSpacing>
            <badgepos>0.028 0.906</badgepos>
            <badgeposFlipped>0.528 0.915</badgeposFlipped>
            <badgesize>0.25 0.12</badgesize>
         </variables>
      </fontSize>
      <fontSize name="medium">
         <variables>
            <metaDatafontSize>0.027</metaDatafontSize>
            <descriptionPos>0.71</descriptionPos>
            <descriptionHeight>0.14</descriptionHeight>
            <descriptionFontSize>0.027</descriptionFontSize>
            <descriptionLineSpacing>1.45</descriptionLineSpacing>
            <badgepos>0.028 0.915</badgepos>
            <badgeposFlipped>0.528 0.915</badgeposFlipped>
            <badgesize>0.3 0.14</badgesize>
         </variables>
      </fontSize>
      <fontSize name="large">
         <variables>
            <metaDatafontSize>0.033</metaDatafontSize>
            <descriptionPos>0.68</descriptionPos>
            <descriptionHeight>0.170</descriptionHeight>
            <descriptionFontSize>0.032</descriptionFontSize>
            <descriptionLineSpacing>1.4</descriptionLineSpacing>
            <badgepos>0.028 0.908</badgepos>
            <badgeposFlipped>0.528 0.908</badgeposFlipped>
            <badgesize>0.3 0.14</badgesize>
         </variables>
      </fontSize>
      <fontSize name="x-large">
         <variables>
            <metaDatafontSize>0.035</metaDatafontSize>
            <descriptionPos>0.68</descriptionPos>
            <descriptionHeight>0.16</descriptionHeight>
            <descriptionFontSize>0.035</descriptionFontSize>
            <descriptionLineSpacing>1.8</descriptionLineSpacing>
            <badgepos>0.028 0.908</badgepos>
            <badgeposFlipped>0.528 0.908</badgeposFlipped>
            <badgesize>0.3 0.14</badgesize>
         </variables>
      </fontSize>
   </variant>
   
    <variant name=
      "textlist,
      carousel,      
      grid-boxart,
      grid-titlescreen,
      grid-physical-media,
      grid-marquee">
      <view name="gamelist">
         <badges name="badges">
            <pos>${badgepos}</pos>
         </badges>
         <video name="game-media">
            <pos>${imagepos}</pos>
         </video>
         <!-- Start: Extended Metadata -->
         <image name="game-metadata-background-shadow-extended">
            <pos>0.25 0.67058187797</pos>
         </image>
         <image name="game-metadata-background-image-extended">
            <pos>0.25 0.67058187797</pos>
         </image>
         <rating name="game-rating-extended">
            <pos>0.0825 0.577</pos>
         </rating>
         <datetime name="game-releasedate-extended">
            <pos>0.0471875 0.63</pos>
         </datetime>
         <text name="game-name-extended">
            <pos>0.0471875 0.527</pos>
         </text>
         <text name="game-players-extended">
            <pos>0.0471875 0.681</pos>
         </text>
         <text name="game-genre-extended">
            <pos>0.1716875 0.578</pos>
         </text>
         <text name="game-developer-extended">
            <pos>0.1716875 0.63</pos>
         </text>
         <text name="game-publisher-extended">
            <pos>0.1716875 0.681</pos>
         </text>
         <datetime name="game-lastplayed-extended">
            <pos>0.375475 0.63</pos>
         </datetime>
         <text name="game-playcount-extended">
            <pos>0.375475 0.681</pos>
         </text>
         <!-- End: Extended Metadata -->
         <!-- Start: Base Metadata -->
         <image name="game-metadata-background-shadow-base">
            <pos>0.25 0.6722</pos>
         </image>
         <image name="game-metadata-background-image-base">
            <pos>0.25 0.6722</pos>
         </image>
         <text name="game-name-base">
            <pos>0.061 0.555</pos>
         </text>
         <rating name="game-rating-base">
            <pos>0.079 0.632</pos>
         </rating>
         <datetime name="game-releasedate-base">
            <pos>0.177 0.634</pos>
         </datetime>
         <text name="game-genre-base">
            <pos>0.3125 0.634</pos>
         </text>
         <!-- End: Base Metadata -->
         <text name="game-description">
            <pos>0.25 ${descriptionPos}</pos>
         </text>
      </view>
   </variant>
       <variant name=
      "textlist-flipped">
      <view name="gamelist">
         <badges name="badges">
            <pos>${badgeposFlipped}</pos>
         </badges>
         <video name="game-media">
            <pos>${imageposFlipped}</pos>
         </video>
         <!-- Start: Extended Metadata -->
         <image name="game-metadata-background-shadow-extended">
            <pos>0.75 0.67058187797</pos>
         </image>
         <image name="game-metadata-background-image-extended">
            <pos>0.75 0.67058187797</pos>
         </image>
         <rating name="game-rating-extended">
            <pos>0.5825 0.577</pos>
         </rating>
         <datetime name="game-releasedate-extended">
            <pos>0.5471875 0.63</pos>
         </datetime>
         <text name="game-name-extended">
            <pos>0.5471875 0.527</pos>
         </text>
         <text name="game-players-extended">
            <pos>0.5471875 0.681</pos>
         </text>
         <text name="game-genre-extended">
            <pos>0.6716875 0.578</pos>
         </text>
         <text name="game-developer-extended">
            <pos>0.6716875 0.63</pos>
         </text>
         <text name="game-publisher-extended">
            <pos>0.6716875 0.681</pos>
         </text>
         <datetime name="game-lastplayed-extended">
            <pos>0.875475 0.63</pos>
         </datetime>
         <text name="game-playcount-extended">
            <pos>0.875475 0.681</pos>
         </text>
         <!-- End: Extended Metadata -->
         <!-- Start: Base Metadata -->
         <image name="game-metadata-background-shadow-base">
            <pos>0.75 0.6722</pos>
         </image>
         <image name="game-metadata-background-image-base">
            <pos>0.75 0.6722</pos>
         </image>
         <text name="game-name-base">
            <pos>0.561 0.555</pos>
         </text>
         <rating name="game-rating-base">
            <pos>0.579 0.632</pos>
         </rating>
         <datetime name="game-releasedate-base">
            <pos>0.677 0.634</pos>
         </datetime>
         <text name="game-genre-base">
            <pos>0.8125 0.634</pos>
         </text>
         <!-- End: Base Metadata -->
         <text name="game-description">
            <pos>0.75 ${descriptionPos}</pos>
         </text>
      </view>
   </variant>
</theme>