SCED/xml/Global/DownloadWindow.xml

<Defaults>
  <!-- download tab buttons -->
  <Button class="downloadTab"
    hoverClass="hover"
    pressClass="press"
    onClick="onClick_tab"
    color="#888888"
    fontSize="24"
    font="font_teutonic-arkham"/>
  <Button class="hover"
    color="grey"/>
  <Button class="press"
    color="white"/>
  <Button class="select"
    color="white"/>
  <Button class="activeTab"
    color="#ffffff"/>
</Defaults>

<!-- window to select downloadable content -->
<VerticalLayout id="downloadWindow"
  visibility="Admin"
  color="black"
  active="false"
  onMouseExit="onMouseExit_window"
  width="650"
  height="800"
  outlineSize="1 1"
  outline="#303030">

  <!-- header -->
  <Panel preferredHeight="60"
    padding="10 10 5 0">
    <Panel preferredWidth="500">
      <Text id="title"
        fontSize="32"
        font="font_teutonic-arkham"
        alignment="MiddleLeft">Downloadable Content</Text>
    </Panel>
    <Panel>
      <Button rectAlignment="MiddleRight"
        width="50"
        color="clear"
        icon="close"
        tooltip="Close"
        onClick="onClick_toggleUi(Downloadable Content)"/>
    </Panel>
  </Panel>

  <!-- tab selection -->
  <HorizontalLayout preferredHeight="60"
    padding="5"
    spacing="5">
    <Button class="downloadTab activeTab"
      id="tab1">Official Campaigns</Button>
    <Button class="downloadTab"
      id="tab2">Official Scenarios</Button>
    <Button class="downloadTab"
      id="tab3">Fan-Made Campaigns</Button>
    <Button class="downloadTab"
      id="tab4">Fan-Made Scenarios</Button>
    <Button class="downloadTab"
      id="tab5">Fan-Made Player Cards</Button>
  </HorizontalLayout>

  <!-- content list -->
  <VerticalScrollView color="transparent"
    minHeight="100"
    flexibleHeight="100"
    scrollSensitivity="25"
    scrollbarColors="grey|grey|#C8C8C8|rgba(0.78,0.78,0.78,0.5)"
    horizontalScrollbarVisibility="AutohideAndExpandViewport">
    <VerticalLayout id="ui_update_point"
      padding="10 25 0 0"
      spacing="1">
      <!-- this will be filled via scripting -->
    </VerticalLayout>
  </VerticalScrollView>
</VerticalLayout>

<!-- content preview window (displayed on hover of list items) -->
<VerticalLayout id="previewWindow"
  visibility="Admin"
  color="black"
  active="false"
  width="300"
  height="560"
  padding="15 15 5 5"
  outlineSize="1 1"
  outline="#303030"
  offsetXY="-476 120">

  <!-- header -->
  <VerticalLayout preferredHeight="100">
    <Text id="previewTitle"
      fontSize="28"
      font="font_teutonic-arkham">PreviewTitle</Text>
    <Text id="previewAuthor"
      fontSize="20"
      font="font_teutonic-arkham">by PreviewAuthor</Text>
  </VerticalLayout>

  <!-- box art -->
  <Panel id="previewArtPanel"
    preferredHeight="300">
    <Mask id="previewArtMask">
      <Image id="previewArtImage" />
    </Mask>

    <!-- mask for scenario size boxes
    <Mask image="box-cover-mask-small" width="668" height="501" offsetXY="120 10">
      <Image image="testArtSmall"/>
    </Mask>
    -->

    <!--mask for campaign size boxes
    <Mask image="box-cover-mask-big" width="870" height="435" offsetXY="154 60">
      <Image image="testArtBig"/>
    </Mask>
    -->

    <!--mask for "return to" size boxes
    <Mask image="box-cover-mask-wide" width="780" height="650" offsetXY="-195 -50">
      <Image image="testArtWide"/>
    </Mask>
    -->
  </Panel>

  <!-- description -->
  <Panel preferredHeight="100">
    <Text id="previewDescription"
      fontSize="20"
      font="font_teutonic-arkham">PreviewDescription</Text>
  </Panel>

  <!-- download button / progress bar (visibility handled by lua code)-->
  <Panel preferredHeight="50"
    padding="5">
    <!-- download progress bar -->
    <ProgressBar id="download_progress"
      active="false"
      height="40"
      percentage="0"
      color="#111111"
      textColor="#aaaaaa"
      fillImageColor="#333333"/>
    <!-- download button -->
    <Button id="download_button"
      hoverClass="hover"
      pressClass="press"
      selectClass="select"
      onClick="onClick_download"
      color="#888888"
      height="40"
      width="250"
      fontSize="24"
      font="font_teutonic-arkham">Download</Button>
  </Panel>
</VerticalLayout>