2015-06-26 08:53:49 -07:00
|
|
|
|
.nowPlayingPage {
|
|
|
|
|
padding-top: 0 !important;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-26 08:53:49 -07:00
|
|
|
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
padding: 14px 0;
|
2015-06-26 09:24:21 -07:00
|
|
|
|
margin: 2px 1px;
|
2015-06-26 08:53:49 -07:00
|
|
|
|
width: 70px;
|
|
|
|
|
background: #383838;
|
2015-06-26 09:24:21 -07:00
|
|
|
|
border-radius: 2px;
|
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
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingTimeContainer {
|
|
|
|
|
max-width: 280px;
|
|
|
|
|
margin: 1.5em auto;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingPage .positionSliderContainer {
|
2015-06-13 11:04:00 -07:00
|
|
|
|
width: 100%;
|
|
|
|
|
min-width: 200px;
|
2014-05-12 11:04:25 -07:00
|
|
|
|
}
|
|
|
|
|
|
2015-06-13 11:04:00 -07:00
|
|
|
|
.nowPlayingPage .positionSliderContainer .ui-slider-track {
|
|
|
|
|
margin: 0 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingPage .positionSliderContainer .ui-slider {
|
|
|
|
|
height: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
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
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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-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-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
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@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 {
|
|
|
|
|
margin-top: -1em;
|
|
|
|
|
padding: 0 60px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (orientation: portrait) and (max-height: 600px) {
|
|
|
|
|
.nowPlayingPageTitle {
|
|
|
|
|
margin-top: -1em;
|
|
|
|
|
padding: 0 60px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nowPlayingSelectedPlayer {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
color: #eee;
|
|
|
|
|
margin-right: .25em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media all and (max-width: 600px) {
|
|
|
|
|
|
|
|
|
|
.nowPlayingSelectedPlayer {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|