github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-15 01:32:57 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Revert home stats poster size.

Browse source
This commit is contained in:
JonnyWong16 2015-08-19 13:53:23 -07:00
parent 01b3ae377b
commit fd3b2a48f9
2 changed files with 36 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

47
data/interfaces/default/css/plexpy.css
View file

@ -1275,23 +1275,34 @@ input[type="color"],
top: 14px; top: 14px;
left: 0px; left: 0px;
} }
.home-platforms {
max-width: 1600px;
}
.home-platforms ul {
list-style: none;
margin: 0;
}
.home-platforms-instance-poster { .home-platforms-instance-poster {
margin-left: 10px; margin-left: 0px;
}
.home-platforms-instance-poster .poster-face {
height: 120px;
width: 80px;
} }
.home-platforms-instance-box { .home-platforms-instance-box {
background-size: contain; background-size: contain;
position: relative; position: absolute;
border-radius: 3px; left: 10px;
top: 25px; bottom: 35px;
left: 25px;
height: 80px; height: 80px;
width: 80px; width: 80px;
border-radius: 3px;
} }
.home-platforms-instance-oval { .home-platforms-instance-oval {
background-size: contain; background-size: contain;
position: relative; position: absolute;
margin-top: 25px; left: 10px;
margin-left: 25px; bottom: 35px;
height: 80px; height: 80px;
width: 80px; width: 80px;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
@ -1339,24 +1350,25 @@ input[type="color"],
float: left; float: left;
background-color: #282828; background-color: #282828;
position: absolute; position: absolute;
bottom: 0; top: 5px;
left: 0; left: 0;
padding-left: 170px; padding-left: 100px;
width: 100%; width: 100%;
height: 130px; height: 120px;
} }
.home-platforms-instance { .home-platforms-instance {
background-color: #282828;
position: relative; position: relative;
float: left; float: left;
width: 375px; width: 300px;
height: 120px; height: 120px;
padding-bottom: 10px; padding: 10px;
margin-right: 25px; margin-right: 20px;
margin-bottom: 25px; margin-bottom: 20px;
webkit-box-sizing: content-box; webkit-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
} }
.home-platforms-instance-media a:hover .poster-face { .home-platforms-instance a:hover .poster-face {
webkit-box-shadow: inset 0 0 0 2px #e9a049; webkit-box-shadow: inset 0 0 0 2px #e9a049;
-moz-box-shadow: inset 0 0 0 2px #e9a049; -moz-box-shadow: inset 0 0 0 2px #e9a049;
box-shadow: inset 0 0 0 2px #e9a049; box-shadow: inset 0 0 0 2px #e9a049;
@ -1634,9 +1646,6 @@ input[type="color"],
width: 250px; width: 250px;
z-index: 9999; z-index: 9999;
} }
#home-stats {
max-width: 1600px;
}
#updatebar { #updatebar {
background-color: #444; background-color: #444;
color: #999999; color: #999999;

16
data/interfaces/default/home_stats.html
View file

@ -62,9 +62,9 @@ DOCUMENTATION :: END
<ul class="list-unstyled"> <ul class="list-unstyled">
% for a in data: % for a in data:
% if a['stat_id'] == 'top_tv' and a['rows']: % if a['stat_id'] == 'top_tv' and a['rows']:
<div class="home-platforms-instance-media"> <div class="home-platforms-instance">
<li> <li>
<div class="home-platforms-instance-mediainfo"> <div class="home-platforms-instance-info">
<div class="home-platforms-instance-name"> <div class="home-platforms-instance-name">
<h4>Most Watched TV</h4> <h4>Most Watched TV</h4>
<h5><a href="info?item_id=${a['rows'][0]['rating_key']}"> <h5><a href="info?item_id=${a['rows'][0]['rating_key']}">
@ -94,9 +94,9 @@ DOCUMENTATION :: END
</li> </li>
</div> </div>
% elif a['stat_id'] == 'popular_tv' and a['rows']: % elif a['stat_id'] == 'popular_tv' and a['rows']:
<div class="home-platforms-instance-media"> <div class="home-platforms-instance">
<li> <li>
<div class="home-platforms-instance-mediainfo"> <div class="home-platforms-instance-info">
<div class="home-platforms-instance-name"> <div class="home-platforms-instance-name">
<h4>Most Popular TV</h4> <h4>Most Popular TV</h4>
<h5><a href="info?item_id=${a['rows'][0]['rating_key']}"> <h5><a href="info?item_id=${a['rows'][0]['rating_key']}">
@ -122,9 +122,9 @@ DOCUMENTATION :: END
</li> </li>
</div> </div>
% elif a['stat_id'] == 'top_movies' and a['rows']: % elif a['stat_id'] == 'top_movies' and a['rows']:
<div class="home-platforms-instance-media"> <div class="home-platforms-instance">
<li> <li>
<div class="home-platforms-instance-mediainfo"> <div class="home-platforms-instance-info">
<div class="home-platforms-instance-name"> <div class="home-platforms-instance-name">
<h4>Most Watched Movie</h4> <h4>Most Watched Movie</h4>
<h5><a href="info?item_id=${a['rows'][0]['rating_key']}"> <h5><a href="info?item_id=${a['rows'][0]['rating_key']}">
@ -154,9 +154,9 @@ DOCUMENTATION :: END
</li> </li>
</div> </div>
% elif a['stat_id'] == 'popular_movies' and a['rows']: % elif a['stat_id'] == 'popular_movies' and a['rows']:
<div class="home-platforms-instance-media"> <div class="home-platforms-instance">
<li> <li>
<div class="home-platforms-instance-mediainfo"> <div class="home-platforms-instance-info">
<div class="home-platforms-instance-name"> <div class="home-platforms-instance-name">
<h4>Most Popular Movie</h4> <h4>Most Popular Movie</h4>
<h5><a href="info?item_id=${a['rows'][0]['rating_key']}"> <h5><a href="info?item_id=${a['rows'][0]['rating_key']}">