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

Merge pull request #676 from MrTimscampi/revert-autoprefix

Browse Source 
Revert vendor prefix removal
This commit is contained in:
dkanada 2020-01-23 02:15:03 +09:00 committed by GitHub
commit 050013d6e8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
39 changed files with 654 additions and 207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -5,14 +5,12 @@
"repository": "https://github.com/jellyfin/jellyfin-web", "repository": "https://github.com/jellyfin/jellyfin-web",
"license": "GPL-2.0-or-later", "license": "GPL-2.0-or-later",
"devDependencies": { "devDependencies": {
"autoprefixer": "^9.7.3",
"clean-webpack-plugin": "^3.0.0", "clean-webpack-plugin": "^3.0.0",
"copy-webpack-plugin": "^5.1.1", "copy-webpack-plugin": "^5.1.1",
"css-loader": "^2.1.0", "css-loader": "^2.1.0",
"eslint": "^5.16.0", "eslint": "^5.16.0",
"file-loader": "^3.0.1", "file-loader": "^3.0.1",
"html-webpack-plugin": "^3.2.0", "html-webpack-plugin": "^3.2.0",
"postcss-loader": "^3.0.0",
"style-loader": "^0.23.1", "style-loader": "^0.23.1",
"webpack": "^4.41.0", "webpack": "^4.41.0",
"webpack-cli": "^3.3.9", "webpack-cli": "^3.3.9",

5
postcss.config.js
View File

@ -1,5 +0,0 @@
module.exports = {
plugins: [
require('autoprefixer')
]
}

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

@ -1,6 +1,8 @@
.dashboardColumn, .dashboardColumn,
.dashboardSections { .dashboardSections {
flex-direction: column; flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
} }
.dashboardFooter { .dashboardFooter {
@ -14,6 +16,8 @@
progress { progress {
appearance: none; appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
margin: 0; margin: 0;
background: #ccc !important background: #ccc !important
} }
@ -73,17 +77,23 @@ progress[aria-valuenow]:before {
div[data-role=controlgroup] a[data-role=button] { div[data-role=controlgroup] a[data-role=button] {
display: inline-block !important; display: inline-block !important;
margin: 0 !important; margin: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; box-shadow: none !important;
-webkit-border-radius: 0;
border-radius: 0 border-radius: 0
} }
div[data-role=controlgroup] a[data-role=button]:first-child { div[data-role=controlgroup] a[data-role=button]:first-child {
-webkit-border-bottom-left-radius: .3125em;
border-bottom-left-radius: .3125em; border-bottom-left-radius: .3125em;
-webkit-border-top-left-radius: .3125em;
border-top-left-radius: .3125em border-top-left-radius: .3125em
} }
div[data-role=controlgroup] a[data-role=button]:last-child { div[data-role=controlgroup] a[data-role=button]:last-child {
-webkit-border-bottom-right-radius: .3125em;
border-bottom-right-radius: .3125em; border-bottom-right-radius: .3125em;
-webkit-border-top-right-radius: .3125em;
border-top-right-radius: .3125em border-top-right-radius: .3125em
} }
@ -137,14 +147,23 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.dashboardSections { .dashboardSections {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: column;
flex-direction: column flex-direction: column
} }
.dashboardColumn { .dashboardColumn {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1 flex-grow: 1
} }
@ -153,6 +172,7 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.dashboardSection { .dashboardSection {
-webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
margin: 0 0 2em margin: 0 0 2em
} }
@ -168,7 +188,11 @@ div[data-role=controlgroup] a.ui-btn-active {
@media all and (min-width:70em) { @media all and (min-width:70em) {
.dashboardSections { .dashboardSections {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row flex-direction: row
} }
@ -273,6 +297,7 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.sessionNowPlayingContent { .sessionNowPlayingContent {
-webkit-background-size: cover;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
@ -371,6 +396,7 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
.disabledUser { .disabledUser {
-webkit-filter: grayscale(100%);
filter: grayscale(100%) filter: grayscale(100%)
} }
@ -392,6 +418,9 @@ div[data-role=controlgroup] a.ui-btn-active {
a[data-role=button] { a[data-role=button] {
background-clip: padding-box; background-clip: padding-box;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-webkit-background-clip: padding-box;
cursor: pointer !important; cursor: pointer !important;
font-family: inherit !important; font-family: inherit !important;
font-weight: 500 !important; font-weight: 500 !important;
@ -403,21 +432,37 @@ a[data-role=button] {
background: #292929 !important; background: #292929 !important;
} }
@keyframes rotating { @-webkit-keyframes rotating {
from { from {
-webkit-transform: rotate(0);
transform: rotate(0) transform: rotate(0)
} }
to { to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotating {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg) transform: rotate(360deg)
} }
} }
.rotatingCircle { .rotatingCircle {
-webkit-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite animation: rotating 2s linear infinite
} }
.pluginPreviewImg { .pluginPreviewImg {
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
} }

1
src/assets/css/fonts.css
View File

@ -4,6 +4,7 @@ html {
html { html {
font-size: 93%; font-size: 93%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%; text-size-adjust: 100%;
} }

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

@ -15,6 +15,7 @@
.headerSelectedPlayer, .headerSelectedPlayer,
.itemMiscInfo, .itemMiscInfo,
.navMenuOptionText { .navMenuOptionText {
-o-text-overflow: ellipsis;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden overflow: hidden
} }
@ -47,6 +48,8 @@
z-index: 1; z-index: 1;
margin: 0 !important; margin: 0 !important;
top: 6.9em !important; top: 6.9em !important;
-webkit-transition: -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out;
transition: transform .2s ease-out transition: transform .2s ease-out
} }
@ -55,14 +58,17 @@
} }
.headerUserImage { .headerUserImage {
-webkit-background-size: contain;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
-webkit-border-radius: 100em;
border-radius: 100em; border-radius: 100em;
display: inline-block display: inline-block
} }
.headerUserButtonRound div { .headerUserButtonRound div {
-webkit-border-radius: 100em;
border-radius: 100em; border-radius: 100em;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -70,6 +76,7 @@
} }
.headerButton { .headerButton {
-webkit-flex-shrink: 0;
flex-shrink: 0 flex-shrink: 0
} }
@ -83,25 +90,35 @@
} }
.pageTitle { .pageTitle {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex; display: inline-flex;
margin: .3em 0 0 .5em; margin: .3em 0 0 .5em;
height: 1.7em; height: 1.7em;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-flex-shrink: 1;
flex-shrink: 1 flex-shrink: 1
} }
.headerLeft, .headerLeft,
.skinHeader { .skinHeader {
display: flex; display: -webkit-box;
display: -webkit-flex
} }
.detailButton-mobile, .detailButton-mobile,
.skinHeader { .skinHeader {
flex-direction: column; flex-direction: column;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
} }
.pageTitleWithLogo { .pageTitleWithLogo {
background-position: left center; background-position: left center;
-webkit-background-size: contain;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
width: 13.2em width: 13.2em
@ -121,7 +138,7 @@
.headerLeft, .headerLeft,
.headerRight { .headerRight {
justify-content: center; -webkit-box-align: center
} }
.hiddenViewMenuBar .skinHeader { .hiddenViewMenuBar .skinHeader {
@ -134,7 +151,10 @@
.headerLeft { .headerLeft {
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
justify-content: flex-start; justify-content: flex-start;
@ -145,8 +165,13 @@
} }
.headerRight { .headerRight {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end justify-content: flex-end
} }
@ -155,19 +180,27 @@
} }
.navMenuOption { .navMenuOption {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important; display: flex !important;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
padding: .9em 0 .9em 2.4em !important; padding: .9em 0 .9em 2.4em !important;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
font-weight: 400 !important; font-weight: 400 !important;
margin: 0 !important; margin: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important border-radius: 0 !important
} }
.navMenuOptionIcon { .navMenuOptionIcon {
margin-right: 1.2em; margin-right: 1.2em;
-webkit-flex-shrink: 0;
flex-shrink: 0 flex-shrink: 0
} }
@ -181,6 +214,8 @@
} }
.dashboardDocument .skinBody { .dashboardDocument .skinBody {
-webkit-transition: left ease-in-out .3s, padding ease-in-out .3s;
-o-transition: left ease-in-out .3s, padding ease-in-out .3s;
transition: left ease-in-out .3s, padding ease-in-out .3s; transition: left ease-in-out .3s, padding ease-in-out .3s;
position: absolute; position: absolute;
top: 0; top: 0;
@ -210,7 +245,9 @@
z-index: inherit !important; z-index: inherit !important;
left: 0 !important; left: 0 !important;
top: 0 !important; top: 0 !important;
-webkit-transform: none !important;
transform: none !important; transform: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; box-shadow: none !important;
width: 20.205em !important; width: 20.205em !important;
font-size: 94% font-size: 94%
@ -247,9 +284,14 @@
} }
.headerTabs { .headerTabs {
-webkit-align-self: center;
align-self: center; align-self: center;
width: auto; width: auto;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; justify-content: center;
margin-top: -3.34em; margin-top: -3.34em;
position: relative; position: relative;
@ -307,6 +349,8 @@
} }
.flexPageTabContent.is-active { .flexPageTabContent.is-active {
display: -webkit-box !important;
display: -webkit-flex !important;
display: flex !important display: flex !important
} }
@ -322,6 +366,7 @@
margin: 1.5em 0; margin: 1.5em 0;
background: #222; background: #222;
padding: .8em .8em .8em 3em; padding: .8em .8em .8em 3em;
-webkit-border-radius: .3em;
border-radius: .3em; border-radius: .3em;
position: relative position: relative
} }
@ -380,6 +425,7 @@
} }
.itemBackdrop { .itemBackdrop {
-webkit-background-size: cover;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -452,6 +498,8 @@
.detailPagePrimaryContent { .detailPagePrimaryContent {
position: relative; position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1 flex-grow: 1
} }
@ -461,6 +509,7 @@
position: absolute; position: absolute;
top: 14.5%; top: 14.5%;
right: 10.5%; right: 10.5%;
-webkit-background-size: contain;
background-size: contain background-size: contain
} }
@ -491,6 +540,7 @@
.itemDetailImage { .itemDetailImage {
width: 100% !important; width: 100% !important;
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37); box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
} }
@media all and (max-width:62.5em) { @media all and (max-width:62.5em) {
@ -558,6 +608,8 @@
.detailButton-mobile, .detailButton-mobile,
.mainDetailButtons { .mainDetailButtons {
display: flex; display: flex;
display: -webkit-box;
display: -webkit-flex
} }
.itemName { .itemName {
@ -578,7 +630,10 @@
.mainDetailButtons { .mainDetailButtons {
display: flex; display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
margin: 1em 0; margin: 1em 0;
} }
@ -586,6 +641,7 @@
.recordingFields button { .recordingFields button {
margin-left: 0; margin-left: 0;
margin-right: .5em; margin-right: .5em;
-webkit-flex-shrink: 0;
flex-shrink: 0 flex-shrink: 0
} }
@ -596,7 +652,11 @@
.detailButton-mobile { .detailButton-mobile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
margin: 0 !important; margin: 0 !important;
padding: .5em .7em !important padding: .5em .7em !important
@ -628,9 +688,18 @@
} }
.detailButton-mobile-content { .detailButton-mobile-content {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center align-items: center
} }
@ -684,14 +753,21 @@
} }
.itemMiscInfo { .itemMiscInfo {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center align-items: center
} }
@media all and (max-width:31.25em) { @media all and (max-width:31.25em) {
.mobileDetails .itemMiscInfo { .mobileDetails .itemMiscInfo {
text-align: center; text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center justify-content: center
} }
@ -781,6 +857,7 @@
} }
.btnSyncComplete i { .btnSyncComplete i {
-webkit-border-radius: 100em;
border-radius: 100em border-radius: 100em
} }
@ -789,9 +866,14 @@
} }
.mediaInfoIcons { .mediaInfoIcons {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
margin: 1em 0; margin: 1em 0;
-webkit-flex-wrap: wrap;
flex-wrap: wrap flex-wrap: wrap
} }
@ -829,6 +911,7 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
.sectionTitleButton { .sectionTitleButton {
margin-left: 1.5em !important; margin-left: 1.5em !important;
-webkit-flex-shrink: 0;
flex-shrink: 0 flex-shrink: 0
} }
@ -838,17 +921,22 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
.sectionTitleIconButton { .sectionTitleIconButton {
margin-left: 1.5em !important; margin-left: 1.5em !important;
-webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
font-size: 84% !important; font-size: 84% !important;
padding: .5em !important padding: .5em !important
} }
.horizontalItemsContainer { .horizontalItemsContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex display: flex
} }
.sectionTitleTextButton { .sectionTitleTextButton {
margin: 0 !important; margin: 0 !important;
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: inline-flex !important; display: inline-flex !important;
color: inherit !important color: inherit !important
} }
@ -920,6 +1008,8 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
} }
.itemsViewSettingsContainer { .itemsViewSettingsContainer {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center justify-content: center
} }

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

