mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
merge branch master into assets
This commit is contained in:
dkanada
commit
2f4cf8248b
124 changed files with 5363 additions and 2283 deletions
|
|
@ -23,25 +23,10 @@ html {
|
|||
.skinHeader-withBackground {
|
||||
color: rgba(0, 0, 0, .7);
|
||||
background: #303030;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#BCBCBC), color-stop(#A7B4B7), color-stop(#BEB5A5), color-stop(#ADBEC2), to(#B9C7CB));
|
||||
background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
|
||||
background: -o-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
|
||||
background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) {
|
||||
.skinHeader-blurred {
|
||||
background: -webkit-gradient(linear, left top, right top, from(rgba(188, 188, 188, .7)), color-stop(rgba(167, 180, 183, .7)), color-stop(rgba(190, 181, 165, .7)), color-stop(rgba(173, 190, 194, .7)), to(rgba(185, 199, 203, .7)));
|
||||
background: -webkit-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7));
|
||||
background: -o-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7));
|
||||
background: linear-gradient(to right, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7));
|
||||
-webkit-backdrop-filter: blur(1.5em);
|
||||
backdrop-filter: blur(1.5em)
|
||||
}
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important
|
||||
}
|
||||
|
||||
|
|
@ -56,14 +41,10 @@ html {
|
|||
.backgroundContainer,
|
||||
.dialog {
|
||||
background: #D5E9F2;
|
||||
-webkit-background-size: 100% 100%;
|
||||
background-size: 100% 100%
|
||||
}
|
||||
|
||||
.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))
|
||||
}
|
||||
|
||||
|
|
@ -200,20 +181,9 @@ html {
|
|||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
color: rgba(0, 0, 0, .7);
|
||||
background: #303030;
|
||||
background: -webkit-gradient(linear, left top, right top, from(#BCBCBC), color-stop(#A7B4B7), color-stop(#BEB5A5), color-stop(#ADBEC2), to(#B9C7CB));
|
||||
background: -webkit-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
|
||||
background: -o-linear-gradient(left, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB);
|
||||
background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingBarSecondaryText {
|
||||
color: #999
|
||||
}
|
||||
|
|
@ -275,7 +245,6 @@ html {
|
|||
color: inherit;
|
||||
background: rgba(255, 255, 255, .9);
|
||||
border: .07em solid rgba(0, 0, 0, .158);
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -424,9 +393,6 @@ html {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#E4E2DC));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #E4E2DC)
|
||||
}
|
||||
|
||||
|
|
@ -434,7 +400,6 @@ html {
|
|||
color: #000;
|
||||
background: #fff3a5;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,19 +17,12 @@ html {
|
|||
|
||||
.skinHeader-withBackground {
|
||||
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)
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-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-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))
|
||||
}
|
||||
|
||||
|
|
@ -44,7 +37,6 @@ html {
|
|||
|
||||
.backgroundContainer {
|
||||
background: url(bg.jpg) center top no-repeat #033361;
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
|
|
@ -181,10 +173,9 @@ html {
|
|||
color: rgba(255, 255, 255, .78)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
@supports (backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
background: rgba(1, 2, 50, .7);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
|
@ -254,7 +245,6 @@ html {
|
|||
color: inherit;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border: .07em solid transparent;
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -409,9 +399,6 @@ html {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #181818)
|
||||
}
|
||||
|
||||
|
|
@ -419,7 +406,6 @@ html {
|
|||
color: #ddd;
|
||||
background: #111;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
@ -451,7 +437,7 @@ html {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
|
|
@ -460,7 +446,7 @@ html {
|
|||
|
||||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background: center no-repeat #888
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@ html {
|
|||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
|
@ -162,14 +161,6 @@ html {
|
|||
color: rgba(255, 255, 255, .78)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
||||
.itemSelectionPanel {
|
||||
border: 1px solid #00a4dc
|
||||
}
|
||||
|
|
@ -235,7 +226,6 @@ html {
|
|||
color: inherit;
|
||||
background: #292929;
|
||||
border: .07em solid #292929;
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -386,9 +376,6 @@ html {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#101010));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #101010);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #101010);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #101010)
|
||||
}
|
||||
|
||||
|
|
@ -396,7 +383,6 @@ html {
|
|||
color: #ddd;
|
||||
background: #111;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
@ -428,7 +414,7 @@ html {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
|
|
@ -437,7 +423,7 @@ html {
|
|||
|
||||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background: center no-repeat #888
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@ html {
|
|||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
|
@ -162,14 +161,6 @@ html {
|
|||
color: rgba(255, 255, 255, .78)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
||||
.itemSelectionPanel {
|
||||
border: 1px solid #52b54b
|
||||
}
|
||||
|
|
@ -235,7 +226,6 @@ html {
|
|||
color: inherit;
|
||||
background: #292929;
|
||||
border: .07em solid #292929;
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -386,9 +376,6 @@ html {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#1a1a1a));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #1a1a1a)
|
||||
}
|
||||
|
||||
|
|
@ -396,7 +383,6 @@ html {
|
|||
color: #ddd;
|
||||
background: #111;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
@ -428,7 +414,7 @@ html {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
|
|
@ -437,7 +423,7 @@ html {
|
|||
|
||||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background: center no-repeat #888
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -23,17 +23,14 @@ html {
|
|||
background-color: #303030;
|
||||
color: #ccc;
|
||||
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)
|
||||
}
|
||||
|
||||
.osdHeader {
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-backdrop-filter: none !important;
|
||||
backdrop-filter: none !important;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
|
@ -189,14 +186,6 @@ html {
|
|||
color: rgba(255, 255, 255, .78)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingBarSecondaryText {
|
||||
color: #999
|
||||
}
|
||||
|
|
@ -257,7 +246,6 @@ html {
|
|||
color: inherit;
|
||||
background: #fff;
|
||||
border: .07em solid rgba(0, 0, 0, .158);
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -405,9 +393,6 @@ html {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2)
|
||||
}
|
||||
|
||||
|
|
@ -415,7 +400,6 @@ html {
|
|||
color: #000;
|
||||
background: #fff3a5;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,19 +17,12 @@ html {
|
|||
|
||||
.skinHeader-withBackground {
|
||||
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%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000420', endColorstr='#000420',GradientType=1 );
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-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-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))
|
||||
}
|
||||
|
||||
|
|
@ -44,7 +37,6 @@ html {
|
|||
|
||||
.backgroundContainer {
|
||||
background: url(bg.jpg) center top no-repeat #030322;
|
||||
-webkit-background-size: cover;
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
|
|
@ -269,10 +261,9 @@ a[data-role=button] {
|
|||
color: rgba(255, 255, 255, .78)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
@supports (backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
background: rgba(6, 37, 111, .7);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
|
@ -342,7 +333,6 @@ a[data-role=button] {
|
|||
color: inherit;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border: .07em solid transparent;
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -502,9 +492,6 @@ a[data-role=button] {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #181818)
|
||||
}
|
||||
|
||||
|
|
@ -512,7 +499,6 @@ a[data-role=button] {
|
|||
color: #0e0f2d;
|
||||
background: #dbe6ff;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
@ -550,7 +536,7 @@ a[data-role=button] {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
|
|
@ -559,7 +545,7 @@ a[data-role=button] {
|
|||
|
||||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background: center no-repeat #888
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -23,27 +23,12 @@ html {
|
|||
.formDialogHeader:not(.formDialogHeader-clear),
|
||||
.skinHeader-withBackground {
|
||||
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)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) {
|
||||
.skinHeader-blurred {
|
||||
background: rgba(20, 20, 20, .7);
|
||||
-webkit-backdrop-filter: blur(1.5em);
|
||||
backdrop-filter: blur(1.5em)
|
||||
}
|
||||
}
|
||||
|
||||
.skinHeader.semiTransparent {
|
||||
-webkit-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-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))
|
||||
}
|
||||
|
||||
|
|
@ -54,9 +39,6 @@ html {
|
|||
.backgroundContainer,
|
||||
.dialog {
|
||||
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)
|
||||
}
|
||||
|
||||
|
|
@ -178,21 +160,10 @@ html {
|
|||
.appfooter,
|
||||
.formDialogFooter:not(.formDialogFooter-clear) {
|
||||
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);
|
||||
color: rgba(255, 255, 255, .78)
|
||||
}
|
||||
|
||||
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
|
||||
.appfooter-blurred {
|
||||
background: rgba(24, 24, 24, .7);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px)
|
||||
}
|
||||
}
|
||||
|
||||
.itemSelectionPanel {
|
||||
border: 1px solid #00a4dc
|
||||
}
|
||||
|
|
@ -255,7 +226,6 @@ html {
|
|||
color: inherit;
|
||||
background: rgba(255, 255, 255, .2);
|
||||
border: .07em solid rgba(255, 255, 255, .135);
|
||||
-webkit-border-radius: .15em;
|
||||
border-radius: .15em
|
||||
}
|
||||
|
||||
|
|
@ -408,9 +378,6 @@ html {
|
|||
}
|
||||
|
||||
.itemBackdropFader {
|
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#115E9E));
|
||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #115E9E);
|
||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #115E9E);
|
||||
background: linear-gradient(rgba(0, 0, 0, 0), #115E9E)
|
||||
}
|
||||
|
||||
|
|
@ -418,7 +385,6 @@ html {
|
|||
color: #000;
|
||||
background: #fff3a5;
|
||||
padding: 1em;
|
||||
-webkit-border-radius: .25em;
|
||||
border-radius: .25em
|
||||
}
|
||||
|
||||
|
|
@ -450,7 +416,7 @@ html {
|
|||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
|
|
@ -459,7 +425,7 @@ html {
|
|||
|
||||
::-webkit-scrollbar-thumb:horizontal,
|
||||
::-webkit-scrollbar-thumb:vertical {
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
background: center no-repeat rgba(255, 255, 255, .7)
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue