fixes #238 - MBServer Client Theme Background
This commit is contained in:
Luke Pulverenti
parent
443299c687
commit
d9cf304d0f
37 changed files with 824 additions and 722 deletions
|
|
@ -5,201 +5,215 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a">
|
||||
<div id="movieTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="moviesrecommended.html">Suggested</a>
|
||||
<a href="movies.html" class="ui-btn-active">Movies</a>
|
||||
<a href="boxsets.html">Box Sets</a>
|
||||
<a href="movietrailers.html">Trailers</a>
|
||||
<a href="moviegenres.html">Genres</a>
|
||||
<a href="moviepeople.html">People</a>
|
||||
<a href="moviestudios.html">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="boxsetTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="moviesrecommended.html">Suggested</a>
|
||||
<a href="movies.html">Movies</a>
|
||||
<a href="boxsets.html" class="ui-btn-active">Box Sets</a>
|
||||
<a href="movietrailers.html">Trailers</a>
|
||||
<a href="moviegenres.html">Genres</a>
|
||||
<a href="moviepeople.html">People</a>
|
||||
<a href="moviestudios.html">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="trailerTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="moviesrecommended.html">Suggested</a>
|
||||
<a href="movies.html">Movies</a>
|
||||
<a href="boxsets.html">Box Sets</a>
|
||||
<a href="movietrailers.html" class="ui-btn-active">Trailers</a>
|
||||
<a href="moviegenres.html">Genres</a>
|
||||
<a href="moviepeople.html">People</a>
|
||||
<a href="moviestudios.html">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="tvrecommended.html">Suggested</a>
|
||||
<a href="tvnextup.html">Next up</a>
|
||||
<a href="tvshows.html" class="ui-btn-active">Shows</a>
|
||||
<a href="tvgenres.html">Genres</a>
|
||||
<a href="tvpeople.html">Actors</a>
|
||||
<a href="tvstudios.html">Networks</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="songTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="musicrecommended.html">Suggested</a>
|
||||
<a href="songs.html" class="ui-btn-active">Songs</a>
|
||||
<a href="musicalbums.html">Albums</a>
|
||||
<a href="musicartists.html">Artists</a>
|
||||
<a href="musicgenres.html">Genres</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="albumTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="musicrecommended.html">Suggested</a>
|
||||
<a href="songs.html">Songs</a>
|
||||
<a href="musicalbums.html" class="ui-btn-active">Albums</a>
|
||||
<a href="musicartists.html">Artists</a>
|
||||
<a href="musicgenres.html">Genres</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="gameTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="gamesrecommended.html">Suggested</a>
|
||||
<a href="games.html" class="ui-btn-active">Games</a>
|
||||
<a href="gamesystems.html">Game Systems</a>
|
||||
<a href="gamegenres.html">Genres</a>
|
||||
<a href="gamestudios.html">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="gameSystemTabs" class="itemTabs" style="display: none;">
|
||||
<div class="libraryViewNav">
|
||||
<a href="gamesrecommended.html">Suggested</a>
|
||||
<a href="games.html">Games</a>
|
||||
<a href="gamesystems.html" class="ui-btn-active">Game Systems</a>
|
||||
<a href="gamegenres.html">Genres</a>
|
||||
<a href="gamestudios.html">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-bar-c parentName">
|
||||
</div>
|
||||
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
|
||||
<div class="itemBackdropContent">
|
||||
<table class="detailPageContent primaryDetailPageContent">
|
||||
<tr>
|
||||
<td style="vertical-align: top; padding: 10px 1em 10px 0;">
|
||||
<div id="itemImage" class="itemImageContainer"></div>
|
||||
</td>
|
||||
<td style="vertical-align: top; padding: 0; position: relative;">
|
||||
<p><span class="itemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
|
||||
<p>
|
||||
<span class="itemCommunityRating"></span>
|
||||
<span class="userDataIcons" style="margin-left: 2em;"></span>
|
||||
</p>
|
||||
<p class="itemGenres"></p>
|
||||
<p id="itemTagline" style="font-style: italic;"></p>
|
||||
<p class="itemOverview"></p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-body-a" style="text-align: center; padding: .25em 0 .5em;">
|
||||
<span id="playButtonContainer" style="display: none;">
|
||||
<button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true">Play</button>
|
||||
</span>
|
||||
<span>
|
||||
<button id="btnRemote" type="button" data-icon="hand-up" data-inline="true" data-mini="true">Remote</button>
|
||||
</span>
|
||||
<span id="editButtonContainer" style="display: none;">
|
||||
<button id="btnEdit" type="button" data-icon="pencil" data-inline="true" data-mini="true">Edit</button>
|
||||
</span>
|
||||
</div>
|
||||
<div data-role="content">
|
||||
<div id="movieTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="movies.html" data-role="button" class="ui-btn-active">Movies</a>
|
||||
<a href="boxsets.html" data-role="button">Box Sets</a>
|
||||
<a href="movietrailers.html" data-role="button">Trailers</a>
|
||||
<a href="moviegenres.html" data-role="button">Genres</a>
|
||||
<a href="moviepeople.html" data-role="button">People</a>
|
||||
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="boxsetTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="movies.html" data-role="button">Movies</a>
|
||||
<a href="boxsets.html" data-role="button" class="ui-btn-active">Box Sets</a>
|
||||
<a href="movietrailers.html" data-role="button">Trailers</a>
|
||||
<a href="moviegenres.html" data-role="button">Genres</a>
|
||||
<a href="moviepeople.html" data-role="button">People</a>
|
||||
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="trailerTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="moviesrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="movies.html" data-role="button">Movies</a>
|
||||
<a href="boxsets.html" data-role="button">Box Sets</a>
|
||||
<a href="movietrailers.html" data-role="button" class="ui-btn-active">Trailers</a>
|
||||
<a href="moviegenres.html" data-role="button">Genres</a>
|
||||
<a href="moviepeople.html" data-role="button">People</a>
|
||||
<a href="moviestudios.html" data-role="button">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="tvrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="tvnextup.html" data-role="button">Next up</a>
|
||||
<a href="tvshows.html" data-role="button" class="ui-btn-active">Shows</a>
|
||||
<a href="tvgenres.html" data-role="button">Genres</a>
|
||||
<a href="tvpeople.html" data-role="button">Actors</a>
|
||||
<a href="tvstudios.html" data-role="button">Networks</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="songTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="musicrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="songs.html" data-role="button" class="ui-btn-active">Songs</a>
|
||||
<a href="musicalbums.html" data-role="button">Albums</a>
|
||||
<a href="musicartists.html" data-role="button">Artists</a>
|
||||
<a href="musicgenres.html" data-role="button">Genres</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="albumTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="musicrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="songs.html" data-role="button">Songs</a>
|
||||
<a href="musicalbums.html" class="ui-btn-active" data-role="button">Albums</a>
|
||||
<a href="musicartists.html" data-role="button">Artists</a>
|
||||
<a href="musicgenres.html" data-role="button">Genres</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="gameTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="gamesrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="games.html" data-role="button" class="ui-btn-active">Games</a>
|
||||
<a href="gamesystems.html" data-role="button">Game Systems</a>
|
||||
<a href="gamegenres.html" data-role="button">Genres</a>
|
||||
<a href="gamestudios.html" data-role="button">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="gameSystemTabs" class="itemTabs" style="display: none;">
|
||||
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
|
||||
<a href="gamesrecommended.html" data-role="button">Suggested</a>
|
||||
<a href="games.html" data-role="button">Games</a>
|
||||
<a href="gamesystems.html" data-role="button" class="ui-btn-active">Game Systems</a>
|
||||
<a href="gamegenres.html" data-role="button">Genres</a>
|
||||
<a href="gamestudios.html" data-role="button">Studios</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detailPageContent">
|
||||
<div class="detailPagePrimaryInfo">
|
||||
<div class="itemImageBlock">
|
||||
<div id="itemMedia" style="position: relative;">
|
||||
<div id="itemImage"></div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<span id="playButtonContainer" style="display: none;">
|
||||
<button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true" data-theme="a">Play</button>
|
||||
</span>
|
||||
<span>
|
||||
<button id="btnRemote" type="button" data-icon="hand-up" data-inline="true" data-mini="true" data-theme="a">Remote</button>
|
||||
</span>
|
||||
<span id="editButtonContainer" style="display: none;">
|
||||
<button id="btnEdit" type="button" data-icon="pencil" data-inline="true" data-mini="true" data-theme="a">Edit</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="playMenuAnchor"></div>
|
||||
<div id="queueMenuAnchor"></div>
|
||||
|
||||
<div>
|
||||
<div class="detailSectionHeader" style="margin-top: 0;">
|
||||
Details
|
||||
</div>
|
||||
<div class="detailSectionContent" style="padding: 0 1em;">
|
||||
|
||||
<div class="itemDetailBlock">
|
||||
|
||||
<h1 id="grandParentName" class="detailPageName hide"></h1>
|
||||
<h1 id="parentName" class="detailPageName hide"></h1>
|
||||
<h1 class="detailPageName">
|
||||
<span id="itemName" style="display: inline;"></span>
|
||||
<span id="itemMiscInfo" class="itemMiscInfo" style="display: inline;"></span>
|
||||
</h1>
|
||||
|
||||
<p id="itemCommunityRating"></p>
|
||||
<p id="itemTagline" style="font-style: italic;"></p>
|
||||
<p id="itemOverview"></p>
|
||||
|
||||
<p id="itemRatings" class="userDataIcons"></p>
|
||||
|
||||
<p class="itemStudios"></p>
|
||||
<p class="itemExternalLinks"></p>
|
||||
<p class="itemTags"></p>
|
||||
<p id="itemPremiereDate"></p>
|
||||
|
||||
<p id="itemBudget"></p>
|
||||
<p id="itemRevenue"></p>
|
||||
<p id="itemGenres"></p>
|
||||
<p id="itemStudios"></p>
|
||||
<p id="itemLinks"></p>
|
||||
<p id="itemTags"></p>
|
||||
<p id="criticRatingSummary" class="criticRatingSummary" style="display: none;">
|
||||
<span class="criticRatingSummaryHeader">The bottom line</span>
|
||||
<span id="criticRatingSummaryText"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="itemSongs"></div>
|
||||
<div style="vertical-align: top;">
|
||||
<div data-role="collapsible" id="childrenCollapsible" class="hide" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3><span id="childrenTitle" class="collapsibleTitle"></span></h3>
|
||||
<div id="childrenContent"></div>
|
||||
<div id="childrenCollapsible" class="hide">
|
||||
<div class="detailSectionHeader"><span id="childrenTitle"></span></div>
|
||||
<div id="childrenContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
<div style="display: inline-block; vertical-align: top;">
|
||||
<div id="mediaInfoCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Media Info
|
||||
</div>
|
||||
<div id="mediaInfoContent" class="itemMediaInfo detailSectionContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: inline-block; vertical-align: top;">
|
||||
<div data-role="collapsible" id="mediaInfoCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Media Info</h3>
|
||||
<div id="mediaInfoContent" class="itemMediaInfo"></div>
|
||||
<div id="trailersCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Trailers
|
||||
</div>
|
||||
<div id="trailersContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: inline-block; vertical-align: top;">
|
||||
<div data-role="collapsible" id="trailersCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Trailers</h3>
|
||||
<div id="trailersContent"></div>
|
||||
<div id="specialsCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Special Features
|
||||
</div>
|
||||
<div id="specialsContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: inline-block; vertical-align: top;">
|
||||
<div data-role="collapsible" id="specialsCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Special Features</h3>
|
||||
<div id="specialsContent"></div>
|
||||
<div id="castCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Cast & Crew
|
||||
</div>
|
||||
<div id="castContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
<div id="galleryCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Gallery
|
||||
</div>
|
||||
<div id="galleryContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
<div id="criticReviewsCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
What the Critics Say
|
||||
</div>
|
||||
|
||||
<div style="padding: 0 1em;">
|
||||
<div id="criticRatingSummary" class="criticReview criticRatingSummary" style="display: none;">
|
||||
<div class="reviewScore">
|
||||
<img src="css/images/fresh.png">
|
||||
</div>
|
||||
<div>TOMATOMETER</div>
|
||||
<div class="criticRatingScore"></div>
|
||||
<div class="criticRatingSummaryText"></div>
|
||||
</div>
|
||||
<div id="criticReviewsContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-role="collapsible" id="galleryCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Gallery</h3>
|
||||
<div id="galleryContent"></div>
|
||||
<div id="scenesCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Scenes
|
||||
</div>
|
||||
<div id="scenesContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-role="collapsible" id="castCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Cast & Crew</h3>
|
||||
<div id="castContent"></div>
|
||||
<div id="themeSongsCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Theme Songs
|
||||
</div>
|
||||
<div id="themeSongsContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-role="collapsible" id="criticReviewsCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Critic Reviews</h3>
|
||||
<div id="criticReviewsContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-role="collapsible" id="scenesCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Scenes</h3>
|
||||
<div id="scenesContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-role="collapsible" id="themeSongsCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Theme Songs</h3>
|
||||
<div id="themeSongsContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div data-role="collapsible" id="themeVideosCollapsible" style="display: none;" data-mini="true" data-collapsed="false" data-corners="false">
|
||||
<h3>Theme Videos</h3>
|
||||
<div id="themeVideosContent"></div>
|
||||
|
||||
<div id="themeVideosCollapsible" style="display: none;">
|
||||
<div class="detailSectionHeader">
|
||||
Theme Videos
|
||||
</div>
|
||||
<div id="themeVideosContent" class="detailSectionContent"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue