dlna fixes
This commit is contained in:
Luke Pulverenti
parent
11cb5f0b45
commit
b9aac88766
28 changed files with 410 additions and 423 deletions
|
|
@ -6,7 +6,8 @@
|
|||
width: 28px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
top: 2px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btnDefaultCast .btnCastImage {
|
||||
|
|
@ -20,3 +21,21 @@
|
|||
.btnDisabledCast .btnCastImage {
|
||||
background-image: url(images/chromecast/ic_media_route_disabled_holo_dark.png);
|
||||
}
|
||||
|
||||
.headerSelectedPlayer {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #ddd;
|
||||
font-size: 11px;
|
||||
margin-right: .5em;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
top: -19px;
|
||||
font-family: "Open Sans";
|
||||
}
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
.headerSelectedPlayer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -130,4 +130,13 @@
|
|||
|
||||
.ui-nosvg .ui-icon-expand:after {
|
||||
background-image: url("images/icons/expand.png");
|
||||
}
|
||||
}
|
||||
|
||||
.ui-icon-remote:after {
|
||||
background-image: url("images/icons/remote.png");
|
||||
}
|
||||
|
||||
/* Fallback */
|
||||
.ui-nosvg .ui-icon-remote:after {
|
||||
background-image: url("images/icons/remote.png");
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
dashboard-ui/css/images/icons/remote.png
Normal file
BIN
dashboard-ui/css/images/icons/remote.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 399 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
|
|
@ -62,7 +62,7 @@
|
|||
border-width: 0 !important;
|
||||
}
|
||||
|
||||
.libraryMenuButton img {
|
||||
.barsMenuButton img {
|
||||
border: 1px solid #444 !important;
|
||||
padding: .5em;
|
||||
background-color: #181818;
|
||||
|
|
@ -70,16 +70,16 @@
|
|||
height: 14px!important;
|
||||
}
|
||||
|
||||
.libraryMenuButton:hover {
|
||||
.barsMenuButton:hover {
|
||||
opacity: 1!important;
|
||||
}
|
||||
|
||||
.libraryMenuButton img:hover {
|
||||
.barsMenuButton img:hover {
|
||||
background-color: #38c;
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
.libraryMenuButton {
|
||||
.barsMenuButton {
|
||||
opacity: .9;
|
||||
}
|
||||
}
|
||||
|
|
@ -126,26 +126,6 @@
|
|||
}
|
||||
|
||||
@media all and (max-width: 460px) {
|
||||
.viewMenuBar, .headerButton {
|
||||
height: 46px;
|
||||
}
|
||||
|
||||
.headerButton {
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.libraryPage {
|
||||
padding-top: 46px !important;
|
||||
}
|
||||
|
||||
.libraryPage:not(.metadataEditorPage):not(.noSecondaryNavPage) {
|
||||
padding-top: 96px !important;
|
||||
}
|
||||
|
||||
.libraryViewNav {
|
||||
top: 47px;
|
||||
}
|
||||
|
||||
.headerButtonLeft img {
|
||||
height: 15px;
|
||||
}
|
||||
|
|
@ -169,7 +149,7 @@
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.libraryMenuButton:hover {
|
||||
.barsMenuButton:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
|
|
@ -322,3 +302,21 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 750px) {
|
||||
|
||||
.dashboardDocument .dashboardMenuButton {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 750px) {
|
||||
|
||||
.dashboardDocument .libraryMenuButton {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.libraryDocument .dashboardMenuButton {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/* Now playing bar */
|
||||
.nowPlayingBar {
|
||||
padding: 6px 0 14px 0;
|
||||
border-top: 2px solid green;
|
||||
border-top: 1px solid green;
|
||||
}
|
||||
|
||||
.nowPlayingBarImage {
|
||||
|
|
@ -27,6 +27,7 @@
|
|||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nowPlayingDoubleText {
|
||||
|
|
@ -122,6 +123,10 @@ input[type="range"]::-ms-fill-upper {
|
|||
display: none; /* display and visibility only */
|
||||
}
|
||||
|
||||
.remoteControlButton {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
|
||||
#nowPlayingBar .mediaButton {
|
||||
|
|
@ -129,7 +134,7 @@ input[type="range"]::-ms-fill-upper {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#nowPlayingBar .mediaButton:not(#playButton):not(#pauseButton) {
|
||||
#nowPlayingBar .mediaButton:not(#playButton):not(#pauseButton):not(.remoteControlButton) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -146,6 +151,13 @@ input[type="range"]::-ms-fill-upper {
|
|||
}
|
||||
}
|
||||
|
||||
/*@media all and (min-width: 800px) {
|
||||
|
||||
.nowPlayingBar {
|
||||
text-align: center;
|
||||
}
|
||||
}*/
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
#nowPlayingBar .positionSliderContainer {
|
||||
width: 300px;
|
||||
|
|
@ -163,4 +175,4 @@ input[type="range"]::-ms-fill-upper {
|
|||
.mediaPlayerAudioContainerInner {
|
||||
padding: 1em;
|
||||
background: #222;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,23 +1,30 @@
|
|||
.btnNotifications {
|
||||
text-decoration: none;
|
||||
text-decoration: none!important;
|
||||
}
|
||||
|
||||
.btnNotificationsInner {
|
||||
text-decoration: none!important;
|
||||
vertical-align: middle;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
padding: 8px 12px;
|
||||
padding: 0 12px;
|
||||
line-height: 22px;
|
||||
margin-top: 15px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
background-color: #f5f5f5;
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
|
||||
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
|
||||
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
|
||||
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
|
||||
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
|
||||
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
|
||||
border: 1px solid #dcdcdc;
|
||||
color: #666;
|
||||
background-color: #353535;
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#353535),to(#313131));
|
||||
background-image: -webkit-linear-gradient(top,#353535,#313131);
|
||||
background-image: -moz-linear-gradient(top,#353535,#313131);
|
||||
background-image: -ms-linear-gradient(top,#353535,#313131);
|
||||
background-image: -o-linear-gradient(top,#353535,#313131);
|
||||
background-image: linear-gradient(top,#353535,#313131);
|
||||
border: 1px solid #444;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.levelNormal {
|
||||
|
|
|
|||
|
|
@ -175,13 +175,6 @@ pre, textarea.pre {
|
|||
z-index: 99999;
|
||||
}
|
||||
|
||||
.headerButtons {
|
||||
float: right;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.header .imageLink {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -195,10 +188,6 @@ pre, textarea.pre {
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.imageLink.supporterIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btnCurrentUser {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -226,6 +215,7 @@ h1 .imageLink {
|
|||
|
||||
.pageTitle {
|
||||
margin-top: 0;
|
||||
font-family: "Open Sans";
|
||||
}
|
||||
|
||||
.imageButton {
|
||||
|
|
@ -278,12 +268,23 @@ h1 .imageLink {
|
|||
margin-bottom: 0!important;
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
padding-top: 55px;
|
||||
}
|
||||
|
||||
.content-secondary {
|
||||
z-index: 99996;
|
||||
background: #222;
|
||||
z-index: 1000;
|
||||
background: #333;
|
||||
border: 0;
|
||||
margin-top: 40px;
|
||||
border-right: 1px solid #ddd;
|
||||
display: none;
|
||||
text-align: left;
|
||||
width: 25%;
|
||||
position: fixed;
|
||||
top: 51px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content-secondary h1 {
|
||||
|
|
@ -294,9 +295,9 @@ h1 .imageLink {
|
|||
|
||||
.sidebarLinks a {
|
||||
display: block;
|
||||
padding: 10px 20px 10px 30px;
|
||||
padding: .6em 20px .6em 20px;
|
||||
text-decoration: none;
|
||||
color: #fff!important;
|
||||
color: #eee!important;
|
||||
text-shadow: none!important;
|
||||
font-weight: 400!important;
|
||||
font-size: 14px;
|
||||
|
|
@ -310,11 +311,12 @@ h1 .imageLink {
|
|||
.sidebarLinks a.selectedSidebarLink {
|
||||
background: #38c!important;
|
||||
color: #fff!important;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.sidebarDivider {
|
||||
height: 1px;
|
||||
background: #383838;
|
||||
background: #444;
|
||||
margin: .25em 0;
|
||||
}
|
||||
|
||||
|
|
@ -342,7 +344,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.dashboardPanelLink {
|
||||
padding: .75em .5em .75em 1.25em;
|
||||
padding: .5em .5em .5em 1.25em;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #fff!important;
|
||||
|
|
@ -391,10 +393,6 @@ h1 .imageLink {
|
|||
.imgLogoIcon {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.imageLink.supporterIcon {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 750px) {
|
||||
|
|
@ -416,11 +414,6 @@ h1 .imageLink {
|
|||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.headerButtons {
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.type-interior > .ui-content, .type-interior > .ui-panel-content-wrap > .ui-content {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
|
|
@ -429,20 +422,13 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.content-secondary {
|
||||
text-align: left;
|
||||
width: 34%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
width: 56%;
|
||||
width: 65%;
|
||||
float: right;
|
||||
padding: 10px 6% 3em 0;
|
||||
padding: 80px 6% 3em 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -451,13 +437,6 @@ h1 .imageLink {
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 850px) {
|
||||
|
||||
.content-primary {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 900px) {
|
||||
|
||||
.page:not(.standalonePage) .header {
|
||||
|
|
@ -469,11 +448,11 @@ h1 .imageLink {
|
|||
|
||||
|
||||
.content-secondary {
|
||||
width: 30%;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
width: 60%;
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -481,11 +460,11 @@ h1 .imageLink {
|
|||
|
||||
|
||||
.content-secondary {
|
||||
width: 25%;
|
||||
width: 17%;
|
||||
}
|
||||
|
||||
.content-primary {
|
||||
width: 65%;
|
||||
width: 74%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -497,7 +476,7 @@ h1 .imageLink {
|
|||
}
|
||||
|
||||
.content-primary {
|
||||
width: 70%;
|
||||
width: 71%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -669,11 +648,6 @@ h1 .imageLink {
|
|||
}
|
||||
}
|
||||
|
||||
/* Startup wizard */
|
||||
.wizardPage {
|
||||
background: #e2e2e2;
|
||||
}
|
||||
|
||||
.wizardContent {
|
||||
max-width: 800px;
|
||||
padding: .5em 2em 1em;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue