TMM Flat HTML Telmplate

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
  Template made by Yanbab for GCStar. Flat and compact list.
  Ported to Tiny Multimedia Manager by Marco Diletti.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Movie List</title>
<style type="text/css">

body {
	color:black;
	background-color : white;
	font-family : arial, sans-serif;
	font-size : 12px;
	margin : 10px;
}

tr {
  page-break-inside: avoid;
}

td {
	font-family : arial, sans-serif;
	font-size : 12px;
}

h1 {
	font-size:130%;
	font-weight:bold;
	border-bottom : solid black 1px;
	margin:0px;
}

#footer {
	border-top : solid black 1px;
	font-size:small;
	color : #666;
}
a {
	color : #666;
	text-decoration : none;

}
a:hover {
	text-decoration : underline;
}
#total {
	float: right;
	font-weight: bold;
}
.title {
 	font-size : 110%;
 	font-weight : bold;
 	color: blue;
}

.synopsis {
   margin-top : .6em;
   margin-bottom : 1.5em;
	text-align : justify;
	color : #333;
}

.image {
	margin-bottom : 1.5em;
}

.detail {
	float : right;
	text-align : right;
	color : #888;
}
}
</style>
</head>
<body>
<h1>Movie List</h1>


<table cellpadding="8" cellspacing="0">
${foreach movies movie}
<tr>
  <td valign="top" align="center" bgcolor="#ddd" width="80" >
  	<img align="top" src="images/${movie(../nopicture.gif);copyArtwork(type=POSTER, thumb=true, width=160)}" width="160" border="0" class="image">
  </td>
  <td valign="top">
  	<div class="detail">${foreach movie.genres genre , }${genre}${end} - ${movie.runtime}'<br>
    ${movie.year}</div>

  	<div class="title"><font color="blue">${movie.title}</font></div><br>
    <strong>Director:</strong> ${movie.director} <br>
    <strong>Cast:</strong> ${foreach movie.actors actor , }${actor.name}${end}<br>
    <div class="synopsis">
      <strong>${movie.tagline}</strong><br>
    	${movie.plot}
    </div>
    <strong>Source:</strong>
    ${if movie.mediaSource="Unknown"}

    ${foreach movie.mediaFiles file}

    ${if file.type="VIDEO"} ${file.containerFormat} ${file.exactVideoFormat}
	 <br><strong>Audio Tracks:</strong>
    ${foreach file.audioStreams audio , } ${audio.language} (${audio.codec} ${audio.channels}${end}
	 ${end}

    ${end}

    ${else}${movie.mediaSource}${end}
  </td>
</tr>
${end}
</table>

</body>
</html>