@ -28,13 +28,17 @@
.jstree-wholerow-hovered { .jstree-wholerow-hovered {
background: #38c !important; background: #38c !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important box-shadow: none !important
} }
.jstree-default .jstree-hovered { .jstree-default .jstree-hovered {
background: 0 0 !important; background: 0 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; box-shadow: none !important;
color: #fff !important color: #fff !important
} }

13
src/assets/css/scrollstyles.css
View File

@ -1,5 +1,6 @@
.scrollX { .scrollX {
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap; white-space: nowrap;
} }
@ -9,11 +10,11 @@
} }
.hiddenScrollX, .layout-tv .scrollX { .hiddenScrollX, .layout-tv .scrollX {
scrollbar-width: none; -ms-overflow-style: none;
} }
.hiddenScrollX-forced { .hiddenScrollX-forced {
scrollbar-width: none; overflow: -moz-scrollbars-none;
} }
.hiddenScrollX::-webkit-scrollbar, .layout-tv .scrollX::-webkit-scrollbar { .hiddenScrollX::-webkit-scrollbar, .layout-tv .scrollX::-webkit-scrollbar {
@ -23,21 +24,25 @@
.scrollY { .scrollY {
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden; overflow-x: hidden;
} }
.smoothScrollY { .smoothScrollY {
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden; overflow-x: hidden;
scroll-behavior: smooth; scroll-behavior: smooth;
} }
.hiddenScrollY, .layout-tv .smoothScrollY { .hiddenScrollY, .layout-tv .smoothScrollY {
scrollbar-width: none; -ms-overflow-style: none;
/* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
/*overflow: -moz-scrollbars-none;*/
} }
.hiddenScrollY-forced { .hiddenScrollY-forced {
scrollbar-width: none; overflow: -moz-scrollbars-none;
} }
.hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar, .layout-tv .scrollY::-webkit-scrollbar { .hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar, .layout-tv .scrollY::-webkit-scrollbar {

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

@ -20,12 +20,18 @@ html {
.layout-mobile, .layout-mobile,
.layout-tv { .layout-tv {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none user-select: none
} }
body { body {
overflow-x: hidden; overflow-x: hidden;
background-color: transparent !important; background-color: transparent !important;
-webkit-font-smoothing: antialiased
} }
.mainAnimatedPage { .mainAnimatedPage {

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

@ -1,6 +1,9 @@
.chapterThumbTextContainer, .chapterThumbTextContainer,
.videoOsdBottom { .videoOsdBottom {
user-select: none; user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
} }
.osdPoster img, .osdPoster img,
@ -12,10 +15,13 @@
} }
.osdHeader { .osdHeader {
-webkit-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out; transition: opacity .3s ease-out;
position: relative; position: relative;
z-index: 1; z-index: 1;
background: rgba(0, 0, 0, 0.7) !important; background: rgba(0, 0, 0, 0.7) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
color: #eee !important; color: #eee !important;
} }
@ -29,13 +35,17 @@
} }
.chapterThumbContainer { .chapterThumbContainer {
-webkit-box-shadow: 0 0 1.9vh #000;
box-shadow: 0 0 1.9vh #000; box-shadow: 0 0 1.9vh #000;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
position: relative position: relative
} }
.chapterThumb { .chapterThumb {
background-position: center center; background-position: center center;
-webkit-background-size: contain;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
border: 0; border: 0;
@ -81,12 +91,20 @@
position: fixed; position: fixed;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
padding: 1%; padding: 1%;
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row; flex-direction: row;
will-change: opacity; will-change: opacity;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;
color: #fff; color: #fff;
user-select: none user-select: none;
-webkit-touch-callout: none
} }
.videoOsdBottom-hidden { .videoOsdBottom-hidden {
@ -94,35 +112,51 @@
} }
.osdControls { .osdControls {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1 flex-grow: 1
} }
.videoOsdBottom .buttons { .videoOsdBottom .buttons {
padding: .25em 0 0; padding: .25em 0 0;
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center align-items: center
} }
.osdVolumeSliderContainer { .osdVolumeSliderContainer {
width: 9em; width: 9em;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1 flex-grow: 1
} }
.osdMediaInfo, .osdMediaInfo,
.volumeButtons { .volumeButtons {
display: flex; display: flex;
display: -webkit-box;
display: -webkit-flex;
align-items: center; align-items: center;
-webkit-box-align: center
} }
.volumeButtons { .volumeButtons {
margin: 0 .5em 0 auto; margin: 0 .5em 0 auto;
display: flex; display: flex;
-webkit-align-items: center;
align-items: center align-items: center
} }
.osdTimeText { .osdTimeText {
margin-left: 1em; margin-left: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none user-select: none
} }
@ -136,10 +170,15 @@
position: absolute; position: absolute;
height: auto; height: auto;
width: 100%; width: 100%;
-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: .08em solid #222;
user-drag: none; user-drag: none;
user-select: none user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none
} }
.osdTitle, .osdTitle,
@ -149,6 +188,7 @@
.osdMediaInfo { .osdMediaInfo {
display: flex; display: flex;
-webkit-align-items: center;
align-items: center align-items: center
} }
@ -157,14 +197,23 @@
} }
.osdTextContainer { .osdTextContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
margin-bottom: .7em; margin-bottom: .7em;
padding-left: .5em padding-left: .5em
} }
.osdMainTextContainer { .osdMainTextContainer {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
align-items: baseline align-items: baseline
} }
@ -172,13 +221,28 @@
margin-left: auto; margin-left: auto;
} }
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin { @keyframes spin {
100% { 100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg); transform:rotate(360deg);
} }
} }
.osdMediaStatus .animate { .osdMediaStatus .animate {
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite; animation:spin 4s linear infinite;
} }

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

