mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 19:08:18 -07:00
Fix number-leading-zero (CSS)
This commit is contained in:
MrTimscampi
parent
2a074d10f1
commit
ea28429cdf
@ -11,7 +11,7 @@
|
||||
}
|
||||
|
||||
.dashboardFooter a {
|
||||
margin: 0 .7em;
|
||||
margin: 0 0.7em;
|
||||
}
|
||||
|
||||
progress {
|
||||
@ -39,7 +39,7 @@ progress::-webkit-progress-value {
|
||||
}
|
||||
|
||||
progress[aria-valuenow]:before {
|
||||
border-radius: .4em;
|
||||
border-radius: 0.4em;
|
||||
background-color: #00a4dc;
|
||||
}
|
||||
|
||||
@ -83,9 +83,9 @@ a[data-role=button] {
|
||||
cursor: pointer !important;
|
||||
font-family: inherit !important;
|
||||
font-weight: 500 !important;
|
||||
margin: 0 .25em !important;
|
||||
margin: 0 0.25em !important;
|
||||
display: inline-block;
|
||||
padding: .8em 1em;
|
||||
padding: 0.8em 1em;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
@ -115,7 +115,7 @@ div[data-role=controlgroup] a[data-role=button]:last-child {
|
||||
|
||||
div[data-role=controlgroup] a[data-role=button]+a[data-role=button] {
|
||||
border-left-width: 0 !important;
|
||||
margin: 0 0 0 -.4em !important;
|
||||
margin: 0 0 0 -0.4em !important;
|
||||
}
|
||||
|
||||
div[data-role=controlgroup] a.ui-btn-active {
|
||||
@ -136,9 +136,9 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
.wizardContent h2 img {
|
||||
height: 2.5em;
|
||||
vertical-align: middle;
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
position: relative;
|
||||
top: -.3em;
|
||||
top: -0.3em;
|
||||
}
|
||||
|
||||
.header .imageLink {
|
||||
@ -224,8 +224,8 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
}
|
||||
|
||||
.dashboardSection h3 {
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.activeRecordingItems>.card {
|
||||
@ -261,7 +261,7 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
|
||||
.wizardContent {
|
||||
max-width: 62em;
|
||||
padding: .5em 2em 1em;
|
||||
padding: 0.5em 2em 1em;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
}
|
||||
@ -286,7 +286,7 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
height: 1.71em;
|
||||
width: 1.71em;
|
||||
border-radius: 100%;
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
@ -305,7 +305,7 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
}
|
||||
|
||||
.sessionCardFooter {
|
||||
padding-top: .5em !important;
|
||||
padding-top: 0.5em !important;
|
||||
padding-bottom: 1em !important;
|
||||
border-top: 1px solid #eee;
|
||||
text-align: center;
|
||||
@ -336,7 +336,7 @@ div[data-role=controlgroup] a.ui-btn-active {
|
||||
|
||||
.sessionNowPlayingContent-withbackground+.sessionNowPlayingInnerContent {
|
||||
color: #fff !important;
|
||||
background: rgba(0, 0, 0, .7);
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.sessionAppName {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.detailTableBodyCell,
|
||||
.detailTableHeaderCell {
|
||||
border-spacing: 0;
|
||||
padding: .4em;
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
.detailTable {
|
||||
|
||||
@ -109,7 +109,7 @@
|
||||
display: -webkit-inline-box;
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
margin: .3em 0 0 .5em;
|
||||
margin: 0.3em 0 0 0.5em;
|
||||
height: 1.7em;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
@ -162,7 +162,7 @@
|
||||
}
|
||||
|
||||
.headerTop {
|
||||
padding: .54em 0;
|
||||
padding: 0.54em 0;
|
||||
}
|
||||
|
||||
.headerLeft {
|
||||
@ -215,7 +215,7 @@
|
||||
|
||||
.sidebarHeader {
|
||||
padding-left: 1.2em;
|
||||
margin: 1em 0 .5em;
|
||||
margin: 1em 0 0.5em;
|
||||
}
|
||||
|
||||
.dashboardDocument .skinBody {
|
||||
@ -337,7 +337,7 @@
|
||||
|
||||
.headerArrowImage {
|
||||
height: 20px;
|
||||
margin-left: .5em;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.backdropContainer {
|
||||
@ -360,7 +360,7 @@
|
||||
}
|
||||
|
||||
.viewSettings {
|
||||
margin: 0 0 .25em;
|
||||
margin: 0 0 0.25em;
|
||||
}
|
||||
|
||||
.listTopPaging,
|
||||
@ -369,7 +369,7 @@
|
||||
}
|
||||
|
||||
.viewControls+.listTopPaging {
|
||||
margin-left: .5em !important;
|
||||
margin-left: 0.5em !important;
|
||||
}
|
||||
|
||||
.criticReview {
|
||||
@ -388,7 +388,7 @@
|
||||
}
|
||||
|
||||
.criticReview:first-child {
|
||||
margin-top: .5em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.criticReview img {
|
||||
@ -396,7 +396,7 @@
|
||||
}
|
||||
|
||||
.criticRatingScore {
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.itemTag {
|
||||
@ -413,12 +413,12 @@
|
||||
}
|
||||
|
||||
.itemLinks p {
|
||||
margin: .5em 0;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
.reviewLink,
|
||||
.reviewerName {
|
||||
margin-top: .5em;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.reviewerName {
|
||||
@ -431,7 +431,7 @@
|
||||
|
||||
.reviewScore {
|
||||
position: absolute;
|
||||
left: .8em;
|
||||
left: 0.8em;
|
||||
}
|
||||
|
||||
.itemBackdrop {
|
||||
@ -452,7 +452,7 @@
|
||||
|
||||
.desktopMiscInfoContainer {
|
||||
position: absolute;
|
||||
bottom: .75em;
|
||||
bottom: 0.75em;
|
||||
}
|
||||
|
||||
.detailPagePrimaryContainer {
|
||||
@ -571,12 +571,12 @@
|
||||
|
||||
.parentName {
|
||||
display: block;
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.emby-button.detailFloatingButton {
|
||||
position: absolute;
|
||||
background-color: rgba(0, 0, 0, .5) !important;
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@ -623,7 +623,7 @@
|
||||
}
|
||||
|
||||
.itemName {
|
||||
margin: .5em 0;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
.empty {
|
||||
@ -669,31 +669,31 @@
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
margin: 0 !important;
|
||||
padding: .5em .7em !important;
|
||||
padding: 0.5em 0.7em !important;
|
||||
}
|
||||
|
||||
.detailButton {
|
||||
margin: 0 .5em 0 0 !important;
|
||||
margin: 0 0.5em 0 0 !important;
|
||||
}
|
||||
|
||||
@media all and (min-width: 29em) {
|
||||
.detailButton-mobile {
|
||||
padding-left: .75em !important;
|
||||
padding-right: .75em !important;
|
||||
padding-left: 0.75em !important;
|
||||
padding-right: 0.75em !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 32em) {
|
||||
.detailButton-mobile {
|
||||
padding-left: .8em !important;
|
||||
padding-right: .8em !important;
|
||||
padding-left: 0.8em !important;
|
||||
padding-right: 0.8em !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 35em) {
|
||||
.detailButton-mobile {
|
||||
padding-left: .85em !important;
|
||||
padding-right: .85em !important;
|
||||
padding-left: 0.85em !important;
|
||||
padding-right: 0.85em !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -725,14 +725,14 @@
|
||||
}
|
||||
|
||||
.detailButton-mobile-text {
|
||||
margin-top: .7em;
|
||||
margin-top: 0.7em;
|
||||
font-size: 80%;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@media all and (max-width: 62.5em) {
|
||||
.mainDetailButtons {
|
||||
margin-left: -.5em;
|
||||
margin-left: -0.5em;
|
||||
}
|
||||
|
||||
.detailButton {
|
||||
@ -830,7 +830,7 @@
|
||||
}
|
||||
|
||||
.timelineHeader {
|
||||
margin-bottom: .25em;
|
||||
margin-bottom: 0.25em;
|
||||
line-height: 1.25em;
|
||||
line-height: initial;
|
||||
}
|
||||
@ -867,7 +867,7 @@
|
||||
}
|
||||
|
||||
.bulletSeparator {
|
||||
margin: 0 .35em;
|
||||
margin: 0 0.35em;
|
||||
}
|
||||
|
||||
.mediaInfoIcons {
|
||||
@ -921,7 +921,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
|
||||
}
|
||||
|
||||
.sectionTitleButton + .sectionTitleButton {
|
||||
margin-left: .5em !important;
|
||||
margin-left: 0.5em !important;
|
||||
}
|
||||
|
||||
.sectionTitleIconButton {
|
||||
@ -929,7 +929,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
font-size: 84% !important;
|
||||
padding: .5em !important;
|
||||
padding: 0.5em !important;
|
||||
}
|
||||
|
||||
.horizontalItemsContainer {
|
||||
|
||||
@ -4,6 +4,6 @@
|
||||
|
||||
@media all and (min-width: 62.5em) {
|
||||
#guideTab {
|
||||
padding-left: .5em;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
}
|
||||
|
||||
.libraryTree {
|
||||
margin-left: .25em;
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
|
||||
.offlineEditorNode {
|
||||
@ -16,7 +16,7 @@
|
||||
|
||||
.editorNode img {
|
||||
height: 18px;
|
||||
margin: 0 .35em;
|
||||
margin: 0 0.35em;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
@ -48,7 +48,7 @@
|
||||
}
|
||||
|
||||
.metadataSidebarIcon {
|
||||
margin-right: .4em;
|
||||
margin-right: 0.4em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 50em) {
|
||||
|
||||
@ -56,13 +56,13 @@ div[data-role=page] {
|
||||
}
|
||||
|
||||
.fieldDescription {
|
||||
padding-left: .15em;
|
||||
padding-left: 0.15em;
|
||||
font-weight: 400;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
.fieldDescription+.fieldDescription {
|
||||
margin-top: .3em;
|
||||
margin-top: 0.3em;
|
||||
}
|
||||
|
||||
.content-primary,
|
||||
@ -82,8 +82,8 @@ div[data-role=page] {
|
||||
|
||||
.headerHelpButton {
|
||||
margin-left: 1.25em !important;
|
||||
padding-bottom: .4em !important;
|
||||
padding-top: .4em !important;
|
||||
padding-bottom: 0.4em !important;
|
||||
padding-top: 0.4em !important;
|
||||
}
|
||||
|
||||
.mediaInfoContent {
|
||||
|
||||
@ -72,19 +72,19 @@
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .7);
|
||||
padding: .25em .5em;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
padding: 0.25em 0.5em;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.chapterThumbText {
|
||||
padding: .25em 0;
|
||||
padding: 0.25em 0;
|
||||
margin: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.chapterThumbText-dim {
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.videoOsdBottom {
|
||||
@ -146,7 +146,7 @@
|
||||
}
|
||||
|
||||
.volumeButtons {
|
||||
margin: 0 .5em 0 auto;
|
||||
margin: 0 0.5em 0 auto;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
@ -163,7 +163,7 @@
|
||||
.osdPoster {
|
||||
width: 10%;
|
||||
position: relative;
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.osdPoster img {
|
||||
@ -172,7 +172,7 @@
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 0 0 1.9vh #000;
|
||||
box-shadow: 0 0 1.9vh #000;
|
||||
border: .08em solid #222;
|
||||
border: 0.08em solid #222;
|
||||
user-drag: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
@ -193,7 +193,7 @@
|
||||
}
|
||||
|
||||
.osdSecondaryMediaInfo {
|
||||
padding-left: .6em !important;
|
||||
padding-left: 0.6em !important;
|
||||
}
|
||||
|
||||
.osdTextContainer {
|
||||
@ -207,8 +207,8 @@
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-bottom: .7em;
|
||||
padding-left: .5em;
|
||||
margin-bottom: 0.7em;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
.osdMainTextContainer {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
padding: 0;
|
||||
border: none;
|
||||
max-height: 84%;
|
||||
border-radius: .1em !important;
|
||||
border-radius: 0.1em !important;
|
||||
}
|
||||
|
||||
.actionsheet-not-fullscreen {
|
||||
@ -24,7 +24,7 @@
|
||||
|
||||
.actionSheetContent {
|
||||
margin: 0 !important;
|
||||
padding: .4em 0 !important;
|
||||
padding: 0.4em 0 !important;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
.actionsheetListItemBody {
|
||||
padding: .4em 1em .4em .6em !important;
|
||||
padding: 0.4em 1em 0.4em 0.6em !important;
|
||||
}
|
||||
|
||||
.actionSheetItemText {
|
||||
@ -59,13 +59,13 @@
|
||||
}
|
||||
|
||||
.actionSheetItemAsideText {
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
font-size: 90%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-shrink: 0;
|
||||
margin-left: 5em;
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.actionSheetScroller {
|
||||
@ -83,14 +83,14 @@
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
height: .07em;
|
||||
margin: .25em 0;
|
||||
height: 0.07em;
|
||||
margin: 0.25em 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.actionSheetTitle {
|
||||
margin: .6em 0 .7em !important;
|
||||
padding: 0 .9em;
|
||||
margin: 0.6em 0 0.7em !important;
|
||||
padding: 0 0.9em;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
@ -100,7 +100,7 @@
|
||||
}
|
||||
|
||||
.actionsheetMenuItemIcon {
|
||||
margin: 0 .85em 0 .45em !important;
|
||||
margin: 0 0.85em 0 0.45em !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
@ -110,6 +110,6 @@
|
||||
|
||||
.btnCloseActionSheet {
|
||||
position: fixed;
|
||||
top: .75em;
|
||||
left: .5em;
|
||||
top: 0.75em;
|
||||
left: 0.5em;
|
||||
}
|
||||
|
||||
@ -35,9 +35,9 @@
|
||||
font-size: inherit;
|
||||
min-width: initial;
|
||||
margin: 0;
|
||||
padding: .1em .4em;
|
||||
padding: 0.1em 0.4em;
|
||||
width: auto;
|
||||
border-radius: .1em;
|
||||
border-radius: 0.1em;
|
||||
font-weight: normal;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
@ -113,11 +113,11 @@
|
||||
}
|
||||
|
||||
.alphaPicker-fixed-left {
|
||||
left: .4em;
|
||||
left: 0.4em;
|
||||
}
|
||||
|
||||
.alphaPicker-fixed-right {
|
||||
right: .4em;
|
||||
right: 0.4em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 62.5em) {
|
||||
|
||||
@ -93,12 +93,12 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.card.show-focus:not(.show-animation) .cardBox {
|
||||
margin: .4em;
|
||||
margin: 0.4em;
|
||||
}
|
||||
|
||||
.card.show-focus:not(.show-animation) .cardBox.visualCardBox,
|
||||
.card.show-focus:not(.show-animation) .cardBox:not(.visualCardBox) .cardScalable {
|
||||
border: .5em solid transparent;
|
||||
border: 0.5em solid transparent;
|
||||
}
|
||||
|
||||
.card.show-animation:focus > .cardBox {
|
||||
@ -123,7 +123,7 @@ button::-moz-focus-inner {
|
||||
|
||||
.btnCardOptions {
|
||||
position: absolute;
|
||||
bottom: .25em;
|
||||
bottom: 0.25em;
|
||||
right: 0;
|
||||
margin: 0 !important;
|
||||
z-index: 1;
|
||||
@ -134,8 +134,8 @@ button::-moz-focus-inner {
|
||||
position: absolute;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
top: .3em;
|
||||
left: .3em;
|
||||
top: 0.3em;
|
||||
left: 0.3em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 1.6em;
|
||||
@ -253,17 +253,17 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.cardFooter {
|
||||
padding: .3em .3em .5em .3em;
|
||||
padding: 0.3em 0.3em 0.5em 0.3em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.visualCardBox {
|
||||
box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
|
||||
border-radius: .145em;
|
||||
border-radius: 0.145em;
|
||||
}
|
||||
|
||||
.innerCardFooter {
|
||||
background: rgba(0, 0, 0, .7);
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@ -283,7 +283,7 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.cardText {
|
||||
padding: .06em .5em;
|
||||
padding: 0.06em 0.5em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -295,7 +295,7 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.cardText-first {
|
||||
padding-top: .24em;
|
||||
padding-top: 0.24em;
|
||||
}
|
||||
|
||||
.textActionButton {
|
||||
@ -322,7 +322,7 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.innerCardFooter > .cardText {
|
||||
padding: .3em .5em;
|
||||
padding: 0.3em 0.5em;
|
||||
}
|
||||
|
||||
.cardFooter-withlogo {
|
||||
@ -361,12 +361,12 @@ button::-moz-focus-inner {
|
||||
|
||||
.cardImageIcon-small {
|
||||
font-size: 3em;
|
||||
margin-bottom: .1em;
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
.cardIndicators {
|
||||
right: .225em;
|
||||
top: .225em;
|
||||
right: 0.225em;
|
||||
top: 0.225em;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -383,16 +383,16 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.programAttributeIndicator {
|
||||
padding: .18em .5em;
|
||||
padding: 0.18em 0.5em;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cardOverlayButton {
|
||||
color: rgba(255, 255, 255, .76);
|
||||
color: rgba(255, 255, 255, 0.76);
|
||||
margin: 0;
|
||||
z-index: 1;
|
||||
padding: .75em;
|
||||
padding: 0.75em;
|
||||
font-size: 88%;
|
||||
}
|
||||
|
||||
@ -403,7 +403,7 @@ button::-moz-focus-inner {
|
||||
}
|
||||
|
||||
.cardOverlayButtonIcon {
|
||||
background-color: rgba(0, 0, 0, .7) !important;
|
||||
background-color: rgba(0, 0, 0, 0.7) !important;
|
||||
border-radius: 100em;
|
||||
width: 1.5em !important;
|
||||
height: 1.5em !important;
|
||||
@ -425,10 +425,10 @@ button::-moz-focus-inner {
|
||||
height: 2.6em;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background-color: rgba(0, 0, 0, .5) !important;
|
||||
border: .06em solid rgba(255, 255, 255, .6);
|
||||
padding: .38em !important;
|
||||
color: rgba(255, 255, 255, .76);
|
||||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||||
border: 0.06em solid rgba(255, 255, 255, 0.6);
|
||||
padding: 0.38em !important;
|
||||
color: rgba(255, 255, 255, 0.76);
|
||||
transition: transform 200ms ease-out;
|
||||
}
|
||||
|
||||
@ -731,7 +731,7 @@ button::-moz-focus-inner {
|
||||
.cardOverlayContainer {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
transition: opacity 0.2s;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
@ -51,13 +51,13 @@
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(.5);
|
||||
transform: scale(0.5);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scaleup {
|
||||
from {
|
||||
transform: scale(.5);
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@ -169,5 +169,5 @@
|
||||
}
|
||||
|
||||
.dialogBackdropOpened {
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
#ulDirectoryPickerList a {
|
||||
padding-top: .4em;
|
||||
padding-bottom: .4em;
|
||||
padding-top: 0.4em;
|
||||
padding-bottom: 0.4em;
|
||||
}
|
||||
|
||||
.lblDirectoryPickerPath {
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
}
|
||||
|
||||
.formDialogHeader {
|
||||
padding: 1em .5em;
|
||||
padding: 1em 0.5em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
.dialogContentInner {
|
||||
padding: .5em 1em 20em 1em;
|
||||
padding: 0.5em 1em 20em 1em;
|
||||
}
|
||||
|
||||
.dialogContentInner-mini {
|
||||
@ -62,11 +62,11 @@
|
||||
padding-bottom: 1.5em;
|
||||
flex-direction: column;
|
||||
width: 80% !important;
|
||||
padding-top: .5em;
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
||||
.formDialogFooterItem {
|
||||
margin: .5em !important;
|
||||
margin: 0.5em !important;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
flex-basis: 0;
|
||||
|
||||
@ -14,12 +14,12 @@
|
||||
}
|
||||
|
||||
.layout-desktop .tvGuideHeader {
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.guideHeaderDateSelection {
|
||||
font-size: 86%;
|
||||
padding: .4em 0;
|
||||
padding: 0.4em 0;
|
||||
}
|
||||
|
||||
.guide-headerTimeslots {
|
||||
@ -39,10 +39,10 @@
|
||||
|
||||
.guideProgramIndicator {
|
||||
text-transform: uppercase;
|
||||
border-radius: .25em;
|
||||
margin-right: .5em;
|
||||
border-radius: 0.25em;
|
||||
margin-right: 0.5em;
|
||||
font-size: 82%;
|
||||
padding: .2em .25em;
|
||||
padding: 0.2em 0.25em;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -87,7 +87,7 @@
|
||||
}
|
||||
|
||||
.guideSpacer {
|
||||
width: .3em;
|
||||
width: 0.3em;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@ -119,7 +119,7 @@
|
||||
.timeslotHeader {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
text-indent: .25em;
|
||||
text-indent: 0.25em;
|
||||
width: 2.0833333333333333333333333333333%;
|
||||
}
|
||||
|
||||
@ -145,7 +145,7 @@
|
||||
text-align: left;
|
||||
contain: strict;
|
||||
flex-shrink: 0;
|
||||
border-radius: .12em;
|
||||
border-radius: 0.12em;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@ -255,7 +255,7 @@
|
||||
}
|
||||
|
||||
.guideProgramName {
|
||||
padding: 0 .7em 0;
|
||||
padding: 0 0.7em 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
align-items: center;
|
||||
@ -283,11 +283,11 @@
|
||||
.guideProgramSecondaryInfo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: .1em;
|
||||
margin-top: 0.1em;
|
||||
}
|
||||
|
||||
.programIcon {
|
||||
margin-left: .5em;
|
||||
margin-left: 0.5em;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
font-size: 1.6em;
|
||||
@ -298,16 +298,16 @@
|
||||
|
||||
.guide-programTextIcon {
|
||||
font-weight: bold;
|
||||
font-size: .9em;
|
||||
padding: .16em .3em;
|
||||
border-radius: .25em;
|
||||
margin-right: .35em;
|
||||
font-size: 0.9em;
|
||||
padding: 0.16em 0.3em;
|
||||
border-radius: 0.25em;
|
||||
margin-right: 0.35em;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.guide-programTextIcon-tv {
|
||||
font-size: .74em;
|
||||
font-size: 0.74em;
|
||||
}
|
||||
|
||||
.guideChannelNumber {
|
||||
@ -372,7 +372,7 @@
|
||||
|
||||
.seriesTimerIcon-inactive {
|
||||
color: inherit !important;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.guideOptions {
|
||||
@ -405,8 +405,8 @@
|
||||
}
|
||||
|
||||
.guide-date-tab-button {
|
||||
padding: .3em .7em !important;
|
||||
margin: 0 .3em !important;
|
||||
padding: 0.3em 0.7em !important;
|
||||
margin: 0 0.3em !important;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@ -415,6 +415,6 @@
|
||||
}
|
||||
|
||||
.guide-date-tab-button.show-focus:focus {
|
||||
border-radius: .15em !important;
|
||||
border-radius: 0.15em !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
.homeLibraryButton {
|
||||
min-width: 18%;
|
||||
margin: .5em !important;
|
||||
margin: 0.5em !important;
|
||||
}
|
||||
|
||||
@media all and (max-width: 50em) {
|
||||
|
||||
@ -72,7 +72,7 @@ video::-webkit-media-controls {
|
||||
@keyframes htmlvideoplayer-zoomin {
|
||||
from {
|
||||
transform: scale3d(0.2, 0.2, 0.2);
|
||||
opacity: .6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
to {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
.itemProgressBar {
|
||||
background: #333;
|
||||
background: rgba(51, 51, 51, .8);
|
||||
background: rgba(51, 51, 51, 0.8);
|
||||
position: relative;
|
||||
height: .28em;
|
||||
height: 0.28em;
|
||||
}
|
||||
|
||||
.itemProgressBarForeground {
|
||||
@ -32,7 +32,7 @@
|
||||
}
|
||||
|
||||
.indicator + .indicator {
|
||||
margin-left: .25em;
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
|
||||
.indicatorIcon {
|
||||
@ -87,10 +87,10 @@
|
||||
|
||||
.missingIndicator, .unairedIndicator {
|
||||
background: #c33;
|
||||
padding: .25em .5em;
|
||||
padding: 0.25em 0.5em;
|
||||
border-radius: 100em;
|
||||
color: #fff;
|
||||
font-size: 84%;
|
||||
font-weight: 500;
|
||||
margin: 0 .25em;
|
||||
margin: 0 0.25em;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.lazy {
|
||||
/* In edge, intersection observer will not fire on 0px sized elements */
|
||||
min-width: .1em;
|
||||
min-height: .1em;
|
||||
min-width: 0.1em;
|
||||
min-height: 0.1em;
|
||||
}
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
display: block;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
padding: .25em .25em .25em .5em;
|
||||
padding: 0.25em 0.25em 0.25em 0.5em;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -71,13 +71,13 @@
|
||||
}
|
||||
|
||||
.listViewDragHandle {
|
||||
margin-left: -.25em !important;
|
||||
margin-left: -0.25em !important;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.listItemBody {
|
||||
flex-grow: 1;
|
||||
padding: .85em .75em;
|
||||
padding: 0.85em 0.75em;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
flex-direction: column;
|
||||
@ -91,7 +91,7 @@
|
||||
}
|
||||
|
||||
.layout-tv .listItemBody {
|
||||
padding: .35em .75em;
|
||||
padding: 0.35em 0.75em;
|
||||
}
|
||||
|
||||
.listItemBody-noleftpadding {
|
||||
@ -100,7 +100,7 @@
|
||||
|
||||
.listItemBodyText {
|
||||
margin: 0;
|
||||
padding: .1em 0;
|
||||
padding: 0.1em 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@ -126,7 +126,7 @@
|
||||
width: 19.5vw;
|
||||
height: 13vw;
|
||||
background-position: center center;
|
||||
margin-right: .75em;
|
||||
margin-right: 0.75em;
|
||||
}
|
||||
|
||||
.listItemImageButton {
|
||||
@ -166,13 +166,13 @@
|
||||
}
|
||||
|
||||
.listItemBody {
|
||||
padding-left: .75em;
|
||||
padding-left: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 50em) {
|
||||
.listItemBody {
|
||||
padding-right: .5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@ -185,15 +185,15 @@
|
||||
width: 1em !important;
|
||||
height: 1em !important;
|
||||
font-size: 143%;
|
||||
padding: 0 .25em 0 0;
|
||||
padding: 0 0.25em 0 0;
|
||||
}
|
||||
|
||||
.listItemIcon:not(.listItemIcon-transparent) {
|
||||
background-color: #00a4dc;
|
||||
color: #fff;
|
||||
padding: .5em;
|
||||
padding: 0.5em;
|
||||
border-radius: 100em;
|
||||
margin: 0 .2em 0 .4em;
|
||||
margin: 0 0.2em 0 0.4em;
|
||||
}
|
||||
|
||||
.listItemProgressBar {
|
||||
@ -204,7 +204,7 @@
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
border-radius: .2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.listItem:focus .secondary {
|
||||
@ -212,7 +212,7 @@
|
||||
}
|
||||
|
||||
.listItem-focusscale {
|
||||
transition: transform .2s ease-out;
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
.listItem-focusscale:focus {
|
||||
@ -220,7 +220,7 @@
|
||||
}
|
||||
|
||||
.paperList {
|
||||
margin: .5em auto;
|
||||
margin: 0.5em auto;
|
||||
}
|
||||
|
||||
.paperList-clear {
|
||||
@ -239,8 +239,8 @@
|
||||
}
|
||||
|
||||
.listItemIndicators {
|
||||
right: .324em;
|
||||
top: .324em;
|
||||
right: 0.324em;
|
||||
top: 0.324em;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -249,7 +249,7 @@
|
||||
.listItem-bottomoverview {
|
||||
font-size: 88%;
|
||||
margin-bottom: 1em;
|
||||
margin-top: .2em;
|
||||
margin-top: 0.2em;
|
||||
}
|
||||
|
||||
@media all and (max-width: 50em) {
|
||||
|
||||
@ -348,7 +348,7 @@
|
||||
.mdl-spinner__circle {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
border-width: .21em;
|
||||
border-width: 0.21em;
|
||||
border-style: solid;
|
||||
border-color: inherit;
|
||||
border-bottom-color: transparent !important;
|
||||
|
||||
@ -4,13 +4,13 @@
|
||||
}
|
||||
|
||||
.mediaInfoText {
|
||||
padding: .22em .5em;
|
||||
border-radius: .25em;
|
||||
padding: 0.22em 0.5em;
|
||||
border-radius: 0.25em;
|
||||
font-size: 92%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
margin: 0 .5em 0 0;
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
|
||||
.mediaInfoText-upper {
|
||||
@ -21,7 +21,7 @@
|
||||
width: auto;
|
||||
height: auto;
|
||||
font-size: 1.6em;
|
||||
margin-right: .6em;
|
||||
margin-right: 0.6em;
|
||||
}
|
||||
|
||||
.mediaInfoItem:last-child {
|
||||
@ -63,8 +63,8 @@
|
||||
|
||||
.mediaInfoProgramAttribute {
|
||||
text-transform: uppercase;
|
||||
padding: .16em .6em;
|
||||
border-radius: .15em;
|
||||
padding: 0.16em 0.6em;
|
||||
border-radius: 0.15em;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
@ -73,13 +73,13 @@
|
||||
}
|
||||
|
||||
.mediaInfoOfficialRating {
|
||||
border: .09em solid currentColor;
|
||||
padding: 0 .6em;
|
||||
border: 0.09em solid currentColor;
|
||||
padding: 0 0.6em;
|
||||
height: 1.3em;
|
||||
line-height: 1.8em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: .1em;
|
||||
border-radius: 0.1em;
|
||||
font-size: 96%;
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 1em .5em;
|
||||
padding: 1em 0.5em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 99999;
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
-o-transition: opacity ease-in-out .38s, visibility ease-in-out .38s;
|
||||
transition: opacity ease-in-out .38s, visibility ease-in-out .38s;
|
||||
will-change: opacity;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.tmla-mask.backdrop {
|
||||
|
||||
@ -74,7 +74,7 @@
|
||||
.nowPlayingBarPositionContainer {
|
||||
position: absolute !important;
|
||||
left: 0;
|
||||
top: -.56em;
|
||||
top: -0.56em;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@ -4,11 +4,11 @@
|
||||
right: 3%;
|
||||
z-index: 100000;
|
||||
background: #222;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
padding: 1em;
|
||||
color: #fff;
|
||||
backdrop-filter: blur(5px);
|
||||
border-radius: .25em;
|
||||
border-radius: 0.25em;
|
||||
transition: opacity 200ms ease-out;
|
||||
}
|
||||
|
||||
@ -19,20 +19,20 @@
|
||||
.iconOsdIcon {
|
||||
font-size: 320%;
|
||||
display: block;
|
||||
margin: .25em .7em;
|
||||
margin: 0.25em 0.7em;
|
||||
}
|
||||
|
||||
.iconOsdProgressOuter {
|
||||
margin: 1.5em .25em 1em;
|
||||
height: .35em;
|
||||
margin: 1.5em 0.25em 1em;
|
||||
height: 0.35em;
|
||||
background: #222;
|
||||
border-radius: .25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.iconOsdProgressInner {
|
||||
background: #00a4dc;
|
||||
height: 100%;
|
||||
border-radius: .25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.brightnessOsdProgressInner {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
.playerStats {
|
||||
background: rgba(28, 28, 28, 0.8);
|
||||
border-radius: .3em;
|
||||
border-radius: 0.3em;
|
||||
color: #fff;
|
||||
left: 1.5em;
|
||||
position: absolute;
|
||||
@ -22,8 +22,8 @@
|
||||
|
||||
.playerStats-closeButton {
|
||||
position: absolute;
|
||||
top: .25em;
|
||||
right: .25em;
|
||||
top: 0.25em;
|
||||
right: 0.25em;
|
||||
color: #ccc;
|
||||
z-index: 1;
|
||||
}
|
||||
@ -43,7 +43,7 @@
|
||||
|
||||
.playerStats-stat-label {
|
||||
font-weight: 500;
|
||||
margin: 0 .5em 0 0;
|
||||
margin: 0 0.5em 0 0;
|
||||
}
|
||||
|
||||
.playerStats-stat-header {
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
}
|
||||
|
||||
.recordingDialog-itemName {
|
||||
margin-top: .7em;
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
|
||||
.recordingDetailsContainer {
|
||||
|
||||
@ -8,5 +8,5 @@
|
||||
}
|
||||
|
||||
.recordSeriesContainer {
|
||||
margin-bottom: .8em;
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
|
||||
@ -33,11 +33,11 @@
|
||||
}
|
||||
|
||||
.nowPlayingPageTitle {
|
||||
margin: 0 0 .5em .5em;
|
||||
margin: 0 0 0.5em 0.5em;
|
||||
}
|
||||
|
||||
.nowPlayingPositionSliderContainer {
|
||||
margin: .7em 0 .7em 1em;
|
||||
margin: 0.7em 0 0.7em 1em;
|
||||
}
|
||||
|
||||
.nowPlayingInfoButtons {
|
||||
@ -60,7 +60,7 @@
|
||||
|
||||
.nowPlayingPageImageContainer {
|
||||
width: 20%;
|
||||
margin-right: .25em;
|
||||
margin-right: 0.25em;
|
||||
position: relative;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
@ -93,7 +93,7 @@
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 0 0 1.9vh #000;
|
||||
box-shadow: 0 0 1.9vh #000;
|
||||
border: .1em solid #222;
|
||||
border: 0.1em solid #222;
|
||||
user-drag: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
@ -115,11 +115,11 @@
|
||||
|
||||
.nowPlayingPageTitle {
|
||||
text-align: center;
|
||||
margin: .5em 0 .75em;
|
||||
margin: 0.5em 0 0.75em;
|
||||
}
|
||||
|
||||
.nowPlayingPositionSliderContainer {
|
||||
margin: .7em 1em;
|
||||
margin: 0.7em 1em;
|
||||
}
|
||||
|
||||
.nowPlayingInfoButtons {
|
||||
@ -185,7 +185,7 @@
|
||||
|
||||
@media all and (min-width: 80em) {
|
||||
.nowPlayingPageImageContainer {
|
||||
margin-right: .75em;
|
||||
margin-right: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -4,8 +4,8 @@
|
||||
}
|
||||
|
||||
.searchfields-icon {
|
||||
margin-bottom: .1em;
|
||||
margin-right: .25em;
|
||||
margin-bottom: 0.1em;
|
||||
margin-right: 0.25em;
|
||||
font-size: 2em;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
|
||||
.slideshowImageText {
|
||||
position: fixed;
|
||||
bottom: .25em;
|
||||
right: .5em;
|
||||
bottom: 0.25em;
|
||||
right: 0.5em;
|
||||
color: #fff;
|
||||
z-index: 1002;
|
||||
font-weight: normal;
|
||||
@ -52,26 +52,26 @@
|
||||
|
||||
.slideshowButtonIcon {
|
||||
color: #fff;
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.btnSlideshowPrevious {
|
||||
left: .5vh;
|
||||
left: 0.5vh;
|
||||
top: 45vh;
|
||||
z-index: 1002;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.btnSlideshowNext {
|
||||
right: .5vh;
|
||||
right: 0.5vh;
|
||||
top: 45vh;
|
||||
z-index: 1002;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.topActionButtons {
|
||||
right: .5vh;
|
||||
top: .5vh;
|
||||
right: 0.5vh;
|
||||
top: 0.5vh;
|
||||
z-index: 1002;
|
||||
position: absolute;
|
||||
}
|
||||
@ -81,9 +81,9 @@
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
padding: .5%;
|
||||
padding: 0.5%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
@ -95,9 +95,9 @@
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
padding: .5%;
|
||||
padding: 0.5%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
@ -121,14 +121,14 @@
|
||||
.slideTextInner {
|
||||
margin: 0 auto;
|
||||
max-width: 60%;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
display: inline-block;
|
||||
padding: .5em 1em;
|
||||
border-radius: .25em;
|
||||
padding: 0.5em 1em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.slideTitle {
|
||||
margin: 0 0 .25em;
|
||||
margin: 0 0 0.25em;
|
||||
}
|
||||
|
||||
.slideSubtitle {
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
margin-right: 30%;
|
||||
height: 4.2em;
|
||||
background: rgba(28, 28, 28, 0.8);
|
||||
border-radius: .3em;
|
||||
border-radius: 0.3em;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
@ -43,6 +43,6 @@
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex-grow: 1;
|
||||
flex-grow: 1;
|
||||
border-radius: .3em;
|
||||
border-radius: 0.3em;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@ -3,9 +3,9 @@
|
||||
min-width: 20em;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
|
||||
border-radius: .15em;
|
||||
border-radius: 0.15em;
|
||||
cursor: default;
|
||||
transition: transform .3s ease-out;
|
||||
transition: transform 0.3s ease-out;
|
||||
min-height: initial;
|
||||
padding: 1em 1.5em;
|
||||
bottom: 1em;
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
position: relative;
|
||||
margin-right: 1em;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: .5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.upNextDialog-button {
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
.button-flat:hover {
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.button-link {
|
||||
@ -82,7 +82,7 @@
|
||||
display: block;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: .25em 0;
|
||||
margin: 0.25em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -91,7 +91,7 @@
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
margin: 0 .29em;
|
||||
margin: 0 0.29em;
|
||||
background: transparent;
|
||||
text-align: center;
|
||||
font-size: inherit;
|
||||
@ -107,7 +107,7 @@
|
||||
min-height: initial;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: .556em;
|
||||
padding: 0.556em;
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
/* These are getting an outline in opera tv browsers, which run chrome 30 */
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
border: 2px solid currentcolor;
|
||||
border-radius: .14em;
|
||||
border-radius: 0.14em;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -102,7 +102,7 @@
|
||||
|
||||
.checkboxList-verticalwrap > .emby-checkbox-label {
|
||||
display: inline-flex;
|
||||
margin: .3em 0 .3em 0;
|
||||
margin: 0.3em 0 0.3em 0;
|
||||
width: 12em;
|
||||
}
|
||||
|
||||
@ -111,7 +111,7 @@
|
||||
}
|
||||
|
||||
.checkboxListLabel {
|
||||
margin-bottom: .25em;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
@keyframes repaintChrome {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
.emby-collapse {
|
||||
margin: .5em 0;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
.collapseContent {
|
||||
@ -18,9 +18,9 @@
|
||||
text-transform: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border-width: 0 0 .1em 0;
|
||||
border-width: 0 0 0.1em 0;
|
||||
border-style: solid;
|
||||
padding-left: .1em;
|
||||
padding-left: 0.1em;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -29,7 +29,7 @@
|
||||
transform-origin: 50% 50%;
|
||||
transition: transform 180ms ease-out;
|
||||
position: absolute;
|
||||
right: .5em;
|
||||
right: 0.5em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
|
||||
@ -27,11 +27,11 @@
|
||||
|
||||
.inputLabel {
|
||||
display: inline-block;
|
||||
margin-bottom: .25em;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.emby-input + .fieldDescription {
|
||||
margin-top: .25em;
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
.emby-input-iconbutton {
|
||||
|
||||
@ -11,9 +11,9 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
border: .25em solid rgba(0, 0, 0, 1);
|
||||
border: 0.25em solid rgba(0, 0, 0, 1);
|
||||
box-sizing: border-box;
|
||||
background: rgba(0, 0, 0, .9);
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@ -51,7 +51,7 @@
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
border-radius: 50%;
|
||||
border-width: .25em;
|
||||
border-width: 0.25em;
|
||||
border-style: solid;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@ -10,8 +10,8 @@
|
||||
.radio-label-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: .5em;
|
||||
margin-bottom: .5em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.mdl-radio__button {
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
}
|
||||
|
||||
.selectContainer-inline > .emby-select {
|
||||
padding: .3em 1.9em .3em .5em;
|
||||
padding: 0.3em 1.9em 0.3em 0.5em;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
@ -51,7 +51,7 @@
|
||||
}
|
||||
|
||||
.emby-select + .fieldDescription {
|
||||
margin-top: .25em;
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
.selectContainer {
|
||||
@ -67,32 +67,32 @@
|
||||
|
||||
.selectLabel {
|
||||
display: block;
|
||||
margin-bottom: .25em;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.selectContainer-inline > .selectLabel {
|
||||
margin-bottom: 0;
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.emby-select-withcolor {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: .2em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.selectArrowContainer {
|
||||
position: absolute;
|
||||
right: .3em;
|
||||
top: .2em;
|
||||
right: 0.3em;
|
||||
top: 0.2em;
|
||||
color: inherit;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.selectContainer-inline > .selectArrowContainer {
|
||||
top: initial;
|
||||
bottom: .24em;
|
||||
bottom: 0.24em;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
@ -101,7 +101,7 @@
|
||||
}
|
||||
|
||||
.selectArrow {
|
||||
margin-top: .35em;
|
||||
margin-top: 0.35em;
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
|
||||
@ -56,7 +56,7 @@
|
||||
.mdl-slider::-ms-track {
|
||||
background: none;
|
||||
color: transparent;
|
||||
height: .2em;
|
||||
height: 0.2em;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
@ -116,13 +116,13 @@
|
||||
border-radius: 50%;
|
||||
background: #00a4dc;
|
||||
border: none;
|
||||
transform: scale(.9, .9);
|
||||
transform: scale(0.9, 0.9);
|
||||
transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.mdl-slider-hoverthumb::-ms-thumb {
|
||||
margin-left: -.4em;
|
||||
transform: scale(.5, .5);
|
||||
margin-left: -0.4em;
|
||||
transform: scale(0.5, 0.5);
|
||||
}
|
||||
|
||||
.mdl-slider:hover::-ms-thumb {
|
||||
@ -160,15 +160,15 @@
|
||||
.mdl-slider-background-flex-container {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-top: -.05em;
|
||||
margin-top: -0.05em;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.mdl-slider-background-flex {
|
||||
background: #333;
|
||||
height: .2em;
|
||||
margin-top: -.08em;
|
||||
height: 0.2em;
|
||||
margin-top: -0.08em;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
@ -207,7 +207,7 @@
|
||||
.mdl-slider-background-upper {
|
||||
/* transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1), width 0.18s cubic-bezier(0.4, 0, 0.2, 1); */
|
||||
background: #666;
|
||||
background: rgba(255, 255, 255, .4);
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 0;
|
||||
@ -229,5 +229,5 @@
|
||||
|
||||
.sliderBubbleText {
|
||||
margin: 0;
|
||||
padding: .5em .75em;
|
||||
padding: 0.5em 0.75em;
|
||||
}
|
||||
|
||||
@ -23,10 +23,10 @@
|
||||
|
||||
.textareaLabel {
|
||||
display: inline-block;
|
||||
transition: all .2s ease-out;
|
||||
margin-bottom: .25em;
|
||||
transition: all 0.2s ease-out;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.emby-textarea + .fieldDescription {
|
||||
margin-top: .25em;
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
@ -60,7 +60,7 @@
|
||||
background: #999;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -.25em;
|
||||
top: -0.25em;
|
||||
height: 1.44em;
|
||||
width: 1.44em;
|
||||
border-radius: 50%;
|
||||
@ -77,7 +77,7 @@
|
||||
.mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb {
|
||||
background: #00a4dc;
|
||||
left: 1.466em;
|
||||
box-shadow: 0 3px 0.28em 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px .56em 0 rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 3px 0.28em 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 0.56em 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.mdl-switch__input[disabled] + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb {
|
||||
@ -93,14 +93,14 @@
|
||||
transform: translate(-50%, -50%);
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
width: .6em;
|
||||
height: .6em;
|
||||
width: 0.6em;
|
||||
height: 0.6em;
|
||||
border-radius: 50%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.mdl-switch__input:focus + .mdl-switch__label + .mdl-switch__trackContainer .mdl-switch__focus-helper {
|
||||
box-shadow: 0 0 0 1.39em rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 0 0 1.39em rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.mdl-switch__input:checked:focus + .mdl-switch__label + .mdl-switch__trackContainer .mdl-switch__focus-helper {
|
||||
@ -113,7 +113,7 @@
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin-left: .7em;
|
||||
margin-left: 0.7em;
|
||||
}
|
||||
|
||||
.mdl-switch__input[disabled] .mdl-switch__label {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.skinHeader,
|
||||
html {
|
||||
color: #222;
|
||||
color: rgba(0, 0, 0, .87);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
.wizardStartForm,
|
||||
@ -12,7 +12,7 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #ccc;
|
||||
border-color: rgba(0, 0, 0, .158);
|
||||
border-color: rgba(0, 0, 0, 0.158);
|
||||
}
|
||||
|
||||
.collapseContent {
|
||||
@ -21,7 +21,7 @@ html {
|
||||
|
||||
.formDialogHeader:not(.formDialogHeader-clear),
|
||||
.skinHeader-withBackground {
|
||||
color: rgba(0, 0, 0, .7);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
background: #303030;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#BCBCBC), color-stop(#A7B4B7), color-stop(#BEB5A5), color-stop(#ADBEC2), to(#B9C7CB));
|
||||
background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
|
||||
@ -62,7 +62,7 @@ html {
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, .2);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -72,13 +72,13 @@ html {
|
||||
.fab,
|
||||
.raised {
|
||||
background: #fff;
|
||||
background: rgba(0, 0, 0, .14);
|
||||
background: rgba(0, 0, 0, 0.14);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.fab:focus,
|
||||
.raised:focus {
|
||||
background: rgba(0, 0, 0, .24);
|
||||
background: rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.button-submit {
|
||||
@ -92,7 +92,7 @@ html {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -105,7 +105,7 @@ html {
|
||||
.paperListLabel,
|
||||
.textareaLabelUnfocused {
|
||||
color: #555;
|
||||
color: rgba(0, 0, 0, .7);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.button-link,
|
||||
@ -122,7 +122,7 @@ html {
|
||||
.paperList,
|
||||
.visualCardBox {
|
||||
background-color: #fff;
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.defaultCardBackground1 {
|
||||
@ -147,7 +147,7 @@ html {
|
||||
|
||||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
border-top: 1px solid #ddd;
|
||||
border-top: 1px solid rgba(0, 0, 0, .08);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.cardText-secondary,
|
||||
@ -158,17 +158,17 @@ html {
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: #888;
|
||||
color: rgba(0, 0, 0, .5);
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #ddd;
|
||||
background: rgba(0, 0, 0, .14);
|
||||
background: rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.formDialogHeader a,
|
||||
@ -182,12 +182,12 @@ html {
|
||||
|
||||
.toast {
|
||||
background: #303030;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter,
|
||||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
color: rgba(0, 0, 0, .7);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
background: #303030;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#BCBCBC), color-stop(#A7B4B7), color-stop(#BEB5A5), color-stop(#ADBEC2), to(#B9C7CB));
|
||||
background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
|
||||
@ -214,7 +214,7 @@ html {
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #555;
|
||||
color: rgba(0, 0, 0, .7);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -226,15 +226,15 @@ html {
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #f8f8f8;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: rgba(0, 0, 0, .1) !important;
|
||||
border-color: rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
background: rgba(0, 0, 0, .2);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.progressring-spiner {
|
||||
@ -267,8 +267,8 @@ html {
|
||||
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: rgba(255, 255, 255, .9);
|
||||
border: .07em solid rgba(0, 0, 0, .158);
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
border: 0.07em solid rgba(0, 0, 0, 0.158);
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+.checkboxOutline,
|
||||
@ -351,7 +351,7 @@ html {
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: #555;
|
||||
border-color: rgba(0, 0, 0, .1);
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -371,7 +371,7 @@ html {
|
||||
}
|
||||
|
||||
.programCell-active {
|
||||
background: rgba(0, 0, 0, .1) !important;
|
||||
background: rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.guide-channelHeaderCell:focus,
|
||||
@ -391,7 +391,7 @@ html {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(0, 0, 0, .54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.skinHeader,
|
||||
html {
|
||||
color: #ddd;
|
||||
color: rgba(255, 255, 255, .8);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.wizardStartForm,
|
||||
@ -12,7 +12,7 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #383838;
|
||||
border-color: rgba(255, 255, 255, .135);
|
||||
border-color: rgba(255, 255, 255, 0.135);
|
||||
}
|
||||
|
||||
.skinHeader-withBackground {
|
||||
@ -49,7 +49,7 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
opacity: .86;
|
||||
opacity: 0.86;
|
||||
}
|
||||
|
||||
@media (orientation: portrait) {
|
||||
@ -60,7 +60,7 @@ html {
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, .2);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -69,13 +69,13 @@ html {
|
||||
|
||||
.fab,
|
||||
.raised {
|
||||
background: rgba(0, 0, 0, .5);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fab:focus,
|
||||
.raised:focus {
|
||||
background: rgba(0, 0, 0, .7);
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.button-submit {
|
||||
@ -90,7 +90,7 @@ html {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -103,7 +103,7 @@ html {
|
||||
.paperListLabel,
|
||||
.textareaLabelUnfocused {
|
||||
color: #bbb;
|
||||
color: rgba(255, 255, 255, .7);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.inputLabelFocused,
|
||||
@ -121,7 +121,7 @@ html {
|
||||
.formDialogHeader:not(.formDialogHeader-clear),
|
||||
.paperList,
|
||||
.visualCardBox {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.defaultCardBackground1 {
|
||||
@ -152,38 +152,38 @@ html {
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #444;
|
||||
background: rgba(255, 255, 255, .14);
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.toast {
|
||||
background: #303030;
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter {
|
||||
background: #033664;
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .78);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(1, 2, 50, .7);
|
||||
background: rgba(1, 2, 50, 0.7);
|
||||
backdrop-filter: blur(20px);
|
||||
}
|
||||
}
|
||||
@ -203,7 +203,7 @@ html {
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -218,15 +218,15 @@ html {
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(30, 30, 30, .9);
|
||||
background: rgba(30, 30, 30, 0.9);
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: rgba(255, 255, 255, .1) !important;
|
||||
border-color: rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.progressring-spiner {
|
||||
@ -240,7 +240,7 @@ html {
|
||||
|
||||
.mediaInfoText {
|
||||
color: #ddd;
|
||||
background: rgba(170, 170, 190, .2);
|
||||
background: rgba(170, 170, 190, 0.2);
|
||||
}
|
||||
|
||||
.mediaInfoTimerIcon,
|
||||
@ -264,8 +264,8 @@ html {
|
||||
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border: .07em solid transparent;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: 0.07em solid transparent;
|
||||
}
|
||||
|
||||
.emby-select-withcolor>option {
|
||||
@ -314,7 +314,7 @@ html {
|
||||
}
|
||||
|
||||
.mainDrawer {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.drawer-open {
|
||||
@ -354,7 +354,7 @@ html {
|
||||
.channelPrograms,
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: rgba(255, 255, 255, .05);
|
||||
border-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -374,7 +374,7 @@ html {
|
||||
}
|
||||
|
||||
.programCell-active {
|
||||
background: rgba(0, 0, 0, .4) !important;
|
||||
background: rgba(0, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
.guide-channelHeaderCell:focus,
|
||||
@ -394,7 +394,7 @@ html {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(255, 255, 255, .3);
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
@ -459,7 +459,7 @@ html {
|
||||
}
|
||||
|
||||
.timeslotHeaders-desktop::-webkit-scrollbar {
|
||||
height: .7em;
|
||||
height: 0.7em;
|
||||
}
|
||||
|
||||
.metadataSidebarIcon {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.skinHeader,
|
||||
html {
|
||||
color: #ddd;
|
||||
color: rgba(255, 255, 255, .8);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.wizardStartForm,
|
||||
@ -12,7 +12,7 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #383838;
|
||||
border-color: rgba(255, 255, 255, .135);
|
||||
border-color: rgba(255, 255, 255, 0.135);
|
||||
}
|
||||
|
||||
.skinHeader-withBackground {
|
||||
@ -36,12 +36,12 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background-color: rgba(0, 0, 0, .86);
|
||||
background-color: rgba(0, 0, 0, 0.86);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, .2);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -51,7 +51,7 @@ html {
|
||||
.fab,
|
||||
.raised {
|
||||
background: #303030;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fab:focus,
|
||||
@ -71,7 +71,7 @@ html {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -84,7 +84,7 @@ html {
|
||||
.paperListLabel,
|
||||
.textareaLabelUnfocused {
|
||||
color: #bbb;
|
||||
color: rgba(255, 255, 255, .7);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.inputLabelFocused,
|
||||
@ -133,17 +133,17 @@ html {
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #444;
|
||||
background: rgba(255, 255, 255, .14);
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.actionSheetMenuItem:hover {
|
||||
@ -153,13 +153,13 @@ html {
|
||||
.toast {
|
||||
background: #303030;
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter {
|
||||
background: #101010;
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .78);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
.itemSelectionPanel {
|
||||
@ -177,7 +177,7 @@ html {
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -192,11 +192,11 @@ html {
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(30, 30, 30, .9);
|
||||
background: rgba(30, 30, 30, 0.9);
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: rgba(34, 34, 34, .9) !important;
|
||||
border-color: rgba(34, 34, 34, 0.9) !important;
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
@ -214,7 +214,7 @@ html {
|
||||
|
||||
.mediaInfoText {
|
||||
color: #ddd;
|
||||
background: rgba(170, 170, 190, .2);
|
||||
background: rgba(170, 170, 190, 0.2);
|
||||
}
|
||||
|
||||
.mediaInfoTimerIcon,
|
||||
@ -239,7 +239,7 @@ html {
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: #292929;
|
||||
border: .07em solid #292929;
|
||||
border: 0.07em solid #292929;
|
||||
}
|
||||
|
||||
.emby-select-withcolor>option {
|
||||
@ -324,7 +324,7 @@ html {
|
||||
.channelPrograms,
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: rgba(255, 255, 255, .05);
|
||||
border-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -364,7 +364,7 @@ html {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(255, 255, 255, .3);
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
@ -429,7 +429,7 @@ html {
|
||||
}
|
||||
|
||||
.timeslotHeaders-desktop::-webkit-scrollbar {
|
||||
height: .7em;
|
||||
height: 0.7em;
|
||||
}
|
||||
|
||||
.metadataSidebarIcon {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.skinHeader,
|
||||
html {
|
||||
color: #ddd;
|
||||
color: rgba(255, 255, 255, .8);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.wizardStartForm,
|
||||
@ -12,7 +12,7 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #383838;
|
||||
border-color: rgba(255, 255, 255, .135);
|
||||
border-color: rgba(255, 255, 255, 0.135);
|
||||
}
|
||||
|
||||
.skinHeader-withBackground {
|
||||
@ -35,12 +35,12 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background-color: rgba(0, 0, 0, .86);
|
||||
background-color: rgba(0, 0, 0, 0.86);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #52b54b;
|
||||
background-color: rgba(82, 181, 75, .2);
|
||||
background-color: rgba(82, 181, 75, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -50,7 +50,7 @@ html {
|
||||
.fab,
|
||||
.raised {
|
||||
background: #303030;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fab:focus,
|
||||
@ -70,7 +70,7 @@ html {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -83,7 +83,7 @@ html {
|
||||
.paperListLabel,
|
||||
.textareaLabelUnfocused {
|
||||
color: #bbb;
|
||||
color: rgba(255, 255, 255, .7);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.inputLabelFocused,
|
||||
@ -132,17 +132,17 @@ html {
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #444;
|
||||
background: rgba(255, 255, 255, .14);
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.actionSheetMenuItem:hover {
|
||||
@ -152,13 +152,13 @@ html {
|
||||
.toast {
|
||||
background: #303030;
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter {
|
||||
background: #101010;
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .78);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
.itemSelectionPanel {
|
||||
@ -176,7 +176,7 @@ html {
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -191,11 +191,11 @@ html {
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(30, 30, 30, .9);
|
||||
background: rgba(30, 30, 30, 0.9);
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: rgba(34, 34, 34, .9) !important;
|
||||
border-color: rgba(34, 34, 34, 0.9) !important;
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
@ -213,7 +213,7 @@ html {
|
||||
|
||||
.mediaInfoText {
|
||||
color: #ddd;
|
||||
background: rgba(170, 170, 190, .2);
|
||||
background: rgba(170, 170, 190, 0.2);
|
||||
}
|
||||
|
||||
.mediaInfoTimerIcon,
|
||||
@ -225,8 +225,8 @@ html {
|
||||
.emby-textarea {
|
||||
color: inherit;
|
||||
background: #292929;
|
||||
border: .07em solid #292929;
|
||||
border-radius: .15em;
|
||||
border: 0.07em solid #292929;
|
||||
border-radius: 0.15em;
|
||||
}
|
||||
|
||||
.emby-input:focus,
|
||||
@ -237,7 +237,7 @@ html {
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: #292929;
|
||||
border: .07em solid #292929;
|
||||
border: 0.07em solid #292929;
|
||||
}
|
||||
|
||||
.emby-select-withcolor>option {
|
||||
@ -322,7 +322,7 @@ html {
|
||||
.channelPrograms,
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: rgba(255, 255, 255, .05);
|
||||
border-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -362,7 +362,7 @@ html {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(255, 255, 255, .3);
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
@ -379,7 +379,7 @@ html {
|
||||
color: #ddd;
|
||||
background: #111;
|
||||
padding: 1em;
|
||||
border-radius: .25em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.ratingbutton-icon-withrating {
|
||||
@ -405,7 +405,7 @@ html {
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
@ -424,7 +424,7 @@ html {
|
||||
}
|
||||
|
||||
.timeslotHeaders-desktop::-webkit-scrollbar {
|
||||
height: .7em;
|
||||
height: 0.7em;
|
||||
}
|
||||
|
||||
.metadataSidebarIcon {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.skinHeader,
|
||||
html {
|
||||
color: #222;
|
||||
color: rgba(0, 0, 0, .87);
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
.wizardStartForm,
|
||||
@ -12,7 +12,7 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #ccc;
|
||||
border-color: rgba(0, 0, 0, .158);
|
||||
border-color: rgba(0, 0, 0, 0.158);
|
||||
}
|
||||
|
||||
.collapseContent {
|
||||
@ -48,7 +48,7 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background-color: rgba(255, 255, 255, .80);
|
||||
background-color: rgba(255, 255, 255, 0.80);
|
||||
}
|
||||
|
||||
.dialog {
|
||||
@ -57,7 +57,7 @@ html {
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, .2);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -86,7 +86,7 @@ html {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -145,7 +145,7 @@ html {
|
||||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
background-color: #f0f0f0;
|
||||
border-top: 1px solid #ddd;
|
||||
border-top: 1px solid rgba(0, 0, 0, .08);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@ -161,12 +161,12 @@ html {
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #ddd;
|
||||
background: rgba(0, 0, 0, .14);
|
||||
background: rgba(0, 0, 0, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.formDialogHeader a,
|
||||
@ -180,13 +180,13 @@ html {
|
||||
|
||||
.toast {
|
||||
background: #303030;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter {
|
||||
background: #282828;
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .78);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
.nowPlayingBarSecondaryText {
|
||||
@ -208,7 +208,7 @@ html {
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #555;
|
||||
color: rgba(0, 0, 0, .7);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -261,7 +261,7 @@ html {
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: #fff;
|
||||
border: .07em solid rgba(0, 0, 0, .158);
|
||||
border: 0.07em solid rgba(0, 0, 0, 0.158);
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+.checkboxOutline,
|
||||
@ -343,7 +343,7 @@ html {
|
||||
.channelPrograms,
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: rgba(0, 0, 0, .12);
|
||||
border-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -363,7 +363,7 @@ html {
|
||||
}
|
||||
|
||||
.programCell-active {
|
||||
background: rgba(0, 0, 0, .1) !important;
|
||||
background: rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.guide-channelHeaderCell:focus,
|
||||
@ -383,7 +383,7 @@ html {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(0, 0, 0, .54);
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
|
||||
@ -12,7 +12,7 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #383838;
|
||||
border-color: rgba(255, 255, 255, .135);
|
||||
border-color: rgba(255, 255, 255, 0.135);
|
||||
}
|
||||
|
||||
.skinHeader-withBackground {
|
||||
@ -48,7 +48,7 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
opacity: .86;
|
||||
opacity: 0.86;
|
||||
}
|
||||
|
||||
@media (orientation: portrait) {
|
||||
@ -59,7 +59,7 @@ html {
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: rgb(12, 232, 214);
|
||||
background-color: rgba(0, 164, 220, .2);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -67,25 +67,25 @@ html {
|
||||
}
|
||||
|
||||
progress {
|
||||
border-radius: .4em;
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
border-radius: .4em;
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
progress::-moz-progress-bar {
|
||||
border-radius: .4em;
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
border-radius: .4em;
|
||||
border-radius: 0.4em;
|
||||
}
|
||||
|
||||
.fab,
|
||||
.raised {
|
||||
background: rgba(0, 0, 0, .5);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.fab:focus,
|
||||
@ -120,13 +120,13 @@ a[data-role=button] {
|
||||
.btnForgotPassword,
|
||||
.btnCancel,
|
||||
.button-cancel {
|
||||
background: rgba(0, 0, 0, .5);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -149,7 +149,7 @@ a[data-role=button] {
|
||||
.btnManual:hover,
|
||||
.block:hover {
|
||||
background: rgb(12, 232, 214);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.button-submit:focus {
|
||||
@ -158,7 +158,7 @@ a[data-role=button] {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.itemName {
|
||||
@ -205,7 +205,7 @@ a[data-role=button] {
|
||||
.formDialogHeader:not(.formDialogHeader-clear),
|
||||
.paperList,
|
||||
.visualCardBox {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 1.000em;
|
||||
}
|
||||
|
||||
@ -245,38 +245,38 @@ a[data-role=button] {
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #444;
|
||||
background: rgba(255, 255, 255, .14);
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.toast {
|
||||
background: #303030;
|
||||
color: #f8f8fe;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter {
|
||||
background: #06256f;
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .78);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(6, 37, 111, .7);
|
||||
background: rgba(6, 37, 111, 0.7);
|
||||
backdrop-filter: blur(20px);
|
||||
}
|
||||
}
|
||||
@ -305,15 +305,15 @@ a[data-role=button] {
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(30, 30, 30, .9);
|
||||
background: rgba(30, 30, 30, 0.9);
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: rgba(255, 255, 255, .1) !important;
|
||||
border-color: rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.progressring-spiner {
|
||||
@ -327,7 +327,7 @@ a[data-role=button] {
|
||||
|
||||
.mediaInfoText {
|
||||
color: #f8f8fe;
|
||||
background: rgba(170, 170, 190, .2);
|
||||
background: rgba(170, 170, 190, 0.2);
|
||||
}
|
||||
|
||||
.mediaInfoTimerIcon,
|
||||
@ -351,8 +351,8 @@ a[data-role=button] {
|
||||
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border: .07em solid transparent;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border: 0.07em solid transparent;
|
||||
}
|
||||
|
||||
.emby-select-withcolor>option {
|
||||
@ -406,7 +406,7 @@ a[data-role=button] {
|
||||
|
||||
.mainDrawer {
|
||||
color: #f8f8fe;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.drawer-open {
|
||||
@ -446,7 +446,7 @@ a[data-role=button] {
|
||||
.channelPrograms,
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: rgba(255, 255, 255, .05);
|
||||
border-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -466,7 +466,7 @@ a[data-role=button] {
|
||||
}
|
||||
|
||||
.programCell-active {
|
||||
background: rgba(0, 0, 0, .4) !important;
|
||||
background: rgba(0, 0, 0, 0.4) !important;
|
||||
}
|
||||
|
||||
.guide-channelHeaderCell:focus,
|
||||
@ -486,7 +486,7 @@ a[data-role=button] {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(255, 255, 255, .3);
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
@ -550,7 +550,7 @@ a[data-role=button] {
|
||||
}
|
||||
|
||||
.layout-desktop ::-webkit-scrollbar {
|
||||
width: .4em;
|
||||
width: 0.4em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
@ -562,11 +562,11 @@ a[data-role=button] {
|
||||
}
|
||||
|
||||
.timeslotHeaders-desktop::-webkit-scrollbar {
|
||||
height: .7em;
|
||||
height: 0.7em;
|
||||
}
|
||||
|
||||
.mediaInfoOfficialRating {
|
||||
border: .09em solid #583fa0;
|
||||
border: 0.09em solid #583fa0;
|
||||
background-color: #dbe6ff;
|
||||
color: #0e0f2d;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
html {
|
||||
color: #eee;
|
||||
color: rgba(255, 255, 255, .9);
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
background-color: #0f3562;
|
||||
}
|
||||
|
||||
@ -12,12 +12,12 @@ html {
|
||||
|
||||
.emby-collapsible-button {
|
||||
border-color: #383838;
|
||||
border-color: rgba(255, 255, 255, .135);
|
||||
border-color: rgba(255, 255, 255, 0.135);
|
||||
}
|
||||
|
||||
.skinHeader {
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .78);
|
||||
color: rgba(255, 255, 255, 0.78);
|
||||
}
|
||||
|
||||
.formDialogHeader:not(.formDialogHeader-clear),
|
||||
@ -53,12 +53,12 @@ html {
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop {
|
||||
background: rgba(17, 98, 164, .9);
|
||||
background: rgba(17, 98, 164, 0.9);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled) {
|
||||
color: #00a4dc;
|
||||
background-color: rgba(0, 164, 220, .2);
|
||||
background-color: rgba(0, 164, 220, 0.2);
|
||||
}
|
||||
|
||||
.paper-icon-button-light.show-focus:focus {
|
||||
@ -88,7 +88,7 @@ html {
|
||||
|
||||
.button-delete {
|
||||
background: rgb(247, 0, 0);
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.checkboxLabel {
|
||||
@ -101,7 +101,7 @@ html {
|
||||
.paperListLabel,
|
||||
.textareaLabelUnfocused {
|
||||
color: #bbb;
|
||||
color: rgba(255, 255, 255, .7);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.inputLabelFocused,
|
||||
@ -148,23 +148,23 @@ html {
|
||||
.programSecondaryTitle,
|
||||
.secondaryText {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.actionsheetDivider {
|
||||
background: #ddd;
|
||||
background: rgba(255, 255, 255, .14);
|
||||
background: rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.cardFooter-vibrant .cardText-secondary {
|
||||
color: inherit;
|
||||
opacity: .5;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.toast {
|
||||
background: #081b3b;
|
||||
color: #fff;
|
||||
color: rgba(255, 255, 255, .87);
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
||||
.appfooter,
|
||||
@ -192,7 +192,7 @@ html {
|
||||
|
||||
.alphaPickerButton {
|
||||
color: #999;
|
||||
color: rgba(255, 255, 255, .5);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@ -204,11 +204,11 @@ html {
|
||||
|
||||
.detailTableBodyRow-shaded:nth-child(even) {
|
||||
background: #1c1c1c;
|
||||
background: rgba(0, 0, 0, .3);
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: rgba(0, 0, 0, .3) !important;
|
||||
border-color: rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.listItem:focus {
|
||||
@ -226,7 +226,7 @@ html {
|
||||
|
||||
.mediaInfoText {
|
||||
color: #ddd;
|
||||
background: rgba(170, 170, 190, .2);
|
||||
background: rgba(170, 170, 190, 0.2);
|
||||
}
|
||||
|
||||
.mediaInfoTimerIcon,
|
||||
@ -250,8 +250,8 @@ html {
|
||||
|
||||
.emby-select-withcolor {
|
||||
color: inherit;
|
||||
background: rgba(255, 255, 255, .2);
|
||||
border: .07em solid rgba(255, 255, 255, .135);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border: 0.07em solid rgba(255, 255, 255, 0.135);
|
||||
}
|
||||
|
||||
.emby-checkbox:checked+span+.checkboxOutline,
|
||||
@ -299,13 +299,13 @@ html {
|
||||
.mainDrawer {
|
||||
background-color: #0f3562;
|
||||
color: #ccc;
|
||||
color: rgba(255, 255, 255, .7);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.actionSheetMenuItem:hover,
|
||||
.navMenuOption:hover {
|
||||
background: #252528;
|
||||
background: rgba(0, 0, 0, .2);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.navMenuOption-selected {
|
||||
@ -338,7 +338,7 @@ html {
|
||||
.guide-channelHeaderCell,
|
||||
.programCell {
|
||||
border-color: #999;
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.programCell-sports {
|
||||
@ -358,7 +358,7 @@ html {
|
||||
}
|
||||
|
||||
.programCell-active {
|
||||
background: rgba(0, 0, 0, .3) !important;
|
||||
background: rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.guide-channelHeaderCell:focus,
|
||||
@ -378,7 +378,7 @@ html {
|
||||
|
||||
.guide-date-tab-button {
|
||||
color: #555;
|
||||
color: rgba(255, 255, 255, .3);
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.guide-date-tab-button.emby-tab-button-active,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user