L3TTinstance/5824405e-900e-4846-a7d0-748012c7fd0c.html

<!-- size: 1024, 576 -->

<html>

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <style>
      body {
        margin: 0px;
      }
      
      img.background {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
      }
      
      div.titles {
        color: white;
        background: grey;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        filter: alpha(opacity=80);
        padding: 20px;
      }

      p.film_title {
        font-size: 90px;
        font-style: italic;
        word-break: break-all;
      }
      
      p.L3STinstance_title {
        font-size: 100px;
        /* word-break: break-all; */
      }
    </style>
  </head>
  
  <body>
    <img class="background" src="template_image.png" /> <!-- src="C:\inetpub\wwwroot\Trafilm_Gallery\L3TTinstance\L3TTinstances.cxml" -->
    <div class="titles">
      <p class="film_title">Hereafter</p> <!-- Film/season title -->
      <hr />
      <p class="L3STinstance_title">Hereafter.Marie and Didier after the meeting.Marie.SpanishDub</p>
    </div>
  </body>
  
</html>