@ -18,6 +18,7 @@ button {
padding: 0; padding: 0;
display: block; display: block;
color: inherit !important; color: inherit !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none !important; outline: none !important;
cursor: pointer; cursor: pointer;
contain: layout style; contain: layout style;
@ -79,6 +80,8 @@ button {
margin: 0.6em; margin: 0.6em;
transition: none; transition: none;
border: 0 solid transparent; border: 0 solid transparent;
/* These both are needed in case cardBox is a button */
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none !important; outline: none !important;
contain: layout; contain: layout;
contain: style; contain: style;
@ -146,6 +149,7 @@ button {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
display: -webkit-flex;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -179,6 +183,7 @@ button {
margin: 0 !important; margin: 0 !important;
/* Needed in safari */ /* Needed in safari */
height: 100%; height: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none !important; outline: none !important;
contain: strict; contain: strict;
} }
@ -342,6 +347,7 @@ button {
border: 0 !important; border: 0 !important;
padding: 0 !important; padding: 0 !important;
cursor: pointer; cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none !important; outline: none !important;
color: inherit; color: inherit;
vertical-align: middle; vertical-align: middle;

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

@ -16,6 +16,7 @@
.dialog { .dialog {
margin: 0; margin: 0;
border-radius: .2em; border-radius: .2em;
-webkit-font-smoothing: antialiased;
border: 0; border: 0;
padding: 0; padding: 0;
will-change: transform, opacity; will-change: transform, opacity;

1
src/components/filterdialog/style.css
View File

@ -5,6 +5,7 @@
margin-top: 0 !important; margin-top: 0 !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
margin-right: 0 !important; margin-right: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
max-height: none !important; max-height: none !important;
max-width: none !important max-width: none !important

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

@ -13,11 +13,13 @@
.homeLibraryIcon { .homeLibraryIcon {
margin-left: .5em; margin-left: .5em;
margin-right: .5em; margin-right: .5em;
-webkit-flex-shrink: 0;
flex-shrink: 0 flex-shrink: 0
} }
.homeLibraryText { .homeLibraryText {
white-space: nowrap; white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden overflow: hidden
} }

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

@ -42,6 +42,7 @@ video::-webkit-media-controls {
.htmlvideoplayer::cue { .htmlvideoplayer::cue {
background-color: transparent; background-color: transparent;
text-shadow: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1); text-shadow: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1);
-webkit-font-smoothing: antialiased;
font-family: inherit; font-family: inherit;
} }

12
src/components/images/style.css
View File

@ -18,9 +18,21 @@
.lazy-image-fadein { .lazy-image-fadein {
opacity: 0; opacity: 0;
-webkit-animation-duration: .8s;
-moz-animation-duration: .8s;
-o-animation-duration: .8s;
animation-duration: .8s; animation-duration: .8s;
-webkit-animation-name: popInAnimation;
-moz-animation-name: popInAnimation;
-o-animation-name: popInAnimation;
animation-name: popInAnimation; animation-name: popInAnimation;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards; animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0,0,.5,1);
-moz-animation-timing-function: cubic-bezier(0,0,.5,1);
-o-animation-timing-function: cubic-bezier(0,0,.5,1);
animation-timing-function: cubic-bezier(0,0,.5,1); animation-timing-function: cubic-bezier(0,0,.5,1);
} }

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

@ -14,6 +14,7 @@
.indicator { .indicator {
border-radius: 100em; border-radius: 100em;
display: -webkit-flex;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -42,6 +43,7 @@
.countIndicator { .countIndicator {
border-radius: 100em; border-radius: 100em;
display: -webkit-flex;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -53,6 +55,7 @@
.playedIndicator { .playedIndicator {
border-radius: 100em; border-radius: 100em;
display: -webkit-flex;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -64,6 +67,7 @@
.videoIndicator { .videoIndicator {
background: #444; background: #444;
border-radius: 100em; border-radius: 100em;
display: -webkit-flex;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

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

@ -7,11 +7,20 @@
.mdlSpinnerActive { .mdlSpinnerActive {
display: inline-block; display: inline-block;
-webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
} }
@-webkit-keyframes mdl-spinner__container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mdl-spinner__container-rotate { @keyframes mdl-spinner__container-rotate {
to { to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); transform: rotate(360deg);
} }
} }
@ -28,6 +37,7 @@
} }
.mdl-spinner__layer-1-active { .mdl-spinner__layer-1-active {
-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
} }
@ -36,6 +46,7 @@
} }
.mdl-spinner__layer-2-active { .mdl-spinner__layer-2-active {
-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
} }
@ -44,6 +55,7 @@
} }
.mdl-spinner__layer-3-active { .mdl-spinner__layer-3-active {
-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
} }
@ -52,39 +64,90 @@
} }
.mdl-spinner__layer-4-active { .mdl-spinner__layer-4-active {
-webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
} }
@keyframes mdl-spinner__fill-unfill-rotate { @-webkit-keyframes mdl-spinner__fill-unfill-rotate {
12.5% { 12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); transform: rotate(135deg);
} }
25% { 25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); transform: rotate(270deg);
} }
37.5% { 37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg); transform: rotate(405deg);
} }
50% { 50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg); transform: rotate(540deg);
} }
62.5% { 62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg); transform: rotate(675deg);
} }
75% { 75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg); transform: rotate(810deg);
} }
87.5% { 87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg); transform: rotate(945deg);
} }
to { to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}
@keyframes mdl-spinner__fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg); transform: rotate(1080deg);
} }
} }
@ -98,6 +161,32 @@
* - https://github.com/Polymer/paper-spinner/issues/9 * - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255 * - https://code.google.com/p/chromium/issues/detail?id=436255
*/ */
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
from {
opacity: 0.99;
}
25% {
opacity: 0.99;
}
26% {
opacity: 0;
}
89% {
opacity: 0;
}
90% {
opacity: 0.99;
}
100% {
opacity: 0.99;
}
}
@keyframes mdl-spinner__layer-1-fade-in-out { @keyframes mdl-spinner__layer-1-fade-in-out {
from { from {
opacity: 0.99; opacity: 0.99;
@ -124,6 +213,28 @@
} }
} }
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
from {
opacity: 0;
}
15% {
opacity: 0;
}
25% {
opacity: 0.99;
}
50% {
opacity: 0.99;
}
51% {
opacity: 0;
}
}
@keyframes mdl-spinner__layer-2-fade-in-out { @keyframes mdl-spinner__layer-2-fade-in-out {
from { from {
opacity: 0; opacity: 0;
@ -146,6 +257,28 @@
} }
} }
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
from {
opacity: 0;
}
40% {
opacity: 0;
}
50% {
opacity: 0.99;
}
75% {
opacity: 0.99;
}
76% {
opacity: 0;
}
}
@keyframes mdl-spinner__layer-3-fade-in-out { @keyframes mdl-spinner__layer-3-fade-in-out {
from { from {
opacity: 0; opacity: 0;
@ -168,6 +301,28 @@
} }
} }
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
from {
opacity: 0;
}
65% {
opacity: 0;
}
75% {
opacity: 0.99;
}
90% {
opacity: 0.99;
}
100% {
opacity: 0;
}
}
@keyframes mdl-spinner__layer-4-fade-in-out { @keyframes mdl-spinner__layer-4-fade-in-out {
from { from {
opacity: 0; opacity: 0;
@ -211,6 +366,7 @@
border-color: inherit; border-color: inherit;
border-bottom-color: transparent !important; border-bottom-color: transparent !important;
border-radius: 50%; border-radius: 50%;
-webkit-animation: none;
animation: none; animation: none;
position: absolute; position: absolute;
top: 0; top: 0;
@ -221,47 +377,91 @@
.mdl-spinner__circleLeft { .mdl-spinner__circleLeft {
border-right-color: transparent !important; border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg); transform: rotate(129deg);
} }
.mdl-spinner__circleLeft-active { .mdl-spinner__circleLeft-active {
-webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
} }
.mdl-spinner__circleRight { .mdl-spinner__circleRight {
left: -100%; left: -100%;
border-left-color: transparent !important; border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg); transform: rotate(-129deg);
} }
.mdl-spinner__circleRight-active { .mdl-spinner__circleRight-active {
-webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
} }
@keyframes mdl-spinner__left-spin { @-webkit-keyframes mdl-spinner__left-spin {
from { from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); transform: rotate(130deg);
} }
50% { 50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); transform: rotate(-5deg);
} }
to { to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); transform: rotate(130deg);
} }
} }
@keyframes mdl-spinner__left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}
@-webkit-keyframes mdl-spinner__right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}
@keyframes mdl-spinner__right-spin { @keyframes mdl-spinner__right-spin {
from { from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); transform: rotate(-130deg);
} }
50% { 50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); transform: rotate(5deg);
} }
to { to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); transform: rotate(-130deg);
} }
} }

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

