2015-06-26 08:53:49 -07:00
|
|
|
|
.nowPlayingPage {
|
|
|
|
|
padding-top: 0 !important;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-09-25 09:08:13 -07:00
|
|
|
|
.nowPlayingPagePaperTabs.bottom {
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
|
|
|
|
margin: 2px 1px;
|
2015-10-08 09:22:14 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-10-26 15:47:49 -07:00
|
|
|
|
.nowPlayingPage .btnCommand:not(.hide), .nowPlayingPage .btnPlayStateCommand:not(.hide) {
|
|
|
|
|
display: inline-block !important;
|
|
|
|
|
}
|
2015-06-26 08:53:49 -07:00
|
|
|
|
|
2014-05-12 11:04:25 -07:00
|
|
|
|
.nowPlayingPageImage img {
|
2015-06-26 08:53:49 -07:00
|
|
|
|
max-height: 360px;
|
|
|
|
|
max-width: 360px;
|
2015-06-13 11:04:00 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-26 20:27:38 -07:00
|
|
|
|
.nowPlayingPageTimeContainer {
|
2015-06-13 11:04:00 -07:00
|
|
|
|
min-width: 200px;
|
2015-06-26 20:27:38 -07:00
|
|
|
|
max-width: 280px;
|
|
|
|
|
margin: 0 auto 1em;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingNavButtonContainer {
|
|
|
|
|
width: 400px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chapterMenuOverlay {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
2015-02-19 17:34:05 -07:00
|
|
|
|
z-index: 999;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chapterMenu {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 30%;
|
|
|
|
|
height: 180px;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
background-color: rgba(0,0,0,.9);
|
2015-02-19 17:34:05 -07:00
|
|
|
|
z-index: 1000;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-07-26 14:02:23 -07:00
|
|
|
|
.nowPlayingPageRepeatActive {
|
|
|
|
|
color: #2ad !important;
|
|
|
|
|
}
|
|
|
|
|
|
2014-05-12 11:04:25 -07:00
|
|
|
|
.chapterMenuInner {
|
|
|
|
|
padding: 1em 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-06 21:14:35 -07:00
|
|
|
|
.smallBackdropPosterItem .cardOverlayInner > div {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
2014-05-12 11:04:25 -07:00
|
|
|
|
.chapterPosterItem {
|
2015-06-13 11:04:00 -07:00
|
|
|
|
width: 240px !important;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.chapterPosterItem .posterItemImage {
|
2015-06-13 11:04:00 -07:00
|
|
|
|
height: 135px !important;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.currentChapter {
|
|
|
|
|
-moz-box-shadow: 0 0 12px 7px #cc3333;
|
|
|
|
|
-webkit-box-shadow: 0 0 12px 7px #cc3333;
|
|
|
|
|
box-shadow: 0 0 12px 7px #cc3333;
|
|
|
|
|
}
|
|
|
|
|
|
2015-09-14 21:31:12 -07:00
|
|
|
|
.playlistIndexIndicatorImage {
|
|
|
|
|
background-size: initial !important;
|
|
|
|
|
background-image: url(images/ani_equalizer_white.gif) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
@media all and (max-width: 700px) {
|
2014-05-12 11:04:25 -07:00
|
|
|
|
|
|
|
|
|
.nowPlayingPageImage img {
|
|
|
|
|
max-height: 160px;
|
2015-06-26 08:53:49 -07:00
|
|
|
|
max-width: 200px;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-09-14 21:31:12 -07:00
|
|
|
|
@media all and (max-width: 600px) and (orientation: portrait) {
|
|
|
|
|
|
|
|
|
|
.btnSlideshow {
|
2015-10-26 15:47:49 -07:00
|
|
|
|
display: block !important;
|
2015-09-14 21:31:12 -07:00
|
|
|
|
margin-top: 1em;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-09 21:01:14 -07:00
|
|
|
|
@media all and (max-height: 600px) {
|
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
|
|
|
|
margin: 2px 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-09 21:01:14 -07:00
|
|
|
|
.nowPlayingPageImage img {
|
|
|
|
|
max-height: 160px;
|
2015-06-13 11:04:00 -07:00
|
|
|
|
max-width: 220px;
|
2015-06-09 21:01:14 -07:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
@media all and (max-height: 500px) {
|
2014-05-12 11:04:25 -07:00
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
.nowPlayingPageImage img {
|
|
|
|
|
max-height: 120px;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media all and (max-width: 400px) {
|
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
.nowPlayingNavButtonContainer {
|
|
|
|
|
width: 300px;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
2015-06-13 11:04:00 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingPageTitle {
|
2015-06-13 16:56:59 -07:00
|
|
|
|
margin: .5em 0;
|
2015-06-13 11:04:00 -07:00
|
|
|
|
}
|
2014-05-12 11:04:25 -07:00
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
.nowPlayingInfoButtons {
|
2015-06-13 16:56:59 -07:00
|
|
|
|
padding-top: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media all and (min-height: 600px) {
|
|
|
|
|
|
|
|
|
|
.nowPlayingPageTitle {
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingInfoButtons {
|
|
|
|
|
padding-top: 1em;
|
|
|
|
|
}
|
2015-06-13 11:04:00 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-26 20:27:38 -07:00
|
|
|
|
@media all and (min-width: 800px) {
|
|
|
|
|
|
|
|
|
|
.nowPlayingPageTimeContainer {
|
|
|
|
|
max-width: 340px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
@media (orientation: landscape) {
|
|
|
|
|
.nowPlayingInfoMetadata, .nowPlayingInfoButtons {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: top;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-26 08:53:49 -07:00
|
|
|
|
.nowPlayingInfoButtons {
|
|
|
|
|
margin-left: 1em;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (orientation: landscape) and (min-width: 700px) {
|
2015-06-13 11:04:00 -07:00
|
|
|
|
.nowPlayingInfoButtons {
|
|
|
|
|
margin-left: 3em;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
}
|
2015-06-26 08:53:49 -07:00
|
|
|
|
|
|
|
|
|
@media (orientation: landscape) and (max-height: 400px) {
|
|
|
|
|
.nowPlayingPageTitle {
|
2015-06-27 20:29:50 -07:00
|
|
|
|
margin: 0 auto;
|
|
|
|
|
width: 50%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: -20px;
|
2015-06-26 08:53:49 -07:00
|
|
|
|
}
|
2015-06-27 16:18:09 -07:00
|
|
|
|
|
|
|
|
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
|
|
|
|
width: 60px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
}
|
2015-06-26 08:53:49 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (orientation: portrait) and (max-height: 600px) {
|
|
|
|
|
.nowPlayingPageTitle {
|
2015-06-27 20:29:50 -07:00
|
|
|
|
margin: 0 auto;
|
|
|
|
|
width: 50%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
top: -20px;
|
2015-06-26 08:53:49 -07:00
|
|
|
|
}
|
2015-06-27 16:18:09 -07:00
|
|
|
|
|
|
|
|
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
|
|
|
|
width: 60px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
}
|
2015-06-26 08:53:49 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingSelectedPlayer {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
color: #eee;
|
|
|
|
|
margin-right: .25em;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-26 20:27:38 -07:00
|
|
|
|
@media all and (max-width: 700px) {
|
2015-06-26 08:53:49 -07:00
|
|
|
|
|
|
|
|
|
.nowPlayingSelectedPlayer {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
2015-06-27 16:18:09 -07:00
|
|
|
|
}
|
2015-07-26 14:02:23 -07:00
|
|
|
|
|
2015-10-08 09:22:14 -07:00
|
|
|
|
.nowPlayingPageUserDataButtons paper-icon-button {
|
2015-06-28 09:36:25 -07:00
|
|
|
|
width: 40px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
}
|