mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
minify resources
This commit is contained in:
Luke Pulverenti
parent
8a6884abef
commit
661eeac16e
201 changed files with 203 additions and 52376 deletions
|
|
@ -1,72 +1 @@
|
|||
.autoorganizetable > .table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.autoorganizetable th {
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > tbody > tr > td {
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
.autoorganizetable .fileCell {
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > thead > th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.autoorganizetable tbody tr:nth-child(odd) td,
|
||||
.autoorganizetable tbody tr:nth-child(odd) th {
|
||||
background-color: #eeeeee; /* non-RGBA fallback */
|
||||
background-color: rgba(0,0,0,.04);
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.autoorganizetable > .table {
|
||||
margin-bottom: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.autoorganizetable .spinnerCell {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > thead,
|
||||
.autoorganizetable > .table > tfoot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > tbody {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > tbody > tr {
|
||||
display: block;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 1.6rem;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > tbody > tr > td {
|
||||
background-color: #eeeeee; /* non-RGBA fallback */
|
||||
background-color: rgba(0,0,0,.04);
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
.autoorganizetable > .table > tbody > tr > td[data-title]:before {
|
||||
content: attr(data-title);
|
||||
float: left;
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
min-width: 20%;
|
||||
}
|
||||
}
|
||||
.autoorganizetable>.table{width:100%}.autoorganizetable th,.autoorganizetable>.table>tbody>tr>td{padding:.4em}.autoorganizetable .fileCell{word-wrap:break-word;word-break:break-all}.autoorganizetable>.table>thead>th{text-align:left}.autoorganizetable tbody tr:nth-child(odd) td,.autoorganizetable tbody tr:nth-child(odd) th{background-color:#eee;background-color:rgba(0,0,0,.04)}@media screen and (max-width:800px){.autoorganizetable>.table{margin-bottom:0;background-color:transparent}.autoorganizetable .spinnerCell{display:none!important}.autoorganizetable>.table>tfoot,.autoorganizetable>.table>thead{display:none}.autoorganizetable>.table>tbody{display:block}.autoorganizetable>.table>tbody>tr{display:block;border:1px solid #e0e0e0;-webkit-border-radius:2px;border-radius:2px;margin-bottom:1.6rem}.autoorganizetable>.table>tbody>tr>td{background-color:#eee;background-color:rgba(0,0,0,.04);display:block;vertical-align:middle;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:.4em}.autoorganizetable>.table>tbody>tr>td[data-title]:before{content:attr(data-title);float:left;font-size:inherit;font-weight:700;min-width:20%}}
|
||||
|
|
@ -1,17 +1 @@
|
|||
.btnActiveCast {
|
||||
color: #52B54B !important;
|
||||
}
|
||||
|
||||
.headerSelectedPlayer {
|
||||
font-weight: normal;
|
||||
max-width: 160px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
.headerSelectedPlayer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.btnActiveCast{color:#52B54B!important}.headerSelectedPlayer{font-weight:400;max-width:160px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media all and (max-width:600px){.headerSelectedPlayer{display:none}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,87 +1 @@
|
|||
.detailTableContainer {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.detailTable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.stretchedDetailTable {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.detailTable a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.detailTable a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.detailTable td {
|
||||
border-spacing: 0;
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
.detailTable th {
|
||||
border-spacing: 0;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.userDataCell {
|
||||
width: 130px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.tabletColumn, .desktopColumn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.detailTable .btnPlay {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.detailTableButtonsCell {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.detailTableButtonsCell button {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.detailTableButtonsCell button + button {
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
.tabletColumn {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1100px) {
|
||||
.desktopColumn {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
.detailTable tbody tr:nth-child(odd) td,
|
||||
.detailTable tbody tr:nth-child(odd) th {
|
||||
background-color: #eeeeee; /* non-RGBA fallback */
|
||||
background-color: rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.stripedTable tbody tr:nth-child(odd) td,
|
||||
.stripedTable tbody tr:nth-child(odd) th {
|
||||
background-color: #eeeeee; /* non-RGBA fallback */
|
||||
background-color: rgba(0,0,0,.04);
|
||||
}
|
||||
.detailTableContainer{width:100%;text-align:center}.detailTable,.detailTable th{border-spacing:0;text-align:left}.detailTable{border-collapse:collapse;width:100%;margin:0 auto}.stretchedDetailTable{width:100%}.detailTable a{text-decoration:none}.detailTable a:hover{text-decoration:underline}.detailTable td{border-spacing:0;padding:5px}.detailTable th{padding:5px;font-weight:700;vertical-align:top}.userDataCell{width:130px;text-align:right}.desktopColumn,.tabletColumn{display:none}.detailTable .btnPlay{margin:0}.detailTableButtonsCell{white-space:nowrap}.detailTableButtonsCell button{margin-top:0;margin-bottom:0}.detailTableButtonsCell button+button{margin-left:.5em}@media all and (min-width:600px){.tabletColumn{display:table-cell}}@media all and (min-width:1100px){.desktopColumn{display:table-cell}}.detailTable tbody tr:nth-child(odd) td,.detailTable tbody tr:nth-child(odd) th{background-color:#eee;background-color:rgba(0,0,0,.1)}.stripedTable tbody tr:nth-child(odd) td,.stripedTable tbody tr:nth-child(odd) th{background-color:#eee;background-color:rgba(0,0,0,.04)}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,9 +1 @@
|
|||
/* Allow vertical space for anything that slides up at the bottom */
|
||||
.guideVerticalScroller {
|
||||
padding-bottom: 160px;
|
||||
}
|
||||
|
||||
.tvGuideHeader.headroom--unpinned {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
.guideVerticalScroller{padding-bottom:160px}.tvGuideHeader.headroom--unpinned{-webkit-transform:none;transform:none}
|
||||
|
|
@ -1,221 +1 @@
|
|||
.editorTab {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
|
||||
.editPageContent {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.editPageInnerContent {
|
||||
padding: 0 15px 100px;
|
||||
}
|
||||
|
||||
.editPageName {
|
||||
margin: .5em 0 0;
|
||||
}
|
||||
|
||||
.editPageSidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.libraryTree {
|
||||
margin-left: .25em;
|
||||
}
|
||||
|
||||
.offlineEditorNode {
|
||||
color: #cc3333;
|
||||
}
|
||||
|
||||
.editorNode img {
|
||||
height: 18px;
|
||||
margin: 0 .35em;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.remoteImageContainer {
|
||||
display: inline-block;
|
||||
margin: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.remoteImageDetails {
|
||||
text-align: left;
|
||||
background: #282828;
|
||||
position: relative;
|
||||
padding: 5px 5px 2px;
|
||||
}
|
||||
|
||||
.remoteImageDetails paper-icon-button {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.remoteImageDetailText {
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
.remoteImageDetailText + .remoteImageDetailText {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.remoteImage {
|
||||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
/* For the box shadow so that the bottom border isnt underneath the text */
|
||||
z-index: 100000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.remotePosterImage {
|
||||
width: 140px;
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
.remoteBackdropImage {
|
||||
width: 272px;
|
||||
height: 153px;
|
||||
}
|
||||
|
||||
.remoteBannerImage {
|
||||
width: 272px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.remoteDiscImage {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
|
||||
.remotePosterImage {
|
||||
width: 160px;
|
||||
height: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.remotePosterImage {
|
||||
width: 200px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.remoteBackdropImage {
|
||||
width: 320px;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.remoteDiscImage {
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.remoteBannerImage {
|
||||
width: 544px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.editorfieldDescription {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.searchImage {
|
||||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.searchBackdropImageContainer {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.searchDiscImageContainer {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.searchPosterImageContainer {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.searchBackdropImageContainer .searchImage {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.searchDiscImageContainer .searchImage {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.searchPosterImageContainer .searchImage {
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
.searchImageContainer .remoteImageDetails {
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.jstree-anchor {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
.jstree-wholerow-hovered {
|
||||
background: #38c !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.jstree-default .jstree-hovered {
|
||||
background: none !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.jstree-default .jstree-wholerow-clicked {
|
||||
background: #52B54B !important;
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
|
||||
.remoteBannerImage {
|
||||
width: 450px;
|
||||
height: 83px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.editPageSidebar {
|
||||
position: fixed;
|
||||
top: 54px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 30%;
|
||||
display: block;
|
||||
border-right: 1px solid #555;
|
||||
}
|
||||
|
||||
.editPageInnerContent {
|
||||
float: right;
|
||||
width: 67.5%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1800px) {
|
||||
|
||||
.editPageSidebar {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.editPageInnerContent {
|
||||
width: 72.5%;
|
||||
}
|
||||
}
|
||||
.editorTab{padding-bottom:200px}.editPageContent{padding:0}.editPageInnerContent{padding:0 15px 100px}.editPageName{margin:.5em 0 0}.editPageSidebar{display:none}.libraryTree{margin-left:.25em}.offlineEditorNode{color:#c33}.editorfieldDescription,.remoteImageDetailText+.remoteImageDetailText{color:#ccc}.editorNode img{height:18px;margin:0 .35em;vertical-align:middle;position:relative;top:-2px}.remoteImageContainer{display:inline-block;margin:5px;vertical-align:top}.remoteImageDetails{text-align:left;background:#282828;position:relative;padding:5px 5px 2px}.remoteImage,.searchImage{background-position:center bottom;background-repeat:no-repeat;display:block}.remoteImageDetails paper-icon-button{position:absolute;bottom:0;right:0}.remoteImageDetailText{padding:5px}.remoteImage{-webkit-background-size:contain;background-size:contain;z-index:100000;position:relative}.remotePosterImage{width:140px;height:210px}.remoteBackdropImage{width:272px;height:153px}.remoteBannerImage{width:272px;height:50px}.remoteDiscImage{width:180px;height:180px}@media all and (min-width:600px){.remotePosterImage{width:160px;height:240px}}@media all and (min-width:1200px){.remotePosterImage{width:200px;height:300px}.remoteBackdropImage{width:320px;height:180px}.remoteDiscImage{width:240px;height:240px}.remoteBannerImage{width:544px;height:100px}}.searchImage{-webkit-background-size:contain;background-size:contain}.searchBackdropImageContainer{width:160px}.searchDiscImageContainer{width:150px}.searchPosterImageContainer{width:140px}.searchBackdropImageContainer .searchImage{height:90px}.searchDiscImageContainer .searchImage{height:150px}.searchPosterImageContainer .searchImage{height:210px}.searchImageContainer .remoteImageDetails{overflow-x:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.jstree-anchor{font-weight:400!important}.jstree-wholerow-hovered{background:#38c!important;-webkit-border-radius:0!important;border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.jstree-default .jstree-hovered{background:0 0!important;-webkit-border-radius:0!important;border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff!important}.jstree-default .jstree-wholerow-clicked{background:#52B54B!important}@media all and (min-width:600px){.remoteBannerImage{width:450px;height:83px}}@media all and (min-width:800px){.editPageSidebar{position:fixed;top:54px;bottom:0;left:0;width:30%;display:block;border-right:1px solid #555}.editPageInnerContent{float:right;width:67.5%}}@media all and (min-width:1800px){.editPageSidebar{width:25%}.editPageInnerContent{width:72.5%}}
|
||||
|
|
@ -1,35 +1 @@
|
|||
.btnNotifications {
|
||||
text-decoration: none !important;
|
||||
outline: 0 !important;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.btnNotificationsInner {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
border-radius: 1000px;
|
||||
background: #444;
|
||||
line-height: 28px;
|
||||
min-width: 30px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.levelNormal {
|
||||
background-color: #43A047;
|
||||
}
|
||||
|
||||
.levelWarning {
|
||||
background-color: #FF7537;
|
||||
}
|
||||
|
||||
.levelError {
|
||||
background-color: #d14836;
|
||||
}
|
||||
.btnNotifications{text-decoration:none!important;outline:0!important;vertical-align:middle;width:auto;margin:0;padding-top:0;padding-bottom:0}.btnNotificationsInner{color:#fff;font-weight:500;position:relative;-webkit-border-radius:1000px;border-radius:1000px;background:#444;line-height:28px;min-width:30px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.levelNormal{background-color:#43A047}.levelWarning{background-color:#FF7537}.levelError{background-color:#d14836}
|
||||
|
|
@ -1,172 +1 @@
|
|||
/*.nowPlayingPage {
|
||||
padding-top: 1em !important;
|
||||
}*/
|
||||
|
||||
.remoteControlContent {
|
||||
padding: 1em 0 0;
|
||||
max-width: 96%;
|
||||
}
|
||||
|
||||
.nowPlayingInfoContainer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.nowPlayingPageTitle {
|
||||
margin: 0 0 .5em .5em;
|
||||
}
|
||||
|
||||
.nowPlayingPositionSliderContainer {
|
||||
margin: .7em 0 .7em 1em;
|
||||
}
|
||||
|
||||
.nowPlayingInfoButtons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
.nowPlayingPageImageContainer {
|
||||
width: 20%;
|
||||
margin-right: .25em;
|
||||
position: relative;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.nowPlayingPageImageContainer {
|
||||
width: 16%;
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingInfoControls {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nowPlayingPageImage {
|
||||
/*position: absolute;*/
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
-moz-box-shadow: 0 0 1.9vh #000;
|
||||
-webkit-box-shadow: 0 0 1.9vh #000;
|
||||
box-shadow: 0 0 1.9vh #000;
|
||||
border: solid 1px #222;
|
||||
user-drag: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
@media all and (orientation: portrait) and (max-width: 800px) {
|
||||
|
||||
.remoteControlContent {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.nowPlayingInfoContainer {
|
||||
flex-direction: column !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nowPlayingPageTitle {
|
||||
text-align: center;
|
||||
margin: .5em 0 .75em 0;
|
||||
}
|
||||
|
||||
.nowPlayingPositionSliderContainer {
|
||||
margin: .7em 1em;
|
||||
}
|
||||
|
||||
.nowPlayingInfoButtons {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nowPlayingPageImageContainer {
|
||||
width: auto;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.nowPlayingInfoControls {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.nowPlayingPageImage {
|
||||
width: auto;
|
||||
height: 36vh;
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingTime {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 1em;
|
||||
}
|
||||
|
||||
.nowPlayingSecondaryButtons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.nowPlayingSecondaryButtons {
|
||||
flex-grow: 1;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1280px) {
|
||||
|
||||
.nowPlayingPageImageContainer {
|
||||
margin-right: .75em;
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingNavButtonContainer {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.nowPlayingPageRepeatActive {
|
||||
color: #2ad !important;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem .cardOverlayInner > div {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.playlistIndexIndicatorImage {
|
||||
background-size: initial !important;
|
||||
background-image: url(images/ani_equalizer_white.gif) !important;
|
||||
}
|
||||
|
||||
.hideVideoButtons .videoButton {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nowPlayingCastIcon {
|
||||
font-size: 86%;
|
||||
}
|
||||
|
||||
.nowPlayingVolumeSliderContainer {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
|
||||
.playlist .listItemMediaInfo {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.remoteControlContent{padding:1em 0 0;max-width:96%}.nowPlayingInfoContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.nowPlayingPageTitle{margin:0 0 .5em .5em}.nowPlayingPositionSliderContainer{margin:.7em 0 .7em 1em}.nowPlayingInfoButtons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:130%}.nowPlayingInfoControls,.nowPlayingTime{display:-webkit-box;display:-webkit-flex}.nowPlayingPageImageContainer{width:20%;margin-right:.25em;position:relative;-webkit-flex-shrink:0;flex-shrink:0}@media all and (min-width:800px){.nowPlayingPageImageContainer{width:16%}}.nowPlayingInfoControls{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.nowPlayingPageImage{bottom:0;left:0;right:0;width:100%;-webkit-box-shadow:0 0 1.9vh #000;box-shadow:0 0 1.9vh #000;border:1px solid #222;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}@media all and (orientation:portrait) and (max-width:800px){.remoteControlContent{padding-top:0}.nowPlayingInfoContainer{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.nowPlayingPageTitle{text-align:center;margin:.5em 0 .75em}.nowPlayingPositionSliderContainer{margin:.7em 1em}.nowPlayingInfoButtons{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.nowPlayingPageImageContainer{width:auto;margin-right:0}.nowPlayingInfoControls{margin-top:1em}.nowPlayingPageImage{width:auto;height:36vh}}.nowPlayingTime{display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 1em}.nowPlayingSecondaryButtons{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}@media all and (min-width:800px){.nowPlayingSecondaryButtons{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}}@media all and (min-width:1280px){.nowPlayingPageImageContainer{margin-right:.75em}}.nowPlayingNavButtonContainer{width:400px}.nowPlayingPageRepeatActive{color:#2ad!important}.smallBackdropPosterItem .cardOverlayInner>div{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.playlistIndexIndicatorImage{-webkit-background-size:initial initial!important;background-size:initial!important;background-image:url(images/ani_equalizer_white.gif)!important}.hideVideoButtons .videoButton{display:none}.nowPlayingCastIcon{font-size:86%}.nowPlayingVolumeSliderContainer{width:6em}@media all and (max-width:400px){.playlist .listItemMediaInfo{display:none!important}}
|
||||
|
|
@ -1,264 +1 @@
|
|||
.nowPlayingText {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -7px;
|
||||
margin: 0 0 0 3px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
max-width: 130px;
|
||||
}
|
||||
|
||||
.mediaButton.active {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.nowPlayingText {
|
||||
max-width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.nowPlayingText {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.nowPlayingText {
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingBarInfoContainer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.currentTime {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 110px;
|
||||
margin-right: 2em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Now playing bar */
|
||||
.nowPlayingBar {
|
||||
/* Above everything, except for the video player and popup overlays */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
/*box-shadow: 0 -2px 2px 0 rgba(0,0,0,.14),-1px 5px 1px rgba(0,0,0,.12);*/
|
||||
will-change: transform;
|
||||
contain: layout style;
|
||||
font-size: 90%;
|
||||
transition: transform 200ms ease-out;
|
||||
}
|
||||
|
||||
.nowPlayingBar-hidden {
|
||||
transform: translate3d(0,100%,0);
|
||||
}
|
||||
|
||||
.hiddenNowPlayingBar .nowPlayingBar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nowPlayingBarTop {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mediaButton, .nowPlayingBarUserDataButtons .btnUserItemRating {
|
||||
vertical-align: middle;
|
||||
color: #e8e8e8;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mediaButton i {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.mediaButton.muteButton i, .mediaButton.unmuteButton i, .mediaButton.castButton i, .mediaButton.infoButton i {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.nowPlayingImage {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.nowPlayingImage img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.nowPlayingImage img {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.nowPlayingBar .nowPlayingImage {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.nowPlayingBarText {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
max-width: 130px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.repeatActive {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.nowPlayingBarText {
|
||||
max-width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.nowPlayingBarText {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 700px) {
|
||||
.nowPlayingBarText {
|
||||
max-width: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.nowPlayingBarText {
|
||||
max-width: 300px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
.nowPlayingBarText {
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingBarCenter {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
margin-top: 6px;
|
||||
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
left: 200px;
|
||||
right: 200px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.nowPlayingBarPositionContainer {
|
||||
position: absolute !important;
|
||||
left: 64px;
|
||||
top: -8px;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nowPlayingBarPositionContainer .mdl-slider__background-upper {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.headroom--unpinned .nowPlayingBarPositionContainer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.noMediaProgress .nowPlayingBarPositionContainer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nowPlayingBarRight {
|
||||
position: relative;
|
||||
margin: 0 1em 0 auto;
|
||||
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nowPlayingBarCurrentTime {
|
||||
vertical-align: middle;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.nowPlayingBarVolumeSliderContainer {
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.nowPlayingBarUserDataButtons {
|
||||
display: inline-block;
|
||||
margin-left: 2em;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
|
||||
@media all and (max-width: 1400px) {
|
||||
|
||||
.nowPlayingBarUserDataButtons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1100px) {
|
||||
|
||||
.nowPlayingBarVolumeSliderContainer, .nowPlayingBar .muteButton, .nowPlayingBar .unmuteButton {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 800px) {
|
||||
|
||||
.nowPlayingBarCurrentTime {
|
||||
padding-left: 0;
|
||||
top: 22px;
|
||||
right: 140px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.nowPlayingBarCenter > *:not(.nowPlayingBarCurrentTime) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.toggleRepeatButton {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.nowPlayingBarRight .playPauseButton {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
|
||||
.nowPlayingBarCurrentTime {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.nowPlayingBarText,.nowPlayingText{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nowPlayingText{display:inline-block;position:relative;top:-7px;margin:0 0 0 3px;vertical-align:middle;text-align:left;max-width:130px}.mediaButton.active{color:#52B54B}@media (min-width:500px){.nowPlayingText{max-width:180px}}@media (min-width:600px){.nowPlayingText{max-width:200px}}@media (min-width:800px){.nowPlayingText{margin-right:30px}}.nowPlayingBarInfoContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.currentTime{display:inline-block;vertical-align:middle;max-width:110px;margin-right:2em;font-weight:400}.nowPlayingBar{color:#fff;text-align:center;will-change:transform;contain:layout style;font-size:90%;-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.nowPlayingBar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hiddenNowPlayingBar .nowPlayingBar{display:none!important}.nowPlayingBarTop{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.mediaButton,.nowPlayingBarUserDataButtons .btnUserItemRating{vertical-align:middle;color:#e8e8e8;margin:0;text-align:center}.mediaButton i{height:1em;width:1em;font-size:36px}.mediaButton.castButton i,.mediaButton.infoButton i,.mediaButton.muteButton i,.mediaButton.unmuteButton i{font-size:24px}.nowPlayingImage{display:inline-block;vertical-align:middle;margin-right:1em}.nowPlayingImage img{vertical-align:bottom;height:64px}.nowPlayingBar .nowPlayingImage{width:64px;height:64px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}.nowPlayingBarText{vertical-align:middle;text-align:left;max-width:130px;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.repeatActive{color:#52B54B}@media (min-width:500px){.nowPlayingBarText{max-width:180px}}@media (min-width:600px){.nowPlayingBarText{max-width:200px}}@media (min-width:700px){.nowPlayingBarText{max-width:240px}}@media (min-width:800px){.nowPlayingBarText{max-width:300px;margin-right:30px}}@media (min-width:900px){.nowPlayingBarText{max-width:400px}}.nowPlayingBarCenter{vertical-align:middle;text-align:center;margin-top:6px;z-index:2;position:absolute;left:200px;right:200px;top:0}.nowPlayingBarPositionContainer{position:absolute!important;left:64px;top:-8px;right:0;z-index:1}.nowPlayingBarPositionContainer .mdl-slider__background-upper{background:#333}.headroom--unpinned .nowPlayingBarPositionContainer,.noMediaProgress .nowPlayingBarPositionContainer{display:none}.nowPlayingBarRight{position:relative;margin:0 1em 0 auto;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.nowPlayingBarCurrentTime{vertical-align:middle;font-weight:400;text-align:center;display:inline-block;margin:0 auto;padding-left:50px}.nowPlayingBarVolumeSliderContainer{margin-right:2em}.nowPlayingBarUserDataButtons{display:inline-block;margin-left:2em;margin-right:2em}@media all and (max-width:1400px){.nowPlayingBarUserDataButtons{display:none}}@media all and (max-width:1100px){.nowPlayingBar .muteButton,.nowPlayingBar .unmuteButton,.nowPlayingBarVolumeSliderContainer{display:none!important}}@media all and (max-width:800px){.nowPlayingBarCurrentTime{padding-left:0;top:22px;right:140px;position:absolute}.nowPlayingBarCenter>:not(.nowPlayingBarCurrentTime){display:none!important}.toggleRepeatButton{display:none}}@media all and (min-width:800px){.nowPlayingBarRight .playPauseButton{display:none}}@media all and (max-width:600px){.nowPlayingBarCurrentTime{display:none}}
|
||||
|
|
@ -1,344 +1 @@
|
|||
.backgroundContainer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
contain: layout style;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
.ui-body-b a {
|
||||
color: #52B54B /*{b-link-color}*/;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.ui-body-b a:visited {
|
||||
color: #52B54B /*{b-link-visited}*/;
|
||||
}
|
||||
|
||||
.ui-body-b a:hover {
|
||||
color: #2E7D32 /*{b-link-hover}*/;
|
||||
}
|
||||
|
||||
.ui-body-b a:active {
|
||||
color: #2E7D32 /*{b-link-active}*/;
|
||||
}
|
||||
|
||||
/* Remove IE mobile 300ms tap delay */
|
||||
html {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
/* Prevent white flickering */
|
||||
background-color: #242424;
|
||||
/* Normalize for different browsers */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 'Open Sans', sans-serif;
|
||||
font-size: 88%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: -apple-system-headline, BlinkMacSystemFont, "Roboto", "Segoe UI", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: -apple-system-subheadline, BlinkMacSystemFont, "Roboto", "Segoe UI", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: scroll !important;
|
||||
/* This is needed to prevent a horizontal scrollbar while neon-animated-pages are animating. */
|
||||
overflow-x: hidden;
|
||||
/*Can't use this with safari or it causes some content to disappear*/
|
||||
/*-webkit-overflow-scrolling: touch;*/
|
||||
/* Remove the white default from jqm */
|
||||
background-color: transparent !important;
|
||||
/* Normalize for different browsers */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
body.autoScrollY {
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
||||
.mainAnimatedPage {
|
||||
/* Have to override because it breaks scrolling when dependant on window scroll */
|
||||
contain: style !important;
|
||||
}
|
||||
|
||||
/* Without this, no content will be displayed in mobile safari */
|
||||
.pageContainer {
|
||||
overflow-x: visible !important;
|
||||
/* jqm often wants to assign a background color to this */
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.bodyWithPopupOpen {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: normal !important;
|
||||
opacity: .7;
|
||||
font-size: 1.72em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
a, a:active, a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.libraryPage h1 a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
h1 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.ui-body-b a.accent {
|
||||
color: #52B54B !important;
|
||||
}
|
||||
|
||||
.ui-body-a .paperList {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-a [is="emby-select"] {
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
.ui-body-a [is="emby-input"], .ui-body-a [is="emby-textarea"] {
|
||||
background: none;
|
||||
border-color: #ccc !important;
|
||||
}
|
||||
|
||||
.ui-body-a .secondaryText {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.ui-body-b .secondaryText {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
div[data-role='page'] {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Note: I have omitted any vendor-prefixes for clarity.
|
||||
* Adding them is left as an exercise for the reader.
|
||||
*/
|
||||
.headroom {
|
||||
transition: transform 180ms linear;
|
||||
}
|
||||
|
||||
.headroom--pinned {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.headroom--unpinned:not(.headroomDisabled) {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.libraryViewNav.headroom--unpinned:not(.headroomDisabled) {
|
||||
transform: translateY(-210%);
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*
|
||||
Header
|
||||
*/
|
||||
.header {
|
||||
padding: 20px 0 0 20px;
|
||||
}
|
||||
|
||||
.imgLogoIcon {
|
||||
height: 40px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.imgLogoIcon + span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@media all and (max-height: 800px) {
|
||||
|
||||
.header {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.pageTitle {
|
||||
margin-top: 0;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.fieldDescription {
|
||||
padding-left: 2px;
|
||||
font-weight: normal;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
.fieldDescription + .fieldDescription {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.background-theme-a .backgroundContainer {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.dialog.background-theme-a {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.ui-content {
|
||||
border-width: 0;
|
||||
overflow: visible;
|
||||
overflow-x: hidden;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.page > .ui-content, .pageWithAbsoluteTabs .pageTabContent, .absolutePageTabContent .itemsContainer {
|
||||
/* Need this so that the audio player doesn't cover content, but also for unveil lazy loading. */
|
||||
padding-bottom: 160px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
/*
|
||||
Forms
|
||||
*/
|
||||
form, .readOnlyContent {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 900px) {
|
||||
|
||||
.page:not(.standalonePage) .header {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.supporterPromotionContainer {
|
||||
margin: 0 0 2em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 1280px) {
|
||||
|
||||
.supporterPromotionContainer {
|
||||
position: fixed;
|
||||
top: 120px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fullWidthContent .supporterPromotionContainer {
|
||||
position: static !important;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.supporterPromotionContainer {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.supporterPromotion {
|
||||
text-align: center;
|
||||
padding: 0 2em;
|
||||
}
|
||||
|
||||
.supporterPromotion button {
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.syncActivityForTarget {
|
||||
margin: 0 0 3em 0;
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.syncActivityForTarget {
|
||||
max-width: 600px;
|
||||
margin: 0 3em 3em 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
min-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.imageDropZone {
|
||||
border: 2px dashed #bbb;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 25px;
|
||||
text-align: center;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.ui-body-a .emby-collapsible-button {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.ui-body-a .collapseContent {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-a .inputLabelUnfocused, .ui-body-a .textareaLabel {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.ui-body-a .inputLabelFocused, .ui-body-a .textareaLabelFocused, .ui-body-a .selectLabelFocused {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.ui-body-a .selectLabelUnfocused, .ui-body-a .paperListLabel, .ui-body-a .fieldDescription {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
|
||||
.ui-body-a .visualCardBox-cardScalable, .ui-body-a .visualCardBox-cardFooter {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-a .visualCardBox {
|
||||
border: 0;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.ui-body-a .cardFooter .cardText + .cardText {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.ui-body-a .listItem .secondary {
|
||||
color: #737373;
|
||||
}
|
||||
.ui-body-b a,.ui-body-b a:visited{color:#52B54B}body,html{margin:0;padding:0;height:100%}.backgroundContainer{position:fixed;top:0;left:0;right:0;bottom:0;contain:layout style}.ui-body-b a{font-weight:500}.ui-body-b a:active,.ui-body-b a:hover{color:#2E7D32}html{touch-action:manipulation;background-color:#242424;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",'Open Sans',sans-serif;font-size:88%}.pageContainer,body{background-color:transparent!important}h1{font-family:-apple-system-headline,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",'Open Sans',sans-serif;font-weight:400!important;opacity:.7;font-size:1.72em}h2{font-family:-apple-system-subheadline,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",'Open Sans',sans-serif}body{overflow-y:scroll!important;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.autoScrollY{overflow-y:auto!important}.mainAnimatedPage{contain:style!important}.pageContainer{overflow-x:visible!important}.bodyWithPopupOpen{overflow-y:hidden!important}h1,h2,h3{margin-top:1em}h2,h3{font-weight:400}a,a:active,a:hover{text-decoration:none}.libraryPage h1 a{color:#fff!important}h1 a:hover{text-decoration:underline}.ui-body-b a.accent{color:#52B54B!important}.ui-body-a .paperList{background-color:#fff}.ui-body-a [is=emby-select]{border-color:#ccc!important}.ui-body-a [is=emby-input],.ui-body-a [is=emby-textarea]{background:0 0;border-color:#ccc!important}.ui-body-a .secondaryText{color:#ccc}.ui-body-b .secondaryText{color:#aaa}div[data-role=page]{outline:0}.headroom{-webkit-transition:-webkit-transform 180ms linear;-o-transition:transform 180ms linear;transition:transform 180ms linear}.headroom--pinned{-webkit-transform:none;transform:none}.headroom--unpinned:not(.headroomDisabled){-webkit-transform:translateY(-100%);transform:translateY(-100%)}.libraryViewNav.headroom--unpinned:not(.headroomDisabled){-webkit-transform:translateY(-210%);transform:translateY(-210%)}.hide{display:none!important}.header{padding:20px 0 0 20px}.imgLogoIcon{height:40px;vertical-align:middle}.imgLogoIcon+span{margin-left:10px}@media all and (max-height:800px){.header{display:none!important}}.pageTitle{margin-top:0;font-family:inherit}.fieldDescription{padding-left:2px;font-weight:400;white-space:normal!important}.fieldDescription+.fieldDescription{margin-top:5px}.background-theme-a .backgroundContainer{background-color:#f6f6f6}.dialog.background-theme-a{background-color:#f0f0f0}.ui-body-a .collapseContent,.ui-body-a .visualCardBox-cardFooter,.ui-body-a .visualCardBox-cardScalable{background-color:#fff}.ui-content{border-width:0;overflow:visible;overflow-x:hidden;padding:1em}.absolutePageTabContent .itemsContainer,.page>.ui-content,.pageWithAbsoluteTabs .pageTabContent{padding-bottom:160px}@media all and (min-width:900px){.page:not(.standalonePage) .header{padding-top:0}}.supporterPromotionContainer{margin:0 0 2em}@media all and (min-width:1280px){.supporterPromotionContainer{position:fixed;top:120px;right:0}}.fullWidthContent .supporterPromotionContainer{position:static!important}.syncActivityForTarget{margin:0 0 3em}@media all and (min-width:800px){.readOnlyContent,form{max-width:700px}.header{padding-bottom:15px}.supporterPromotionContainer{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.supporterPromotion{text-align:center;padding:0 2em}.supporterPromotion button{padding-left:2em;padding-right:2em}.syncActivityForTarget{max-width:600px;margin:0 3em 3em 0;display:inline-block;vertical-align:top;min-width:400px}}.imageDropZone{border:2px dashed #bbb;-webkit-border-radius:5px;border-radius:5px;padding:25px;text-align:center;color:#bbb}.ui-body-a .emby-collapsible-button{border-color:#ddd}.ui-body-a .inputLabelUnfocused,.ui-body-a .textareaLabel{color:#555}.ui-body-a .inputLabelFocused,.ui-body-a .selectLabelFocused,.ui-body-a .textareaLabelFocused{color:green}.ui-body-a .fieldDescription,.ui-body-a .paperListLabel,.ui-body-a .selectLabelUnfocused{color:#555}.ui-body-a .visualCardBox{border:0;margin:6px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.ui-body-a .cardFooter .cardText+.cardText{opacity:.8}.ui-body-a .listItem .secondary{color:#737373}
|
||||
Loading…
Add table
Add a link
Reference in a new issue