@ -9,20 +9,29 @@
.touch-menu-la { .touch-menu-la {
background-color: #FFF; background-color: #FFF;
will-change: transform; will-change: transform;
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-transition: -webkit-transform ease-out 40ms, left ease-out 260ms;
-o-transition: transform ease-out 40ms, left ease-out 260ms;
transition: transform ease-out 40ms, left ease-out 260ms; transition: transform ease-out 40ms, left ease-out 260ms;
z-index: 1099 z-index: 1099
} }
.touch-menu-la.transition { .touch-menu-la.transition {
-webkit-transition: -webkit-transform ease-out 240ms, left ease-out 260ms;
-o-transition: transform ease-out 240ms, left ease-out 260ms;
transition: transform ease-out 240ms, left ease-out 260ms transition: transform ease-out 240ms, left ease-out 260ms
} }
.drawer-open { .drawer-open {
-webkit-box-shadow: 2px 0 12px rgba(0, 0, 0, .4);
box-shadow: 2px 0 12px rgba(0, 0, 0, .4) box-shadow: 2px 0 12px rgba(0, 0, 0, .4)
} }
.scrollContainer { .scrollContainer {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1 flex-grow: 1
} }
@ -32,6 +41,8 @@
background-color: #000; background-color: #000;
opacity: 0; opacity: 0;
z-index: 1098; z-index: 1098;
-webkit-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, .3)

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

@ -1,5 +1,10 @@
.nowPlayingInfoContainer { .nowPlayingInfoContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row flex-direction: row
} }
@ -36,20 +41,28 @@
} }
.nowPlayingInfoButtons { .nowPlayingInfoButtons {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap flex-wrap: wrap
} }
.nowPlayingInfoControls, .nowPlayingInfoControls,
.nowPlayingTime { .nowPlayingTime {
display: flex; display: flex;
display: -webkit-box;
display: -webkit-flex
} }
.nowPlayingPageImageContainer { .nowPlayingPageImageContainer {
width: 20%; width: 20%;
margin-right: .25em; margin-right: .25em;
position: relative; position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0 flex-shrink: 0
} }
@ -60,9 +73,16 @@
} }
.nowPlayingInfoControls { .nowPlayingInfoControls {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center justify-content: center
} }
@ -71,15 +91,25 @@
left: 0; left: 0;
right: 0; right: 0;
width: 100%; width: 100%;
-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: .1em solid #222;
user-drag: none; user-drag: none;
user-select: none; user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none
} }
@media all and (orientation:portrait) and (max-width:50em) { @media all and (orientation:portrait) and (max-width:50em) {
.nowPlayingInfoContainer { .nowPlayingInfoContainer {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
flex-direction: column !important; flex-direction: column !important;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center align-items: center
} }
@ -93,6 +123,8 @@
} }
.nowPlayingInfoButtons { .nowPlayingInfoButtons {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center justify-content: center
} }
@ -120,20 +152,33 @@
.nowPlayingTime { .nowPlayingTime {
display: flex; display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
margin: 0 1em margin: 0 1em
} }
.nowPlayingSecondaryButtons { .nowPlayingSecondaryButtons {
display: -webkit-box;
display: -webkit-flex;
display: flex; display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center justify-content: center
} }
@media all and (min-width:50em) { @media all and (min-width:50em) {
.nowPlayingSecondaryButtons { .nowPlayingSecondaryButtons {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end justify-content: flex-end
} }
} }
@ -150,11 +195,13 @@
.smallBackdropPosterItem .cardOverlayInner>div { .smallBackdropPosterItem .cardOverlayInner>div {
white-space: nowrap; white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden overflow: hidden
} }
.playlistIndexIndicatorImage { .playlistIndexIndicatorImage {
-webkit-background-size: initial initial !important;
background-size: initial !important; background-size: initial !important;
background-image: url(assets/img/equalizer.gif) !important; background-image: url(assets/img/equalizer.gif) !important;
} }

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

