milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style fixes in html files

Browse source
This commit is contained in:
dkanada 2019-12-16 00:07:55 +09:00
parent 07994e0a40
commit 7f2f10a595
22 changed files with 71 additions and 134 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/addplugin.html
View file

@ -1,10 +1,7 @@
<div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-backbutton="true"> <div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-backbutton="true">
<div> <div>
<div class="content-primary"> <div class="content-primary">
<div class="readOnlyContent"> <div class="readOnlyContent">
<div class="verticalSection"> <div class="verticalSection">
<div class="sectionTitleContainer flex align-items-center"> <div class="sectionTitleContainer flex align-items-center">
<h1 class="sectionTitle pluginName"></h1> <h1 class="sectionTitle pluginName"></h1>
@ -13,9 +10,7 @@
<p id="tagline" style="font-style: italic;"></p> <p id="tagline" style="font-style: italic;"></p>
<p id="pPreviewImage"></p> <p id="pPreviewImage"></p>
<p id="overview"></p> <p id="overview"></p>
</div> </div>
<div class="verticalSection"> <div class="verticalSection">
@ -27,12 +22,12 @@
<select id="selectVersion" name="selectVersion" is="emby-select" label="${LabelSelectVersionToInstall}"></select> <select id="selectVersion" name="selectVersion" is="emby-select" label="${LabelSelectVersionToInstall}"></select>
</div> </div>
<p id="btnInstallDiv" class="hide"> <div id="btnInstallDiv" class="hide">
<button is="emby-button" type="submit" id="btnInstall" class="raised button-submit block"> <button is="emby-button" type="submit" id="btnInstall" class="raised button-submit block">
<span>${Install}</span> <span>${Install}</span>
</button> </button>
<div class="fieldDescription">${ServerRestartNeededAfterPluginInstall}</div> <div class="fieldDescription">${ServerRestartNeededAfterPluginInstall}</div>
</p> </div>
<p id="nonServerMsg"></p> <p id="nonServerMsg"></p>
</form> </form>
</div> </div>

6
src/apikeys.html
View file

@ -2,9 +2,7 @@
<div> <div>
<div class="content-primary"> <div class="content-primary">
<div class="detailSectionHeader"> <div class="detailSectionHeader">
<h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">${HeaderApiKeys}</h2>
${HeaderApiKeys}
</h2>
<button is="emby-button" type="button" class="fab btnNewKey submit" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" class="fab btnNewKey submit" style="margin-left:1em;" title="${ButtonAdd}">
<i class="md-icon">add</i> <i class="md-icon">add</i>
</button> </button>
@ -24,4 +22,4 @@
</table> </table>
</div> </div>
</div> </div>
</div> </div>

3
src/dashboard.html
View file

@ -105,10 +105,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="dashboardFooter"> <div class="dashboardFooter">
@ -118,5 +116,4 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>

8
src/dashboardgeneral.html
View file

@ -1,10 +1,7 @@
<div id="dashboardGeneralPage" data-role="page" class="page type-interior dashboardHomePage"> <div id="dashboardGeneralPage" data-role="page" class="page type-interior dashboardHomePage">
<div> <div>
<div class="content-primary"> <div class="content-primary">
<form class="dashboardGeneralForm"> <form class="dashboardGeneralForm">
<div class="verticalSection"> <div class="verticalSection">
<div class="sectionTitleContainer flex align-items-center"> <div class="sectionTitleContainer flex align-items-center">
<h2 class="sectionTitle">${TabSettings}</h2> <h2 class="sectionTitle">${TabSettings}</h2>
@ -31,9 +28,7 @@
<input is="emby-checkbox" type="checkbox" id="chkAutoRunWebApp" /> <input is="emby-checkbox" type="checkbox" id="chkAutoRunWebApp" />
<span>${LaunchWebAppOnStartup}</span> <span>${LaunchWebAppOnStartup}</span>
</label> </label>
<div class="fieldDescription checkboxFieldDescription"> <div class="fieldDescription checkboxFieldDescription">${LaunchWebAppOnStartupHelp}</div>
${LaunchWebAppOnStartupHelp}
</div>
</div> </div>
</div> </div>
@ -94,7 +89,6 @@
</button> </button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>

11
src/device.html
View file

