diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css index c9d6477f..0c69955b 100644 --- a/data/interfaces/default/css/plexpy.css +++ b/data/interfaces/default/css/plexpy.css @@ -578,17 +578,51 @@ a .users-poster-face:hover { margin-right: 20px; margin-bottom: 20px; } +.dashboard-instance.hover .dashboard-activity-poster { + -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049; + -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049; + box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049; +} +.dashboard-instance.hover .dashboard-activity-poster-info-bar { + opacity: 1; +} +.dashboard-instance.hover .dashboard-activity-progress-bar { + height: 14px; + transform-origin: top; + transition: all .2s ease; + border-radius: 0px 0px 3px 3px; +} +.dashboard-instance.hover .bar { + height: 14px; + transform-origin: top; + transition: all .2s ease; + border-radius: 0px 0px 3px 3px; + color: rgba(255, 255, 255, 1); + background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.25),0%,rgba(0,0,0,0),50px); + background-image: -moz-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); + background-image: linear-gradient(to left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); +} +.dashboard-instance.hover .bufferbar { + height: 14px; + transform-origin: top; + transition: all .2s ease; + border-radius: 0px 0px 3px 3px; + color: rgba(255, 255, 255, 1); + background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.25),0%,rgba(0,0,0,0),50px); + background-image: -moz-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); + background-image: linear-gradient(to left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); +} +.dashboard-instance.hover .dashboard-activity-metadata-wrapper { + margin-top: 11px; + transform-origin: top; + transition: all .2s ease; +} .dashboard-activity-poster { height: 200px; width: 100%; position: relative; overflow: hidden; } -a:hover .dashboard-activity-poster { - -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049; - -moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049; - box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 2px #e9a049; -} .dashboard-activity-poster-face { background-position: center; background-size: cover; @@ -675,10 +709,10 @@ a:hover .dashboard-activity-poster { } .dashboard-activity-info-details-overlay { text-align: left; - background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.8))); - background-image: -webkit-linear-gradient(top,rgba(0,0,0,.6),0,rgba(0,0,0,.8),100%); - background-image: -moz-linear-gradient(top,rgba(0,0,0,.6) 0,rgba(0,0,0,.8) 100%); - background-image: linear-gradient(to bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,.8) 100%); + background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0))); + background-image: -webkit-linear-gradient(top,rgba(0,0,0,.75),0,rgba(0,0,0,0),100%); + background-image: -moz-linear-gradient(top,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%); + background-image: linear-gradient(to bottom,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 100%); background-repeat: repeat-x; position: absolute; top: 0; @@ -746,9 +780,6 @@ a:hover .dashboard-activity-poster { transition: all .2s; z-index: -2; } -.dashboard-activity-poster:hover .dashboard-activity-poster-info-bar { - opacity: 1; -} .dashboard-activity-poster-info-text { position: absolute; bottom: 0; @@ -820,37 +851,6 @@ a:hover .dashboard-activity-poster { height: 6px; overflow: hidden; } -.dashboard-instance.hover .dashboard-activity-progress-bar { - height: 14px; - transform-origin: top; - transition: all .2s ease; - border-radius: 0px 0px 3px 3px; -} -.dashboard-instance.hover .bar { - height: 14px; - transform-origin: top; - transition: all .2s ease; - border-radius: 0px 0px 3px 3px; - color: rgba(255, 255, 255, 1); - background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.25),0%,rgba(0,0,0,0),50px); - background-image: -moz-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); - background-image: linear-gradient(to left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); -} -.dashboard-instance.hover .bufferbar { - height: 14px; - transform-origin: top; - transition: all .2s ease; - border-radius: 0px 0px 3px 3px; - color: rgba(255, 255, 255, 1); - background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.25),0%,rgba(0,0,0,0),50px); - background-image: -moz-linear-gradient(left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); - background-image: linear-gradient(to left,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 50px); -} -.dashboard-instance.hover .dashboard-activity-metadata-wrapper { - margin-top: 11px; - transform-origin: top; - transition: all .2s ease; -} .dashboard-activity-metadata-wrapper { position: relative; width: 100%; @@ -862,7 +862,8 @@ a:hover .dashboard-activity-poster { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - font-size: 14px; + font-size: 13px; + font-weight: bold; line-height: 25px; color: #fff; max-width: 300px; @@ -871,7 +872,8 @@ a:hover .dashboard-activity-poster { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - font-size: 14px; + font-size: 13px; + font-weight: bold; line-height: 25px; color: #999; max-width: 172px; @@ -881,7 +883,8 @@ a:hover .dashboard-activity-poster { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - font-size: 14px; + font-size: 13px; + font-weight: bold; line-height: 25px; color: #999; text-align: right; diff --git a/data/interfaces/default/current_activity_instance.html b/data/interfaces/default/current_activity_instance.html new file mode 100644 index 00000000..121b2ced --- /dev/null +++ b/data/interfaces/default/current_activity_instance.html @@ -0,0 +1,307 @@ +<%doc> +USAGE DOCUMENTATION :: PLEASE LEAVE THIS AT THE TOP OF THIS FILE + +For Mako templating syntax documentation please visit: http://docs.makotemplates.org/en/latest/ + +Filename: current_activity_instance.html +Version: 0.1 +Variable names: data {dict} + +data :: Usable parameters + +== Global keys == +session_key Returns a unique session id for the active stream +rating_key Returns the unique identifier for the media item. +media_index Returns the index of the media item. +parent_media_index Returns the index of the media item's parent. +media_type Returns the type of session. Either 'track', 'episode' or 'movie'. +thumb Returns the location of the item's thumbnail. Use with pms_image_proxy. +bif_thumb Returns the location of the item's bif thumbnail. Use with pms_image_proxy. +art Returns the location of the item's artwork +progress_percent Returns the current progress of the item. 0 to 100. +user Returns the name of the user owning the session. +user_id Returns the Plex user id if available. +machine_id Returns the machine id of the players being used. +friendly_name Returns the friendlly name of the user owning the session. +user_thumb Returns the profile picture of the user owning the session. +state Returns the state of the current session. Either 'playing', 'paused' or 'buffering'. +title Returns the name of the episode, movie or music track. +year Returns the year of the episode, movie, or clip. +ip_address Returns the ip address of the stream. +player Returns the name of the platform used to play the stream. +platform Returns the type of platform used to play the stream. +throttled Returns true if the transcode session is throttled. +transcode_progress Returns the current transcode progress of the item. 0 to 100. +transcode_speed Returns the current transcode speed of the item. +audio_decision Returns the audio transcode decision. Either 'transcode', 'copy' or 'direct play'. +audio_codec Returns the name of the audio codec. +audio_channels Returns the number of audio channels. +grandparent_title Returns the title of the item's grandparent. +parent_title Returns the title of the item's parent. +video_decision Returns the video transcode decision. Either 'transcode', 'copy' or 'direct play'. +video_codec Returns the name of the video codec. +height Returns the value of the video height. +width Returns the value of the video width. +container Returns the value of the media container. +bitrate Returns the value of the media bitrate. +video_resolution Returns the value of the video resolution. +video_framerate Returns the value of the video framerate. +video_aspect_ratio Returns the value of the video aspect ratio. +transcode_audio_channels Returns the amount of audio channels if there is a transcode session. +transcode_audio_codec Returns the name of the audio codec if there is a transcode session. +transcode_video_codec Returns the name of the video codec if there is a transcode session. +transcode_width Returns the video width if there is a transcode session. +transcode_height Returns the video height if there is a transcode session. +transcode_container Returns the value of media container if there is a transcode session. +transcode_protocol Returns the value of media protocol if there is a transcode session. +indexes Returns true if the media has media indexes and are enabled + +DOCUMENTATION :: END +%doc> + +% if data is not None: +