jellyfin-web/dashboard-ui/itemdetails.html

<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-theme="b" data-backbutton="true">

    <style>
        @media all and (min-width: 800px) {

            .itemBackdrop {
                display: none;
            }

            .detailPagePrimaryContainer {
                display: flex;
                margin-bottom: 3.6em;
            }

            .shadedDetailSection, .detailPagePrimaryContainer {
                background: rgba(0, 0, 0, .7) !important;
                padding: 1em !important;
                box-shadow: 0 0 10px 1px black !important;
            }

            .detailSection h1 {
                opacity: .9;
            }
        }
    </style>

    <div id="itemBackdrop" class="itemBackdrop noBackdrop">
        <div class="itemBackdropContent">
        </div>
        <button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize" title="${ButtonPlay}"><i class="md-icon">play_arrow</i></button>
    </div>

    <div class="detailPageContent">

        <div class="detailPagePrimaryContainer">
            <div class="detailImageContainer">
            </div>
            <div class="detailPagePrimaryContent">

                <div class="detailLogo"></div>

                <div class="detailSection" style="margin-bottom: 0;">

                    <div>
                        <h1 class="parentName" style="margin: .25em 0;"></h1>
                        <h1 class="itemName" style="margin: .5em 0;"></h1>

                        <div class="itemMiscInfo itemMiscInfo-primary" style="margin: 1em 0;">

                        </div>

                        <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: 1em 0;">

                        </div>
                    </div>

                    <div class="mainDetailButtons">
                        <button is="emby-button" type="button" class="raised subdued btnPlay btnPlaySimple hide">
                            <i class="md-icon">play_arrow</i>
                            <span>${ButtonPlay}</span>
                        </button>
                        <button is="emby-button" type="button" class="raised subdued btnPlayTrailer hide">
                            <i class="md-icon">videocam</i>
                            <span>${ButtonTrailer}</span>
                        </button>
                        <button is="emby-button" type="button" class="raised subdued btnMoreCommands hide notext">
                            &nbsp;
                            <i class="md-icon">more_vert</i>
                            &nbsp;
                        </button>
                        <div class="detailUserDataIcons userDataIcons"></div>
                        <button is="emby-button" type="button" class="btnDeleteItem fab mini hide" title="${DeleteMedia}"><i class="md-icon">&#xE872;</i></button>
                    </div>

                    <div class="syncLocalContainer hide" style="margin: 1em 0;">
                    </div>

                    <div class="recordingFields hide" style="margin:  .5em 0 1.5em;">

                    </div>

                    <div class="detailSectionContent">

                        <p class="itemGenres"></p>
                        <h1 class="tagline" style="margin-bottom: .7em;"></h1>
                        <p class="artist"></p>
                        <p class="overview"></p>
                        <div class="mediaInfoIcons hide">
                        </div>
                        <p id="itemBirthday"></p>
                        <p id="itemBirthLocation"></p>
                        <p id="itemDeathDate"></p>
                        <p id="seriesAirTime"></p>
                        <p class="itemExternalLinks"></p>
                        <p class="itemStudios"></p>
                        <p class="itemTags"></p>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="collectionItems"></div>
            <div class="nextUpSection detailSection hide">
                <h1>
                    ${HeaderNextUp}
                </h1>
                <div is="emby-itemscontainer" class="nextUpItems vertical-wrap"></div>
            </div>
            <div id="childrenCollapsible" class="hide detailSection">
                <h1 class="childrenSectionHeader">
                    <span id="childrenTitle"></span>
                </h1>
                <div id="childrenContent">
                    <div is="emby-itemscontainer" class="childrenItemsContainer itemsContainer" style="text-align: left;"></div>
                </div>
            </div>
            <div id="additionalPartsCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderAdditionalParts}
                </h1>
                <div id="additionalPartsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
            </div>
            <div id="castCollapsible" class="detailSection hide">
                <h1 id="peopleHeader">
                    ${HeaderCastCrew}
                </h1>
                <div id="castContent" is="emby-itemscontainer" class="itemsContainer"></div>
                <button is="emby-button" type="button" class="raised more morePeople hide">${ButtonMore}</button>
            </div>
            <div id="seriesScheduleSection" class="detailSection hide">
                <h1>
                    ${HeaderUpcomingOnTV}
                </h1>
                <div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list"></div>
            </div>

            <div class="detailSection photoInfo hide">
                <h1>
                    ${HeaderPhotoInfo}
                </h1>
                <div>
                    <div class="photoInfoContent"></div>
                </div>
            </div>

            <div id="specialsCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderSpecialFeatures}
                </h1>
                <div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
            </div>
            <div id="musicVideosCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderMusicVideos}
                </h1>
                <div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
            </div>
            <div id="moreFromSection" class="detailSection hide">
                <h1 class="moreFromHeader"></h1>
                <div id="moreFromItems"></div>
            </div>
            <div id="similarCollapsible" class="detailSection hide">
                <h1>${HeaderMoreLikeThis}</h1>
                <div class="similarContent"></div>
            </div>
            <div id="criticReviewsCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderAwardsAndReviews}
                </h1>
                <div>
                    <p id="awardSummary"></p>
                    <div class="paperList" id="criticRatingSummary">
                        <div class="listItem">
                            <button is="emby-button" type="button" class="mini fab" style="flex-shrink: 0; width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);"></button>
                            <div class="listItemBody three-line">
                                <h3 class="listItemBodyText">TOMATOMETER®</h3>
                                <div class="listItemBodyText criticRatingScore"></div>
                                <div class="listItemBodyText criticRatingSummaryText secondary" style="white-space: normal;"></div>
                            </div>
                        </div>
                    </div>
                    <div id="criticReviewsContent"></div>
                </div>
            </div>

            <div id="scenesCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderScenes}
                </h1>
                <div is="emby-itemscontainer" id="scenesContent" class="itemsContainer"></div>
            </div>
            <div id="themeSongsCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderThemeSongs}
                </h1>
                <div id="themeSongsContent" is="emby-itemscontainer"></div>
            </div>

            <div id="themeVideosCollapsible" class="detailSection hide">
                <h1>
                    ${HeaderThemeVideos}
                </h1>
                <div id="themeVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
            </div>

            <div class="detailSection audioVideoMediaInfo hide shadedDetailSection">
                <h1>${HeaderMediaInfo}</h1>
                <div>
                    <div class="splitVersionContainer" style="border-bottom: 1px solid #444; padding: 1em 0;">
                        <button is="emby-button" type="button" class="raised btnSplitVersions subdued">${ButtonSplitVersionsApart}</button>
                    </div>
                    <div id="mediaInfoContent" class="mediaInfoContent"></div>
                </div>
            </div>
        </div>
    </div>

    <div data-role="content" style="padding-top: 0; clear: both;">
    </div>
</div>