@ -1,11 +1,7 @@
<div id="devicePage" data-role="page" class="page type-interior devicesPage noSecondaryNavPage"> <div id="devicePage" data-role="page" class="page type-interior devicesPage noSecondaryNavPage">
<div> <div>
<div class="content-primary"> <div class="content-primary">
<form class="deviceForm"> <form class="deviceForm">
<div class="verticalSection verticalSection-extrabottompadding"> <div class="verticalSection verticalSection-extrabottompadding">
<div class="sectionTitleContainer flex align-items-center"> <div class="sectionTitleContainer flex align-items-center">
<h2 class="sectionTitle reportedName"></h2> <h2 class="sectionTitle reportedName"></h2>
@ -18,10 +14,11 @@
</div> </div>
</div> </div>
<div> <div>
<button is="emby-button" type="submit" class="raised button-submit block"><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised button-submit block">
<span>${ButtonSave}</span>
</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>

6
src/devices.html
View file

@ -7,9 +7,7 @@
<a is="emby-linkbutton" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/devices.html">${Help}</a> <a is="emby-linkbutton" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/devices.html">${Help}</a>
</div> </div>
</div> </div>
<div is="emby-itemscontainer" class="devicesList vertical-wrap" data-multiselect="false"></div>
<div is="emby-itemscontainer" class="devicesList vertical-wrap" data-multiselect="false">
</div>
</div> </div>
</div> </div>
</div> </div>

7
src/encodingsettings.html
View file

@ -22,6 +22,7 @@
</select> </select>
<div class="fieldDescription">${LabelHardwareAccelerationTypeHelp}</div> <div class="fieldDescription">${LabelHardwareAccelerationTypeHelp}</div>
</div> </div>
<div class="inputContainer hide fldVaapiDevice"> <div class="inputContainer hide fldVaapiDevice">
<input is="emby-input" type="text" id="txtVaapiDevice" label="${LabelVaapiDevice}" /> <input is="emby-input" type="text" id="txtVaapiDevice" label="${LabelVaapiDevice}" />
<div class="fieldDescription">${LabelVaapiDeviceHelp}</div> <div class="fieldDescription">${LabelVaapiDeviceHelp}</div>
@ -142,9 +143,11 @@
</div> </div>
<div> <div>
<button is="emby-button" type="submit" class="raised button-submit block"><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised button-submit block">
<span>${ButtonSave}</span>
</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>

6
src/forgotpassword.html
View file

@ -1,9 +1,6 @@
<div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage"> <div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage">
<div> <div>
<form class="forgotPasswordForm" style="text-align: center; margin: 0 auto;"> <form class="forgotPasswordForm" style="text-align: center; margin: 0 auto;">
<div style="text-align: left;"> <div style="text-align: left;">
<h1>${HeaderForgotPassword}</h1> <h1>${HeaderForgotPassword}</h1>
@ -23,6 +20,5 @@
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>

6
src/forgotpasswordpin.html
View file

@ -1,9 +1,6 @@
<div data-role="page" class="page standalonePage forgotPasswordPinPage"> <div data-role="page" class="page standalonePage forgotPasswordPinPage">
<div> <div>
<form class="forgotPasswordPinForm" style="text-align: center; margin: 0 auto;"> <form class="forgotPasswordPinForm" style="text-align: center; margin: 0 auto;">
<div style="text-align: left;"> <div style="text-align: left;">
<h2>${HeaderPasswordReset}</h2> <h2>${HeaderPasswordReset}</h2>
@ -22,6 +19,5 @@
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>

48
src/itemdetails.html
View file

