cablegates/static/html/itemInfo.html

87 lines
4.1 KiB
HTML
Raw Normal View History

2010-11-28 15:05:35 +00:00
<div id="itemInfo">
2011-06-07 04:09:31 +00:00
<div style="position: absolute; left: 8px; top: 8px; width: 256px">
<div style="width: 256px; height: ${posterHeight}px">
<img class="icon" style="position: absolute; left: ${posterLeft}px; width: ${posterWidth}px; height: ${posterHeight}px" src="/${id}/poster.jpg"/>
</div>
<div style="display: block; position: absolute; top: ${posterHeight}px; width: 256px; height: 128px; overflow-y: hidden">
<img class="icon" style="position: absolute; left: ${posterLeft}px; width: ${posterWidth}px; height: ${posterHeight}px; -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1)" src="/${id}/poster.jpg"/>
<div style="display: block; position: absolute; width: 256px; height: 128px; background: -moz-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1)); background: -webkit-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1))"></div>
</div>
2010-11-28 15:05:35 +00:00
</div>
2011-06-07 04:09:31 +00:00
<div style="position: absolute; width: 512px; left: 272px; top: 8px">
<div id="movieTitle" class="movieData textLarge textLeft" style="margin-top: 0px; margin-bottom: 2px; font-size: 13px; font-weight: bold">
2010-11-28 15:05:35 +00:00
${title}
</div>
2011-06-07 04:09:31 +00:00
<div id="movieDirector" class="movieData textLarge textLeft" style="margin-bottom: 4px; font-size: 13px; font-weight: bold">
2010-11-28 15:05:35 +00:00
${director}
</div>
<div id="movieInfo" class="movieData textMedium textJustify" style="margin-bottom: 4px">
<span id="movieCountry">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Country:</span> ${country}
2010-11-28 15:05:35 +00:00
</span>
<span id="movieYear">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Year:</span> ${year}
2010-11-28 15:05:35 +00:00
</span>
<span id="movieLanguage">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Language:</span> ${language}
2010-11-28 15:05:35 +00:00
</span>
<span id="movieRuntime">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Runtime:</span> ${runtime}
2010-11-28 15:05:35 +00:00
</span>
</div>
<div id="movieAltTitles" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Alternative Title(s):</span> ${alternative_titles}
2010-11-28 15:05:35 +00:00
</div>
<div id="movieWriter" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Writer:</span> ${writer}
2010-11-28 15:05:35 +00:00
</div>
<div id="movieProducer" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Producer:</span> ${producer}
2010-11-28 15:05:35 +00:00
</div>
<div id="movieCast" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Cast:</span> ${cast}
2010-11-28 15:05:35 +00:00
</div>
<div id="movieGenre" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Genre:</span> ${genre}
2010-11-28 15:05:35 +00:00
</div>
<div id="movieKeywords" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Keywords:</span> ${keyword}
2010-11-28 15:05:35 +00:00
</div>
<div id="movieSummary" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Summary:</span> FIXME
2010-11-28 15:05:35 +00:00
</div>
<div id="movieTrivia" class="movieData textMedium">
FIXTRIVA
</div>
<div id="movieBusiness" class="movieData textMedium textJustify" style="margin-bottom: 4px">
<div id="movieDate" style="margin-bottom: 4px;">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Release Date:</span> ${release_date}
2010-11-28 15:05:35 +00:00
</div>
<span id="movieBudget">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Budget:</span> ${budget}
2010-11-28 15:05:35 +00:00
</span>
<span id="movieGross">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Gross:</span> ${gross}
2010-11-28 15:05:35 +00:00
</span>
<span id="movieLoss">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Profit:</span> ${profit}
2010-11-28 15:05:35 +00:00
</span>
</div>
<div id="moviePoll" class="movieData textMedium textJustify" style="margin-bottom: 4px">
<span id="movieRating">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Rating:</span> ${rating}
2010-11-28 15:05:35 +00:00
</span>
<span id="movieVotes">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Votes:</span> ${votes}
2010-11-28 15:05:35 +00:00
</span>
</div>
<div id="movieConnections">
FIXME: movie connections
</div>
<div id="movieReviews" class="movieData textMedium textJustify" style="margin-bottom: 4px">
2011-06-07 04:09:31 +00:00
<span style="font-weight: bold">Reviews:</span> ${reviewsHtml}
2010-11-28 15:05:35 +00:00
</div>
</div>
</div>