1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

add some common styles for detail pages

This commit is contained in:
Luke Pulverenti 2013-04-10 15:49:12 -04:00
parent d198b2e10b
commit 98bf4945e4
5 changed files with 11 additions and 7 deletions

View file

@ -7,7 +7,7 @@
<div id="boxsetPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a"> <div id="boxsetPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
<h1 class="libraryPageHeader"><a href="index.html" class="imageLink"> <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
<img src="css/images/home.png"></a>Movies</h1> <img src="css/images/home.png"></a>Movies</h1>
<div data-role="content" style="padding-top: 0;"> <div data-role="content">
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="moviesrecommended.html" data-role="button">Suggested</a> <a href="moviesrecommended.html" data-role="button">Suggested</a>
@ -21,7 +21,7 @@
<h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1> <h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
<h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1> <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
<div style="padding: 10px;"> <div class="detailPagePrimaryInfo">
<div class="itemImageBlock"> <div class="itemImageBlock">
<div id="itemMedia" style="position: relative;"> <div id="itemMedia" style="position: relative;">
<div id="itemImage"></div> <div id="itemImage"></div>

View file

@ -154,6 +154,10 @@
} }
} }
.detailPagePrimaryInfo {
padding: 0 10px;
}
.mediaInfoStream { .mediaInfoStream {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;

View file

@ -7,7 +7,7 @@
<div id="itemByNameDetailPage" data-role="page" class="page libraryPage" data-theme="a"> <div id="itemByNameDetailPage" data-role="page" class="page libraryPage" data-theme="a">
<div data-role="content"> <div data-role="content">
<div style="padding: 10px;"> <div class="detailPagePrimaryInfo">
<div class="itemImageBlock"> <div class="itemImageBlock">
<div id="itemMedia" style="position: relative;"> <div id="itemMedia" style="position: relative;">
<div id="itemImage"></div> <div id="itemImage"></div>

View file

@ -5,12 +5,12 @@
</head> </head>
<body> <body>
<div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a"> <div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a">
<div data-role="content" style="padding-top: 0;"> <div data-role="content">
<h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1> <h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
<h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1> <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
<div style="padding: 10px;"> <div class="detailPagePrimaryInfo">
<div class="itemImageBlock"> <div class="itemImageBlock">
<div id="itemMedia" style="position: relative;"> <div id="itemMedia" style="position: relative;">
<div id="itemImage"></div> <div id="itemImage"></div>

View file

@ -7,7 +7,7 @@
<div id="tvSeriesPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a"> <div id="tvSeriesPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
<h1 class="libraryPageHeader"><a href="index.html" class="imageLink"> <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
<img src="css/images/home.png"></a>TV Shows</h1> <img src="css/images/home.png"></a>TV Shows</h1>
<div data-role="content" style="padding-top: 0;"> <div data-role="content">
<div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
<a href="tvrecommended.html" data-role="button">Suggested</a> <a href="tvrecommended.html" data-role="button">Suggested</a>
@ -18,7 +18,7 @@
<h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1> <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
<div style="padding: 10px;"> <div class="detailPagePrimaryInfo">
<div class="itemImageBlock"> <div class="itemImageBlock">
<div id="itemMedia" style="position: relative;"> <div id="itemMedia" style="position: relative;">
<div id="itemImage"></div> <div id="itemImage"></div>