aspect-ratio-16-9.xml

<theme>

   <!--
   ///
   All Views
   ///
   -->
   <view name="system,gamelist">
      <image name="help-background">
         <size>1 0.115740740740741</size><!-- 100% 125 -->
      </image>
      <helpsystem name="help">
         <entrySpacing>0.015</entrySpacing>
         <pos>0.5 0.942592592592593</pos><!-- 50% 1018 -->
         <fontSize>0.0333333</fontSize><!-- 36 -->
      </helpsystem>
   </view>
   <variant name="
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive-nh,
      system-multi-gamelist-list-no-metadata-nh,
      system-multi-gamelist-list-basic-nh
      ">
      <view name="system,gamelist">
         <image name="help-background">
            <visible>false</visible>
         </image>
         <helpsystem name="help">
            <origin>0 0</origin>
            <pos>1 1</pos>
         </helpsystem>
      </view>
   </variant>

   <!--
   ///
   System View - Variants
   ///
   -->
   <!-- Centered Art -->
   <variant name="
      system-centered-gamelist-list-basic,
      system-centered-gamelist-list,
      system-centered-gamelist-list-immersive,
      system-centered-gamelist-list-no-metadata,
      system-centered-gamelist-carousel,
      system-centered-gamelist-carousel-no-metadata
      ">
      <view name="system">
         <image name="system-art-mask">
            <path>./_inc/images/system-art-mask-16-9.png</path>
         </image>
      </view>
   </variant>
   <!-- Multi Art -->
   <variant name="
      system-multi-gamelist-list-basic,
      system-multi-gamelist-list-basic-nh,
      system-multi-gamelist-list,
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive,
      system-multi-gamelist-list-immersive-nh,
      system-multi-gamelist-list-no-metadata,
      system-multi-gamelist-list-no-metadata-nh,
      system-multi-gamelist-carousel,
      system-multi-gamelist-carousel-no-metadata
      ">
      <view name="system">
         <carousel name="system-carousel">
            <maxItemCount>5.5</maxItemCount>
         </carousel>
      </view>
   </variant>

   <!--
   ///
   Gamelist View - Basic & List Variants
   ///
   -->
   <variant name="
      system-centered-gamelist-list-basic,
      system-centered-gamelist-list,
      system-centered-gamelist-list-immersive,
      system-centered-gamelist-list-no-metadata,
      system-multi-gamelist-list-basic,
      system-multi-gamelist-list-basic-nh,
      system-multi-gamelist-list,
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive,
      system-multi-gamelist-list-immersive-nh,
      system-multi-gamelist-list-no-metadata,
      system-multi-gamelist-list-no-metadata-nh
      ">
      <view name="gamelist">
         <image name="logo">
            <maxSize>0.276041666666667 0.111111111111111</maxSize><!-- 530 120 -->
         </image>
         <textlist name="gamelist-list">
            <fontSize>0.038888888888889</fontSize><!-- 42 -->
            <lineSpacing>1.49</lineSpacing><!-- 6/6 -->
         </textlist>
      </view>
   </variant>
   <variant name="
      system-multi-gamelist-list-basic-nh,
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive-nh,
      system-multi-gamelist-list-no-metadata-nh
      ">
      <view name="gamelist">
         <textlist name="gamelist-list">
            <lineSpacing>1.46</lineSpacing><!-- 6/6 -->
         </textlist>
      </view>
   </variant>

   <!--
   ///
   Gamelist View - Basic Variant
   ///
   -->
   <variant name="
      system-centered-gamelist-list-basic,
      system-multi-gamelist-list-basic,
      system-multi-gamelist-list-basic-nh
      ">
      <view name="gamelist">
         <image name="logo">
            <pos>0.5 0.134259259259259</pos><!-- 50% 145 -->
         </image>
         <textlist name="gamelist-list">
            <pos>0.5 0.261111111111111</pos><!-- 50% 282 -->
            <size>0.7 0.575925925925926</size><!-- - 622(62X10) -->
         </textlist>
      </view>
   </variant>
   <!-- Basic Help System Off -->
   <variant name="
      system-multi-gamelist-list-basic-nh
      ">
      <view name="gamelist">
         <textlist name="gamelist-list">
            <size>0.7 0.690740740740741</size><!-- - 746(62X12) -->
         </textlist>
      </view>
   </variant>

   <!--
   ///
   Gamelist View - List Variants
   ///
   -->
   <variant name="
      system-centered-gamelist-list,
      system-centered-gamelist-list-immersive,
      system-centered-gamelist-list-no-metadata,
      system-multi-gamelist-list,
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive,
      system-multi-gamelist-list-immersive-nh,
      system-multi-gamelist-list-no-metadata,
      system-multi-gamelist-list-no-metadata-nh
      ">
      <view name="gamelist">
         <image name="logo">
            <pos>0.1875 0.134259259259259</pos><!-- 360 145 -->
         </image>
         <textlist name="gamelist-list">
            <pos>0.033854166666667 0.261111111111111</pos><!-- 65 282 -->
            <size>0.296875 0.575925925925926</size><!-- 570 622(62X10) -->
         </textlist>
         <image name="gamelist-background">
            <size>0.375 1</size><!-- 720 1200 -->
         </image>
         <badges name="badges">
            <pos>0.973958333333333 0.05</pos><!-- 1870 50 -->
            <size>0.041666666666667 0.6</size><!-- 80 648 -->
            <itemMargin>-1 0.0075</itemMargin>
         </badges>
      </view>
   </variant>

   <!-- List & List (Immersive) -->
   <variant name="
      system-centered-gamelist-list,
      system-centered-gamelist-list-immersive,
      system-multi-gamelist-list,
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive,
      system-multi-gamelist-list-immersive-nh
      ">
      <view name="gamelist">
         <text name="description">
            <pos>0.408333333333333 0.677777777777778</pos><!-- 784 732 -->
            <size>0.395833333333333 0.155555555555556</size><!-- 760 168 -->
            <fontSize>0.037037037037037</fontSize><!-- 40 -->
            <lineSpacing>1.42</lineSpacing>
         </text>
         <rating name="rating">
            <pos>0.854166666666667 0.699074074074074</pos><!-- 1640 755 -->
            <size>0 0.037037037037037</size><!-- - 40 -->
         </rating>
         <image name="releasedate-icon">
            <pos>0.854166666666667 0.758333333333333</pos><!-- 1640 819 -->
            <maxSize>0.020833333333333 0.037037037037037</maxSize><!-- 40 40 -->
         </image>
         <datetime name="releasedate">
            <pos>0.884375 0.758333333333333</pos><!-- 1698 819 -->
            <fontSize>0.025925925925926</fontSize><!-- 28 -->
         </datetime>
         <image name="players-icon">
            <pos>0.854166666666667 0.815740740740741</pos><!-- 1640 881 -->
            <maxSize>0.020833333333333 0.037037037037037</maxSize><!-- 40 40 -->
         </image>
         <text name="players">
            <pos>0.884375 0.815740740740741</pos><!-- 1698 881 -->
            <fontSize>0.025925925925926</fontSize><!-- 28 -->
         </text>
      </view>
   </variant>

   <!-- List -->
   <variant name="
      system-centered-gamelist-list,
      system-multi-gamelist-list,
      system-multi-gamelist-list-nh
      ">
      <view name="gamelist">
         <image name="game-metadata-background">
            <pos>0.375 0</pos><!-- 720 0 -->
            <size>0.625 1</size><!-- 1200 1080-->
            <zIndex>1</zIndex>
         </image>
         <video name="video">
            <pos>0.6875 0.324074074074074</pos><!-- 1320 350 -->
            <maxSize>0.5625 0.518518518518519</maxSize><!-- 1080 560 -->
         </video>
      </view>
   </variant>

   <!-- List (Immersive) -->
   <variant name="
      system-centered-gamelist-list-immersive,
      system-multi-gamelist-list-immersive,
      system-multi-gamelist-list-immersive-nh
      ">
      <view name="gamelist">
         <image name="game-metadata-background">
            <pos>0.375 0.62037037037037</pos><!-- 720 670 -->
            <size>0.625 0.37962962962963</size><!-- 1200 410-->
         </image>
         <image name="marquee">
            <pos>0.973958333333333 0.652777777777778</pos><!-- 1870 705 -->
            <maxSize>0.15625 0.2</maxSize><!-- 300 216 -->
         </image>
         <video name="video">
            <pos>0.6875 0.310185185185185</pos><!-- 1320 335 -->
            <cropSize>0.625 0.62037037037037</cropSize><!-- 1200 670 -->
         </video>
      </view>
   </variant>

   <!-- List + List (Immersive) Help System Off -->
   <variant name="
      system-multi-gamelist-list-nh,
      system-multi-gamelist-list-immersive-nh
      ">
      <view name="gamelist">
         <textlist name="gamelist-list">
            <size>0.296875 0.690740740740741</size><!-- 570 746(62X12) -->
         </textlist>
         <text name="description">
            <pos>0.408333333333333 0.677777777777778</pos><!-- 784 732 -->
            <size>0.395833333333333 0.259259259259259</size><!-- 760 280 -->
         </text>
         <image name="last-played-icon">
            <pos>0.854166666666667 0.868518518518519</pos><!-- 1640 938 -->
            <maxSize>0.01875 0.033333333333333</maxSize><!-- 36 36 -->
         </image>
         <datetime name="last-played">
            <pos>0.884375 0.868518518518519</pos><!-- 1698 938 -->
            <fontSize>0.025925925925926</fontSize><!-- 28 -->
            <metadata>lastplayed</metadata>
         </datetime>
         <image name="play-count-icon">
            <pos>0.854166666666667 0.922222222222222</pos><!-- 1640 996 -->
            <maxSize>0.020833333333333 0.037037037037037</maxSize><!-- 40 40 -->
         </image>
         <text name="play-count">
            <pos>0.884375 0.922222222222222</pos><!-- 1698 996 -->
            <fontSize>0.025925925925926</fontSize><!-- 28 -->
            <metadata>playcount</metadata>
         </text>
      </view>
   </variant>

   <!-- List (No Metadata) -->
   <variant name="
      system-centered-gamelist-list-no-metadata,
      system-multi-gamelist-list-no-metadata,
      system-multi-gamelist-list-no-metadata-nh
      ">
      <view name="gamelist">
         <image name="marquee">
            <pos>0.6875 0.44212962962963</pos><!-- 1320 477.5 -->
            <maxSize>0.351617440225035 0.625</maxSize><!-- 500 500 -->
         </image>
         <video name="video">
            <pos>0.375 0</pos><!-- 720 0 -->
            <cropSize>0.625 0.884259259259259</cropSize><!-- 1200 955 -->
         </video>
      </view>
   </variant>

   <!-- List (No Metadata) Help System Off -->
   <variant name="
      system-multi-gamelist-list-no-metadata-nh
      ">
      <view name="gamelist">
         <textlist name="gamelist-list">
            <size>0.296875 0.690740740740741</size><!-- 570 746(62X12) -->
         </textlist>
         <image name="marquee">
            <pos>0.6875 0.5</pos><!-- 1320 50% -->
            <maxSize>0.351617440225035 0.625</maxSize><!-- 500 500 -->
         </image>
         <video name="video">
            <pos>0.375 0</pos><!-- 720 0 -->
            <cropSize>0.625 1</cropSize><!-- 1200 100% -->
         </video>
      </view>
   </variant>

   <!--
   ///
   Carousel Variants
   ///
   -->
   <variant name="
      system-centered-gamelist-carousel,
      system-centered-gamelist-carousel-no-metadata,
      system-multi-gamelist-carousel,
      system-multi-gamelist-carousel-no-metadata
      ">
      <view name="gamelist">
         <image name="logo">
            <pos>0.5 0.125</pos><!-- 50% 135 -->
            <maxSize>0.2109375 0.075</maxSize><!-- 405 81 -->
         </image>
         <badges name="badges">
            <size>1 0.059259259259259</size><!-- 100% 64 -->
         </badges>
         <carousel name="gamelist-carousel">
            <fontSize>0.033333333333333</fontSize><!-- 36 -->
            <lineSpacing>1.2</lineSpacing>
         </carousel>
      </view>
   </variant>

   <!-- Carousel (No Metadata) -->
   <variant name="
      system-centered-gamelist-carousel-no-metadata,
      system-multi-gamelist-carousel-no-metadata
      ">
      <view name="gamelist">
         <badges name="badges">
            <pos>0.5 0.6925</pos><!-- 0 524 -->
         </badges>
         <carousel name="gamelist-carousel">
            <pos>0 0.2</pos><!-- 0 216 -->
            <size>1 0.562962962962963</size><!-- 100% 608 -->
            <itemSize>0.2109375 0.375</itemSize><!-- 405 405 -->
            <maxItemCount>4</maxItemCount>
         </carousel>
         <text name="name">
            <pos>0 0.768518518518519</pos><!-- 0 830 -->
            <size>1 0.037037037037037</size><!-- 100% 40 -->
            <fontSize>0.037037037037037</fontSize><!-- 40 -->
         </text>
      </view>
   </variant>

   <!-- Carousel -->
   <variant name="
      system-centered-gamelist-carousel,
      system-multi-gamelist-carousel
      ">
      <view name="gamelist">
         <carousel name="gamelist-carousel">
            <pos>0 0.262962962962963</pos><!-- 0 284 -->
            <size>1 0.375</size><!-- 100% 405 -->
            <itemSize>0.140625 0.25</itemSize><!-- 270 270 -->
            <maxItemCount>5</maxItemCount>
         </carousel>
         <badges name="badges">
            <pos>0.5 0.615740740740741</pos><!-- 50% 665 -->
         </badges>
         <rating name="rating">
            <pos>0.152083333333333 0.722222222222222</pos><!-- 292 780 -->
            <size>0 0.025</size><!-- x 27 -->
         </rating>
         <text name="genre">
            <pos>0.152083333333333 0.759259259259259</pos><!-- 292 820 -->
            <size>0.091145833333333 0.05</size><!-- 175 54 -->
            <fontSize>0.022222222222222</fontSize><!-- 24 -->
            <lineSpacing>1</lineSpacing>
         </text>
         <image name="icon-players">
            <pos>0.152083333333333 0.822222222222222</pos><!-- 292 888 -->
            <size>0 0.025</size><!-- x 27 -->
         </image>
         <text name="players">
            <pos>0.173958333333333 0.822222222222222</pos><!-- 334 888 -->
            <size>0.091666666666667 0.025</size><!-- 130 27 -->
            <fontSize>0.022222222222222</fontSize><!-- 24 -->
         </text>
         <image name="metadata-seperator-left">
            <pos>0.269791666666667 0.696296296296296</pos><!-- 518 752 -->
            <size>0.001041666666667 0.162037037037037</size><!-- 2 175 -->
         </image>
         <text name="description">
            <pos>0.5 0.703703703703704</pos><!-- 50% 760 -->
            <size>0.407876230661041 0.1625</size><!-- 580 130 -->
            <fontSize>0.02962962962963</fontSize><!-- 32 -->
            <lineSpacing>1.2</lineSpacing>
         </text>
         <image name="metadata-seperator-right">
            <pos>0.730208333333333 0.696296296296296</pos><!-- 1402 752 -->
            <size>0.001041666666667 0.162037037037037</size><!-- 2 175 -->
         </image>
         <image name="icon-release-date">
            <pos>0.763020833333333 0.722222222222222</pos><!-- 1465 780 -->
            <size>0 0.025</size><!-- x 27 -->
         </image>
         <datetime name="releasedate">
            <pos>0.784106891701828 0.722222222222222</pos><!-- 1115 780 -->
            <size>0.091145833333333 0.025</size><!-- 175 27 -->
            <fontSize>0.022222222222222</fontSize><!-- 24 -->
         </datetime>
         <image name="icon-developer">
            <pos>0.763020833333333 0.772222222222222</pos><!-- 1465 834 -->
            <size>0 0.025</size><!-- x 27 -->
         </image>
         <text name="developer">
            <pos>0.784106891701828 0.772222222222222</pos><!-- 1115 834 -->
            <size>0.091145833333333 0.025</size><!-- 175 27 -->
            <fontSize>0.022222222222222</fontSize><!-- 24 -->
         </text>
         <image name="icon-publisher">
            <pos>0.763020833333333 0.822222222222222</pos><!-- 1465 888 -->
            <size>0 0.025</size><!-- x 27 -->
         </image>
         <text name="publisher">
            <pos>0.784106891701828 0.822222222222222</pos><!-- 1115 888 -->
            <size>0.091145833333333 0.025</size><!-- 175 27 -->
            <fontSize>0.022222222222222</fontSize><!-- 24 -->
         </text>
         <image name="game-metadata-background">
            <pos>0 0.472222222222222</pos><!-- 0 510 -->
            <size>1 0.527777777777778</size><!-- 100% 570 -->
         </image>
      </view>
   </variant>

   <variant name="
      system-centered-gamelist-carousel,
      system-multi-gamelist-carousel
      ">
      <view name="gamelist">
         <image name="game-artwork">
            <cropSize>1 0.472222222222222</cropSize><!-- 100% 510 -->
         </image>
      </view>
   </variant>

</theme>