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

Fix declaration-block-no-shorthand-property-overrides (CSS)

Browse Source
This commit is contained in:
MrTimscampi 2020-01-19 13:50:29 +01:00
parent 361d6372b0
commit ff67afeaa7
7 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -417,6 +417,7 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
a[data-role=button] { a[data-role=button] {
background: #292929 !important;
background-clip: padding-box; background-clip: padding-box;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-webkit-user-select: none; -webkit-user-select: none;
@ -429,7 +430,6 @@ a[data-role=button] {
padding: .8em 1em; padding: .8em 1em;
text-align: center; text-align: center;
text-decoration: none !important; text-decoration: none !important;
background: #292929 !important;
} }
@-webkit-keyframes rotating { @-webkit-keyframes rotating {

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

@ -12,8 +12,8 @@ button {
font-size: inherit !important; font-size: inherit !important;
font-family: inherit !important; font-family: inherit !important;
text-transform: none; text-transform: none;
background-color: transparent !important;
background: none !important; background: none !important;
background-color: transparent !important;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: block; display: block;

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

@ -8,6 +8,8 @@
font-size: inherit; font-size: inherit;
font-family: inherit; font-family: inherit;
color: inherit; color: inherit;
/* These are getting an outline in opera tv browsers, which run chrome 30 */
outline: none !important;
outline-width: 0; outline-width: 0;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
@ -19,8 +21,6 @@
vertical-align: middle; vertical-align: middle;
border: 0; border: 0;
border-radius: 0.2em; border-radius: 0.2em;
/* These are getting an outline in opera tv browsers, which run chrome 30 */
outline: none !important;
font-weight: 600; font-weight: 600;
/* Disable webkit tap highlighting */ /* Disable webkit tap highlighting */
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);

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

@ -102,8 +102,8 @@ _:-ms-input-placeholder {
height: 0.9em; height: 0.9em;
box-sizing: border-box; box-sizing: border-box;
border-radius: 50%; border-radius: 50%;
background-image: none;
background: #00a4dc; background: #00a4dc;
background-image: none;
border: none; border: none;
transform: Scale(1.4, 1.4); transform: Scale(1.4, 1.4);
} }

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

@ -26,11 +26,11 @@ html {
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
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-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: -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: -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));
background-color: rgba(0, 0, 0, .3);
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {

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

@ -26,11 +26,11 @@ html {
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
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-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: -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: -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))
background-color: rgba(0, 0, 0, .3);
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {

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

@ -22,21 +22,21 @@ html {
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
.skinHeader-withBackground { .skinHeader-withBackground {
background-color: #0C2450;
background: -webkit-gradient(linear, left top, left bottom, from(#0C2450), to(#081B3B)); background: -webkit-gradient(linear, left top, left bottom, from(#0C2450), to(#081B3B));
background: -webkit-linear-gradient(top, #0C2450, #081B3B); background: -webkit-linear-gradient(top, #0C2450, #081B3B);
background: -o-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);
background-color: #0C2450;
} }
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
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-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: -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: -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))
background-color: rgba(0, 0, 0, .3);
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {
@ -45,11 +45,11 @@ html {
.backgroundContainer, .backgroundContainer,
.dialog { .dialog {
background-color: #0F3562;
background: -webkit-gradient(linear, left top, left bottom, from(#0F3562), color-stop(#1162A4), to(#03215F)); background: -webkit-gradient(linear, left top, left bottom, from(#0F3562), color-stop(#1162A4), to(#03215F));
background: -webkit-linear-gradient(top, #0F3562, #1162A4, #03215F); background: -webkit-linear-gradient(top, #0F3562, #1162A4, #03215F);
background: -o-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)
background-color: #0F3562;
} }
.backgroundContainer.withBackdrop { .backgroundContainer.withBackdrop {
@ -427,6 +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-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
} }
@ -436,6 +437,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; -webkit-border-radius: 2px;
background: center no-repeat rgba(255, 255, 255, .7) background: center no-repeat rgba(255, 255, 255, .7)
} }