@ -2,7 +2,6 @@
<style> <style>
@media all and (min-width: 62.5em) { @media all and (min-width: 62.5em) {
.itemBackdrop { .itemBackdrop {
display: none; display: none;
} }
@ -10,45 +9,31 @@
</style> </style>
<div id="itemBackdrop" class="itemBackdrop noBackdrop"> <div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropFader"> <div class="itemBackdropFader"></div>
</div> <button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize" title="${ButtonPlay}" data-mode="resume">
<button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize" title="${ButtonPlay}" data-mode="resume"><i class="md-icon">play_arrow</i></button> <i class="md-icon">play_arrow</i>
</button>
</div> </div>
<div class="detailLogo"></div> <div class="detailLogo"></div>
<div class="detailPageContent padded-bottom-page"> <div class="detailPageContent padded-bottom-page">
<div class="detailPagePrimaryContainer padded-left padded-right"> <div class="detailPagePrimaryContainer padded-left padded-right">
<div class="detailImageContainer"> <div class="detailImageContainer"></div>
</div>
<div class="detailPagePrimaryContent"> <div class="detailPagePrimaryContent">
<div class="detailSection" style="margin-bottom: 0;"> <div class="detailSection" style="margin-bottom: 0;">
<div class="nameContainer"> <div class="nameContainer"></div>
</div> <div class="itemMiscInfo nativeName hide"></div>
<div class="itemMiscInfo nativeName hide"> <div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div>
</div> <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div>
<div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"> <div class="genres hide" style="margin: .7em 0;font-size:92%;"></div>
</div> <div class="directors hide" style="margin: .7em 0;font-size:92%;"></div>
<div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;">
</div>
<div class="genres hide" style="margin: .7em 0;font-size:92%;">
</div>
<div class="directors hide" style="margin: .7em 0;font-size:92%;">
</div>
<form class="trackSelections flex align-items-center flex-wrap-wrap hide focuscontainer-x" style="margin: .5em 0;font-size:92%; padding: 0;"> <form class="trackSelections flex align-items-center flex-wrap-wrap hide focuscontainer-x" style="margin: .5em 0;font-size:92%; padding: 0;">
<div class="selectContainer selectContainer-inline selectSourceContainer hide trackSelectionFieldContainer flex-shrink-zero" style="margin-right:1.5em;"> <div class="selectContainer selectContainer-inline selectSourceContainer hide trackSelectionFieldContainer flex-shrink-zero" style="margin-right:1.5em;">
@ -66,7 +51,6 @@
</form> </form>
<div class="mainDetailButtons"> <div class="mainDetailButtons">
<button is="emby-button" type="button" class="raised btnResume hide detailButton" data-mode="resume"> <button is="emby-button" type="button" class="raised btnResume hide detailButton" data-mode="resume">
<span>${ButtonResume}</span> <span>${ButtonResume}</span>
</button> </button>
@ -217,12 +201,10 @@
</div> </div>
</div> </div>
<div class="seriesTimerScheduleSection verticalSection detailVerticalSection hide" style="margin-top:-3em;"> <div class="seriesTimerScheduleSection verticalSection detailVerticalSection hide" style="margin-top:-3em;">
<h2 class="sectionTitle padded-left"> <h2 class="sectionTitle padded-left">${HeaderSchedule}</h2>
${HeaderSchedule} <div class="seriesTimerSchedule padded-left padded-right"></div>
</h2>
<div class="seriesTimerSchedule padded-left padded-right">
</div>
</div> </div>
<div class="collectionItems"></div> <div class="collectionItems"></div>
<div class="nextUpSection verticalSection detailVerticalSection hide"> <div class="nextUpSection verticalSection detailVerticalSection hide">
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderNextUp}</h2> <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderNextUp}</h2>
@ -261,6 +243,7 @@
<div id="castContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div> <div id="castContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
</div> </div>
</div> </div>
<div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide"> <div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
<h2 class="sectionTitle padded-left padded-right">${HeaderUpcomingOnTV}</h2> <h2 class="sectionTitle padded-left padded-right">${HeaderUpcomingOnTV}</h2>
<div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list padded-left padded-right"></div> <div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list padded-left padded-right"></div>
@ -270,6 +253,7 @@
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderSpecialFeatures}</h2> <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderSpecialFeatures}</h2>
<div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div> <div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
</div> </div>
<div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide"> <div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
<h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderMusicVideos}</h2> <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderMusicVideos}</h2>
<div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div> <div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>

4
src/librarydisplay.html
View file

@ -47,11 +47,11 @@
<div class="fieldDescription checkboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div> <div class="fieldDescription checkboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div>
</div> </div>
<br /> <br/>
<button is="emby-button" type="submit" class="raised button-submit block"> <button is="emby-button" type="submit" class="raised button-submit block">
<span>${ButtonSave}</span> <span>${ButtonSave}</span>
</button> </button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>

12
src/login.html
View file

