jellyfin-web/dashboard-ui/css/chromecast.css
2015-05-10 17:56:13 -04:00

60 lines
1.2 KiB
CSS

.btnCastImage:not(.btnCastIcon) {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
width: 28px;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.btnDefaultCast .btnCastImage {
background-image: url(images/chromecast/ic_media_route_off_holo_dark.png);
}
.btnActiveCast .btnCastImage {
background-image: url(images/chromecast/ic_media_route_on_holo_dark.png);
}
.btnActiveCast i {
color: #2ad !important;
}
.btnDisabledCast .btnCastImage {
background-image: url(images/chromecast/ic_media_route_disabled_holo_dark.png);
}
.btnDisabledCast i {
color: #555;
}
.btnCast {
white-space: nowrap;
position: relative;
top: 1px !important;
}
.headerSelectedPlayer {
display: inline-block;
vertical-align: middle;
color: #ddd;
font-size: 11px;
margin-right: .5em;
position: relative;
top: 1px;
max-width: 100px;
text-overflow: ellipsis;
overflow: hidden;
}
.btnCastIcon .headerSelectedPlayer {
top: 0;
}
@media all and (max-width: 1000px) {
.headerSelectedPlayer {
display: none;
}
}