mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-07-16 02:02:58 -07:00
More style changes across site
This commit is contained in:
JonnyWong16
parent
aa351bd965
commit
1ec1edefdd
5 changed files with 73 additions and 35 deletions
|
|
@ -513,7 +513,7 @@ input[type="color"],
|
|||
left: 0;
|
||||
float: left;
|
||||
text-align: left;
|
||||
padding: 2px 2px 6px 2px;
|
||||
padding: 5px 8px;
|
||||
font-size: 12px;
|
||||
color: #eee;
|
||||
text-overflow: ellipsis;
|
||||
|
|
@ -527,7 +527,7 @@ input[type="color"],
|
|||
right: 0;
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding: 2px 2px 6px 2px;
|
||||
padding: 5px 8px;
|
||||
font-size: 12px;
|
||||
color: #eee;
|
||||
}
|
||||
|
|
@ -636,7 +636,7 @@ input[type="color"],
|
|||
clear: both;
|
||||
}
|
||||
.dashboard-recent-media-metacontainer h3 {
|
||||
padding-top: 5px;
|
||||
padding: 5px 3px 0 3px;
|
||||
color: #fff;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
|
@ -647,16 +647,16 @@ input[type="color"],
|
|||
font-weight: normal;
|
||||
width: 153px;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
}
|
||||
.dashboard-recent-media-metacontainer .text-muted {
|
||||
padding-top: 5px;
|
||||
padding: 5px 3px 0 3px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
}
|
||||
.art-face {
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -954,18 +954,32 @@ input[type="color"],
|
|||
list-style: none;
|
||||
margin: 0 0 0px 0px;
|
||||
}
|
||||
.season-episodes-instance>li {
|
||||
.season-episodes-instance li {
|
||||
float: left;
|
||||
height: 200px;
|
||||
width: 250px;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
.season-episodes-instance a:hover .season-episodes-card-overlay {
|
||||
webkit-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;
|
||||
}
|
||||
.season-episodes-poster {
|
||||
float: left;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
}
|
||||
.season-episodes-poster-face {
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
height: 140px;
|
||||
width: 250px;
|
||||
position: relative;
|
||||
webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
|
||||
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
|
||||
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
|
||||
}
|
||||
.season-episodes-poster-face img {
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
|
|
@ -982,11 +996,14 @@ input[type="color"],
|
|||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 4px 8px;
|
||||
text-align: left;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
border-top: 1px solid #000;
|
||||
background: -moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%);
|
||||
height: 140px;
|
||||
}
|
||||
.season-episodes-card-overlay-index {
|
||||
color: #fff;
|
||||
|
|
@ -994,10 +1011,27 @@ input[type="color"],
|
|||
text-shadow: 0 1px 5px rgba(0,0,0,0.2);
|
||||
}
|
||||
.season-episodes-instance-text-wrapper {
|
||||
width: 250px;
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
clear: both;
|
||||
width: 205px;
|
||||
}
|
||||
.season-episodes-title, .season-episodes-title a {
|
||||
.season-episodes-instance-text-wrapper h3 {
|
||||
padding: 5px 3px 0 3px;
|
||||
color: #fff;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
margin: 0;
|
||||
line-height: 15px;
|
||||
font-weight: normal;
|
||||
width: 250px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
clear: both;
|
||||
}
|
||||
.season-episodes-title a {
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
|
|
@ -1010,6 +1044,7 @@ input[type="color"],
|
|||
width: 205px;
|
||||
margin-top: 2px;
|
||||
margin-left: 0px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.season-episodes a:hover {
|
||||
color: #F9AA03;
|
||||
|
|
@ -1018,6 +1053,9 @@ input[type="color"],
|
|||
color: #aaa;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
bottom: 5px;
|
||||
}
|
||||
.user-info-wrapper {
|
||||
height: 113px;
|
||||
|
|
@ -1146,6 +1184,10 @@ input[type="color"],
|
|||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
|
||||
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
|
||||
box-shadow: 0 0 5px rgba(0,0,0,0.5);
|
||||
background-size: contain;
|
||||
position: relative;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
.user-platforms-instance-name {
|
||||
float: left;
|
||||
|
|
@ -1184,6 +1226,7 @@ input[type="color"],
|
|||
.home-platforms-instance-box {
|
||||
background-size: contain;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
height: 80px;
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@ DOCUMENTATION :: END
|
|||
<div class='col-md-12'>
|
||||
<div class='table-card-header'>
|
||||
<div class="header-bar">
|
||||
<span>Watch history for <strong>${data['title']}</strong></span>
|
||||
<span>Watch History for <strong>${data['title']}</strong></span>
|
||||
</div>
|
||||
<div class="colvis-button-bar hidden-xs">
|
||||
</div>
|
||||
|
|
@ -203,7 +203,7 @@ DOCUMENTATION :: END
|
|||
<div class='col-md-12'>
|
||||
<div class='table-card-header'>
|
||||
<div class="header-bar">
|
||||
<span>Episode list for <strong>${data['title']}</strong></span>
|
||||
<span>Episode List for <strong>${data['title']}</strong></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='table-card-back'>
|
||||
|
|
|
|||
|
|
@ -30,25 +30,20 @@ DOCUMENTATION :: END
|
|||
<ul class="season-episodes-instance list-unstyled">
|
||||
% for a in data['episode_list']:
|
||||
<li>
|
||||
<div class="season-episodes-poster">
|
||||
<div class="season-episodes-poster-face">
|
||||
<a href="info?item_id=${a['rating_key']}">
|
||||
<img src="pms_image_proxy?img=${a['thumb']}&width=410&height=230" class="season-episodes-poster-face">
|
||||
</a>
|
||||
</div>
|
||||
<div class="season-episodes-card-overlay">
|
||||
<div class="season-episodes-season">
|
||||
Episode ${a['index']}
|
||||
<a href="info?item_id=${a['rating_key']}">
|
||||
<div class="season-episodes-poster">
|
||||
<div class="season-episodes-poster-face" style="background-image: url(pms_image_proxy?img=${a['thumb']}&width=410&height=230);">
|
||||
<div class="season-episodes-card-overlay">
|
||||
<div class="season-episodes-season">
|
||||
Episode ${a['index']}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="season-episodes-instance-text-wrapper">
|
||||
<div class="season-episodes-title">
|
||||
<a href="info?item_id=${a['rating_key']}">
|
||||
"${a['title']}"
|
||||
</a>
|
||||
<div class="season-episodes-instance-text-wrapper">
|
||||
<h3>${a['title']}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
% endfor
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -103,7 +103,7 @@ from plexpy import helpers
|
|||
<div class="col-md-12">
|
||||
<div class="table-card-header">
|
||||
<div class="header-bar">
|
||||
<span><i class="fa fa-history"></i> Recently watched</span>
|
||||
<span><i class="fa fa-history"></i> Recently Watched</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-card-back">
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ DOCUMENTATION :: END
|
|||
</div>
|
||||
</ul>
|
||||
<script>
|
||||
$("#user-platform-image-${a['result_id']}").html("<img class='user-platforms-instance-poster' src='" + getPlatformImagePath('${a['platform_type']}') + "'>");
|
||||
$("#user-platform-image-${a['result_id']}").html("<div class='user-platforms-instance-poster' style='background-image: url(" + getPlatformImagePath('${a['platform_type']}') + ");'>");
|
||||
</script>
|
||||
% endfor
|
||||
% else:
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue