itemDetails.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. </head>
  6. <body>
  7. <div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a">
  8. <div data-role="content" style="padding-top: 0;">
  9. <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
  10. <div style="padding: 10px;">
  11. <div class="itemImageBlock">
  12. <div id="itemMedia" style="position: relative;">
  13. <div id="itemImage"></div>
  14. <div id="playButtonShadow" style="display: none; height: 48px; position: absolute; bottom: 0; left: 0; right: 0; background: black; opacity: .75;">
  15. </div>
  16. <button id="btnPlay" type="button" class="imageButton" style="display: none; position: absolute; bottom: 5px; left: 10px;" data-role="none" title="Play" onclick="ItemDetailPage.play();">
  17. <img src="css/images/media/playCircle.png" style="height: 28px;" />
  18. </button>
  19. </div>
  20. </div>
  21. <div class="itemDetailBlock">
  22. <p id="itemTagline" style="font-style: italic;"></p>
  23. <p id="itemOverview"></p>
  24. <p id="itemCommunityRating"></p>
  25. <p id="itemMiscInfo" style="color: #ddd; font-size: 14px;"></p>
  26. <p id="itemGenres">
  27. </p>
  28. <p id="itemStudios">
  29. </p>
  30. </div>
  31. </div>
  32. <div data-role="collapsible" data-content-theme="a" id="mediaInfoCollapsible">
  33. <h3>Media Info</h3>
  34. <div id="mediaInfoContent"></div>
  35. </div>
  36. <div data-role="collapsible" data-content-theme="a" id="scenesCollapsible">
  37. <h3>Scenes</h3>
  38. <div id="scenesContent"></div>
  39. </div>
  40. <div data-role="collapsible" data-content-theme="a">
  41. <h3>Special Features</h3>
  42. <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
  43. </div>
  44. <div data-role="collapsible" data-content-theme="a">
  45. <h3>Trailers</h3>
  46. <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
  47. </div>
  48. <div data-role="collapsible" data-content-theme="a">
  49. <h3>Cast & Crew</h3>
  50. <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
  51. </div>
  52. <div data-role="collapsible" data-content-theme="a">
  53. <h3>Gallery</h3>
  54. <div id="galleryContent"></div>
  55. </div>
  56. </div>
  57. </div>
  58. </body>
  59. </html>