@ -41,6 +41,9 @@
height: auto; height: auto;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
position: absolute; position: absolute;
left: 50%; left: 50%;

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

@ -40,6 +40,8 @@
margin-right: 1%; margin-right: 1%;
top: 2.5em; top: 2.5em;
height: 1.4em; height: 1.4em;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; flex-grow: 1;
border-radius: .3em; border-radius: .3em;
z-index: 1; z-index: 1;

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

@ -11,6 +11,7 @@
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
user-select: none; user-select: none;
-webkit-touch-callout: none;
} }
.upNextDialog-hidden { .upNextDialog-hidden {
@ -66,4 +67,8 @@
border: 0; border: 0;
user-drag: none; user-drag: none;
user-select: none; user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
} }

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

@ -9,6 +9,9 @@
font-family: inherit; font-family: inherit;
color: inherit; color: inherit;
outline-width: 0; outline-width: 0;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
z-index: 0; z-index: 0;
@ -21,6 +24,8 @@
outline: none !important; outline: none !important;
position: relative; position: relative;
font-weight: 600; font-weight: 600;
/* Disable webkit tap highlighting */
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-decoration: none; text-decoration: none;
/* Not crazy about this but it normalizes heights between anchors and buttons */ /* Not crazy about this but it normalizes heights between anchors and buttons */
line-height: 1.35; line-height: 1.35;
@ -94,6 +99,9 @@
font-size: inherit; font-size: inherit;
font-family: inherit; font-family: inherit;
color: inherit; color: inherit;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
z-index: 0; z-index: 0;
@ -110,6 +118,8 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-radius: 50%; border-radius: 50%;
/* Disable webkit tap highlighting */
-webkit-tap-highlight-color: rgba(0,0,0,0);
justify-content: center; justify-content: center;
transform-origin: center; transform-origin: center;
transition: 0.2s; transition: 0.2s;

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

@ -38,6 +38,9 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
opacity: 0; opacity: 0;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none; appearance: none;
border: none; border: none;
} }
@ -121,3 +124,13 @@
padding: 0; padding: 0;
} }
} }
@-webkit-keyframes repaintChrome {
from {
padding: 0;
}
to {
padding: 0;
}
}

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

@ -10,8 +10,10 @@
font-weight: inherit; font-weight: inherit;
padding: .4em .25em; padding: .4em .25em;
/* Prevent padding from causing width overflow */ /* Prevent padding from causing width overflow */
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
outline: none !important; outline: none !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%; width: 100%;
} }
@ -33,5 +35,6 @@
} }
.emby-input-iconbutton { .emby-input-iconbutton {
-webkit-align-self: flex-end;
align-self: flex-end; align-self: flex-end;
} }

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

@ -27,6 +27,9 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
opacity: 0; opacity: 0;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none; appearance: none;
border: none; border: none;
} }
@ -67,13 +70,17 @@
cursor: pointer; cursor: pointer;
transition-duration: 0.28s; transition-duration: 0.28s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: -webkit-transform;
transition-property: transform; transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0);
border-radius: 50%; border-radius: 50%;
background: #00a4dc; background: #00a4dc;
} }
.mdl-radio__button:checked + .mdl-radio__label + .mdl-radio__outer-circle + .mdl-radio__inner-circle { .mdl-radio__button:checked + .mdl-radio__label + .mdl-radio__outer-circle + .mdl-radio__inner-circle {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
} }

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

@ -12,6 +12,7 @@
/* Prevent padding from causing width overflow */ /* Prevent padding from causing width overflow */
box-sizing: border-box; box-sizing: border-box;
outline: none !important; outline: none !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%; width: 100%;
} }
@ -19,6 +20,8 @@
background: none !important; background: none !important;
border-color: transparent !important; border-color: transparent !important;
color: inherit !important; color: inherit !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; appearance: none;
} }
@ -38,6 +41,7 @@
.emby-select-focusscale { .emby-select-focusscale {
transition: transform 180ms ease-out !important; transition: transform 180ms ease-out !important;
-webkit-transform-origin: center center;
transform-origin: center center; transform-origin: center center;
} }
@ -73,6 +77,7 @@
} }
.emby-select-withcolor { .emby-select-withcolor {
-webkit-appearance: none;
appearance: none; appearance: none;
border-radius: .2em; border-radius: .2em;
} }

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

@ -1,21 +1,32 @@
_:-ms-input-placeholder { _:-ms-input-placeholder {
appearance: none; appearance: none;
-ms-appearance: none;
height: 2.223em; height: 2.223em;
margin: 0; margin: 0;
} }
.mdl-slider { .mdl-slider {
width: 100%; width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none; appearance: none;
height: 150%;/*150% is needed, else ie and edge won't display the thumb properly*/ height: 150%;/*150% is needed, else ie and edge won't display the thumb properly*/
background: transparent; background: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
outline: 0; outline: 0;
color: #00a4dc; color: #00a4dc;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; align-self: center;
z-index: 1; z-index: 1;
cursor: pointer; cursor: pointer;
margin: 0; margin: 0;
/* Disable webkit tap highlighting */
-webkit-tap-highlight-color: rgba(0,0,0,0);
display: block; display: block;
} }
@ -59,7 +70,7 @@ _:-ms-input-placeholder {
} }
.mdl-slider::-webkit-slider-thumb { .mdl-slider::-webkit-slider-thumb {
appearance: none; -webkit-appearance: none;
width: 1.2em; width: 1.2em;
height: 1.2em; height: 1.2em;
box-sizing: border-box; box-sizing: border-box;
@ -98,7 +109,7 @@ _:-ms-input-placeholder {
} }
.mdl-slider::-ms-thumb { .mdl-slider::-ms-thumb {
appearance: none; -webkit-appearance: none;
width: 1.8em; width: 1.8em;
height: 1.8em; height: 1.8em;
box-sizing: border-box; box-sizing: border-box;

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

@ -13,6 +13,7 @@
/* Prevent padding from causing width overflow */ /* Prevent padding from causing width overflow */
box-sizing: border-box; box-sizing: border-box;
outline: none !important; outline: none !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%; width: 100%;
} }

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

@ -9,6 +9,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: visible; overflow: visible;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: flex-end; justify-content: flex-end;
@ -24,6 +28,9 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
opacity: 0; opacity: 0;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none; appearance: none;
border: none; border: none;
} }
@ -82,6 +89,7 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;

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

