From ea28429cdfaad6e2babbff1c87f4d8c4a8da1d1f Mon Sep 17 00:00:00 2001 From: MrTimscampi Date: Sun, 19 Jan 2020 15:00:37 +0100 Subject: [PATCH] Fix number-leading-zero (CSS) --- src/assets/css/dashboard.css | 26 +++---- src/assets/css/detailtable.css | 2 +- src/assets/css/librarybrowser.css | 58 +++++++-------- src/assets/css/livetv.css | 2 +- src/assets/css/metadataeditor.css | 6 +- src/assets/css/site.css | 8 +-- src/assets/css/videoosd.css | 20 +++--- src/components/actionsheet/actionsheet.css | 24 +++---- src/components/alphapicker/style.css | 8 +-- src/components/cardbuilder/card.css | 46 ++++++------ src/components/dialogHelper/dialoghelper.css | 6 +- .../directorybrowser/directorybrowser.css | 4 +- src/components/formdialog.css | 8 +-- src/components/guide/guide.css | 40 +++++------ src/components/homesections/homesections.css | 2 +- src/components/htmlvideoplayer/style.css | 2 +- src/components/indicators/indicators.css | 10 +-- src/components/lazyloader/lazyedgehack.css | 4 +- src/components/listview/listview.css | 34 ++++----- src/components/loading/loading.css | 2 +- src/components/mediainfo/mediainfo.css | 18 ++--- src/components/multiselect/multiselect.css | 4 +- src/components/navdrawer/navdrawer.css | 2 +- .../nowplayingbar/nowplayingbar.css | 2 +- src/components/playback/iconosd.css | 14 ++-- src/components/playerstats/playerstats.css | 8 +-- .../recordingcreator/recordingcreator.css | 2 +- .../recordingcreator/recordingfields.css | 2 +- .../remotecontrol/remotecontrol.css | 14 ++-- src/components/search/searchfields.css | 4 +- src/components/slideshow/style.css | 30 ++++---- src/components/subtitlesync/subtitlesync.css | 4 +- src/components/toast/toast.css | 4 +- src/components/upnextdialog/upnextdialog.css | 2 +- src/elements/emby-button/emby-button.css | 8 +-- src/elements/emby-checkbox/emby-checkbox.css | 6 +- src/elements/emby-collapse/emby-collapse.css | 8 +-- src/elements/emby-input/emby-input.css | 4 +- .../emby-progressring/emby-progressring.css | 6 +- src/elements/emby-radio/emby-radio.css | 4 +- src/elements/emby-select/emby-select.css | 18 ++--- src/elements/emby-slider/emby-slider.css | 18 ++--- src/elements/emby-textarea/emby-textarea.css | 6 +- src/elements/emby-toggle/emby-toggle.css | 12 ++-- src/themes/appletv/theme.css | 48 ++++++------- src/themes/blueradiance/theme.css | 58 +++++++-------- src/themes/dark/theme.css | 40 +++++------ src/themes/emby/theme.css | 48 ++++++------- src/themes/light/theme.css | 30 ++++---- src/themes/purplehaze/theme.css | 70 +++++++++---------- src/themes/wmc/theme.css | 44 ++++++------ 51 files changed, 425 insertions(+), 425 deletions(-) diff --git a/src/assets/css/dashboard.css b/src/assets/css/dashboard.css index 39ffc4e299..e954a9fb42 100644 --- a/src/assets/css/dashboard.css +++ b/src/assets/css/dashboard.css @@ -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 { diff --git a/src/assets/css/detailtable.css b/src/assets/css/detailtable.css index 5f6df2a321..4e2e16511c 100644 --- a/src/assets/css/detailtable.css +++ b/src/assets/css/detailtable.css @@ -1,7 +1,7 @@ .detailTableBodyCell, .detailTableHeaderCell { border-spacing: 0; - padding: .4em; + padding: 0.4em; } .detailTable { diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css index 756df82ac2..4004835cef 100644 --- a/src/assets/css/librarybrowser.css +++ b/src/assets/css/librarybrowser.css @@ -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 { diff --git a/src/assets/css/livetv.css b/src/assets/css/livetv.css index 3b6074dfb1..695adff8c5 100644 --- a/src/assets/css/livetv.css +++ b/src/assets/css/livetv.css @@ -4,6 +4,6 @@ @media all and (min-width: 62.5em) { #guideTab { - padding-left: .5em; + padding-left: 0.5em; } } diff --git a/src/assets/css/metadataeditor.css b/src/assets/css/metadataeditor.css index 36cb6b0014..190f53187f 100644 --- a/src/assets/css/metadataeditor.css +++ b/src/assets/css/metadataeditor.css @@ -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) { diff --git a/src/assets/css/site.css b/src/assets/css/site.css index cbcafd76c3..4dc30280db 100644 --- a/src/assets/css/site.css +++ b/src/assets/css/site.css @@ -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 { diff --git a/src/assets/css/videoosd.css b/src/assets/css/videoosd.css index 87238a1f92..59318cb6fc 100644 --- a/src/assets/css/videoosd.css +++ b/src/assets/css/videoosd.css @@ -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 { diff --git a/src/components/actionsheet/actionsheet.css b/src/components/actionsheet/actionsheet.css index 8e5084038a..87d6e9466c 100644 --- a/src/components/actionsheet/actionsheet.css +++ b/src/components/actionsheet/actionsheet.css @@ -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; } diff --git a/src/components/alphapicker/style.css b/src/components/alphapicker/style.css index 29543421eb..78f74404ff 100644 --- a/src/components/alphapicker/style.css +++ b/src/components/alphapicker/style.css @@ -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) { diff --git a/src/components/cardbuilder/card.css b/src/components/cardbuilder/card.css index 3745561954..dd8a73248e 100644 --- a/src/components/cardbuilder/card.css +++ b/src/components/cardbuilder/card.css @@ -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; diff --git a/src/components/dialogHelper/dialoghelper.css b/src/components/dialogHelper/dialoghelper.css index 2cc20b5ff2..875ebfab26 100644 --- a/src/components/dialogHelper/dialoghelper.css +++ b/src/components/dialogHelper/dialoghelper.css @@ -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; } diff --git a/src/components/directorybrowser/directorybrowser.css b/src/components/directorybrowser/directorybrowser.css index 97a5945f52..ef6d58934f 100644 --- a/src/components/directorybrowser/directorybrowser.css +++ b/src/components/directorybrowser/directorybrowser.css @@ -1,6 +1,6 @@ #ulDirectoryPickerList a { - padding-top: .4em; - padding-bottom: .4em; + padding-top: 0.4em; + padding-bottom: 0.4em; } .lblDirectoryPickerPath { diff --git a/src/components/formdialog.css b/src/components/formdialog.css index b976d8130e..5eb1ba6ea3 100644 --- a/src/components/formdialog.css +++ b/src/components/formdialog.css @@ -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; diff --git a/src/components/guide/guide.css b/src/components/guide/guide.css index 8e14cb72a0..524b3c7e2e 100644 --- a/src/components/guide/guide.css +++ b/src/components/guide/guide.css @@ -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; } diff --git a/src/components/homesections/homesections.css b/src/components/homesections/homesections.css index 8751308eb0..58eabb091a 100644 --- a/src/components/homesections/homesections.css +++ b/src/components/homesections/homesections.css @@ -1,6 +1,6 @@ .homeLibraryButton { min-width: 18%; - margin: .5em !important; + margin: 0.5em !important; } @media all and (max-width: 50em) { diff --git a/src/components/htmlvideoplayer/style.css b/src/components/htmlvideoplayer/style.css index 32c090eeae..5ecf4af66a 100644 --- a/src/components/htmlvideoplayer/style.css +++ b/src/components/htmlvideoplayer/style.css @@ -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 { diff --git a/src/components/indicators/indicators.css b/src/components/indicators/indicators.css index 3bbd7edf9e..28132aab7f 100644 --- a/src/components/indicators/indicators.css +++ b/src/components/indicators/indicators.css @@ -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; } diff --git a/src/components/lazyloader/lazyedgehack.css b/src/components/lazyloader/lazyedgehack.css index e0fea48c40..e358872f16 100644 --- a/src/components/lazyloader/lazyedgehack.css +++ b/src/components/lazyloader/lazyedgehack.css @@ -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; } diff --git a/src/components/listview/listview.css b/src/components/listview/listview.css index 347d983f96..69420d011d 100644 --- a/src/components/listview/listview.css +++ b/src/components/listview/listview.css @@ -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) { diff --git a/src/components/loading/loading.css b/src/components/loading/loading.css index 4025bbd0c1..d612f64e7f 100644 --- a/src/components/loading/loading.css +++ b/src/components/loading/loading.css @@ -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; diff --git a/src/components/mediainfo/mediainfo.css b/src/components/mediainfo/mediainfo.css index 2203ba6676..b957c3a5b2 100644 --- a/src/components/mediainfo/mediainfo.css +++ b/src/components/mediainfo/mediainfo.css @@ -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%; } diff --git a/src/components/multiselect/multiselect.css b/src/components/multiselect/multiselect.css index 9c2a58cd20..e9c66c57a4 100644 --- a/src/components/multiselect/multiselect.css +++ b/src/components/multiselect/multiselect.css @@ -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; diff --git a/src/components/navdrawer/navdrawer.css b/src/components/navdrawer/navdrawer.css index b592c61397..b19731d778 100644 --- a/src/components/navdrawer/navdrawer.css +++ b/src/components/navdrawer/navdrawer.css @@ -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 { diff --git a/src/components/nowplayingbar/nowplayingbar.css b/src/components/nowplayingbar/nowplayingbar.css index 965de35c64..0339452da3 100644 --- a/src/components/nowplayingbar/nowplayingbar.css +++ b/src/components/nowplayingbar/nowplayingbar.css @@ -74,7 +74,7 @@ .nowPlayingBarPositionContainer { position: absolute !important; left: 0; - top: -.56em; + top: -0.56em; right: 0; z-index: 1; } diff --git a/src/components/playback/iconosd.css b/src/components/playback/iconosd.css index f905767cfd..8f197a179e 100644 --- a/src/components/playback/iconosd.css +++ b/src/components/playback/iconosd.css @@ -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 { diff --git a/src/components/playerstats/playerstats.css b/src/components/playerstats/playerstats.css index 5ae6f154b5..dfdf75a2e0 100644 --- a/src/components/playerstats/playerstats.css +++ b/src/components/playerstats/playerstats.css @@ -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 { diff --git a/src/components/recordingcreator/recordingcreator.css b/src/components/recordingcreator/recordingcreator.css index dc1ba9b31a..031d04b860 100644 --- a/src/components/recordingcreator/recordingcreator.css +++ b/src/components/recordingcreator/recordingcreator.css @@ -9,7 +9,7 @@ } .recordingDialog-itemName { - margin-top: .7em; + margin-top: 0.7em; } .recordingDetailsContainer { diff --git a/src/components/recordingcreator/recordingfields.css b/src/components/recordingcreator/recordingfields.css index f07a22f1af..db0c7e0692 100644 --- a/src/components/recordingcreator/recordingfields.css +++ b/src/components/recordingcreator/recordingfields.css @@ -8,5 +8,5 @@ } .recordSeriesContainer { - margin-bottom: .8em; + margin-bottom: 0.8em; } diff --git a/src/components/remotecontrol/remotecontrol.css b/src/components/remotecontrol/remotecontrol.css index fb6e6f915b..3ecb55d169 100644 --- a/src/components/remotecontrol/remotecontrol.css +++ b/src/components/remotecontrol/remotecontrol.css @@ -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; } } diff --git a/src/components/search/searchfields.css b/src/components/search/searchfields.css index 01981ed998..08d8515c86 100644 --- a/src/components/search/searchfields.css +++ b/src/components/search/searchfields.css @@ -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; } diff --git a/src/components/slideshow/style.css b/src/components/slideshow/style.css index 5d0bd40047..046aff2bd8 100644 --- a/src/components/slideshow/style.css +++ b/src/components/slideshow/style.css @@ -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 { diff --git a/src/components/subtitlesync/subtitlesync.css b/src/components/subtitlesync/subtitlesync.css index 321145be5e..2ff8a3e905 100644 --- a/src/components/subtitlesync/subtitlesync.css +++ b/src/components/subtitlesync/subtitlesync.css @@ -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; } diff --git a/src/components/toast/toast.css b/src/components/toast/toast.css index 09d89abca5..28d6cb52fc 100644 --- a/src/components/toast/toast.css +++ b/src/components/toast/toast.css @@ -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; diff --git a/src/components/upnextdialog/upnextdialog.css b/src/components/upnextdialog/upnextdialog.css index 336a90d58e..7c9c13207f 100644 --- a/src/components/upnextdialog/upnextdialog.css +++ b/src/components/upnextdialog/upnextdialog.css @@ -28,7 +28,7 @@ position: relative; margin-right: 1em; flex-shrink: 0; - margin-bottom: .5em; + margin-bottom: 0.5em; } .upNextDialog-button { diff --git a/src/elements/emby-button/emby-button.css b/src/elements/emby-button/emby-button.css index e58501c8b3..eedf616680 100644 --- a/src/elements/emby-button/emby-button.css +++ b/src/elements/emby-button/emby-button.css @@ -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 */ diff --git a/src/elements/emby-checkbox/emby-checkbox.css b/src/elements/emby-checkbox/emby-checkbox.css index 254f092ac9..b7637c6df0 100644 --- a/src/elements/emby-checkbox/emby-checkbox.css +++ b/src/elements/emby-checkbox/emby-checkbox.css @@ -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 { diff --git a/src/elements/emby-collapse/emby-collapse.css b/src/elements/emby-collapse/emby-collapse.css index 50674313a4..dd22c20b5b 100644 --- a/src/elements/emby-collapse/emby-collapse.css +++ b/src/elements/emby-collapse/emby-collapse.css @@ -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; } diff --git a/src/elements/emby-input/emby-input.css b/src/elements/emby-input/emby-input.css index d888eb570d..273638e599 100644 --- a/src/elements/emby-input/emby-input.css +++ b/src/elements/emby-input/emby-input.css @@ -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 { diff --git a/src/elements/emby-progressring/emby-progressring.css b/src/elements/emby-progressring/emby-progressring.css index 7bef7c35f7..014db3aedf 100644 --- a/src/elements/emby-progressring/emby-progressring.css +++ b/src/elements/emby-progressring/emby-progressring.css @@ -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; } diff --git a/src/elements/emby-radio/emby-radio.css b/src/elements/emby-radio/emby-radio.css index a41acee5ef..bda1083d38 100644 --- a/src/elements/emby-radio/emby-radio.css +++ b/src/elements/emby-radio/emby-radio.css @@ -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 { diff --git a/src/elements/emby-select/emby-select.css b/src/elements/emby-select/emby-select.css index 391f131a63..b99f9879bf 100644 --- a/src/elements/emby-select/emby-select.css +++ b/src/elements/emby-select/emby-select.css @@ -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; } diff --git a/src/elements/emby-slider/emby-slider.css b/src/elements/emby-slider/emby-slider.css index 1b94a44a9b..111fd23439 100644 --- a/src/elements/emby-slider/emby-slider.css +++ b/src/elements/emby-slider/emby-slider.css @@ -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; } diff --git a/src/elements/emby-textarea/emby-textarea.css b/src/elements/emby-textarea/emby-textarea.css index 6ac8262236..54ca33f6b7 100644 --- a/src/elements/emby-textarea/emby-textarea.css +++ b/src/elements/emby-textarea/emby-textarea.css @@ -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; } diff --git a/src/elements/emby-toggle/emby-toggle.css b/src/elements/emby-toggle/emby-toggle.css index c893736c2f..3b5c5a5f64 100644 --- a/src/elements/emby-toggle/emby-toggle.css +++ b/src/elements/emby-toggle/emby-toggle.css @@ -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 { diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index 4bd2f13261..1b60a45c24 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -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, diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index 140adccfb9..1a4df079d5 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -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 { diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css index 7b77d43047..1a4882236a 100644 --- a/src/themes/dark/theme.css +++ b/src/themes/dark/theme.css @@ -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 { diff --git a/src/themes/emby/theme.css b/src/themes/emby/theme.css index 64e9bfdd2d..32827ad209 100644 --- a/src/themes/emby/theme.css +++ b/src/themes/emby/theme.css @@ -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 { diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css index 0013c6956c..c4af696c2b 100644 --- a/src/themes/light/theme.css +++ b/src/themes/light/theme.css @@ -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, diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index 13838c1798..80d98cd237 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -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; } diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index c633fc22dd..1639650437 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -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,