add slideshows to now playing page

This commit is contained in:
Luke Pulverenti 2015-08-21 01:00:56 -04:00
parent 0b3155f652
commit aa454b2f24
40 changed files with 448 additions and 43 deletions

View file

@ -1793,3 +1793,59 @@ paper-icon-button.listviewMenuButton {
max-height: 160px;
}
}
.slideshowContainer {
background: #000;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1000;
overflow: hidden;
}
.slideshowImage {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1001;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.slideshowImage.cover {
background-size: cover;
}
.slideshowImageText {
position: fixed;
bottom: .25em;
right: .5em;
color: #fff;
z-index: 1002;
font-size: 100px;
}
.btnStopSlideshow {
position: fixed;
top: 1em;
right: 1em;
color: #fff;
z-index: 1002;
}
.btnStopSlideshow iron-icon {
width: 40px;
height: 40px;
}
@media all and (max-width:1200px) {
.slideshowImageText {
font-size: 40px;
}
}