@ -23,10 +23,14 @@ html {
.skinHeader-withBackground { .skinHeader-withBackground {
color: rgba(0, 0, 0, .7); color: rgba(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-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
background: -o-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB)
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important backdrop-filter: none !important
} }
@ -41,10 +45,14 @@ html {
.backgroundContainer, .backgroundContainer,
.dialog { .dialog {
background: #D5E9F2; background: #D5E9F2;
-webkit-background-size: 100% 100%;
background-size: 100% 100% background-size: 100% 100%
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(192, 212, 222, .94)), color-stop(rgba(235, 250, 254, .94)), color-stop(rgba(227, 220, 212, .94)), color-stop(rgba(206, 214, 216, .94)), to(rgba(192, 211, 218, .94)));
background: -webkit-linear-gradient(top, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94));
background: -o-linear-gradient(top, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94));
background: linear-gradient(to bottom, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94)) background: linear-gradient(to bottom, rgba(192, 212, 222, .94), rgba(235, 250, 254, .94), rgba(227, 220, 212, .94), rgba(206, 214, 216, .94), rgba(192, 211, 218, .94))
} }
@ -181,6 +189,9 @@ html {
.formDialogFooter:not(.formDialogFooter-clear) { .formDialogFooter:not(.formDialogFooter-clear) {
color: rgba(0, 0, 0, .7); color: rgba(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-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
background: -o-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB)
} }
@ -245,6 +256,7 @@ html {
color: inherit; color: inherit;
background: rgba(255, 255, 255, .9); background: rgba(255, 255, 255, .9);
border: .07em solid rgba(0, 0, 0, .158); border: .07em solid rgba(0, 0, 0, .158);
-webkit-border-radius: .15em;
border-radius: .15em border-radius: .15em
} }
@ -396,6 +408,7 @@ html {
color: #000; color: #000;
background: #fff3a5; background: #fff3a5;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
} }

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