@ -1,11 +1,7 @@
<div id="loginPage" data-role="page" class="page standalonePage" data-backbutton="false"> <div id="loginPage" data-role="page" class="page standalonePage" data-backbutton="false">
<div class="padded-left padded-right padded-bottom-page"> <div class="padded-left padded-right padded-bottom-page">
<form class="manualLoginForm hide" style="margin: 0 auto;"> <form class="manualLoginForm hide" style="margin: 0 auto;">
<h1 style="margin-top:1em;text-align: left;">${HeaderPleaseSignIn}</h1> <h1 style="margin-top:1em;text-align: left;">${HeaderPleaseSignIn}</h1>
<div style="height:0; overflow: hidden;"> <div style="height:0; overflow: hidden;">
<input type="text" name="fakeusernameremembered" tabindex="-1" /> <input type="text" name="fakeusernameremembered" tabindex="-1" />
<input type="password" name="fakepasswordremembered" tabindex="-1" /> <input type="password" name="fakepasswordremembered" tabindex="-1" />
@ -27,13 +23,14 @@
<button is="emby-button" type="submit" class="raised button-submit block"> <button is="emby-button" type="submit" class="raised button-submit block">
<span>${ButtonSignIn}</span> <span>${ButtonSignIn}</span>
</button> </button>
<div style="margin-top:.5em;"> <div style="margin-top:.5em;">
<button is="emby-button" type="button" class="raised cancel block btnCancel"> <button is="emby-button" type="button" class="raised cancel block btnCancel">
<span>${ButtonCancel}</span> <span>${ButtonCancel}</span>
</button> </button>
</div> </div>
<br /> <br/>
<br /> <br/>
</form> </form>
<div class="visualLoginForm" style="text-align: center;"> <div class="visualLoginForm" style="text-align: center;">
@ -56,6 +53,5 @@
<p class="disclaimer" style="text-align: center; margin-top: 2em;"></p> <p class="disclaimer" style="text-align: center; margin-top: 2em;"></p>
</div> </div>
</div> </div>
</div> </div>

4
src/manifest.json
View file

