Add base files from AME
This commit is contained in:
cryptofyre
parent
e8f3881513
commit
e3c3bded3a
129 changed files with 19056 additions and 0 deletions
1039
resources/css/ameframework.css
Normal file
1039
resources/css/ameframework.css
Normal file
File diff suppressed because it is too large
Load diff
778
resources/css/custom-stylesheet.css
Normal file
778
resources/css/custom-stylesheet.css
Normal file
|
|
@ -0,0 +1,778 @@
|
|||
:root {
|
||||
--backButtonBar-height: 40px;
|
||||
}
|
||||
|
||||
body[platform="Linux x86_64"],
|
||||
body[platform="Linux"],
|
||||
body[platform="Linux x86"],
|
||||
body[platform="Linux ARM"]
|
||||
{
|
||||
font-family: -apple-system,BlinkMacSystemFont,"SF Pro","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
/* Back Button CSS */
|
||||
|
||||
body[back-button] .playlist .songs-list__header-col, .room .songs-list__header-col {
|
||||
top: var(--backButtonBar-height)!important;
|
||||
}
|
||||
|
||||
#backButtonBar {
|
||||
position: absolute;
|
||||
width: calc(100vw - var(--web-navigation-width));
|
||||
top: 0;
|
||||
height: var(--backButtonBar-height);
|
||||
transition: 0.2s;
|
||||
background-color: transparent;
|
||||
padding: 5px 10px;
|
||||
z-index: 9902;
|
||||
opacity: 0.95;
|
||||
top: 55px;
|
||||
}
|
||||
|
||||
#backButtonBar .button-area {
|
||||
position: relative;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
max-height: 30px;
|
||||
cursor: pointer;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
border-radius: 7px;
|
||||
opacity: 1;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
#backButtonBar .button-area:active {
|
||||
background-color: var(--segmentedControlSelectedBG) !important;
|
||||
backdrop-filter: saturate(0%) blur(25px) !important;
|
||||
box-shadow: 0 0 0.5px var(--segmentedControlSelectedBorder),
|
||||
0 3px 8px var(--segmentedControlSelectedShadow1),
|
||||
0 3px 1px var(--segmentedControlSelectedShadow2);
|
||||
}
|
||||
|
||||
#backButtonBar .button-area img:active {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
#backButtonBar .button-area img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
opacity: 0.5;
|
||||
z-index: 10000;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
#backButtonBar .button-area img:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 483px) {
|
||||
#backButtonBar {
|
||||
width: 100%;
|
||||
top: 44px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#backButtonBar .button-area img {
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Settings Menu CSS */
|
||||
|
||||
.application-preferences {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-top: 50px;
|
||||
display: grid;
|
||||
grid-template-rows: auto auto auto auto;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
.app-prefs-section {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.app-prefs-section .settings-list {
|
||||
padding: 0 10%
|
||||
}
|
||||
|
||||
span.app-prefs-title {
|
||||
height: 10px !important;
|
||||
}
|
||||
|
||||
.settings-list {
|
||||
margin: 50px 10px 50px 10px;
|
||||
}
|
||||
|
||||
.settings-list li {
|
||||
margin: 30px 0 30px 10px;
|
||||
}
|
||||
|
||||
.settings-list li .list-element {
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.application-preferences .app-prefs-section .header-nav-image {
|
||||
width: auto;
|
||||
height: 30px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.application-preferences .app-prefs-section .header-nav-image {
|
||||
filter: invert(100%);
|
||||
}
|
||||
}
|
||||
|
||||
.application-preferences .app-prefs-section #advanced {
|
||||
transform: translateY(-2000px) translateZ(0);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity .3s ease 0s, transform 0s linear .9s;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.application-preferences .app-prefs-section .revealed {
|
||||
transform: translateY(0px) !important;
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
transition: top 0s linear 0s, opacity .3s ease .01s !important;
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
/* Credits Section */
|
||||
|
||||
.app-prefs-credits {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.app-prefs-credits .dt-footer__list .dt-footer__item {
|
||||
margin-top: 20px;
|
||||
display: grid;
|
||||
grid-template-rows: 15px auto;
|
||||
grid-template-columns: auto;
|
||||
}
|
||||
|
||||
.app-prefs-credits .dt-footer__list .dt-footer__item ul {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.app-prefs-credits .dt-footer__list {
|
||||
display: flex;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.app-prefs-credits .dt-footer__list .dt-footer__item .dt-footer__link {
|
||||
grid-row: 1;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.app-prefs-credits .dt-footer__list .dt-footer__item .dt-footer__list-item {
|
||||
grid-row: 2;
|
||||
color: var(--systemSecondary);
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.app-prefs-credits .dt-footer__list .dt-footer__item .dt-footer__list-item a {
|
||||
color: var(--systemSecondary) !important;
|
||||
}
|
||||
|
||||
/* Help */
|
||||
.settings-list .app-prefs-help {
|
||||
color: #808080;
|
||||
margin: 0 0;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.header-nav-content .app-prefs-help {
|
||||
position: relative;
|
||||
float: right;
|
||||
color: #808080;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
margin-bottom: 6px;
|
||||
-webkit-margin-end: 25px;
|
||||
margin-inline-end: 25px;
|
||||
}
|
||||
|
||||
.settings-list .app-prefs-divider .app-prefs-help {
|
||||
font-size: 10px !important;
|
||||
margin-left: 20px !important;
|
||||
}
|
||||
|
||||
/* Divider */
|
||||
.settings-list .app-prefs-divider {
|
||||
margin: 0 0;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.settings-list li .list-button {
|
||||
color: var(--systemPrimary);
|
||||
padding: 5px 10px;
|
||||
margin-left: 20px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
border-color: #424245;
|
||||
background-color: hsla(0, 0%, 100%, .04);
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
transition: 0.7s;
|
||||
}
|
||||
|
||||
.success {
|
||||
background-color: #57F287 !important;
|
||||
color: #ffffff !important;
|
||||
border-color: #57F287 !important;
|
||||
}
|
||||
|
||||
.failure {
|
||||
background-color: #ED4245 !important;
|
||||
color: #ffffff !important;
|
||||
border-color: #ED4245 !important;
|
||||
}
|
||||
|
||||
/*LastFM Connect Button*/
|
||||
.settings-list li #lfmConnect {
|
||||
background-color: #E4141E !important;
|
||||
color: #ffffff !important;
|
||||
border-color: #E4141E !important;
|
||||
}
|
||||
|
||||
/* Toggle Slider */
|
||||
.settings-list li .slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: 0.4s;
|
||||
transition: 0.4s;
|
||||
border-radius: 28px;
|
||||
}
|
||||
|
||||
.settings-list li .slider:before {
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background-color: white;
|
||||
-webkit-transition: 0.4s;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.settings-list li .toggle-element {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
grid-column: 3;
|
||||
margin: 5px 20px 0 20px;
|
||||
}
|
||||
|
||||
.settings-list li .toggle-element input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.settings-list li .toggle-element input:checked + .slider {
|
||||
background-color: var(--keyColor);
|
||||
}
|
||||
|
||||
.settings-list li .toggle-element input:focus + .slider {
|
||||
box-shadow: 0 0 1px var(--keyColor);
|
||||
}
|
||||
|
||||
.settings-list li .toggle-element input:checked + .slider:before {
|
||||
-webkit-transform: translateX(20px);
|
||||
-ms-transform: translateX(20px);
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
/* Dropdown */
|
||||
.settings-list li .form-dropdown-select {
|
||||
color: var(--systemPrimary);
|
||||
border-color: #424245;
|
||||
background-color: hsla(0, 0%, 100%, .04);
|
||||
padding: 5px 10px;
|
||||
margin: 10px 0 10px 20px;
|
||||
border-radius: 5px;
|
||||
font-size: 15px;
|
||||
font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.settings-list li .form-dropdown-select option {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.settings-list li .form-dropdown-select option:disabled {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
/* Artwork CSS (for miniPlayer) */
|
||||
|
||||
.web-chrome-playback-lcd #ember13.media-artwork-v2--downloaded::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.web-chrome-playback-lcd #ember13.media-artwork-v2--downloaded:hover::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
background-image: url("ameres://icons/webui/MiniPlayer_hover.svg");
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Mini Player Context Menu */
|
||||
@media only screen and (max-width: 400px) {
|
||||
|
||||
body[data-miniplayer] #web-main > .loading-inner,
|
||||
body[data-miniplayer] #backButtonBar,
|
||||
body[data-miniplayer] #web-navigation-container,
|
||||
body[data-miniplayer] .web-chrome {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body[data-miniplayer] .menuicon {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
body[data-miniplayer] li.context-menu__option {
|
||||
font-size: 12px;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
body[data-miniplayer] .miniPlayerArtwork {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: black var(--musicKit-artwork) center;
|
||||
background-size: cover;
|
||||
z-index: 800;
|
||||
}
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
#airplayButton, #lyricsButton, button[aria-label="My Account"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Lyrics CSS */
|
||||
:root {
|
||||
--appleEase: cubic-bezier(0.42, 0, 0.58, 1);
|
||||
--panel-width: 300px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: black;
|
||||
transition: background var(--appleEase) .10s;
|
||||
}
|
||||
|
||||
body.no-acrylic {
|
||||
background: var(--pageBG) !important;
|
||||
}
|
||||
|
||||
.appleSidebar {
|
||||
width: var(--panelWidth);
|
||||
animation: 3s lyricsSlideOut forwards;
|
||||
|
||||
}
|
||||
|
||||
@keyframes lyricsSlideOut {
|
||||
0% {
|
||||
transform: translateX(-300px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
#backgroundImage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(16px) saturate(180%);
|
||||
background-repeat: no-repeat;
|
||||
object-fit: cover;
|
||||
object-position: center center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#lyricer {
|
||||
width: 90%;
|
||||
font-weight: 700;
|
||||
font-family: SF Pro JP, SF Pro KR, SF Pro, "M PLUS 1p", "Hiragino Sans GB W6", Tahoma, Arial, sans-serif;
|
||||
text-shadow: rgb(238, 238, 238) 0 0 1px;
|
||||
color: rgb(102, 102, 102);
|
||||
overflow: hidden scroll;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
margin-right: 20px;
|
||||
margin-left: 5%;
|
||||
height: 90%;
|
||||
--lyricBlur: 1px;
|
||||
font-size: 1.6rem;
|
||||
-webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
|
||||
transition: all 1s var(--appleEase) !important;
|
||||
}
|
||||
|
||||
#lyricer:hover {
|
||||
--lyricBlur: 0px;
|
||||
}
|
||||
|
||||
#lyricer > ul li:not(.lyricer-current-line) {
|
||||
filter: blur(var(--lyricBlur));
|
||||
}
|
||||
|
||||
#lyricer::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#lyricer ul {
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#lyricer ul li {
|
||||
opacity: 0.9;
|
||||
color: var(--systemQuaternary);
|
||||
transform: scale(0.85);
|
||||
transform-origin: left center;
|
||||
margin-bottom: 14px;
|
||||
-webkit-backface-visibility: hidden;
|
||||
overflow: visible;
|
||||
transition: all .25s var(--appleEase) !important;
|
||||
}
|
||||
|
||||
#lyricer ul li:hover::after {
|
||||
content: ' ';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: scale(1.06);
|
||||
background: rgba(200, 200, 200, 0.1);
|
||||
pointer-events: none;
|
||||
border-radius: 10px;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
|
||||
#lyricer .lyricer-current-line {
|
||||
color: var(--systemPrimary);
|
||||
/* text-shadow: rgb(169, 169, 169) 1.5px 1.5px 1.5px; */
|
||||
opacity: 1;
|
||||
font-weight: 700;
|
||||
transform: scale(1) !important;
|
||||
transform-origin: left center;
|
||||
filter: blur(0px) !important;
|
||||
transition: all .25s var(--appleEase) !important;
|
||||
}
|
||||
|
||||
#lyricer ul li .lyrics-translation {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.lyricWaiting {
|
||||
margin-top: 8px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lyricer-current-line .lyricWaiting {
|
||||
display: inline-flex;
|
||||
animation: lyricWaitingLine 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
|
||||
}
|
||||
|
||||
|
||||
.lyricWaiting > div {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: var(--systemPrimary);
|
||||
border-radius: 50%;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
@keyframes lyricWaitingLine {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.85);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(0.85);
|
||||
}
|
||||
}
|
||||
|
||||
#unsynced {
|
||||
font-weight: 600;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#unsynced > div > p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#MVLyricsBox {
|
||||
display: none;
|
||||
font-size: 1rem;
|
||||
position: absolute;
|
||||
top: 80%;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
align-self: center;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.ameModal-Backdrop {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: all .25s;
|
||||
}
|
||||
|
||||
.ameModal {
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
padding: 16px;
|
||||
border-radius: 10px;
|
||||
background: var(--modalBGColor);
|
||||
overflow: overlay;
|
||||
position: relative;
|
||||
animation: ameModalIn 0.10s var(--appleEase);
|
||||
will-change: opacity, transform;
|
||||
box-shadow: 0 8px 40px var(--dialogShadowColor);
|
||||
}
|
||||
|
||||
/*.ameModal::after {*/
|
||||
/* content: '';*/
|
||||
/* width:100%;*/
|
||||
/* height:100%;*/
|
||||
/* box-shadow: inset 0 0.35px 0 1px rgba(255,255,255,0.1);*/
|
||||
/* overflow: hidden;*/
|
||||
/* position: absolute;*/
|
||||
/* top:0px;*/
|
||||
/* left:0px;*/
|
||||
/* border-radius: inherit;*/
|
||||
/* z-index:1;*/
|
||||
/* pointer-events: none;*/
|
||||
/*}*/
|
||||
|
||||
.ameModal-closing {
|
||||
animation: ameModalOut 0.10s var(--appleEase) forwards;
|
||||
}
|
||||
|
||||
|
||||
/* @media (prefers-color-scheme: light) {
|
||||
.ameModal {
|
||||
background: rgb(255 255 255 / 92%);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.ameModal {
|
||||
background: rgb(31 31 31 / 85%);
|
||||
}
|
||||
} */
|
||||
|
||||
.ameUserMenu {
|
||||
border-radius: 6px;
|
||||
border: .5px solid rgba(0, 0, 0, .2);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2), 0 8px 40px var(--dialogShadowColor);
|
||||
animation: unset;
|
||||
background-color: var(--systemStandardThickMaterialSover);
|
||||
-webkit-backdrop-filter: blur(60px) saturate(210%);
|
||||
backdrop-filter: blur(60px) saturate(210%);
|
||||
font-size: 1.0em;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@keyframes ameEQIn {
|
||||
0% {
|
||||
top: 46px;
|
||||
right: 142px;
|
||||
width: 178px;
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
top: 46px;
|
||||
right: 42px;
|
||||
width: 306px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ameModalIn {
|
||||
0% {
|
||||
transform: scale(0.85);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: scale(1.0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ameModalOut {
|
||||
0% {
|
||||
transform: scale(1.0);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: scale(0.85);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ameModal-Close {
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
left: 24px;
|
||||
z-index: 2;
|
||||
-webkit-mask-image: url("ameres://icons/webui/close.svg");
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
-webkit-mask-position: center;
|
||||
background-color: white;
|
||||
opacity: 0.75;
|
||||
-webkit-mask-size: contain;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.micaBackground {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
background: var(--user-wallpaper);
|
||||
background-repeat: cover;
|
||||
/*background-repeat: repeat;*/
|
||||
filter: blur(180px) saturate(180%) brightness(0.25);
|
||||
}
|
||||
|
||||
#lyrics_none {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#lyrics_none.lyrics_none_hidden {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Switch Checkbox */
|
||||
input[type=checkbox][switch] {
|
||||
width: 38px;
|
||||
appearance: none;
|
||||
border-radius: 32px;
|
||||
height: 24px;
|
||||
zoom: 1;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
left: 0;
|
||||
position: relative;
|
||||
transform: scale(1);
|
||||
background: var(--systemGray);
|
||||
mix-blend-mode: screen;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type=checkbox][switch]:focus,
|
||||
input[type=checkbox][switch]:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type=checkbox][switch]:checked {
|
||||
background: var(--keyColor);
|
||||
border: 0 solid var(--keyColor);
|
||||
mix-blend-mode: unset;
|
||||
}
|
||||
|
||||
input[type=checkbox][switch]::before {
|
||||
background: white;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
position: absolute;
|
||||
content: ' ';
|
||||
border-radius: 32px;
|
||||
transition: .10s left var(--appleEase);
|
||||
transform: scale(.75);
|
||||
}
|
||||
|
||||
|
||||
input[type=checkbox][switch]:checked::before {
|
||||
background: white;
|
||||
top: -1px;
|
||||
left: 13px;
|
||||
transition: .10s left var(--appleEase);
|
||||
transform: scale(.75);
|
||||
}
|
||||
|
||||
input[type=checkbox][switch]:disabled::before {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
input[type=checkbox][switch]:active::before {
|
||||
left: 13px;
|
||||
}
|
||||
|
||||
input[type=checkbox][switch]:checked:active::before {
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
/* End Switch Checkbox */
|
||||
142
resources/css/frame_Windows.css
Normal file
142
resources/css/frame_Windows.css
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
.web-main-drag {
|
||||
-webkit-app-region: drag;
|
||||
width: calc(100vw - var(--web-navigation-width));
|
||||
height: 28px;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
background-color: var(--playerBackground);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 485px) {
|
||||
.web-main-drag {
|
||||
background-color: var(--webNavigationMobileBg) !important;
|
||||
width: calc(100% - 50px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.web-nav-window-controls {
|
||||
-webkit-user-select: none;
|
||||
-webkit-app-region: no-drag;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 9904 !important;
|
||||
}
|
||||
|
||||
.web-chrome__auth-no-chrome {
|
||||
margin-top: 32px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 485px) {
|
||||
.web-chrome-window-controls {
|
||||
height: 55px;
|
||||
background-color: var(--playerBackground);
|
||||
backdrop-filter: saturate(50%) blur(20px);
|
||||
margin-left: auto;
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (prefers-color-scheme: dark) and (min-width: 485px) {
|
||||
.web-chrome-window-controls {
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,.05),0 1px 3px var(--playerDropShadow2),inset 0 -.5px 0 var(--playerInnerShadow);
|
||||
clip-path: inset(-5px -5px -5px 0px);
|
||||
}
|
||||
}
|
||||
|
||||
.web-nav-window-controls #minimize {
|
||||
background-image: var(--gfx-minBtn);
|
||||
background-color: transparent;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-app-region: no-drag;
|
||||
width: 45px;
|
||||
height: 28px;
|
||||
display: inline-block;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #maximize {
|
||||
background-image: var(--gfx-maxBtn);
|
||||
background-color: transparent;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-app-region: no-drag;
|
||||
width: 45px;
|
||||
height: 28px;
|
||||
display: inline-block;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #close {
|
||||
background-image: var(--gfx-closeBtn);
|
||||
background-color: transparent;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-app-region: no-drag;
|
||||
width: 46px;
|
||||
height: 28px;
|
||||
display: inline-block;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #close:hover {
|
||||
background-color: rgb(196, 43, 28);
|
||||
}
|
||||
|
||||
span#maximize:hover,
|
||||
span#minimize:hover {
|
||||
background-color: rgba(200, 200, 200, 0.1);
|
||||
}
|
||||
|
||||
span#maximize.maxed {
|
||||
background-image: var(--gfx-restoreBtn);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
/* */
|
||||
--gfx-closeBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjY6MjgtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI2OjI4LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjY6MjgtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PtPY89oAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEpJREFUGJWNkMENwDAIA1Gh3F7sP0Ty7xD5JgpU+OuTLVvMmQohhRTCnCEK8TpfBl9eBpcBu/HXcsAZ9FQjSrWqW2Pa95gzGofPBQZRG2fS0899AAAAAElFTkSuQmCC');
|
||||
--gfx-maxBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjU6NTItMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI1OjUyLTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjU6NTItMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PntJ23wAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEhJREFUGJVjYGBgmMzAwPCXgYHhPw78l4GBYTIjlKHHwMDwlAE7EGFgYLjJANUlgEMRDPxnIqAADoaKwn8MkCDABaShaogLcACWZRl4ajKVtAAAAABJRU5ErkJggg==');
|
||||
--gfx-restoreBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6MjY6NTMtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI2OjUzLTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6MjY6NTMtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PluKsJ0AAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAGlJREFUGJWt0LEOgkAQhOFPShspSWyvMPFxKaDh0XgOq8tZuCqBIzRMMsXmn51slr9GlJVfmHC9LII3LGfoomCGHrnSloM9olnGE+3KKVgbi0oMNX1ZaXYCG50aLBj4HJwqgXuwn47eA95vgSGy6zr7OwAAAABJRU5ErkJggg==');
|
||||
--gfx-minBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAaxaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pg0KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPg0KICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPg0KICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMTdUMTM6MDA6MzJaIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDItMTdUMTM6MDA6MzJaIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZDBlZGIwLWZkMDAtYjY0Zi05ZWZiLWEyYjQ1ODcwNWE4YSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmEzMDAxZTFhLTI5MTktZTQ0OS1iOTRjLWMyMTIyNDhhOWY4YSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc4N2Y3OTljLTRiMTEtZTU0YS1iMjBkLTY4NjE3ZWQ5YzVlMiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPg0KICAgICAgPHhtcE1NOkhpc3Rvcnk+DQogICAgICAgIDxyZGY6U2VxPg0KICAgICAgICAgIDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4N2Y3OTljLTRiMTEtZTU0YS1iMjBkLTY4NjE3ZWQ5YzVlMiIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0xN1QxMzowMDozMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgLz4NCiAgICAgICAgICA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODVkMGVkYjAtZmQwMC1iNjRmLTllZmItYTJiNDU4NzA1YThhIiBzdEV2dDp3aGVuPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIiAvPg0KICAgICAgICA8L3JkZjpTZXE+DQogICAgICA8L3htcE1NOkhpc3Rvcnk+DQogICAgICA8cGhvdG9zaG9wOlRleHRMYXllcnM+DQogICAgICAgIDxyZGY6QmFnPg0KICAgICAgICAgIDxyZGY6bGkgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qShIiBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKEiIC8+DQogICAgICAgIDwvcmRmOkJhZz4NCiAgICAgIDwvcGhvdG9zaG9wOlRleHRMYXllcnM+DQogICAgPC9yZGY6RGVzY3JpcHRpb24+DQogIDwvcmRmOlJERj4NCjwveDp4bXBtZXRhPg0KPD94cGFja2V0IGVuZD0iciI/PmeGdrgAAAAVSURBVChTYxhOgBGI/0OYQx0wMAAAyp4BAZ26NiYAAAAASUVORK5CYII=');
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--gfx-closeBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6MzYtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjM2LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6MzYtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PmN2D9EAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEtJREFUGJWNkMENwDAIA1FGY/8hkn8HOAqPfBsFKvz1yZYtbqwAlUIB6saUAH2NJ4MvL4PLgK/x13LAGTSqEaVa1a0x7XvcmI3D1wbntaRbB2haYwAAAABJRU5ErkJggg==');
|
||||
--gfx-maxBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6NTgtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjU4LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6NTgtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PlwQMBUAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFBJREFUGJXV0LERgCAUBNHVsQADM3uwWWbojQIs47MEGhgAuS/eSw41qeFYqGlRA7iAm74DKLyrfRABoLrOgq+/hJXngi71BOoGZKBMHqhAbtMvQzel9pREAAAAAElFTkSuQmCC');
|
||||
--gfx-restoreBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAIn2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgZGM6Zm9ybWF0PSJpbWFnZS9wbmciCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iMTAiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEyOjU1OjM3WiIKICAgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTAtMDVUMTQ6Mjc6MjQtMDc6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA1VDE0OjI3OjI0LTA3OjAwIgogICB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTk5OWM2NWYtNDhhOS0wNjQyLWI2MTktZmJlYTExMmUxOGZiIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzMyOWNhLWNkNjctMzY0Zi04MzU1LTY5N2ZmYzI0ZDdlZCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZjQwYmU3LTE0YzItZjc0Ni1hZmE1LWQxYmIxNzAyMjM4OCIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEwIgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iMTAiCiAgIGV4aWY6Q29sb3JTcGFjZT0iMSI+CiAgIDxwaG90b3Nob3A6VGV4dExheWVycz4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgcGhvdG9zaG9wOkxheWVyTmFtZT0i7qSiIgogICAgICBwaG90b3Nob3A6TGF5ZXJUZXh0PSLupKIiLz4KICAgIDwvcmRmOlNlcT4KICAgPC9waG90b3Nob3A6VGV4dExheWVycz4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0iY3JlYXRlZCIKICAgICAgeG1wTU06aW5zdGFuY2VJRD0ieG1wLmlpZDo4MmY0MGJlNy0xNGMyLWY3NDYtYWZhNS1kMWJiMTcwMjIzODgiCiAgICAgIHhtcE1NOnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIKICAgICAgeG1wTU06d2hlbj0iMjAyMC0wMi0xN1QxMjo1NTozN1oiLz4KICAgICA8cmRmOmxpCiAgICAgIHhtcE1NOmFjdGlvbj0ic2F2ZWQiCiAgICAgIHhtcE1NOmNoYW5nZWQ9Ii8iCiAgICAgIHhtcE1NOmluc3RhbmNlSUQ9InhtcC5paWQ6NjkzMzI5Y2EtY2Q2Ny0zNjRmLTgzNTUtNjk3ZmZjMjRkN2VkIgogICAgICB4bXBNTTpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiCiAgICAgIHhtcE1NOndoZW49IjIwMjAtMDItMTdUMTI6NTU6MzdaIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InByb2R1Y2VkIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZmZpbml0eSBQaG90byAxLjEwLjEiCiAgICAgIHN0RXZ0OndoZW49IjIwMjEtMTAtMDVUMTQ6Mjc6MjQtMDc6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0iciI/PqiFCFwAAAGCaUNDUHNSR0IgSUVDNjE5NjYtMi4xAAAokXWRv0tCURTHP2lhmGFRQUODhDVZlELU0qD0C6pBDbJa9OWPQO3xnhHRGrQKBVFLv4b6C2oNmoOgKIJoC5qLWkpe56mgRJ7Luedzv/eew73ngiWcVjJ6/QBksjktOOF3zUcWXLZX7DTQQSu+qKKrM6HxMDXt64E6M971mbVqn/vXmpbjugJ1jcKjiqrlhCeFp9dzqsm7wu1KKrosfC7s0eSCwvemHivxm8nJEv+YrIWDAbC0CLuSVRyrYiWlZYTl5bgz6TWlfB/zJY54di4ksVu8C50gE/hxMcUYAYYYZETmIfrw0i8rauQPFPNnWZVcRWaVDTRWSJIih0fUNakel5gQPS4jzYbZ/7991RM+b6m6ww8NL4bx0QO2HSjkDeP72DAKJ2B9hqtsJX/1CIY/Rc9XNPchOLfg4rqixfbgchs6n9SoFi1KVnFLIgHvZ9AcgbZbsC+Welbe5/QRwpvyVTewfwC9ct659At2bGftHD0UJwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHNJREFUGJWtkKEOwlAMRc+QM5AwQYJFoPjZCWb2YRPIaeRTLwfTLQs0UxzX3tumtxCog78UdVTbZmM8AmsdXIABeKH2ak221dDuamnUCjyA+WtbB0zAGXgT0ycSFk31kBky/moUeBLpbsl91wi6Nnbfs/g+7XOQq6ifjfkAAAAASUVORK5CYII=');
|
||||
--gfx-minBtn: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGOmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMi0xN1QxMzowMDozMloiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTE3VDEzOjAwOjMyWiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NWQwZWRiMC1mZDAwLWI2NGYtOWVmYi1hMmI0NTg3MDVhOGEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMzAwMWUxYS0yOTE5LWU0NDktYjk0Yy1jMjEyMjQ4YTlmOGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ODdmNzk5Yy00YjExLWU1NGEtYjIwZC02ODYxN2VkOWM1ZTIiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3ODdmNzk5Yy00YjExLWU1NGEtYjIwZC02ODYxN2VkOWM1ZTIiIHN0RXZ0OndoZW49IjIwMjAtMDItMTdUMTM6MDA6MzJaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1ZDBlZGIwLWZkMDAtYjY0Zi05ZWZiLWEyYjQ1ODcwNWE4YSIgc3RFdnQ6d2hlbj0iMjAyMC0wMi0xN1QxMzowMDozMloiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpUZXh0TGF5ZXJzPiA8cmRmOkJhZz4gPHJkZjpsaSBwaG90b3Nob3A6TGF5ZXJOYW1lPSLupKEiIHBob3Rvc2hvcDpMYXllclRleHQ9Iu6koSIvPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOlRleHRMYXllcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FwvRXAAAABdJREFUGNNj/P//PwMxgHGIKPw/XDwDAOr1HuzlELLnAAAAAElFTkSuQmCC');
|
||||
}
|
||||
}
|
||||
|
||||
/* Make Web-Chrome Draggable */
|
||||
@media only screen and (min-width: 485px) {
|
||||
.web-chrome {
|
||||
width: calc(100vw - var(--web-navigation-width) - 136px) !important;
|
||||
left: var(--web-navigation-width) !important;
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
|
||||
.web-chrome-controls-container {
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
|
||||
/* add no-drag to child elements */
|
||||
.web-chrome-playback-controls>* {
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-chrome-controls-container>* {
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-chrome-playback-lcd {
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
}
|
||||
91
resources/css/frame_macOS_emulation.css
Normal file
91
resources/css/frame_macOS_emulation.css
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
@media only screen and (min-width: 484px) {
|
||||
.web-chrome::before {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.web-nav-window-controls-outer {
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
-webkit-app-region: no-drag;
|
||||
background-color: transparent !important;
|
||||
-webkit-user-select: none;
|
||||
padding-left: 2px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.web-nav-window-controls {
|
||||
-webkit-app-region: drag;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #close { /*Red*/
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
background-color: rgb(255, 92, 92);
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
margin: auto 4px auto 10px;
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #minimize { /*Yellow*/
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
background-color: rgb(255, 189, 76);
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
margin: auto 4px;
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #maximize { /*Green*/
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
background-color: rgb(0, 202, 86);
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
margin: auto 4px;
|
||||
color: rgb(130, 0, 5);
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #close:hover,
|
||||
.web-nav-window-controls #minimize:hover,
|
||||
.web-nav-window-controls #maximize:hover {
|
||||
filter: brightness(40%);
|
||||
}
|
||||
|
||||
@media only screen and (prefers-color-scheme: dark) and (min-width: 485px) {
|
||||
#web-navigation-search-box {
|
||||
box-shadow: 0 1px 0 rgba(0,0,0,.05),0 1px 3px var(--playerDropShadow2),inset 0 -.5px 0 var(--playerInnerShadow);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 485px) {
|
||||
.web-nav-window-controls #maximize {
|
||||
margin-right: 10px;
|
||||
right: 0;
|
||||
}
|
||||
.web-nav-window-controls {
|
||||
padding: 0 !important;
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
right: 0 !important;
|
||||
position: fixed !important;
|
||||
top: auto !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.web-nav-window-controls-outer {
|
||||
width: calc(100% - 50px) !important;
|
||||
height: 44px !important;
|
||||
position: fixed !important;
|
||||
right: 0 !important;
|
||||
-webkit-app-region: drag !important;
|
||||
}
|
||||
}
|
||||
123
resources/css/frame_macOS_emulation_right.css
Normal file
123
resources/css/frame_macOS_emulation_right.css
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
.web-main-drag {
|
||||
-webkit-app-region: drag;
|
||||
width: calc(100vw - var(--web-navigation-width));
|
||||
height: 28px;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
background-color: var(--playerBackground);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 485px) {
|
||||
.web-main-drag {
|
||||
background-color: var(--webNavigationMobileBg) !important;
|
||||
width: calc(100% - 50px) !important;
|
||||
}
|
||||
|
||||
.web-nav-window-controls {
|
||||
margin-top: 10px
|
||||
}
|
||||
}
|
||||
|
||||
.web-nav-window-controls {
|
||||
-webkit-user-select: none;
|
||||
-webkit-app-region: no-drag;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 9904 !important;
|
||||
}
|
||||
|
||||
.web-chrome__auth-no-chrome {
|
||||
margin-top: 32px !important;
|
||||
height: 28px !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 485px) {
|
||||
.web-chrome-window-controls {
|
||||
height: 55px;
|
||||
background-color: var(--playerBackground);
|
||||
backdrop-filter: saturate(50%) blur(20px);
|
||||
margin-left: auto;
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (prefers-color-scheme: dark) and (min-width: 485px) {
|
||||
.web-chrome-window-controls {
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 1px 3px var(--playerDropShadow2), inset 0 -.5px 0 var(--playerInnerShadow);
|
||||
clip-path: inset(-5px -5px -5px 0px);
|
||||
}
|
||||
}
|
||||
|
||||
.web-nav-window-controls #minimize {
|
||||
background-color: rgb(255, 189, 76);
|
||||
border-radius: 50%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-app-region: no-drag;
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
display: inline-block;
|
||||
z-index: 9999 !important;
|
||||
margin: auto 4px;
|
||||
}
|
||||
|
||||
.web-nav-window-controls #maximize {
|
||||
background-color: rgb(0, 202, 86);
|
||||
border-radius: 50%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-app-region: no-drag;
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
display: inline-block;
|
||||
z-index: 9999 !important;
|
||||
margin: auto 4px
|
||||
}
|
||||
|
||||
.web-nav-window-controls #close {
|
||||
background-color: rgb(255, 92, 92);
|
||||
border-radius: 50%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-app-region: no-drag;
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
display: inline-block;
|
||||
z-index: 9999 !important;
|
||||
margin: auto 10px auto 4px;
|
||||
}
|
||||
|
||||
span#close:hover,
|
||||
span#maximize:hover,
|
||||
span#minimize:hover {
|
||||
filter: brightness(40%);
|
||||
}
|
||||
|
||||
/* Make Web-Chrome Draggable */
|
||||
@media only screen and (min-width: 485px) {
|
||||
.web-chrome {
|
||||
width: calc(100vw - var(--web-navigation-width) - 66px) !important;
|
||||
left: var(--web-navigation-width) !important;
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
|
||||
.web-chrome-controls-container {
|
||||
-webkit-app-region: drag;
|
||||
}
|
||||
|
||||
/* add no-drag to child elements */
|
||||
.web-chrome-playback-controls > * {
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-chrome-controls-container > * {
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.web-chrome-playback-lcd {
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
}
|
||||
182
resources/css/lyricer.css
Normal file
182
resources/css/lyricer.css
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
:root {
|
||||
--appleEase: cubic-bezier(0.42, 0, 0.58, 1);
|
||||
--panel-width: 300px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.appleSidebar {
|
||||
width: var(--panelWidth);
|
||||
animation: 3s lyricsSlideOut forwards;
|
||||
|
||||
}
|
||||
|
||||
@keyframes lyricsSlideOut {
|
||||
0% {
|
||||
transform: translateX(-300px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
#backgroundImage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(16px) saturate(180%);
|
||||
background-repeat: no-repeat;
|
||||
object-fit: cover;
|
||||
object-position: center center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
|
||||
#albumart{
|
||||
z-index: 2;
|
||||
border-radius: 6px;
|
||||
top: 10%;
|
||||
right: 55%;
|
||||
width: 36%;
|
||||
background-repeat: no-repeat;
|
||||
object-fit: cover;
|
||||
object-position: center center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#title{
|
||||
font-family: "SF Pro", "M PLUS 1p", "Hiragino Sans GB W6", Tahoma, Arial, sans-serif;
|
||||
color: whitesmoke;
|
||||
z-index: 2;
|
||||
top: 10vh + 40vw;
|
||||
right: 58%;
|
||||
width: 30%;
|
||||
font-size: 1.5rem;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#details{
|
||||
font-family: "SF Pro", "M PLUS 1p", "Hiragino Sans GB W6", Tahoma, Arial, sans-serif;
|
||||
color: whitesmoke;
|
||||
z-index: 2;
|
||||
top: 10vh + 60vw;
|
||||
right: 58%;
|
||||
width: 30%;
|
||||
font-size: 1.5rem;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#lyricer {
|
||||
z-index: 2;
|
||||
top: 30%;
|
||||
width: 40%;
|
||||
font-weight: 700;
|
||||
font-family: "SF Pro", "M PLUS 1p", "Hiragino Sans GB W6", Tahoma, Arial, sans-serif;
|
||||
text-shadow: rgb(238, 238, 238) 0 0 1px;
|
||||
color: rgb(102, 102, 102);
|
||||
overflow: hidden scroll;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
float: right;
|
||||
margin-right: 5%;
|
||||
margin-left: 5%;
|
||||
height: 70%;
|
||||
--lyricBlur: 1px;
|
||||
font-size: 4rem;
|
||||
-webkit-mask-image: -webkit-gradient(linear, left 95%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
|
||||
transition: all 1s var(--appleEase) !important;
|
||||
}
|
||||
#lyricer:hover {
|
||||
--lyricBlur: 0px;
|
||||
}
|
||||
#lyricer>ul li:not(.lyricer-current-line) {
|
||||
filter: blur(var(--lyricBlur));
|
||||
}
|
||||
|
||||
#lyricer::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#lyricer ul {
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#lyricer ul li {
|
||||
opacity: 0.9;
|
||||
color: var(--systemQuaternary);
|
||||
transform: scale(0.85);
|
||||
transform-origin:left center;
|
||||
margin-bottom:14px;
|
||||
-webkit-backface-visibility: hidden;
|
||||
overflow:visible;
|
||||
transition: all .25s var(--appleEase) !important;
|
||||
}
|
||||
|
||||
#lyricer ul li:hover::after {
|
||||
content: ' ';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
transform: scale(1.06);
|
||||
background: rgb(200 200 200 / 10%);
|
||||
pointer-events: none;
|
||||
border-radius: 10px;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
|
||||
#lyricer .lyricer-current-line {
|
||||
color: whitesmoke;
|
||||
/* text-shadow: rgb(169, 169, 169) 1.5px 1.5px 1.5px; */
|
||||
opacity: 1;
|
||||
font-weight: 700;
|
||||
transform: scale(1)!important;
|
||||
transform-origin:left center;
|
||||
filter: blur(0px)!important;
|
||||
transition: all .25s var(--appleEase) !important;
|
||||
}
|
||||
|
||||
#lyricer ul li .lyrics-translation {
|
||||
font-size: 1.3rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.lyricWaiting {
|
||||
margin-top:8px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lyricer-current-line .lyricWaiting {
|
||||
display: inline-flex;
|
||||
animation: lyricWaitingLine 6s cubic-bezier(0.42, 0, 0.58, 1) infinite;
|
||||
}
|
||||
|
||||
|
||||
.lyricWaiting > div {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: var(--systemPrimary);
|
||||
border-radius: 50%;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
@keyframes lyricWaitingLine {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(0.85);
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: scale(0.85);
|
||||
}
|
||||
}
|
||||
27
resources/css/macosScrollbar.css
Normal file
27
resources/css/macosScrollbar.css
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/* Modern style overlay scrollbars */
|
||||
::-webkit-scrollbar {
|
||||
width: 16px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: transparent;
|
||||
border: 6px solid transparent;
|
||||
box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 50%);
|
||||
border-radius: 16px;
|
||||
min-height: 64px;
|
||||
transition: border 1s;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
border: 5px solid transparent;
|
||||
box-shadow: inset 0px 0px 10px 10px rgb(200 200 200 / 80%);
|
||||
}
|
||||
53
resources/css/streamerMode.css
Normal file
53
resources/css/streamerMode.css
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
@media only screen and (max-width: 1000px) {
|
||||
/* Block the Profile Picture */
|
||||
.web-navigation__auth {
|
||||
display: none !important;
|
||||
position: fixed !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 700px) and (min-width: 485px) {
|
||||
:root {
|
||||
--web-navigation-width: 0 !important;
|
||||
}
|
||||
|
||||
/* Hide Entire Sidebar */
|
||||
#web-navigation-container {
|
||||
display: none !important;
|
||||
position: fixed !important;
|
||||
overflow: hidden !important;
|
||||
z-index: 9901 !important;
|
||||
}
|
||||
|
||||
.web-chrome {
|
||||
width: 100vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-height: 100px) and (max-width: 485px) {
|
||||
#web-navigation-container, .menuicon {
|
||||
display: none !important;
|
||||
position: fixed !important;
|
||||
overflow: hidden !important;
|
||||
z-index: 9901 !important;
|
||||
}
|
||||
|
||||
.web-nav-window-controls, .web-nav-window-controls-outer {
|
||||
display: none !important;
|
||||
position: fixed !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Removes Apple Logo */
|
||||
.web-navigation__header--logo {
|
||||
display: none !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
/* Remove Upsell */
|
||||
.web-navigation__native-upsell {
|
||||
display: none !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
41
resources/css/transparency.css
Normal file
41
resources/css/transparency.css
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
/* Give the main page a background so its not all transparent */
|
||||
|
||||
.page-container {
|
||||
background-color: var(--pageBG) !important;
|
||||
}
|
||||
|
||||
html body {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* Make the search box transparent */
|
||||
|
||||
@media only screen and (min-width: 485px) {
|
||||
#web-navigation-container {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dt-search-box__input {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
/* Set the sidebar to transparent so the transparency affect can do its stuff */
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--transparency: #0f0f0f1A;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--transparency: #ffffff1A;
|
||||
}
|
||||
}
|
||||
|
||||
/* Stop Apple from Overriding background colour */
|
||||
|
||||
html body {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue