cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 19:08:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix number-leading-zero (CSS)

Browse Source
This commit is contained in:
MrTimscampi 2020-01-19 15:00:37 +01:00
parent 2a074d10f1
commit ea28429cdf
51 changed files with 425 additions and 425 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/assets/css/dashboard.css
View File

@ -11,7 +11,7 @@
} }
.dashboardFooter a { .dashboardFooter a {
margin: 0 .7em; margin: 0 0.7em;
} }
progress { progress {
@ -39,7 +39,7 @@ progress::-webkit-progress-value {
} }
progress[aria-valuenow]:before { progress[aria-valuenow]:before {
border-radius: .4em; border-radius: 0.4em;
background-color: #00a4dc; background-color: #00a4dc;
} }
@ -83,9 +83,9 @@ a[data-role=button] {
cursor: pointer !important; cursor: pointer !important;
font-family: inherit !important; font-family: inherit !important;
font-weight: 500 !important; font-weight: 500 !important;
margin: 0 .25em !important; margin: 0 0.25em !important;
display: inline-block; display: inline-block;
padding: .8em 1em; padding: 0.8em 1em;
text-align: center; text-align: center;
text-decoration: none !important; 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] { div[data-role=controlgroup] a[data-role=button]+a[data-role=button] {
border-left-width: 0 !important; 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 { div[data-role=controlgroup] a.ui-btn-active {
@ -136,9 +136,9 @@ div[data-role=controlgroup] a.ui-btn-active {
.wizardContent h2 img { .wizardContent h2 img {
height: 2.5em; height: 2.5em;
vertical-align: middle; vertical-align: middle;
margin-right: .5em; margin-right: 0.5em;
position: relative; position: relative;
top: -.3em; top: -0.3em;
} }
.header .imageLink { .header .imageLink {
@ -224,8 +224,8 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.dashboardSection h3 { .dashboardSection h3 {
margin-top: .5em; margin-top: 0.5em;
margin-bottom: .5em; margin-bottom: 0.5em;
} }
.activeRecordingItems>.card { .activeRecordingItems>.card {
@ -261,7 +261,7 @@ div[data-role=controlgroup] a.ui-btn-active {
.wizardContent { .wizardContent {
max-width: 62em; max-width: 62em;
padding: .5em 2em 1em; padding: 0.5em 2em 1em;
margin: 0 auto; margin: 0 auto;
background: #fff; background: #fff;
} }
@ -286,7 +286,7 @@ div[data-role=controlgroup] a.ui-btn-active {
height: 1.71em; height: 1.71em;
width: 1.71em; width: 1.71em;
border-radius: 100%; border-radius: 100%;
margin-right: .5em; margin-right: 0.5em;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -305,7 +305,7 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.sessionCardFooter { .sessionCardFooter {
padding-top: .5em !important; padding-top: 0.5em !important;
padding-bottom: 1em !important; padding-bottom: 1em !important;
border-top: 1px solid #eee; border-top: 1px solid #eee;
text-align: center; text-align: center;
@ -336,7 +336,7 @@ div[data-role=controlgroup] a.ui-btn-active {
.sessionNowPlayingContent-withbackground+.sessionNowPlayingInnerContent { .sessionNowPlayingContent-withbackground+.sessionNowPlayingInnerContent {
color: #fff !important; color: #fff !important;
background: rgba(0, 0, 0, .7); background: rgba(0, 0, 0, 0.7);
} }
.sessionAppName { .sessionAppName {

2
src/assets/css/detailtable.css
View File

@ -1,7 +1,7 @@
.detailTableBodyCell, .detailTableBodyCell,
.detailTableHeaderCell { .detailTableHeaderCell {
border-spacing: 0; border-spacing: 0;
padding: .4em; padding: 0.4em;
} }
.detailTable { .detailTable {

58
src/assets/css/librarybrowser.css
View File

@ -109,7 +109,7 @@
display: -webkit-inline-box; display: -webkit-inline-box;
display: -webkit-inline-flex; display: -webkit-inline-flex;
display: inline-flex; display: inline-flex;
margin: .3em 0 0 .5em; margin: 0.3em 0 0 0.5em;
height: 1.7em; height: 1.7em;
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
@ -162,7 +162,7 @@
} }
.headerTop { .headerTop {
padding: .54em 0; padding: 0.54em 0;
} }
.headerLeft { .headerLeft {
@ -215,7 +215,7 @@
.sidebarHeader { .sidebarHeader {
padding-left: 1.2em; padding-left: 1.2em;
margin: 1em 0 .5em; margin: 1em 0 0.5em;
} }
.dashboardDocument .skinBody { .dashboardDocument .skinBody {
@ -337,7 +337,7 @@
.headerArrowImage { .headerArrowImage {
height: 20px; height: 20px;
margin-left: .5em; margin-left: 0.5em;
} }
.backdropContainer { .backdropContainer {
@ -360,7 +360,7 @@
} }
.viewSettings { .viewSettings {
margin: 0 0 .25em; margin: 0 0 0.25em;
} }
.listTopPaging, .listTopPaging,
@ -369,7 +369,7 @@
} }
.viewControls+.listTopPaging { .viewControls+.listTopPaging {
margin-left: .5em !important; margin-left: 0.5em !important;
} }
.criticReview { .criticReview {
@ -388,7 +388,7 @@
} }
.criticReview:first-child { .criticReview:first-child {
margin-top: .5em; margin-top: 0.5em;
} }
.criticReview img { .criticReview img {
@ -396,7 +396,7 @@
} }
.criticRatingScore { .criticRatingScore {
margin-bottom: .5em; margin-bottom: 0.5em;
} }
.itemTag { .itemTag {
@ -413,12 +413,12 @@
} }
.itemLinks p { .itemLinks p {
margin: .5em 0; margin: 0.5em 0;
} }
.reviewLink, .reviewLink,
.reviewerName { .reviewerName {
margin-top: .5em; margin-top: 0.5em;
} }
.reviewerName { .reviewerName {
@ -431,7 +431,7 @@
.reviewScore { .reviewScore {
position: absolute; position: absolute;
left: .8em; left: 0.8em;
} }
.itemBackdrop { .itemBackdrop {
@ -452,7 +452,7 @@
.desktopMiscInfoContainer { .desktopMiscInfoContainer {
position: absolute; position: absolute;
bottom: .75em; bottom: 0.75em;
} }
.detailPagePrimaryContainer { .detailPagePrimaryContainer {
@ -571,12 +571,12 @@
.parentName { .parentName {
display: block; display: block;
margin-bottom: .5em; margin-bottom: 0.5em;
} }
.emby-button.detailFloatingButton { .emby-button.detailFloatingButton {
position: absolute; position: absolute;
background-color: rgba(0, 0, 0, .5) !important; background-color: rgba(0, 0, 0, 0.5) !important;
z-index: 1; z-index: 1;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -623,7 +623,7 @@
} }
.itemName { .itemName {
margin: .5em 0; margin: 0.5em 0;
} }
.empty { .empty {
@ -669,31 +669,31 @@
-webkit-align-items: center; -webkit-align-items: center;
align-items: center; align-items: center;
margin: 0 !important; margin: 0 !important;
padding: .5em .7em !important; padding: 0.5em 0.7em !important;
} }
.detailButton { .detailButton {
margin: 0 .5em 0 0 !important; margin: 0 0.5em 0 0 !important;
} }
@media all and (min-width: 29em) { @media all and (min-width: 29em) {
.detailButton-mobile { .detailButton-mobile {
padding-left: .75em !important; padding-left: 0.75em !important;
padding-right: .75em !important; padding-right: 0.75em !important;
} }
} }
@media all and (min-width: 32em) { @media all and (min-width: 32em) {
.detailButton-mobile { .detailButton-mobile {
padding-left: .8em !important; padding-left: 0.8em !important;
padding-right: .8em !important; padding-right: 0.8em !important;
} }
} }
@media all and (min-width: 35em) { @media all and (min-width: 35em) {
.detailButton-mobile { .detailButton-mobile {
padding-left: .85em !important; padding-left: 0.85em !important;
padding-right: .85em !important; padding-right: 0.85em !important;
} }
} }
@ -725,14 +725,14 @@
} }
.detailButton-mobile-text { .detailButton-mobile-text {
margin-top: .7em; margin-top: 0.7em;
font-size: 80%; font-size: 80%;
font-weight: 400; font-weight: 400;
} }
@media all and (max-width: 62.5em) { @media all and (max-width: 62.5em) {
.mainDetailButtons { .mainDetailButtons {
margin-left: -.5em; margin-left: -0.5em;
} }
.detailButton { .detailButton {
@ -830,7 +830,7 @@
} }
.timelineHeader { .timelineHeader {
margin-bottom: .25em; margin-bottom: 0.25em;
line-height: 1.25em; line-height: 1.25em;
line-height: initial; line-height: initial;
} }
@ -867,7 +867,7 @@
} }
.bulletSeparator { .bulletSeparator {
margin: 0 .35em; margin: 0 0.35em;
} }
.mediaInfoIcons { .mediaInfoIcons {
@ -921,7 +921,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
} }
.sectionTitleButton + .sectionTitleButton { .sectionTitleButton + .sectionTitleButton {
margin-left: .5em !important; margin-left: 0.5em !important;
} }
.sectionTitleIconButton { .sectionTitleIconButton {
@ -929,7 +929,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
-webkit-flex-shrink: 0; -webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
font-size: 84% !important; font-size: 84% !important;
padding: .5em !important; padding: 0.5em !important;
} }
.horizontalItemsContainer { .horizontalItemsContainer {

2
src/assets/css/livetv.css
View File

@ -4,6 +4,6 @@
@media all and (min-width: 62.5em) { @media all and (min-width: 62.5em) {
#guideTab { #guideTab {
padding-left: .5em; padding-left: 0.5em;
} }
} }

6
src/assets/css/metadataeditor.css
View File

@ -7,7 +7,7 @@
} }
.libraryTree { .libraryTree {
margin-left: .25em; margin-left: 0.25em;
} }
.offlineEditorNode { .offlineEditorNode {
@ -16,7 +16,7 @@
.editorNode img { .editorNode img {
height: 18px; height: 18px;
margin: 0 .35em; margin: 0 0.35em;
vertical-align: middle; vertical-align: middle;
position: relative; position: relative;
top: -2px; top: -2px;
@ -48,7 +48,7 @@
} }
.metadataSidebarIcon { .metadataSidebarIcon {
margin-right: .4em; margin-right: 0.4em;
} }
@media all and (min-width: 50em) { @media all and (min-width: 50em) {

8
src/assets/css/site.css
View File

@ -56,13 +56,13 @@ div[data-role=page] {
} }
.fieldDescription { .fieldDescription {
padding-left: .15em; padding-left: 0.15em;
font-weight: 400; font-weight: 400;
white-space: normal !important; white-space: normal !important;
} }
.fieldDescription+.fieldDescription { .fieldDescription+.fieldDescription {
margin-top: .3em; margin-top: 0.3em;
} }
.content-primary, .content-primary,
@ -82,8 +82,8 @@ div[data-role=page] {
.headerHelpButton { .headerHelpButton {
margin-left: 1.25em !important; margin-left: 1.25em !important;
padding-bottom: .4em !important; padding-bottom: 0.4em !important;
padding-top: .4em !important; padding-top: 0.4em !important;
} }
.mediaInfoContent { .mediaInfoContent {

20
src/assets/css/videoosd.css
View File

@ -72,19 +72,19 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background: rgba(0, 0, 0, .7); background: rgba(0, 0, 0, 0.7);
padding: .25em .5em; padding: 0.25em 0.5em;
user-select: none; user-select: none;
} }
.chapterThumbText { .chapterThumbText {
padding: .25em 0; padding: 0.25em 0;
margin: 0; margin: 0;
opacity: 1; opacity: 1;
} }
.chapterThumbText-dim { .chapterThumbText-dim {
opacity: .6; opacity: 0.6;
} }
.videoOsdBottom { .videoOsdBottom {
@ -146,7 +146,7 @@
} }
.volumeButtons { .volumeButtons {
margin: 0 .5em 0 auto; margin: 0 0.5em 0 auto;
display: flex; display: flex;
-webkit-align-items: center; -webkit-align-items: center;
align-items: center; align-items: center;
@ -163,7 +163,7 @@
.osdPoster { .osdPoster {
width: 10%; width: 10%;
position: relative; position: relative;
margin-right: .5em; margin-right: 0.5em;
} }
.osdPoster img { .osdPoster img {
@ -172,7 +172,7 @@
width: 100%; width: 100%;
-webkit-box-shadow: 0 0 1.9vh #000; -webkit-box-shadow: 0 0 1.9vh #000;
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-drag: none;
user-select: none; user-select: none;
-moz-user-select: none; -moz-user-select: none;
@ -193,7 +193,7 @@
} }
.osdSecondaryMediaInfo { .osdSecondaryMediaInfo {
padding-left: .6em !important; padding-left: 0.6em !important;
} }
.osdTextContainer { .osdTextContainer {
@ -207,8 +207,8 @@
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
margin-bottom: .7em; margin-bottom: 0.7em;
padding-left: .5em; padding-left: 0.5em;
} }
.osdMainTextContainer { .osdMainTextContainer {

24
src/components/actionsheet/actionsheet.css
View File

@ -4,7 +4,7 @@
padding: 0; padding: 0;
border: none; border: none;
max-height: 84%; max-height: 84%;
border-radius: .1em !important; border-radius: 0.1em !important;
} }
.actionsheet-not-fullscreen { .actionsheet-not-fullscreen {
@ -24,7 +24,7 @@
.actionSheetContent { .actionSheetContent {
margin: 0 !important; margin: 0 !important;
padding: .4em 0 !important; padding: 0.4em 0 !important;
flex-direction: column; flex-direction: column;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -45,7 +45,7 @@
} }
.actionsheetListItemBody { .actionsheetListItemBody {
padding: .4em 1em .4em .6em !important; padding: 0.4em 1em 0.4em 0.6em !important;
} }
.actionSheetItemText { .actionSheetItemText {
@ -59,13 +59,13 @@
} }
.actionSheetItemAsideText { .actionSheetItemAsideText {
opacity: .7; opacity: 0.7;
font-size: 90%; font-size: 90%;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
flex-shrink: 0; flex-shrink: 0;
margin-left: 5em; margin-left: 5em;
margin-right: .5em; margin-right: 0.5em;
} }
.actionSheetScroller { .actionSheetScroller {
@ -83,14 +83,14 @@
} }
.actionsheetDivider { .actionsheetDivider {
height: .07em; height: 0.07em;
margin: .25em 0; margin: 0.25em 0;
flex-shrink: 0; flex-shrink: 0;
} }
.actionSheetTitle { .actionSheetTitle {
margin: .6em 0 .7em !important; margin: 0.6em 0 0.7em !important;
padding: 0 .9em; padding: 0 0.9em;
flex-grow: 0; flex-grow: 0;
} }
@ -100,7 +100,7 @@
} }
.actionsheetMenuItemIcon { .actionsheetMenuItemIcon {
margin: 0 .85em 0 .45em !important; margin: 0 0.85em 0 0.45em !important;
padding: 0 !important; padding: 0 !important;
} }
@ -110,6 +110,6 @@
.btnCloseActionSheet { .btnCloseActionSheet {
position: fixed; position: fixed;
top: .75em; top: 0.75em;
left: .5em; left: 0.5em;
} }

8
src/components/alphapicker/style.css
View File

@ -35,9 +35,9 @@
font-size: inherit; font-size: inherit;
min-width: initial; min-width: initial;
margin: 0; margin: 0;
padding: .1em .4em; padding: 0.1em 0.4em;
width: auto; width: auto;
border-radius: .1em; border-radius: 0.1em;
font-weight: normal; font-weight: normal;
flex-shrink: 0; flex-shrink: 0;
flex-grow: 1; flex-grow: 1;
@ -113,11 +113,11 @@
} }
.alphaPicker-fixed-left { .alphaPicker-fixed-left {
left: .4em; left: 0.4em;
} }
.alphaPicker-fixed-right { .alphaPicker-fixed-right {
right: .4em; right: 0.4em;
} }
@media all and (min-width: 62.5em) { @media all and (min-width: 62.5em) {

46
src/components/cardbuilder/card.css
View File

@ -93,12 +93,12 @@ button::-moz-focus-inner {
} }
.card.show-focus:not(.show-animation) .cardBox { .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.visualCardBox,
.card.show-focus:not(.show-animation) .cardBox:not(.visualCardBox) .cardScalable { .card.show-focus:not(.show-animation) .cardBox:not(.visualCardBox) .cardScalable {
border: .5em solid transparent; border: 0.5em solid transparent;
} }
.card.show-animation:focus > .cardBox { .card.show-animation:focus > .cardBox {
@ -123,7 +123,7 @@ button::-moz-focus-inner {
.btnCardOptions { .btnCardOptions {
position: absolute; position: absolute;
bottom: .25em; bottom: 0.25em;
right: 0; right: 0;
margin: 0 !important; margin: 0 !important;
z-index: 1; z-index: 1;
@ -134,8 +134,8 @@ button::-moz-focus-inner {
position: absolute; position: absolute;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
top: .3em; top: 0.3em;
left: .3em; left: 0.3em;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
width: 1.6em; width: 1.6em;
@ -253,17 +253,17 @@ button::-moz-focus-inner {
} }
.cardFooter { .cardFooter {
padding: .3em .3em .5em .3em; padding: 0.3em 0.3em 0.5em 0.3em;
position: relative; position: relative;
} }
.visualCardBox { .visualCardBox {
box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37); box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
border-radius: .145em; border-radius: 0.145em;
} }
.innerCardFooter { .innerCardFooter {
background: rgba(0, 0, 0, .7); background: rgba(0, 0, 0, 0.7);
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -283,7 +283,7 @@ button::-moz-focus-inner {
} }
.cardText { .cardText {
padding: .06em .5em; padding: 0.06em 0.5em;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -295,7 +295,7 @@ button::-moz-focus-inner {
} }
.cardText-first { .cardText-first {
padding-top: .24em; padding-top: 0.24em;
} }
.textActionButton { .textActionButton {
@ -322,7 +322,7 @@ button::-moz-focus-inner {
} }
.innerCardFooter > .cardText { .innerCardFooter > .cardText {
padding: .3em .5em; padding: 0.3em 0.5em;
} }
.cardFooter-withlogo { .cardFooter-withlogo {
@ -361,12 +361,12 @@ button::-moz-focus-inner {
.cardImageIcon-small { .cardImageIcon-small {
font-size: 3em; font-size: 3em;
margin-bottom: .1em; margin-bottom: 0.1em;
} }
.cardIndicators { .cardIndicators {
right: .225em; right: 0.225em;
top: .225em; top: 0.225em;
position: absolute; position: absolute;
display: flex; display: flex;
align-items: center; align-items: center;
@ -383,16 +383,16 @@ button::-moz-focus-inner {
} }
.programAttributeIndicator { .programAttributeIndicator {
padding: .18em .5em; padding: 0.18em 0.5em;
color: #fff; color: #fff;
font-weight: 500; font-weight: 500;
} }
.cardOverlayButton { .cardOverlayButton {
color: rgba(255, 255, 255, .76); color: rgba(255, 255, 255, 0.76);
margin: 0; margin: 0;
z-index: 1; z-index: 1;
padding: .75em; padding: 0.75em;
font-size: 88%; font-size: 88%;
} }
@ -403,7 +403,7 @@ button::-moz-focus-inner {
} }
.cardOverlayButtonIcon { .cardOverlayButtonIcon {
background-color: rgba(0, 0, 0, .7) !important; background-color: rgba(0, 0, 0, 0.7) !important;
border-radius: 100em; border-radius: 100em;
width: 1.5em !important; width: 1.5em !important;
height: 1.5em !important; height: 1.5em !important;
@ -425,10 +425,10 @@ button::-moz-focus-inner {
height: 2.6em; height: 2.6em;
top: 50%; top: 50%;
left: 50%; left: 50%;
background-color: rgba(0, 0, 0, .5) !important; background-color: rgba(0, 0, 0, 0.5) !important;
border: .06em solid rgba(255, 255, 255, .6); border: 0.06em solid rgba(255, 255, 255, 0.6);
padding: .38em !important; padding: 0.38em !important;
color: rgba(255, 255, 255, .76); color: rgba(255, 255, 255, 0.76);
transition: transform 200ms ease-out; transition: transform 200ms ease-out;
} }
@ -731,7 +731,7 @@ button::-moz-focus-inner {
.cardOverlayContainer { .cardOverlayContainer {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
opacity: 0; opacity: 0;
transition: opacity .2s; transition: opacity 0.2s;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;

6
src/components/dialogHelper/dialoghelper.css
View File

@ -51,13 +51,13 @@
to { to {
opacity: 0; opacity: 0;
transform: scale(.5); transform: scale(0.5);
} }
} }
@keyframes scaleup { @keyframes scaleup {
from { from {
transform: scale(.5); transform: scale(0.5);
opacity: 0; opacity: 0;
} }
@ -169,5 +169,5 @@
} }
.dialogBackdropOpened { .dialogBackdropOpened {
opacity: .5; opacity: 0.5;
} }

4
src/components/directorybrowser/directorybrowser.css
View File

@ -1,6 +1,6 @@
#ulDirectoryPickerList a { #ulDirectoryPickerList a {
padding-top: .4em; padding-top: 0.4em;
padding-bottom: .4em; padding-bottom: 0.4em;
} }
.lblDirectoryPickerPath { .lblDirectoryPickerPath {

8
src/components/formdialog.css
View File

@ -5,7 +5,7 @@
} }
.formDialogHeader { .formDialogHeader {
padding: 1em .5em; padding: 1em 0.5em;
display: flex; display: flex;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
@ -23,7 +23,7 @@
} }
.dialogContentInner { .dialogContentInner {
padding: .5em 1em 20em 1em; padding: 0.5em 1em 20em 1em;
} }
.dialogContentInner-mini { .dialogContentInner-mini {
@ -62,11 +62,11 @@
padding-bottom: 1.5em; padding-bottom: 1.5em;
flex-direction: column; flex-direction: column;
width: 80% !important; width: 80% !important;
padding-top: .5em; padding-top: 0.5em;
} }
.formDialogFooterItem { .formDialogFooterItem {
margin: .5em !important; margin: 0.5em !important;
flex-grow: 1; flex-grow: 1;
text-align: center; text-align: center;
flex-basis: 0; flex-basis: 0;

40
src/components/guide/guide.css
View File

@ -14,12 +14,12 @@
} }
.layout-desktop .tvGuideHeader { .layout-desktop .tvGuideHeader {
margin-bottom: .5em; margin-bottom: 0.5em;
} }
.guideHeaderDateSelection { .guideHeaderDateSelection {
font-size: 86%; font-size: 86%;
padding: .4em 0; padding: 0.4em 0;
} }
.guide-headerTimeslots { .guide-headerTimeslots {
@ -39,10 +39,10 @@
.guideProgramIndicator { .guideProgramIndicator {
text-transform: uppercase; text-transform: uppercase;
border-radius: .25em; border-radius: 0.25em;
margin-right: .5em; margin-right: 0.5em;
font-size: 82%; font-size: 82%;
padding: .2em .25em; padding: 0.2em 0.25em;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -87,7 +87,7 @@
} }
.guideSpacer { .guideSpacer {
width: .3em; width: 0.3em;
flex-shrink: 0; flex-shrink: 0;
} }
@ -119,7 +119,7 @@
.timeslotHeader { .timeslotHeader {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
text-indent: .25em; text-indent: 0.25em;
width: 2.0833333333333333333333333333333%; width: 2.0833333333333333333333333333333%;
} }
@ -145,7 +145,7 @@
text-align: left; text-align: left;
contain: strict; contain: strict;
flex-shrink: 0; flex-shrink: 0;
border-radius: .12em; border-radius: 0.12em;
color: inherit; color: inherit;
} }
@ -255,7 +255,7 @@
} }
.guideProgramName { .guideProgramName {
padding: 0 .7em 0; padding: 0 0.7em 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
align-items: center; align-items: center;
@ -283,11 +283,11 @@
.guideProgramSecondaryInfo { .guideProgramSecondaryInfo {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: .1em; margin-top: 0.1em;
} }
.programIcon { .programIcon {
margin-left: .5em; margin-left: 0.5em;
height: 1em; height: 1em;
width: 1em; width: 1em;
font-size: 1.6em; font-size: 1.6em;
@ -298,16 +298,16 @@
.guide-programTextIcon { .guide-programTextIcon {
font-weight: bold; font-weight: bold;
font-size: .9em; font-size: 0.9em;
padding: .16em .3em; padding: 0.16em 0.3em;
border-radius: .25em; border-radius: 0.25em;
margin-right: .35em; margin-right: 0.35em;
width: auto; width: auto;
height: auto; height: auto;
} }
.guide-programTextIcon-tv { .guide-programTextIcon-tv {
font-size: .74em; font-size: 0.74em;
} }
.guideChannelNumber { .guideChannelNumber {
@ -372,7 +372,7 @@
.seriesTimerIcon-inactive { .seriesTimerIcon-inactive {
color: inherit !important; color: inherit !important;
opacity: .7; opacity: 0.7;
} }
.guideOptions { .guideOptions {
@ -405,8 +405,8 @@
} }
.guide-date-tab-button { .guide-date-tab-button {
padding: .3em .7em !important; padding: 0.3em 0.7em !important;
margin: 0 .3em !important; margin: 0 0.3em !important;
font-weight: normal; font-weight: normal;
} }
@ -415,6 +415,6 @@
} }
.guide-date-tab-button.show-focus:focus { .guide-date-tab-button.show-focus:focus {
border-radius: .15em !important; border-radius: 0.15em !important;
transform: none !important; transform: none !important;
} }

2
src/components/homesections/homesections.css
View File

@ -1,6 +1,6 @@
.homeLibraryButton { .homeLibraryButton {
min-width: 18%; min-width: 18%;
margin: .5em !important; margin: 0.5em !important;
} }
@media all and (max-width: 50em) { @media all and (max-width: 50em) {

2
src/components/htmlvideoplayer/style.css
View File

@ -72,7 +72,7 @@ video::-webkit-media-controls {
@keyframes htmlvideoplayer-zoomin { @keyframes htmlvideoplayer-zoomin {
from { from {
transform: scale3d(0.2, 0.2, 0.2); transform: scale3d(0.2, 0.2, 0.2);
opacity: .6; opacity: 0.6;
} }
to { to {

10
src/components/indicators/indicators.css
View File

@ -1,8 +1,8 @@
.itemProgressBar { .itemProgressBar {
background: #333; background: #333;
background: rgba(51, 51, 51, .8); background: rgba(51, 51, 51, 0.8);
position: relative; position: relative;
height: .28em; height: 0.28em;
} }
.itemProgressBarForeground { .itemProgressBarForeground {
@ -32,7 +32,7 @@
} }
.indicator + .indicator { .indicator + .indicator {
margin-left: .25em; margin-left: 0.25em;
} }
.indicatorIcon { .indicatorIcon {
@ -87,10 +87,10 @@
.missingIndicator, .unairedIndicator { .missingIndicator, .unairedIndicator {
background: #c33; background: #c33;
padding: .25em .5em; padding: 0.25em 0.5em;
border-radius: 100em; border-radius: 100em;
color: #fff; color: #fff;
font-size: 84%; font-size: 84%;
font-weight: 500; font-weight: 500;
margin: 0 .25em; margin: 0 0.25em;
} }

4
src/components/lazyloader/lazyedgehack.css
View File

@ -1,5 +1,5 @@
.lazy { .lazy {
/* In edge, intersection observer will not fire on 0px sized elements */ /* In edge, intersection observer will not fire on 0px sized elements */
min-width: .1em; min-width: 0.1em;
min-height: .1em; min-height: 0.1em;
} }

34
src/components/listview/listview.css
View File

@ -10,7 +10,7 @@
display: block; display: block;
align-items: center; align-items: center;
text-align: left; text-align: left;
padding: .25em .25em .25em .5em; padding: 0.25em 0.25em 0.25em 0.5em;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
} }
@ -71,13 +71,13 @@
} }
.listViewDragHandle { .listViewDragHandle {
margin-left: -.25em !important; margin-left: -0.25em !important;
touch-action: none; touch-action: none;
} }
.listItemBody { .listItemBody {
flex-grow: 1; flex-grow: 1;
padding: .85em .75em; padding: 0.85em 0.75em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
flex-direction: column; flex-direction: column;
@ -91,7 +91,7 @@
} }
.layout-tv .listItemBody { .layout-tv .listItemBody {
padding: .35em .75em; padding: 0.35em 0.75em;
} }
.listItemBody-noleftpadding { .listItemBody-noleftpadding {
@ -100,7 +100,7 @@
.listItemBodyText { .listItemBodyText {
margin: 0; margin: 0;
padding: .1em 0; padding: 0.1em 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -126,7 +126,7 @@
width: 19.5vw; width: 19.5vw;
height: 13vw; height: 13vw;
background-position: center center; background-position: center center;
margin-right: .75em; margin-right: 0.75em;
} }
.listItemImageButton { .listItemImageButton {
@ -166,13 +166,13 @@
} }
.listItemBody { .listItemBody {
padding-left: .75em; padding-left: 0.75em;
} }
} }
@media all and (max-width: 50em) { @media all and (max-width: 50em) {
.listItemBody { .listItemBody {
padding-right: .5em; padding-right: 0.5em;
} }
} }
@ -185,15 +185,15 @@
width: 1em !important; width: 1em !important;
height: 1em !important; height: 1em !important;
font-size: 143%; font-size: 143%;
padding: 0 .25em 0 0; padding: 0 0.25em 0 0;
} }
.listItemIcon:not(.listItemIcon-transparent) { .listItemIcon:not(.listItemIcon-transparent) {
background-color: #00a4dc; background-color: #00a4dc;
color: #fff; color: #fff;
padding: .5em; padding: 0.5em;
border-radius: 100em; border-radius: 100em;
margin: 0 .2em 0 .4em; margin: 0 0.2em 0 0.4em;
} }
.listItemProgressBar { .listItemProgressBar {
@ -204,7 +204,7 @@
} }
.listItem:focus { .listItem:focus {
border-radius: .2em; border-radius: 0.2em;
} }
.listItem:focus .secondary { .listItem:focus .secondary {
@ -212,7 +212,7 @@
} }
.listItem-focusscale { .listItem-focusscale {
transition: transform .2s ease-out; transition: transform 0.2s ease-out;
} }
.listItem-focusscale:focus { .listItem-focusscale:focus {
@ -220,7 +220,7 @@
} }
.paperList { .paperList {
margin: .5em auto; margin: 0.5em auto;
} }
.paperList-clear { .paperList-clear {
@ -239,8 +239,8 @@
} }
.listItemIndicators { .listItemIndicators {
right: .324em; right: 0.324em;
top: .324em; top: 0.324em;
position: absolute; position: absolute;
display: flex; display: flex;
align-items: center; align-items: center;
@ -249,7 +249,7 @@
.listItem-bottomoverview { .listItem-bottomoverview {
font-size: 88%; font-size: 88%;
margin-bottom: 1em; margin-bottom: 1em;
margin-top: .2em; margin-top: 0.2em;
} }
@media all and (max-width: 50em) { @media all and (max-width: 50em) {

2
src/components/loading/loading.css
View File

@ -348,7 +348,7 @@
.mdl-spinner__circle { .mdl-spinner__circle {
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
border-width: .21em; border-width: 0.21em;
border-style: solid; border-style: solid;
border-color: inherit; border-color: inherit;
border-bottom-color: transparent !important; border-bottom-color: transparent !important;

18
src/components/mediainfo/mediainfo.css
View File

@ -4,13 +4,13 @@
} }
.mediaInfoText { .mediaInfoText {
padding: .22em .5em; padding: 0.22em 0.5em;
border-radius: .25em; border-radius: 0.25em;
font-size: 92%; font-size: 92%;
display: flex; display: flex;
align-items: center; align-items: center;
white-space: nowrap; white-space: nowrap;
margin: 0 .5em 0 0; margin: 0 0.5em 0 0;
} }
.mediaInfoText-upper { .mediaInfoText-upper {
@ -21,7 +21,7 @@
width: auto; width: auto;
height: auto; height: auto;
font-size: 1.6em; font-size: 1.6em;
margin-right: .6em; margin-right: 0.6em;
} }
.mediaInfoItem:last-child { .mediaInfoItem:last-child {
@ -63,8 +63,8 @@
.mediaInfoProgramAttribute { .mediaInfoProgramAttribute {
text-transform: uppercase; text-transform: uppercase;
padding: .16em .6em; padding: 0.16em 0.6em;
border-radius: .15em; border-radius: 0.15em;
font-size: 80%; font-size: 80%;
} }
@ -73,13 +73,13 @@
} }
.mediaInfoOfficialRating { .mediaInfoOfficialRating {
border: .09em solid currentColor; border: 0.09em solid currentColor;
padding: 0 .6em; padding: 0 0.6em;
height: 1.3em; height: 1.3em;
line-height: 1.8em; line-height: 1.8em;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: .1em; border-radius: 0.1em;
font-size: 96%; font-size: 96%;
} }

4
src/components/multiselect/multiselect.css
View File

@ -4,7 +4,7 @@
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, 0.3);
z-index: 99998; z-index: 99998;
} }
@ -13,7 +13,7 @@
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: 1em .5em; padding: 1em 0.5em;
display: flex; display: flex;
align-items: center; align-items: center;
z-index: 99999; z-index: 99999;

2
src/components/navdrawer/navdrawer.css
View File

@ -44,7 +44,7 @@
-o-transition: opacity ease-in-out .38s, visibility ease-in-out .38s; -o-transition: opacity ease-in-out .38s, visibility ease-in-out .38s;
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; will-change: opacity;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, 0.3);
} }
.tmla-mask.backdrop { .tmla-mask.backdrop {

2
src/components/nowplayingbar/nowplayingbar.css
View File

@ -74,7 +74,7 @@
.nowPlayingBarPositionContainer { .nowPlayingBarPositionContainer {
position: absolute !important; position: absolute !important;
left: 0; left: 0;
top: -.56em; top: -0.56em;
right: 0; right: 0;
z-index: 1; z-index: 1;
} }

14
src/components/playback/iconosd.css
View File

@ -4,11 +4,11 @@
right: 3%; right: 3%;
z-index: 100000; z-index: 100000;
background: #222; background: #222;
background: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, 0.8);
padding: 1em; padding: 1em;
color: #fff; color: #fff;
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
border-radius: .25em; border-radius: 0.25em;
transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;
} }
@ -19,20 +19,20 @@
.iconOsdIcon { .iconOsdIcon {
font-size: 320%; font-size: 320%;
display: block; display: block;
margin: .25em .7em; margin: 0.25em 0.7em;
} }
.iconOsdProgressOuter { .iconOsdProgressOuter {
margin: 1.5em .25em 1em; margin: 1.5em 0.25em 1em;
height: .35em; height: 0.35em;
background: #222; background: #222;
border-radius: .25em; border-radius: 0.25em;
} }
.iconOsdProgressInner { .iconOsdProgressInner {
background: #00a4dc; background: #00a4dc;
height: 100%; height: 100%;
border-radius: .25em; border-radius: 0.25em;
} }
.brightnessOsdProgressInner { .brightnessOsdProgressInner {

8
src/components/playerstats/playerstats.css
View File

@ -1,6 +1,6 @@
.playerStats { .playerStats {
background: rgba(28, 28, 28, 0.8); background: rgba(28, 28, 28, 0.8);
border-radius: .3em; border-radius: 0.3em;
color: #fff; color: #fff;
left: 1.5em; left: 1.5em;
position: absolute; position: absolute;
@ -22,8 +22,8 @@
.playerStats-closeButton { .playerStats-closeButton {
position: absolute; position: absolute;
top: .25em; top: 0.25em;
right: .25em; right: 0.25em;
color: #ccc; color: #ccc;
z-index: 1; z-index: 1;
} }
@ -43,7 +43,7 @@
.playerStats-stat-label { .playerStats-stat-label {
font-weight: 500; font-weight: 500;
margin: 0 .5em 0 0; margin: 0 0.5em 0 0;
} }
.playerStats-stat-header { .playerStats-stat-header {

2
src/components/recordingcreator/recordingcreator.css
View File

@ -9,7 +9,7 @@
} }
.recordingDialog-itemName { .recordingDialog-itemName {
margin-top: .7em; margin-top: 0.7em;
} }
.recordingDetailsContainer { .recordingDetailsContainer {

2
src/components/recordingcreator/recordingfields.css
View File

@ -8,5 +8,5 @@
} }
.recordSeriesContainer { .recordSeriesContainer {
margin-bottom: .8em; margin-bottom: 0.8em;
} }

14
src/components/remotecontrol/remotecontrol.css
View File

@ -33,11 +33,11 @@
} }
.nowPlayingPageTitle { .nowPlayingPageTitle {
margin: 0 0 .5em .5em; margin: 0 0 0.5em 0.5em;
} }
.nowPlayingPositionSliderContainer { .nowPlayingPositionSliderContainer {
margin: .7em 0 .7em 1em; margin: 0.7em 0 0.7em 1em;
} }
.nowPlayingInfoButtons { .nowPlayingInfoButtons {
@ -60,7 +60,7 @@
.nowPlayingPageImageContainer { .nowPlayingPageImageContainer {
width: 20%; width: 20%;
margin-right: .25em; margin-right: 0.25em;
position: relative; position: relative;
-webkit-flex-shrink: 0; -webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
@ -93,7 +93,7 @@
width: 100%; width: 100%;
-webkit-box-shadow: 0 0 1.9vh #000; -webkit-box-shadow: 0 0 1.9vh #000;
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-drag: none;
user-select: none; user-select: none;
-moz-user-select: none; -moz-user-select: none;
@ -115,11 +115,11 @@
.nowPlayingPageTitle { .nowPlayingPageTitle {
text-align: center; text-align: center;
margin: .5em 0 .75em; margin: 0.5em 0 0.75em;
} }
.nowPlayingPositionSliderContainer { .nowPlayingPositionSliderContainer {
margin: .7em 1em; margin: 0.7em 1em;
} }
.nowPlayingInfoButtons { .nowPlayingInfoButtons {
@ -185,7 +185,7 @@
@media all and (min-width: 80em) { @media all and (min-width: 80em) {
.nowPlayingPageImageContainer { .nowPlayingPageImageContainer {
margin-right: .75em; margin-right: 0.75em;
} }
} }

4
src/components/search/searchfields.css
View File

@ -4,8 +4,8 @@
} }
.searchfields-icon { .searchfields-icon {
margin-bottom: .1em; margin-bottom: 0.1em;
margin-right: .25em; margin-right: 0.25em;
font-size: 2em; font-size: 2em;
align-self: flex-end; align-self: flex-end;
} }

30
src/components/slideshow/style.css
View File

@ -27,8 +27,8 @@
.slideshowImageText { .slideshowImageText {
position: fixed; position: fixed;
bottom: .25em; bottom: 0.25em;
right: .5em; right: 0.5em;
color: #fff; color: #fff;
z-index: 1002; z-index: 1002;
font-weight: normal; font-weight: normal;
@ -52,26 +52,26 @@
.slideshowButtonIcon { .slideshowButtonIcon {
color: #fff; color: #fff;
opacity: .7; opacity: 0.7;
} }
.btnSlideshowPrevious { .btnSlideshowPrevious {
left: .5vh; left: 0.5vh;
top: 45vh; top: 45vh;
z-index: 1002; z-index: 1002;
position: absolute; position: absolute;
} }
.btnSlideshowNext { .btnSlideshowNext {
right: .5vh; right: 0.5vh;
top: 45vh; top: 45vh;
z-index: 1002; z-index: 1002;
position: absolute; position: absolute;
} }
.topActionButtons { .topActionButtons {
right: .5vh; right: 0.5vh;
top: .5vh; top: 0.5vh;
z-index: 1002; z-index: 1002;
position: absolute; position: absolute;
} }
@ -81,9 +81,9 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
background-color: rgba(0, 0, 0, .7); background-color: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
padding: .5%; padding: 0.5%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -95,9 +95,9 @@
left: 0; left: 0;
top: 0; top: 0;
right: 0; right: 0;
background-color: rgba(0, 0, 0, .7); background-color: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
padding: .5%; padding: 0.5%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -121,14 +121,14 @@
.slideTextInner { .slideTextInner {
margin: 0 auto; margin: 0 auto;
max-width: 60%; max-width: 60%;
background: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, 0.8);
display: inline-block; display: inline-block;
padding: .5em 1em; padding: 0.5em 1em;
border-radius: .25em; border-radius: 0.25em;
} }
.slideTitle { .slideTitle {
margin: 0 0 .25em; margin: 0 0 0.25em;
} }
.slideSubtitle { .slideSubtitle {

4
src/components/subtitlesync/subtitlesync.css
View File

@ -4,7 +4,7 @@
margin-right: 30%; margin-right: 30%;
height: 4.2em; height: 4.2em;
background: rgba(28, 28, 28, 0.8); background: rgba(28, 28, 28, 0.8);
border-radius: .3em; border-radius: 0.3em;
color: #fff; color: #fff;
position: absolute; position: absolute;
} }
@ -43,6 +43,6 @@
-webkit-box-flex: 1; -webkit-box-flex: 1;
-webkit-flex-grow: 1; -webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
border-radius: .3em; border-radius: 0.3em;
z-index: 1; z-index: 1;
} }

4
src/components/toast/toast.css
View File

@ -3,9 +3,9 @@
min-width: 20em; min-width: 20em;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37); box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
border-radius: .15em; border-radius: 0.15em;
cursor: default; cursor: default;
transition: transform .3s ease-out; transition: transform 0.3s ease-out;
min-height: initial; min-height: initial;
padding: 1em 1.5em; padding: 1em 1.5em;
bottom: 1em; bottom: 1em;

2
src/components/upnextdialog/upnextdialog.css
View File

@ -28,7 +28,7 @@
position: relative; position: relative;
margin-right: 1em; margin-right: 1em;
flex-shrink: 0; flex-shrink: 0;
margin-bottom: .5em; margin-bottom: 0.5em;
} }
.upNextDialog-button { .upNextDialog-button {

8
src/elements/emby-button/emby-button.css
View File

@ -45,7 +45,7 @@
} }
.button-flat:hover { .button-flat:hover {
opacity: .5; opacity: 0.5;
} }
.button-link { .button-link {
@ -82,7 +82,7 @@
display: block; display: block;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin: .25em 0; margin: 0.25em 0;
width: 100%; width: 100%;
} }
@ -91,7 +91,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
margin: 0 .29em; margin: 0 0.29em;
background: transparent; background: transparent;
text-align: center; text-align: center;
font-size: inherit; font-size: inherit;
@ -107,7 +107,7 @@
min-height: initial; min-height: initial;
width: auto; width: auto;
height: auto; height: auto;
padding: .556em; padding: 0.556em;
vertical-align: middle; vertical-align: middle;
border: 0; border: 0;
/* These are getting an outline in opera tv browsers, which run chrome 30 */ /* These are getting an outline in opera tv browsers, which run chrome 30 */

6
src/elements/emby-checkbox/emby-checkbox.css
View File

@ -55,7 +55,7 @@
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
border: 2px solid currentcolor; border: 2px solid currentcolor;
border-radius: .14em; border-radius: 0.14em;
z-index: 2; z-index: 2;
display: flex; display: flex;
align-items: center; align-items: center;
@ -102,7 +102,7 @@
.checkboxList-verticalwrap > .emby-checkbox-label { .checkboxList-verticalwrap > .emby-checkbox-label {
display: inline-flex; display: inline-flex;
margin: .3em 0 .3em 0; margin: 0.3em 0 0.3em 0;
width: 12em; width: 12em;
} }
@ -111,7 +111,7 @@
} }
.checkboxListLabel { .checkboxListLabel {
margin-bottom: .25em; margin-bottom: 0.25em;
} }
@keyframes repaintChrome { @keyframes repaintChrome {

8
src/elements/emby-collapse/emby-collapse.css
View File

@ -1,5 +1,5 @@
.emby-collapse { .emby-collapse {
margin: .5em 0; margin: 0.5em 0;
} }
.collapseContent { .collapseContent {
@ -18,9 +18,9 @@
text-transform: none; text-transform: none;
width: 100%; width: 100%;
text-align: left; text-align: left;
border-width: 0 0 .1em 0; border-width: 0 0 0.1em 0;
border-style: solid; border-style: solid;
padding-left: .1em; padding-left: 0.1em;
background: transparent; background: transparent;
box-shadow: none; box-shadow: none;
} }
@ -29,7 +29,7 @@
transform-origin: 50% 50%; transform-origin: 50% 50%;
transition: transform 180ms ease-out; transition: transform 180ms ease-out;
position: absolute; position: absolute;
right: .5em; right: 0.5em;
font-size: 1.5em; font-size: 1.5em;
} }

4
src/elements/emby-input/emby-input.css
View File

@ -27,11 +27,11 @@
.inputLabel { .inputLabel {
display: inline-block; display: inline-block;
margin-bottom: .25em; margin-bottom: 0.25em;
} }
.emby-input + .fieldDescription { .emby-input + .fieldDescription {
margin-top: .25em; margin-top: 0.25em;
} }
.emby-input-iconbutton { .emby-input-iconbutton {

6
src/elements/emby-progressring/emby-progressring.css
View File

@ -11,9 +11,9 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
border: .25em solid rgba(0, 0, 0, 1); border: 0.25em solid rgba(0, 0, 0, 1);
box-sizing: border-box; box-sizing: border-box;
background: rgba(0, 0, 0, .9); background: rgba(0, 0, 0, 0.9);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -51,7 +51,7 @@
width: 200%; width: 200%;
height: 200%; height: 200%;
border-radius: 50%; border-radius: 50%;
border-width: .25em; border-width: 0.25em;
border-style: solid; border-style: solid;
box-sizing: border-box; box-sizing: border-box;
} }

4
src/elements/emby-radio/emby-radio.css
View File

@ -10,8 +10,8 @@
.radio-label-block { .radio-label-block {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: .5em; margin-top: 0.5em;
margin-bottom: .5em; margin-bottom: 0.5em;
} }
.mdl-radio__button { .mdl-radio__button {

18
src/elements/emby-select/emby-select.css
View File

@ -30,7 +30,7 @@
} }
.selectContainer-inline > .emby-select { .selectContainer-inline > .emby-select {
padding: .3em 1.9em .3em .5em; padding: 0.3em 1.9em 0.3em 0.5em;
font-size: inherit; font-size: inherit;
} }
@ -51,7 +51,7 @@
} }
.emby-select + .fieldDescription { .emby-select + .fieldDescription {
margin-top: .25em; margin-top: 0.25em;
} }
.selectContainer { .selectContainer {
@ -67,32 +67,32 @@
.selectLabel { .selectLabel {
display: block; display: block;
margin-bottom: .25em; margin-bottom: 0.25em;
} }
.selectContainer-inline > .selectLabel { .selectContainer-inline > .selectLabel {
margin-bottom: 0; margin-bottom: 0;
margin-right: .5em; margin-right: 0.5em;
flex-shrink: 0; flex-shrink: 0;
} }
.emby-select-withcolor { .emby-select-withcolor {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
border-radius: .2em; border-radius: 0.2em;
} }
.selectArrowContainer { .selectArrowContainer {
position: absolute; position: absolute;
right: .3em; right: 0.3em;
top: .2em; top: 0.2em;
color: inherit; color: inherit;
pointer-events: none; pointer-events: none;
} }
.selectContainer-inline > .selectArrowContainer { .selectContainer-inline > .selectArrowContainer {
top: initial; top: initial;
bottom: .24em; bottom: 0.24em;
font-size: 90%; font-size: 90%;
} }
@ -101,7 +101,7 @@
} }
.selectArrow { .selectArrow {
margin-top: .35em; margin-top: 0.35em;
font-size: 1.7em; font-size: 1.7em;
} }

18
src/elements/emby-slider/emby-slider.css
View File

@ -56,7 +56,7 @@
.mdl-slider::-ms-track { .mdl-slider::-ms-track {
background: none; background: none;
color: transparent; color: transparent;
height: .2em; height: 0.2em;
width: 100%; width: 100%;
border: none; border: none;
} }
@ -116,13 +116,13 @@
border-radius: 50%; border-radius: 50%;
background: #00a4dc; background: #00a4dc;
border: none; 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); 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 { .mdl-slider-hoverthumb::-ms-thumb {
margin-left: -.4em; margin-left: -0.4em;
transform: scale(.5, .5); transform: scale(0.5, 0.5);
} }
.mdl-slider:hover::-ms-thumb { .mdl-slider:hover::-ms-thumb {
@ -160,15 +160,15 @@
.mdl-slider-background-flex-container { .mdl-slider-background-flex-container {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin-top: -.05em; margin-top: -0.05em;
top: 50%; top: 50%;
position: absolute; position: absolute;
} }
.mdl-slider-background-flex { .mdl-slider-background-flex {
background: #333; background: #333;
height: .2em; height: 0.2em;
margin-top: -.08em; margin-top: -0.08em;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -207,7 +207,7 @@
.mdl-slider-background-upper { .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); */ /* 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: #666;
background: rgba(255, 255, 255, .4); background: rgba(255, 255, 255, 0.4);
position: absolute; position: absolute;
left: 0; left: 0;
width: 0; width: 0;
@ -229,5 +229,5 @@
.sliderBubbleText { .sliderBubbleText {
margin: 0; margin: 0;
padding: .5em .75em; padding: 0.5em 0.75em;
} }

6
src/elements/emby-textarea/emby-textarea.css
View File

@ -23,10 +23,10 @@
.textareaLabel { .textareaLabel {
display: inline-block; display: inline-block;
transition: all .2s ease-out; transition: all 0.2s ease-out;
margin-bottom: .25em; margin-bottom: 0.25em;
} }
.emby-textarea + .fieldDescription { .emby-textarea + .fieldDescription {
margin-top: .25em; margin-top: 0.25em;
} }

12
src/elements/emby-toggle/emby-toggle.css
View File

@ -60,7 +60,7 @@
background: #999; background: #999;
position: absolute; position: absolute;
left: 0; left: 0;
top: -.25em; top: -0.25em;
height: 1.44em; height: 1.44em;
width: 1.44em; width: 1.44em;
border-radius: 50%; border-radius: 50%;
@ -77,7 +77,7 @@
.mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb { .mdl-switch__input:checked + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb {
background: #00a4dc; background: #00a4dc;
left: 1.466em; 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 { .mdl-switch__input[disabled] + .mdl-switch__label + .mdl-switch__trackContainer > .mdl-switch__thumb {
@ -93,14 +93,14 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
width: .6em; width: 0.6em;
height: .6em; height: 0.6em;
border-radius: 50%; border-radius: 50%;
background-color: transparent; background-color: transparent;
} }
.mdl-switch__input:focus + .mdl-switch__label + .mdl-switch__trackContainer .mdl-switch__focus-helper { .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 { .mdl-switch__input:checked:focus + .mdl-switch__label + .mdl-switch__trackContainer .mdl-switch__focus-helper {
@ -113,7 +113,7 @@
margin: 0; margin: 0;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin-left: .7em; margin-left: 0.7em;
} }
.mdl-switch__input[disabled] .mdl-switch__label { .mdl-switch__input[disabled] .mdl-switch__label {

48
src/themes/appletv/theme.css
View File

@ -1,7 +1,7 @@
.skinHeader, .skinHeader,
html { html {
color: #222; color: #222;
color: rgba(0, 0, 0, .87); color: rgba(0, 0, 0, 0.87);
} }
.wizardStartForm, .wizardStartForm,
@ -12,7 +12,7 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #ccc; border-color: #ccc;
border-color: rgba(0, 0, 0, .158); border-color: rgba(0, 0, 0, 0.158);
} }
.collapseContent { .collapseContent {
@ -21,7 +21,7 @@ html {
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
.skinHeader-withBackground { .skinHeader-withBackground {
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, 0.7);
background: #303030; 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-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); background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
@ -62,7 +62,7 @@ html {
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc; color: #00a4dc;
background-color: rgba(0, 164, 220, .2); background-color: rgba(0, 164, 220, 0.2);
} }
.paper-icon-button-light.show-focus:focus { .paper-icon-button-light.show-focus:focus {
@ -72,13 +72,13 @@ html {
.fab, .fab,
.raised { .raised {
background: #fff; background: #fff;
background: rgba(0, 0, 0, .14); background: rgba(0, 0, 0, 0.14);
color: inherit; color: inherit;
} }
.fab:focus, .fab:focus,
.raised:focus { .raised:focus {
background: rgba(0, 0, 0, .24); background: rgba(0, 0, 0, 0.24);
} }
.button-submit { .button-submit {
@ -92,7 +92,7 @@ html {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.checkboxLabel { .checkboxLabel {
@ -105,7 +105,7 @@ html {
.paperListLabel, .paperListLabel,
.textareaLabelUnfocused { .textareaLabelUnfocused {
color: #555; color: #555;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, 0.7);
} }
.button-link, .button-link,
@ -122,7 +122,7 @@ html {
.paperList, .paperList,
.visualCardBox { .visualCardBox {
background-color: #fff; background-color: #fff;
background-color: rgba(0, 0, 0, .1); background-color: rgba(0, 0, 0, 0.1);
} }
.defaultCardBackground1 { .defaultCardBackground1 {
@ -147,7 +147,7 @@ html {
.formDialogFooter:not(.formDialogFooter-clear) { .formDialogFooter:not(.formDialogFooter-clear) {
border-top: 1px solid #ddd; 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, .cardText-secondary,
@ -158,17 +158,17 @@ html {
.programSecondaryTitle, .programSecondaryTitle,
.secondaryText { .secondaryText {
color: #888; color: #888;
color: rgba(0, 0, 0, .5); color: rgba(0, 0, 0, 0.5);
} }
.actionsheetDivider { .actionsheetDivider {
background: #ddd; background: #ddd;
background: rgba(0, 0, 0, .14); background: rgba(0, 0, 0, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.formDialogHeader a, .formDialogHeader a,
@ -182,12 +182,12 @@ html {
.toast { .toast {
background: #303030; background: #303030;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter, .appfooter,
.formDialogFooter:not(.formDialogFooter-clear) { .formDialogFooter:not(.formDialogFooter-clear) {
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, 0.7);
background: #303030; 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-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); background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
@ -214,7 +214,7 @@ html {
.alphaPickerButton { .alphaPickerButton {
color: #555; color: #555;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-color: transparent;
} }
@ -226,15 +226,15 @@ html {
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #f8f8f8; background: #f8f8f8;
background: rgba(0, 0, 0, .1); background: rgba(0, 0, 0, 0.1);
} }
.listItem-border { .listItem-border {
border-color: rgba(0, 0, 0, .1) !important; border-color: rgba(0, 0, 0, 0.1) !important;
} }
.listItem:focus { .listItem:focus {
background: rgba(0, 0, 0, .2); background: rgba(0, 0, 0, 0.2);
} }
.progressring-spiner { .progressring-spiner {
@ -267,8 +267,8 @@ html {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: rgba(255, 255, 255, .9); background: rgba(255, 255, 255, 0.9);
border: .07em solid rgba(0, 0, 0, .158); border: 0.07em solid rgba(0, 0, 0, 0.158);
} }
.emby-checkbox:checked+span+.checkboxOutline, .emby-checkbox:checked+span+.checkboxOutline,
@ -351,7 +351,7 @@ html {
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: #555; border-color: #555;
border-color: rgba(0, 0, 0, .1); border-color: rgba(0, 0, 0, 0.1);
} }
.programCell-sports { .programCell-sports {
@ -371,7 +371,7 @@ html {
} }
.programCell-active { .programCell-active {
background: rgba(0, 0, 0, .1) !important; background: rgba(0, 0, 0, 0.1) !important;
} }
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus,
@ -391,7 +391,7 @@ html {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(0, 0, 0, .54); color: rgba(0, 0, 0, 0.54);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,

58
src/themes/blueradiance/theme.css
View File

@ -1,7 +1,7 @@
.skinHeader, .skinHeader,
html { html {
color: #ddd; color: #ddd;
color: rgba(255, 255, 255, .8); color: rgba(255, 255, 255, 0.8);
} }
.wizardStartForm, .wizardStartForm,
@ -12,7 +12,7 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #383838; border-color: #383838;
border-color: rgba(255, 255, 255, .135); border-color: rgba(255, 255, 255, 0.135);
} }
.skinHeader-withBackground { .skinHeader-withBackground {
@ -49,7 +49,7 @@ html {
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
opacity: .86; opacity: 0.86;
} }
@media (orientation: portrait) { @media (orientation: portrait) {
@ -60,7 +60,7 @@ html {
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc; color: #00a4dc;
background-color: rgba(0, 164, 220, .2); background-color: rgba(0, 164, 220, 0.2);
} }
.paper-icon-button-light.show-focus:focus { .paper-icon-button-light.show-focus:focus {
@ -69,13 +69,13 @@ html {
.fab, .fab,
.raised { .raised {
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.fab:focus, .fab:focus,
.raised:focus { .raised:focus {
background: rgba(0, 0, 0, .7); background: rgba(0, 0, 0, 0.7);
} }
.button-submit { .button-submit {
@ -90,7 +90,7 @@ html {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.checkboxLabel { .checkboxLabel {
@ -103,7 +103,7 @@ html {
.paperListLabel, .paperListLabel,
.textareaLabelUnfocused { .textareaLabelUnfocused {
color: #bbb; color: #bbb;
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, 0.7);
} }
.inputLabelFocused, .inputLabelFocused,
@ -121,7 +121,7 @@ html {
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
.paperList, .paperList,
.visualCardBox { .visualCardBox {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, 0.5);
} }
.defaultCardBackground1 { .defaultCardBackground1 {
@ -152,38 +152,38 @@ html {
.programSecondaryTitle, .programSecondaryTitle,
.secondaryText { .secondaryText {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
} }
.actionsheetDivider { .actionsheetDivider {
background: #444; background: #444;
background: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.actionSheetMenuItem:hover { .actionSheetMenuItem:hover {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, 0.5);
} }
.toast { .toast {
background: #303030; background: #303030;
color: #fff; color: #fff;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter { .appfooter {
background: #033664; background: #033664;
color: #ccc; 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)) { @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred { .appfooter-blurred {
background: rgba(1, 2, 50, .7); background: rgba(1, 2, 50, 0.7);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
} }
} }
@ -203,7 +203,7 @@ html {
.alphaPickerButton { .alphaPickerButton {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
background-color: transparent; background-color: transparent;
} }
@ -218,15 +218,15 @@ html {
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c; background: #1c1c1c;
background: rgba(30, 30, 30, .9); background: rgba(30, 30, 30, 0.9);
} }
.listItem-border { .listItem-border {
border-color: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, 0.1) !important;
} }
.listItem:focus { .listItem:focus {
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, 0.3);
} }
.progressring-spiner { .progressring-spiner {
@ -240,7 +240,7 @@ html {
.mediaInfoText { .mediaInfoText {
color: #ddd; color: #ddd;
background: rgba(170, 170, 190, .2); background: rgba(170, 170, 190, 0.2);
} }
.mediaInfoTimerIcon, .mediaInfoTimerIcon,
@ -264,8 +264,8 @@ html {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
border: .07em solid transparent; border: 0.07em solid transparent;
} }
.emby-select-withcolor>option { .emby-select-withcolor>option {
@ -314,7 +314,7 @@ html {
} }
.mainDrawer { .mainDrawer {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, 0.5);
} }
.drawer-open { .drawer-open {
@ -354,7 +354,7 @@ html {
.channelPrograms, .channelPrograms,
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, 0.05);
} }
.programCell-sports { .programCell-sports {
@ -374,7 +374,7 @@ html {
} }
.programCell-active { .programCell-active {
background: rgba(0, 0, 0, .4) !important; background: rgba(0, 0, 0, 0.4) !important;
} }
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus,
@ -394,7 +394,7 @@ html {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, 0.3);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,
@ -459,7 +459,7 @@ html {
} }
.timeslotHeaders-desktop::-webkit-scrollbar { .timeslotHeaders-desktop::-webkit-scrollbar {
height: .7em; height: 0.7em;
} }
.metadataSidebarIcon { .metadataSidebarIcon {

40
src/themes/dark/theme.css
View File

@ -1,7 +1,7 @@
.skinHeader, .skinHeader,
html { html {
color: #ddd; color: #ddd;
color: rgba(255, 255, 255, .8); color: rgba(255, 255, 255, 0.8);
} }
.wizardStartForm, .wizardStartForm,
@ -12,7 +12,7 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #383838; border-color: #383838;
border-color: rgba(255, 255, 255, .135); border-color: rgba(255, 255, 255, 0.135);
} }
.skinHeader-withBackground { .skinHeader-withBackground {
@ -36,12 +36,12 @@ html {
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
background-color: rgba(0, 0, 0, .86); background-color: rgba(0, 0, 0, 0.86);
} }
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc; color: #00a4dc;
background-color: rgba(0, 164, 220, .2); background-color: rgba(0, 164, 220, 0.2);
} }
.paper-icon-button-light.show-focus:focus { .paper-icon-button-light.show-focus:focus {
@ -51,7 +51,7 @@ html {
.fab, .fab,
.raised { .raised {
background: #303030; background: #303030;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.fab:focus, .fab:focus,
@ -71,7 +71,7 @@ html {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.checkboxLabel { .checkboxLabel {
@ -84,7 +84,7 @@ html {
.paperListLabel, .paperListLabel,
.textareaLabelUnfocused { .textareaLabelUnfocused {
color: #bbb; color: #bbb;
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, 0.7);
} }
.inputLabelFocused, .inputLabelFocused,
@ -133,17 +133,17 @@ html {
.programSecondaryTitle, .programSecondaryTitle,
.secondaryText { .secondaryText {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
} }
.actionsheetDivider { .actionsheetDivider {
background: #444; background: #444;
background: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.actionSheetMenuItem:hover { .actionSheetMenuItem:hover {
@ -153,13 +153,13 @@ html {
.toast { .toast {
background: #303030; background: #303030;
color: #fff; color: #fff;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter { .appfooter {
background: #101010; background: #101010;
color: #ccc; color: #ccc;
color: rgba(255, 255, 255, .78); color: rgba(255, 255, 255, 0.78);
} }
.itemSelectionPanel { .itemSelectionPanel {
@ -177,7 +177,7 @@ html {
.alphaPickerButton { .alphaPickerButton {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
background-color: transparent; background-color: transparent;
} }
@ -192,11 +192,11 @@ html {
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c; background: #1c1c1c;
background: rgba(30, 30, 30, .9); background: rgba(30, 30, 30, 0.9);
} }
.listItem-border { .listItem-border {
border-color: rgba(34, 34, 34, .9) !important; border-color: rgba(34, 34, 34, 0.9) !important;
} }
.listItem:focus { .listItem:focus {
@ -214,7 +214,7 @@ html {
.mediaInfoText { .mediaInfoText {
color: #ddd; color: #ddd;
background: rgba(170, 170, 190, .2); background: rgba(170, 170, 190, 0.2);
} }
.mediaInfoTimerIcon, .mediaInfoTimerIcon,
@ -239,7 +239,7 @@ html {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: #292929; background: #292929;
border: .07em solid #292929; border: 0.07em solid #292929;
} }
.emby-select-withcolor>option { .emby-select-withcolor>option {
@ -324,7 +324,7 @@ html {
.channelPrograms, .channelPrograms,
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, 0.05);
} }
.programCell-sports { .programCell-sports {
@ -364,7 +364,7 @@ html {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, 0.3);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,
@ -429,7 +429,7 @@ html {
} }
.timeslotHeaders-desktop::-webkit-scrollbar { .timeslotHeaders-desktop::-webkit-scrollbar {
height: .7em; height: 0.7em;
} }
.metadataSidebarIcon { .metadataSidebarIcon {

48
src/themes/emby/theme.css
View File

@ -1,7 +1,7 @@
.skinHeader, .skinHeader,
html { html {
color: #ddd; color: #ddd;
color: rgba(255, 255, 255, .8); color: rgba(255, 255, 255, 0.8);
} }
.wizardStartForm, .wizardStartForm,
@ -12,7 +12,7 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #383838; border-color: #383838;
border-color: rgba(255, 255, 255, .135); border-color: rgba(255, 255, 255, 0.135);
} }
.skinHeader-withBackground { .skinHeader-withBackground {
@ -35,12 +35,12 @@ html {
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
background-color: rgba(0, 0, 0, .86); background-color: rgba(0, 0, 0, 0.86);
} }
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #52b54b; color: #52b54b;
background-color: rgba(82, 181, 75, .2); background-color: rgba(82, 181, 75, 0.2);
} }
.paper-icon-button-light.show-focus:focus { .paper-icon-button-light.show-focus:focus {
@ -50,7 +50,7 @@ html {
.fab, .fab,
.raised { .raised {
background: #303030; background: #303030;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.fab:focus, .fab:focus,
@ -70,7 +70,7 @@ html {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.checkboxLabel { .checkboxLabel {
@ -83,7 +83,7 @@ html {
.paperListLabel, .paperListLabel,
.textareaLabelUnfocused { .textareaLabelUnfocused {
color: #bbb; color: #bbb;
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, 0.7);
} }
.inputLabelFocused, .inputLabelFocused,
@ -132,17 +132,17 @@ html {
.programSecondaryTitle, .programSecondaryTitle,
.secondaryText { .secondaryText {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
} }
.actionsheetDivider { .actionsheetDivider {
background: #444; background: #444;
background: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.actionSheetMenuItem:hover { .actionSheetMenuItem:hover {
@ -152,13 +152,13 @@ html {
.toast { .toast {
background: #303030; background: #303030;
color: #fff; color: #fff;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter { .appfooter {
background: #101010; background: #101010;
color: #ccc; color: #ccc;
color: rgba(255, 255, 255, .78); color: rgba(255, 255, 255, 0.78);
} }
.itemSelectionPanel { .itemSelectionPanel {
@ -176,7 +176,7 @@ html {
.alphaPickerButton { .alphaPickerButton {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
background-color: transparent; background-color: transparent;
} }
@ -191,11 +191,11 @@ html {
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c; background: #1c1c1c;
background: rgba(30, 30, 30, .9); background: rgba(30, 30, 30, 0.9);
} }
.listItem-border { .listItem-border {
border-color: rgba(34, 34, 34, .9) !important; border-color: rgba(34, 34, 34, 0.9) !important;
} }
.listItem:focus { .listItem:focus {
@ -213,7 +213,7 @@ html {
.mediaInfoText { .mediaInfoText {
color: #ddd; color: #ddd;
background: rgba(170, 170, 190, .2); background: rgba(170, 170, 190, 0.2);
} }
.mediaInfoTimerIcon, .mediaInfoTimerIcon,
@ -225,8 +225,8 @@ html {
.emby-textarea { .emby-textarea {
color: inherit; color: inherit;
background: #292929; background: #292929;
border: .07em solid #292929; border: 0.07em solid #292929;
border-radius: .15em; border-radius: 0.15em;
} }
.emby-input:focus, .emby-input:focus,
@ -237,7 +237,7 @@ html {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: #292929; background: #292929;
border: .07em solid #292929; border: 0.07em solid #292929;
} }
.emby-select-withcolor>option { .emby-select-withcolor>option {
@ -322,7 +322,7 @@ html {
.channelPrograms, .channelPrograms,
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, 0.05);
} }
.programCell-sports { .programCell-sports {
@ -362,7 +362,7 @@ html {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, 0.3);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,
@ -379,7 +379,7 @@ html {
color: #ddd; color: #ddd;
background: #111; background: #111;
padding: 1em; padding: 1em;
border-radius: .25em; border-radius: 0.25em;
} }
.ratingbutton-icon-withrating { .ratingbutton-icon-withrating {
@ -405,7 +405,7 @@ html {
} }
::-webkit-scrollbar-track { ::-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 { ::-webkit-scrollbar-track-piece {
@ -424,7 +424,7 @@ html {
} }
.timeslotHeaders-desktop::-webkit-scrollbar { .timeslotHeaders-desktop::-webkit-scrollbar {
height: .7em; height: 0.7em;
} }
.metadataSidebarIcon { .metadataSidebarIcon {

30
src/themes/light/theme.css
View File

@ -1,7 +1,7 @@
.skinHeader, .skinHeader,
html { html {
color: #222; color: #222;
color: rgba(0, 0, 0, .87); color: rgba(0, 0, 0, 0.87);
} }
.wizardStartForm, .wizardStartForm,
@ -12,7 +12,7 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #ccc; border-color: #ccc;
border-color: rgba(0, 0, 0, .158); border-color: rgba(0, 0, 0, 0.158);
} }
.collapseContent { .collapseContent {
@ -48,7 +48,7 @@ html {
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
background-color: rgba(255, 255, 255, .80); background-color: rgba(255, 255, 255, 0.80);
} }
.dialog { .dialog {
@ -57,7 +57,7 @@ html {
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc; color: #00a4dc;
background-color: rgba(0, 164, 220, .2); background-color: rgba(0, 164, 220, 0.2);
} }
.paper-icon-button-light.show-focus:focus { .paper-icon-button-light.show-focus:focus {
@ -86,7 +86,7 @@ html {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.checkboxLabel { .checkboxLabel {
@ -145,7 +145,7 @@ html {
.formDialogFooter:not(.formDialogFooter-clear) { .formDialogFooter:not(.formDialogFooter-clear) {
background-color: #f0f0f0; background-color: #f0f0f0;
border-top: 1px solid #ddd; 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; color: inherit;
} }
@ -161,12 +161,12 @@ html {
.actionsheetDivider { .actionsheetDivider {
background: #ddd; background: #ddd;
background: rgba(0, 0, 0, .14); background: rgba(0, 0, 0, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.formDialogHeader a, .formDialogHeader a,
@ -180,13 +180,13 @@ html {
.toast { .toast {
background: #303030; background: #303030;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter { .appfooter {
background: #282828; background: #282828;
color: #ccc; color: #ccc;
color: rgba(255, 255, 255, .78); color: rgba(255, 255, 255, 0.78);
} }
.nowPlayingBarSecondaryText { .nowPlayingBarSecondaryText {
@ -208,7 +208,7 @@ html {
.alphaPickerButton { .alphaPickerButton {
color: #555; color: #555;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, 0.7);
background-color: transparent; background-color: transparent;
} }
@ -261,7 +261,7 @@ html {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: #fff; 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, .emby-checkbox:checked+span+.checkboxOutline,
@ -343,7 +343,7 @@ html {
.channelPrograms, .channelPrograms,
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: rgba(0, 0, 0, .12); border-color: rgba(0, 0, 0, 0.12);
} }
.programCell-sports { .programCell-sports {
@ -363,7 +363,7 @@ html {
} }
.programCell-active { .programCell-active {
background: rgba(0, 0, 0, .1) !important; background: rgba(0, 0, 0, 0.1) !important;
} }
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus,
@ -383,7 +383,7 @@ html {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(0, 0, 0, .54); color: rgba(0, 0, 0, 0.54);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,

70
src/themes/purplehaze/theme.css
View File

@ -12,7 +12,7 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #383838; border-color: #383838;
border-color: rgba(255, 255, 255, .135); border-color: rgba(255, 255, 255, 0.135);
} }
.skinHeader-withBackground { .skinHeader-withBackground {
@ -48,7 +48,7 @@ html {
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
opacity: .86; opacity: 0.86;
} }
@media (orientation: portrait) { @media (orientation: portrait) {
@ -59,7 +59,7 @@ html {
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: rgb(12, 232, 214); 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 { .paper-icon-button-light.show-focus:focus {
@ -67,25 +67,25 @@ html {
} }
progress { progress {
border-radius: .4em; border-radius: 0.4em;
} }
progress::-webkit-progress-bar { progress::-webkit-progress-bar {
border-radius: .4em; border-radius: 0.4em;
} }
progress::-moz-progress-bar { progress::-moz-progress-bar {
border-radius: .4em; border-radius: 0.4em;
} }
progress::-webkit-progress-value { progress::-webkit-progress-value {
border-radius: .4em; border-radius: 0.4em;
} }
.fab, .fab,
.raised { .raised {
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.fab:focus, .fab:focus,
@ -120,13 +120,13 @@ a[data-role=button] {
.btnForgotPassword, .btnForgotPassword,
.btnCancel, .btnCancel,
.button-cancel { .button-cancel {
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.alphaPickerButton { .alphaPickerButton {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
background-color: transparent; background-color: transparent;
} }
@ -149,7 +149,7 @@ a[data-role=button] {
.btnManual:hover, .btnManual:hover,
.block:hover { .block:hover {
background: rgb(12, 232, 214); background: rgb(12, 232, 214);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.button-submit:focus { .button-submit:focus {
@ -158,7 +158,7 @@ a[data-role=button] {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.itemName { .itemName {
@ -205,7 +205,7 @@ a[data-role=button] {
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
.paperList, .paperList,
.visualCardBox { .visualCardBox {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 1.000em; border-radius: 1.000em;
} }
@ -245,38 +245,38 @@ a[data-role=button] {
.programSecondaryTitle, .programSecondaryTitle,
.secondaryText { .secondaryText {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
} }
.actionsheetDivider { .actionsheetDivider {
background: #444; background: #444;
background: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.actionSheetMenuItem:hover { .actionSheetMenuItem:hover {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, 0.5);
} }
.toast { .toast {
background: #303030; background: #303030;
color: #f8f8fe; color: #f8f8fe;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter { .appfooter {
background: #06256f; background: #06256f;
color: #ccc; 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)) { @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred { .appfooter-blurred {
background: rgba(6, 37, 111, .7); background: rgba(6, 37, 111, 0.7);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
} }
} }
@ -305,15 +305,15 @@ a[data-role=button] {
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c; background: #1c1c1c;
background: rgba(30, 30, 30, .9); background: rgba(30, 30, 30, 0.9);
} }
.listItem-border { .listItem-border {
border-color: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, 0.1) !important;
} }
.listItem:focus { .listItem:focus {
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, 0.3);
} }
.progressring-spiner { .progressring-spiner {
@ -327,7 +327,7 @@ a[data-role=button] {
.mediaInfoText { .mediaInfoText {
color: #f8f8fe; color: #f8f8fe;
background: rgba(170, 170, 190, .2); background: rgba(170, 170, 190, 0.2);
} }
.mediaInfoTimerIcon, .mediaInfoTimerIcon,
@ -351,8 +351,8 @@ a[data-role=button] {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
border: .07em solid transparent; border: 0.07em solid transparent;
} }
.emby-select-withcolor>option { .emby-select-withcolor>option {
@ -406,7 +406,7 @@ a[data-role=button] {
.mainDrawer { .mainDrawer {
color: #f8f8fe; color: #f8f8fe;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, 0.5);
} }
.drawer-open { .drawer-open {
@ -446,7 +446,7 @@ a[data-role=button] {
.channelPrograms, .channelPrograms,
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, 0.05);
} }
.programCell-sports { .programCell-sports {
@ -466,7 +466,7 @@ a[data-role=button] {
} }
.programCell-active { .programCell-active {
background: rgba(0, 0, 0, .4) !important; background: rgba(0, 0, 0, 0.4) !important;
} }
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus,
@ -486,7 +486,7 @@ a[data-role=button] {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, 0.3);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,
@ -550,7 +550,7 @@ a[data-role=button] {
} }
.layout-desktop ::-webkit-scrollbar { .layout-desktop ::-webkit-scrollbar {
width: .4em; width: 0.4em;
height: 1em; height: 1em;
} }
@ -562,11 +562,11 @@ a[data-role=button] {
} }
.timeslotHeaders-desktop::-webkit-scrollbar { .timeslotHeaders-desktop::-webkit-scrollbar {
height: .7em; height: 0.7em;
} }
.mediaInfoOfficialRating { .mediaInfoOfficialRating {
border: .09em solid #583fa0; border: 0.09em solid #583fa0;
background-color: #dbe6ff; background-color: #dbe6ff;
color: #0e0f2d; color: #0e0f2d;
} }

44
src/themes/wmc/theme.css
View File

@ -1,6 +1,6 @@
html { html {
color: #eee; color: #eee;
color: rgba(255, 255, 255, .9); color: rgba(255, 255, 255, 0.9);
background-color: #0f3562; background-color: #0f3562;
} }
@ -12,12 +12,12 @@ html {
.emby-collapsible-button { .emby-collapsible-button {
border-color: #383838; border-color: #383838;
border-color: rgba(255, 255, 255, .135); border-color: rgba(255, 255, 255, 0.135);
} }
.skinHeader { .skinHeader {
color: #ccc; color: #ccc;
color: rgba(255, 255, 255, .78); color: rgba(255, 255, 255, 0.78);
} }
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
@ -53,12 +53,12 @@ html {
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
background: rgba(17, 98, 164, .9); background: rgba(17, 98, 164, 0.9);
} }
.paper-icon-button-light:hover:not(:disabled) { .paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc; color: #00a4dc;
background-color: rgba(0, 164, 220, .2); background-color: rgba(0, 164, 220, 0.2);
} }
.paper-icon-button-light.show-focus:focus { .paper-icon-button-light.show-focus:focus {
@ -88,7 +88,7 @@ html {
.button-delete { .button-delete {
background: rgb(247, 0, 0); background: rgb(247, 0, 0);
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.checkboxLabel { .checkboxLabel {
@ -101,7 +101,7 @@ html {
.paperListLabel, .paperListLabel,
.textareaLabelUnfocused { .textareaLabelUnfocused {
color: #bbb; color: #bbb;
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, 0.7);
} }
.inputLabelFocused, .inputLabelFocused,
@ -148,23 +148,23 @@ html {
.programSecondaryTitle, .programSecondaryTitle,
.secondaryText { .secondaryText {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
} }
.actionsheetDivider { .actionsheetDivider {
background: #ddd; background: #ddd;
background: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, 0.14);
} }
.cardFooter-vibrant .cardText-secondary { .cardFooter-vibrant .cardText-secondary {
color: inherit; color: inherit;
opacity: .5; opacity: 0.5;
} }
.toast { .toast {
background: #081b3b; background: #081b3b;
color: #fff; color: #fff;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, 0.87);
} }
.appfooter, .appfooter,
@ -192,7 +192,7 @@ html {
.alphaPickerButton { .alphaPickerButton {
color: #999; color: #999;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, 0.5);
background-color: transparent; background-color: transparent;
} }
@ -204,11 +204,11 @@ html {
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
background: #1c1c1c; background: #1c1c1c;
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, 0.3);
} }
.listItem-border { .listItem-border {
border-color: rgba(0, 0, 0, .3) !important; border-color: rgba(0, 0, 0, 0.3) !important;
} }
.listItem:focus { .listItem:focus {
@ -226,7 +226,7 @@ html {
.mediaInfoText { .mediaInfoText {
color: #ddd; color: #ddd;
background: rgba(170, 170, 190, .2); background: rgba(170, 170, 190, 0.2);
} }
.mediaInfoTimerIcon, .mediaInfoTimerIcon,
@ -250,8 +250,8 @@ html {
.emby-select-withcolor { .emby-select-withcolor {
color: inherit; color: inherit;
background: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, 0.2);
border: .07em solid rgba(255, 255, 255, .135); border: 0.07em solid rgba(255, 255, 255, 0.135);
} }
.emby-checkbox:checked+span+.checkboxOutline, .emby-checkbox:checked+span+.checkboxOutline,
@ -299,13 +299,13 @@ html {
.mainDrawer { .mainDrawer {
background-color: #0f3562; background-color: #0f3562;
color: #ccc; color: #ccc;
color: rgba(255, 255, 255, .7); color: rgba(255, 255, 255, 0.7);
} }
.actionSheetMenuItem:hover, .actionSheetMenuItem:hover,
.navMenuOption:hover { .navMenuOption:hover {
background: #252528; background: #252528;
background: rgba(0, 0, 0, .2); background: rgba(0, 0, 0, 0.2);
} }
.navMenuOption-selected { .navMenuOption-selected {
@ -338,7 +338,7 @@ html {
.guide-channelHeaderCell, .guide-channelHeaderCell,
.programCell { .programCell {
border-color: #999; border-color: #999;
border-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, 0.1);
} }
.programCell-sports { .programCell-sports {
@ -358,7 +358,7 @@ html {
} }
.programCell-active { .programCell-active {
background: rgba(0, 0, 0, .3) !important; background: rgba(0, 0, 0, 0.3) !important;
} }
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus,
@ -378,7 +378,7 @@ html {
.guide-date-tab-button { .guide-date-tab-button {
color: #555; color: #555;
color: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, 0.3);
} }
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,