@ -1,5 +1,4 @@
{ {
"name": "Jellyfin", "name": "Jellyfin",
"description": "Jellyfin: the Free Software Media System.", "description": "Jellyfin: the Free Software Media System.",
"lang": "en-US", "lang": "en-US",
@ -8,7 +7,8 @@
"theme_color": "#101010", "theme_color": "#101010",
"background_color": "#101010", "background_color": "#101010",
"display": "standalone", "display": "standalone",
"icons": [{ "icons": [
{
"sizes": "72x72", "sizes": "72x72",
"src": "touchicon72.png", "src": "touchicon72.png",
"type": "image/png" "type": "image/png"

5
src/mypreferencesplayback.html
View file

@ -1,4 +1,3 @@
<div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${TitlePlayback}" data-backbutton="true"> <div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${TitlePlayback}" data-backbutton="true">
<div class="settingsContainer padded-left padded-right padded-bottom-page"> <div class="settingsContainer padded-left padded-right padded-bottom-page"></div>
</div> </div>
</div>

5
src/mypreferencessubtitles.html
View file

@ -1,4 +1,3 @@
<div id="homeScreenPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${Subtitles}" data-backbutton="true"> <div id="homeScreenPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${Subtitles}" data-backbutton="true">
<div class="settingsContainer padded-left padded-right padded-bottom-page"> <div class="settingsContainer padded-left padded-right padded-bottom-page"></div>
</div> </div>
</div>

6
src/myprofile.html
View file

@ -42,9 +42,7 @@
</form> </form>
<form class="localAccessForm localAccessSection userProfileSettingsForm hide" style="margin: 3em auto 0;"> <form class="localAccessForm localAccessSection userProfileSettingsForm hide" style="margin: 3em auto 0;">
<div class="verticalSection"> <div class="verticalSection">
<h2 class="sectionTitle"> <h2 class="sectionTitle">${HeaderEasyPinCode}</h2>
${HeaderEasyPinCode}
</h2>
<div>${EasyPasswordHelp}</div> <div>${EasyPasswordHelp}</div>
<br /> <br />
<div class="inputContainer"> <div class="inputContainer">
@ -68,4 +66,4 @@
</div> </div>
</form> </form>
</div> </div>
</div> </div>

5
src/scheduledtask.html
View file

@ -1,7 +1,6 @@
<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage"> <div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage">
<div> <div>
<div class="content-primary"> <div class="content-primary">
<div class="verticalSection"> <div class="verticalSection">
<div class="sectionTitleContainer flex align-items-center"> <div class="sectionTitleContainer flex align-items-center">
<h2 class="sectionTitle taskName"></h2> <h2 class="sectionTitle taskName"></h2>
@ -12,9 +11,7 @@
<div class="readOnlyContent"> <div class="readOnlyContent">
<div> <div>
<h2 style="vertical-align: middle; display: inline-block;"> <h2 style="vertical-align: middle; display: inline-block;">${HeaderTaskTriggers}</h2>
${HeaderTaskTriggers}
</h2>
<button is="emby-button" type="button" class="fab fab-mini btnAddTrigger submit" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}"> <button is="emby-button" type="button" class="fab fab-mini btnAddTrigger submit" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}">
<i class="md-icon">add</i> <i class="md-icon">add</i>
</button> </button>

4
src/scheduledtasks.html
View file

@ -1,5 +1,4 @@
<div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage"> <div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage">
<style> <style>
.taskProgressOuter { .taskProgressOuter {
height: 6px; height: 6px;
@ -15,8 +14,7 @@
</style> </style>
<div> <div>
<div class="content-primary"> <div class="content-primary">
<div class="divScheduledTasks readOnlyContent"></div> <div class="divScheduledTasks readOnlyContent"></div>
</div> </div>
</div> </div>
</div> </div>

10
src/search.html
View file

@ -1,8 +1,4 @@
<div id="searchPage" data-role="page" class="page libraryPage allLibraryPage noSecondaryNavPage" data-title="${ButtonSearch}" data-backbutton="true"> <div id="searchPage" data-role="page" class="page libraryPage allLibraryPage noSecondaryNavPage" data-title="${ButtonSearch}" data-backbutton="true">
<div class="padded-left padded-right searchFields"></div>
<div class="padded-left padded-right searchFields"> <div class="searchResults padded-bottom-page padded-top"></div>
</div> </div>
<div class="searchResults padded-bottom-page padded-top">
</div>
</div>

8
src/serveractivity.html
View file

@ -2,13 +2,11 @@
<div> <div>
<div class="content-primary"> <div class="content-primary">
<div class="verticalSection"> <div class="verticalSection">
<h2 class="sectionTitle"> <h2 class="sectionTitle"></h2>
</h2>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<div class="paperList activityItems" data-activitylimit="100"> <div class="paperList activityItems" data-activitylimit="100"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

6
src/streamingsettings.html
View file

@ -11,8 +11,10 @@
<div class="fieldDescription">${LabelRemoteClientBitrateLimitHelp}</div> <div class="fieldDescription">${LabelRemoteClientBitrateLimitHelp}</div>
</div> </div>
</div> </div>
<button is="emby-button" type="submit" class="raised button-submit block"><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised button-submit block">
<span>${ButtonSave}</span>
</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>

26
src/videoosd.html
View file

@ -1,27 +1,19 @@
<div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true"> <div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true">
<div class="pageContainer flex"> <div class="pageContainer flex"></div>
<div class="upNextContainer hide"></div>
</div>
<div class="upNextContainer hide">
</div>
<div class="videoOsdBottom videoOsdBottom-maincontrols"> <div class="videoOsdBottom videoOsdBottom-maincontrols">
<div class="osdPoster"></div>
<div class="osdPoster">
</div>
<div class="osdControls"> <div class="osdControls">
<div class="osdTextContainer osdMainTextContainer"> <div class="osdTextContainer osdMainTextContainer">
<h3 class="osdTitle"></h3> <h3 class="osdTitle"></h3>
<div class="osdMediaInfo"></div> <div class="osdMediaInfo"></div>
<div class="osdMediaStatus hide"> <div class="osdMediaStatus hide">
<i class="md-icon animate">autorenew</i> <span>${FetchingData}</span> <i class="md-icon animate">autorenew</i>
<span>${FetchingData}</span>
</div> </div>
</div> </div>
<div class="osdTextContainer osdSecondaryMediaInfo"> <div class="osdTextContainer osdSecondaryMediaInfo"></div>
</div>
<div class="flex flex-direction-row align-items-center"> <div class="flex flex-direction-row align-items-center">
<div class="osdTextContainer startTimeText" style="margin: 0 .25em 0 0;"></div> <div class="osdTextContainer startTimeText" style="margin: 0 .25em 0 0;"></div>
@ -73,7 +65,11 @@
<i class="xlargePaperIconButton md-icon">picture_in_picture_alt</i> <i class="xlargePaperIconButton md-icon">picture_in_picture_alt</i>
</button> </button>
<div class="osdTimeText"><span class="osdPositionText"></span><span class="osdDurationText"></span><span class="endsAtText"></span></div> <div class="osdTimeText">
<span class="osdPositionText"></span>
<span class="osdDurationText"></span>
<span class="endsAtText"></span>
</div>
<div class="volumeButtons hide-mouse-idle-tv"> <div class="volumeButtons hide-mouse-idle-tv">
<button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)"> <button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)">