@ -17,12 +17,19 @@ html {
.skinHeader-withBackground { .skinHeader-withBackground {
background: #303030; background: #303030;
background: -webkit-gradient(linear, left top, right top, from(#291A31), color-stop(#033664), color-stop(#011432), color-stop(#141A3A), to(#291A31));
background: -webkit-linear-gradient(left, #291A31, #033664, #011432, #141A3A, #291A31);
background: -o-linear-gradient(left, #291A31, #033664, #011432, #141A3A, #291A31);
background: linear-gradient(to right, #291A31, #033664, #011432, #141A3A, #291A31) background: linear-gradient(to right, #291A31, #033664, #011432, #141A3A, #291A31)
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, .3);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
} }
@ -37,6 +44,7 @@ html {
.backgroundContainer { .backgroundContainer {
background: url(bg.jpg) center top no-repeat #033361; background: url(bg.jpg) center top no-repeat #033361;
-webkit-background-size: cover;
background-size: cover background-size: cover
} }
@ -173,7 +181,7 @@ html {
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@supports (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, .7);
backdrop-filter: blur(20px) backdrop-filter: blur(20px)
@ -245,6 +253,7 @@ html {
color: inherit; color: inherit;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
border: .07em solid transparent; border: .07em solid transparent;
-webkit-border-radius: .15em;
border-radius: .15em border-radius: .15em
} }
@ -402,6 +411,7 @@ html {
color: #ddd; color: #ddd;
background: #111; background: #111;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
} }
@ -433,7 +443,7 @@ html {
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
@ -442,7 +452,7 @@ html {
::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
border-radius: 2px; -webkit-border-radius: 2px;
background: center no-repeat #888 background: center no-repeat #888
} }

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

@ -20,6 +20,7 @@ html {
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
@ -226,6 +227,7 @@ html {
color: inherit; color: inherit;
background: #292929; background: #292929;
border: .07em solid #292929; border: .07em solid #292929;
-webkit-border-radius: .15em;
border-radius: .15em border-radius: .15em
} }
@ -379,6 +381,7 @@ html {
color: #ddd; color: #ddd;
background: #111; background: #111;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
} }
@ -410,7 +413,7 @@ html {
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
@ -419,7 +422,7 @@ html {
::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
border-radius: 2px; -webkit-border-radius: 2px;
background: center no-repeat #888 background: center no-repeat #888
} }

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

@ -23,14 +23,17 @@ html {
background-color: #303030; background-color: #303030;
color: #ccc; color: #ccc;
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, .87);
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37) box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
} }
.osdHeader { .osdHeader {
-webkit-box-shadow: none !important;
box-shadow: none !important box-shadow: none !important
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
@ -246,6 +249,7 @@ html {
color: inherit; color: inherit;
background: #fff; background: #fff;
border: .07em solid rgba(0, 0, 0, .158); border: .07em solid rgba(0, 0, 0, .158);
-webkit-border-radius: .15em;
border-radius: .15em border-radius: .15em
} }
@ -396,6 +400,7 @@ html {
color: #000; color: #000;
background: #fff3a5; background: #fff3a5;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
} }

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

@ -17,12 +17,19 @@ html {
.skinHeader-withBackground { .skinHeader-withBackground {
background: #000420; background: #000420;
background: -moz-linear-gradient(left, #000420 0%, #06256f 18%, #2b052b 38%, #2b052b 68%, #06256f 81%, #000420 100%);
background: -webkit-linear-gradient(left, #000420 0%,#06256f 18%,#2b052b 38%,#2b052b 68%,#06256f 81%,#000420 100%);
background: linear-gradient(to right, #000420 0%,#06256f 18%,#2b052b 38%,#2b052b 68%,#06256f 81%,#000420 100%); background: linear-gradient(to right, #000420 0%,#06256f 18%,#2b052b 38%,#2b052b 68%,#06256f 81%,#000420 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000420', endColorstr='#000420',GradientType=1 );
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, .3);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
} }
@ -37,6 +44,7 @@ html {
.backgroundContainer { .backgroundContainer {
background: url(bg.jpg) center top no-repeat #030322; background: url(bg.jpg) center top no-repeat #030322;
-webkit-background-size: cover;
background-size: cover background-size: cover
} }
@ -261,7 +269,7 @@ a[data-role=button] {
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@supports (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, .7);
backdrop-filter: blur(20px) backdrop-filter: blur(20px)
@ -333,6 +341,7 @@ a[data-role=button] {
color: inherit; color: inherit;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
border: .07em solid transparent; border: .07em solid transparent;
-webkit-border-radius: .15em;
border-radius: .15em border-radius: .15em
} }
@ -495,6 +504,7 @@ a[data-role=button] {
color: #0e0f2d; color: #0e0f2d;
background: #dbe6ff; background: #dbe6ff;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
} }
@ -532,7 +542,7 @@ a[data-role=button] {
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
@ -541,7 +551,7 @@ a[data-role=button] {
::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
border-radius: 2px; -webkit-border-radius: 2px;
background: center no-repeat #888 background: center no-repeat #888
} }

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

@ -23,12 +23,19 @@ html {
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
.skinHeader-withBackground { .skinHeader-withBackground {
background-color: #0C2450; background-color: #0C2450;
background: -webkit-gradient(linear, left top, left bottom, from(#0C2450), to(#081B3B));
background: -webkit-linear-gradient(top, #0C2450, #081B3B);
background: -o-linear-gradient(top, #0C2450, #081B3B);
background: linear-gradient(to bottom, #0C2450, #081B3B) background: linear-gradient(to bottom, #0C2450, #081B3B)
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, .3);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
} }
@ -39,6 +46,9 @@ html {
.backgroundContainer, .backgroundContainer,
.dialog { .dialog {
background-color: #0F3562; background-color: #0F3562;
background: -webkit-gradient(linear, left top, left bottom, from(#0F3562), color-stop(#1162A4), to(#03215F));
background: -webkit-linear-gradient(top, #0F3562, #1162A4, #03215F);
background: -o-linear-gradient(top, #0F3562, #1162A4, #03215F);
background: linear-gradient(to bottom, #0F3562, #1162A4, #03215F) background: linear-gradient(to bottom, #0F3562, #1162A4, #03215F)
} }
@ -160,6 +170,9 @@ html {
.appfooter, .appfooter,
.formDialogFooter:not(.formDialogFooter-clear) { .formDialogFooter:not(.formDialogFooter-clear) {
background: #0C2450; background: #0C2450;
background: -webkit-gradient(linear, left bottom, left top, from(#0C2450), to(#081B3B));
background: -webkit-linear-gradient(bottom, #0C2450, #081B3B);
background: -o-linear-gradient(bottom, #0C2450, #081B3B);
background: linear-gradient(to top, #0C2450, #081B3B); background: linear-gradient(to top, #0C2450, #081B3B);
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@ -226,6 +239,7 @@ html {
color: inherit; color: inherit;
background: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .2);
border: .07em solid rgba(255, 255, 255, .135); border: .07em solid rgba(255, 255, 255, .135);
-webkit-border-radius: .15em;
border-radius: .15em border-radius: .15em
} }
@ -381,6 +395,7 @@ html {
color: #000; color: #000;
background: #fff3a5; background: #fff3a5;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
} }
@ -412,7 +427,7 @@ html {
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
} }
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
@ -421,7 +436,7 @@ html {
::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical { ::-webkit-scrollbar-thumb:vertical {
border-radius: 2px; -webkit-border-radius: 2px;
background: center no-repeat rgba(255, 255, 255, .7) background: center no-repeat rgba(255, 255, 255, .7)
} }

2
webpack.dev.js
View File

@ -15,7 +15,7 @@ module.exports = merge(common, {
rules: [ rules: [
{ {
test: /\.css$/i, test: /\.css$/i,
use: ["style-loader", "css-loader", "postcss-loader"] use: ["style-loader", "css-loader"]
}, },
{ {
test: /\.(png|jpg|gif)$/i, test: /\.(png|jpg|gif)$/i,

2
webpack.prod.js
View File

@ -13,7 +13,7 @@ module.exports = merge(common, {
rules: [ rules: [
{ {
test: /\.css$/i, test: /\.css$/i,
use: ["style-loader", "css-loader", "postcss-loader"] use: ["style-loader", "css-loader"]
}, },
{ {
test: /\.(png|jpg|gif)$/i, test: /\.(png|jpg|gif)$/i,

180
yarn.lock
View File

@ -461,19 +461,6 @@ atob@^2.1.1:
resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9" resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg== integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
autoprefixer@^9.7.3:
version "9.7.3"
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.7.3.tgz#fd42ed03f53de9beb4ca0d61fb4f7268a9bb50b4"
integrity sha512-8T5Y1C5Iyj6PgkPSFd0ODvK9DIleuPKUPYniNxybS47g2k2wFgLZ46lGQHlBuGKIAEV8fbCDfKCCRS1tvOgc3Q==
dependencies:
browserslist "^4.8.0"
caniuse-lite "^1.0.30001012"
chalk "^2.4.2"
normalize-range "^0.1.2"
num2fraction "^1.2.2"
postcss "^7.0.23"
postcss-value-parser "^4.0.2"
balanced-match@^1.0.0: balanced-match@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
@ -648,15 +635,6 @@ browserify-zlib@^0.2.0:
dependencies: dependencies:
pako "~1.0.5" pako "~1.0.5"
browserslist@^4.8.0:
version "4.8.2"
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.2.tgz#b45720ad5fbc8713b7253c20766f701c9a694289"
integrity sha512-+M4oeaTplPm/f1pXDw84YohEv7B1i/2Aisei8s4s6k3QsoSHa7i5sz8u/cGQkkatCPxMASKxPualR4wwYgVboA==
dependencies:
caniuse-lite "^1.0.30001015"
electron-to-chromium "^1.3.322"
node-releases "^1.1.42"
buffer-from@^1.0.0: buffer-from@^1.0.0:
version "1.1.1" version "1.1.1"
resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef" resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
@ -696,17 +674,16 @@ bytes@3.1.0:
resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6" resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg== integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
cacache@^12.0.2: cacache@^11.3.3:
version "12.0.2" version "11.3.3"
resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.2.tgz#8db03205e36089a3df6954c66ce92541441ac46c" resolved "https://registry.yarnpkg.com/cacache/-/cacache-11.3.3.tgz#8bd29df8c6a718a6ebd2d010da4d7972ae3bbadc"
integrity sha512-ifKgxH2CKhJEg6tNdAwziu6Q33EvuG26tYcda6PT3WKisZcYDXsnEdnRv67Po3yCzFfaSoMjGZzJyD2c3DT1dg== integrity sha512-p8WcneCytvzPxhDvYp31PD039vi77I12W+/KfR9S8AZbaiARFBCpsPJS+9uhWfeBfeAtW7o/4vt3MUqLkbY6nA==
dependencies: dependencies:
bluebird "^3.5.5" bluebird "^3.5.5"
chownr "^1.1.1" chownr "^1.1.1"
figgy-pudding "^3.5.1" figgy-pudding "^3.5.1"
glob "^7.1.4" glob "^7.1.4"
graceful-fs "^4.1.15" graceful-fs "^4.1.15"
infer-owner "^1.0.3"
lru-cache "^5.1.1" lru-cache "^5.1.1"
mississippi "^3.0.0" mississippi "^3.0.0"
mkdirp "^0.5.1" mkdirp "^0.5.1"
@ -758,25 +735,6 @@ call-me-maybe@^1.0.1:
resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b" resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
integrity sha1-JtII6onje1y95gJQoV8DHBak1ms= integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
caller-callsite@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
integrity sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=
dependencies:
callsites "^2.0.0"
caller-path@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
integrity sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=
dependencies:
caller-callsite "^2.0.0"
callsites@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
callsites@^3.0.0: callsites@^3.0.0:
version "3.1.0" version "3.1.0"
resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73" resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
@ -795,11 +753,6 @@ camelcase@^5.0.0, camelcase@^5.2.0:
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg== integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
caniuse-lite@^1.0.30001012, caniuse-lite@^1.0.30001015:
version "1.0.30001017"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001017.tgz#d3ad6ec18148b9bd991829958d9d7e562bb78cd6"
integrity sha512-EDnZyOJ6eYh6lHmCvCdHAFbfV4KJ9lSdfv4h/ppEhrU/Yudkl7jujwMZ1we6RX7DXqBfT04pVMQ4J+1wcTlsKA==
chalk@2.4.2, chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2: chalk@2.4.2, chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2:
version "2.4.2" version "2.4.2"
resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@ -1108,16 +1061,6 @@ core-util-is@~1.0.0:
resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac= integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
cosmiconfig@^5.0.0:
version "5.2.1"
resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
dependencies:
import-fresh "^2.0.0"
is-directory "^0.3.1"
js-yaml "^3.13.1"
parse-json "^4.0.0"
create-ecdh@^4.0.0: create-ecdh@^4.0.0:
version "4.0.3" version "4.0.3"
resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff" resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
@ -1489,11 +1432,6 @@ ee-first@1.1.1:
resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0= integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
electron-to-chromium@^1.3.322:
version "1.3.322"
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz#a6f7e1c79025c2b05838e8e344f6e89eb83213a8"
integrity sha512-Tc8JQEfGQ1MzfSzI/bTlSr7btJv/FFO7Yh6tanqVmIWOuNCu6/D1MilIEgLtmWqIrsv+o4IjpLAhgMBr/ncNAA==
elliptic@^6.0.0: elliptic@^6.0.0:
version "6.5.0" version "6.5.0"
resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.0.tgz#2b8ed4c891b7de3200e14412a5b8248c7af505ca" resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.0.tgz#2b8ed4c891b7de3200e14412a5b8248c7af505ca"
@ -1555,13 +1493,6 @@ errno@^0.1.3, errno@~0.1.7:
dependencies: dependencies:
prr "~1.0.1" prr "~1.0.1"
error-ex@^1.3.1:
version "1.3.2"
resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
dependencies:
is-arrayish "^0.2.1"
es-abstract@^1.5.1: es-abstract@^1.5.1:
version "1.16.2" version "1.16.2"
resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.16.2.tgz#4e874331645e9925edef141e74fc4bd144669d34" resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.16.2.tgz#4e874331645e9925edef141e74fc4bd144669d34"
@ -2484,21 +2415,6 @@ ignore@^4.0.6:
resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc" resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg== integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
import-cwd@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
dependencies:
import-from "^2.1.0"
import-fresh@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
integrity sha1-2BNVwVYS04bGH53dOSLUMEgipUY=
dependencies:
caller-path "^2.0.0"
resolve-from "^3.0.0"
import-fresh@^3.0.0: import-fresh@^3.0.0:
version "3.1.0" version "3.1.0"
resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.1.0.tgz#6d33fa1dcef6df930fae003446f33415af905118" resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.1.0.tgz#6d33fa1dcef6df930fae003446f33415af905118"
@ -2507,13 +2423,6 @@ import-fresh@^3.0.0:
parent-module "^1.0.0" parent-module "^1.0.0"
resolve-from "^4.0.0" resolve-from "^4.0.0"
import-from@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
dependencies:
resolve-from "^3.0.0"
import-local@2.0.0, import-local@^2.0.0: import-local@2.0.0, import-local@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d" resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@ -2646,11 +2555,6 @@ is-arguments@^1.0.4:
resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.0.4.tgz#3faf966c7cba0ff437fb31f6250082fcf0448cf3" resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.0.4.tgz#3faf966c7cba0ff437fb31f6250082fcf0448cf3"
integrity sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA== integrity sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA==
is-arrayish@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
is-binary-path@^1.0.0: is-binary-path@^1.0.0:
version "1.0.1" version "1.0.1"
resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898" resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
@ -2705,11 +2609,6 @@ is-descriptor@^1.0.0, is-descriptor@^1.0.2:
is-data-descriptor "^1.0.0" is-data-descriptor "^1.0.0"
kind-of "^6.0.2" kind-of "^6.0.2"
is-directory@^0.3.1:
version "0.3.1"
resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
is-extendable@^0.1.0, is-extendable@^0.1.1: is-extendable@^0.1.0, is-extendable@^0.1.1:
version "0.1.1" version "0.1.1"
resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89" resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
@ -3380,13 +3279,6 @@ node-pre-gyp@^0.12.0:
semver "^5.3.0" semver "^5.3.0"
tar "^4" tar "^4"
node-releases@^1.1.42:
version "1.1.44"
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.44.tgz#cd66438a6eb875e3eb012b6a12e48d9f4326ffd7"
integrity sha512-NwbdvJyR7nrcGrXvKAvzc5raj/NkoJudkarh2yIpJ4t0NH4aqjUDz/486P+ynIW5eokKOfzGNRdYoLfBlomruw==
dependencies:
semver "^6.3.0"
nopt@^4.0.1: nopt@^4.0.1:
version "4.0.1" version "4.0.1"
resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d" resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
@ -3407,11 +3299,6 @@ normalize-path@^3.0.0:
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA== integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
normalize-range@^0.1.2:
version "0.1.2"
resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
npm-bundled@^1.0.1: npm-bundled@^1.0.1:
version "1.0.6" version "1.0.6"
resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd" resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd"
@ -3449,11 +3336,6 @@ nth-check@~1.0.1:
dependencies: dependencies:
boolbase "~1.0.0" boolbase "~1.0.0"
num2fraction@^1.2.2:
version "1.2.2"
resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
number-is-nan@^1.0.0: number-is-nan@^1.0.0:
version "1.0.1" version "1.0.1"
resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
@ -3614,20 +3496,13 @@ p-is-promise@^2.0.0:
resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-2.1.0.tgz#918cebaea248a62cf7ffab8e3bca8c5f882fc42e" resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-2.1.0.tgz#918cebaea248a62cf7ffab8e3bca8c5f882fc42e"
integrity sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg== integrity sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==
p-limit@^2.0.0: p-limit@^2.0.0, p-limit@^2.2.0:
version "2.2.0" version "2.2.0"
resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.0.tgz#417c9941e6027a9abcba5092dd2904e255b5fbc2" resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.0.tgz#417c9941e6027a9abcba5092dd2904e255b5fbc2"
integrity sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ== integrity sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==
dependencies: dependencies:
p-try "^2.0.0" p-try "^2.0.0"
p-limit@^2.2.1:
version "2.2.1"
resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537"
integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==
dependencies:
p-try "^2.0.0"
p-locate@^3.0.0: p-locate@^3.0.0:
version "3.0.0" version "3.0.0"
resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4" resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
@ -3692,14 +3567,6 @@ parse-asn1@^5.0.0:
pbkdf2 "^3.0.3" pbkdf2 "^3.0.3"
safe-buffer "^5.1.1" safe-buffer "^5.1.1"
parse-json@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
dependencies:
error-ex "^1.3.1"
json-parse-better-errors "^1.0.1"
parse-passwd@^1.0.0: parse-passwd@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6" resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
@ -3816,24 +3683,6 @@ posix-character-classes@^0.1.0:
resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab" resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs= integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
postcss-load-config@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.0.tgz#c84d692b7bb7b41ddced94ee62e8ab31b417b003"
integrity sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
dependencies:
cosmiconfig "^5.0.0"
import-cwd "^2.0.0"
postcss-loader@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
dependencies:
loader-utils "^1.1.0"
postcss "^7.0.0"
postcss-load-config "^2.0.0"
schema-utils "^1.0.0"
postcss-modules-extract-imports@^2.0.0: postcss-modules-extract-imports@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e" resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
@ -3880,20 +3729,6 @@ postcss-value-parser@^3.3.0, postcss-value-parser@^3.3.1:
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
postcss-value-parser@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.2.tgz#482282c09a42706d1fc9a069b73f44ec08391dc9"
integrity sha512-LmeoohTpp/K4UiyQCwuGWlONxXamGzCMtFxLq4W1nZVGIQLYvMCJx3yAF9qyyuFpflABI9yVdtJAqbihOsCsJQ==
postcss@^7.0.0, postcss@^7.0.23:
version "7.0.25"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.25.tgz#dd2a2a753d50b13bed7a2009b4a18ac14d9db21e"
integrity sha512-NXXVvWq9icrm/TgQC0O6YVFi4StfJz46M1iNd/h6B26Nvh/HKI+q4YZtFN/EjcInZliEscO/WL10BXnc1E5nwg==
dependencies:
chalk "^2.4.2"
source-map "^0.6.1"
supports-color "^6.1.0"
postcss@^7.0.14, postcss@^7.0.5, postcss@^7.0.6: postcss@^7.0.14, postcss@^7.0.5, postcss@^7.0.6:
version "7.0.17" version "7.0.17"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
@ -4347,11 +4182,6 @@ serialize-javascript@^1.7.0:
resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.7.0.tgz#d6e0dfb2a3832a8c94468e6eb1db97e55a192a65" resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.7.0.tgz#d6e0dfb2a3832a8c94468e6eb1db97e55a192a65"
integrity sha512-ke8UG8ulpFOxO8f8gRYabHQe/ZntKlcig2Mp+8+URDP1D8vJZ0KUt7LYo07q25Z/+JVSgpr/cui9PIp5H6/+nA== integrity sha512-ke8UG8ulpFOxO8f8gRYabHQe/ZntKlcig2Mp+8+URDP1D8vJZ0KUt7LYo07q25Z/+JVSgpr/cui9PIp5H6/+nA==
serialize-javascript@^2.1.2:
version "2.1.2"
resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
serve-index@^1.9.1: serve-index@^1.9.1:
version "1.9.1" version "1.9.1"
resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239" resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"