From feb8e565cbfd15f85b8f8964390c740ca4bcc993 Mon Sep 17 00:00:00 2001 From: the1812 Date: Mon, 3 Dec 2018 19:25:43 +0800 Subject: [PATCH] Improve settings UI --- bilibili-evolved.offline.user.js | 21 ++++++------ bilibili-evolved.preview-offline.user.js | 21 ++++++------ bilibili-evolved.preview.user.js | 13 ++++--- bilibili-evolved.user.js | 13 ++++--- min/gui-settings.min.html | 2 +- min/gui-settings.min.scss | 2 +- min/icons.min.css | 2 +- utils/gui-settings/gui-settings.html | 10 +++--- utils/gui-settings/gui-settings.scss | 43 ++++++++---------------- utils/gui-settings/icons.css | 24 +++++++++++++ version.txt | 2 +- 11 files changed, 79 insertions(+), 74 deletions(-) diff --git a/bilibili-evolved.offline.user.js b/bilibili-evolved.offline.user.js index 8f598e429..5bc2e83b4 100644 --- a/bilibili-evolved.offline.user.js +++ b/bilibili-evolved.offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Offline) -// @version 140.12 +// @version 140.15 // @description 增强哔哩哔哩Web端体验(离线版): 修复界面瑕疵, 删除广告, 使用夜间模式浏览, 下载视频或视频封面, 以及增加对触屏设备的支持等. // @author Grant Howard, Coulomb-G // @copyright 2018, Grant Howrad (https://github.com/the1812) @@ -876,18 +876,18 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/override-navbar.min.css"] = `div.nav-menu{width:unset!important;}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important;}.search{position:relative!important;float:right!important;margin:30px 12px 5px 0!important;margin:26px 12px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important;}form.searchform{background-color:#fffb!important;box-shadow:0px 2px 10px 1px #0002!important;height:30px!important;}form.searchform:hover,form.searchform:focus-within{background-color:#fff!important;}button.search-submit,a.link-ranking{display:none!important;}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important;}@media only screen and (min-width: 1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important;}.search{width:250px!important;margin:30px 72px 5px 0!important;margin:26px 72px 5px 0!important;}input.search-keyword{width:230px!important;}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/no-banner.min.css"] = `#banner_link,.ban-banner,.z-top-container.has-banner>.header{display:none!important;}div.blur-bg,.b-header-mask-wrp .b-header-mask-bg{opacity:0!important;}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-promotions.min.css"] = `#slide_ad,#home_popularize,.gg-floor-module,.home-app-download,.activity-m,.bilibili-player-promote-wrap,.bili-header-m .nav-menu .nav-con .nav-item .text-red{display:none!important;}`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.scss"] = `.gui-settings-icon-panel{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:24px;z-index:99999;}.gui-settings,.gui-settings-widgets{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:16px 0;width:24px;height:24px;transition:all 0.2s;opacity:0.3;transform-origin:center!important;transform:translateX(-12px) rotate(120deg);}.gui-settings:hover,.gui-settings-widgets:hover{opacity:1;transform:translateX(0px) rotate(0deg);}.gui-settings-footer,.gui-settings-header{flex-grow:0;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:32px;}.gui-settings-footer{height:80px;justify-content:center;position:relative;}.gui-settings-content{flex-grow:1;overflow:auto;position:relative;overscroll-behavior:contain;}.gui-settings-content ul{padding:0;margin:0;}.gui-settings-content ul li{font-size:16px;margin-bottom:12px;display:flex;height:24px;transition:all .2s;}.gui-settings-content ul li.disabled,.gui-settings-content ul li:not(.category).folded{height:0;margin:0;overflow:hidden;}.gui-settings-content ul li.indent-0{margin-left:16px;}.gui-settings-content ul li.indent-1{margin-left:80px;}.gui-settings-content ul li.indent-2{margin-left:144px;}.gui-settings-content ul li.indent-center{align-items:center;justify-content:center;}.gui-settings-content ul li.category{padding:8px 0;margin-bottom:12px;border-top:1px dashed #8884;border-bottom:1px dashed #8884;background:white;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;}.gui-settings-content ul li.category.folded{margin-bottom:-1px;}span.settings-category{opacity:0.8;}.gui-settings-title{flex-grow:1;font-size:16pt;}.gui-settings-close{width:24px;height:24px;padding:16px;}.gui-settings-header .gui-settings-close{cursor:pointer;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container{display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container span,.gui-settings-dropdown-span{margin:0 16px;transition:all 0.2s;}.gui-settings-textbox-container input,.gui-settings-dropdown input{border:none;height:100%;max-width:80px;padding:2px 8px;background:#8884;transition:all 0.2s;font-size:16px;}.gui-settings-textbox-container input:disabled,.gui-settings-textbox-container.disabled span,.gui-settings-textbox-container.disabled div{opacity:0.5;}.gui-settings-checkbox-container{cursor:pointer;display:flex;width:100%;justify-content:start;align-items:center;padding:0 16px;-webkit-tap-highlight-color:transparent;}.gui-settings-checkbox-container input{visibility:collapse;transition:all 0.2s;width:0;}.gui-settings-checkbox-container .gui-settings-ok{width:24px;height:24px;margin-right:16px;transition:all 0.2s;}.gui-settings-checkbox-container input ~ .gui-settings-ok{background-color:#8884;}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok{background-color:$customStyleColor;}.gui-settings-checkbox-container input ~ .gui-settings-ok>i{opacity:0;transform-origin:center;transform:scale(0.9);}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok>i{opacity:1;}.gui-settings-checkbox-container input:disabled ~ .gui-settings-ok,.gui-settings-checkbox-container input:disabled ~ span{opacity:0.5;}button.gui-settings-button{padding:6px 20px;margin:0 4px;max-height:34px;border:none;background:#8884;font-size:16px;cursor:pointer;transition:all 0.2s ease-out;font-family:inherit;-webkit-tap-highlight-color:transparent;}button.gui-settings-button:hover{opacity:.9;}button.gui-settings-button:active{opacity:.8;}button.gui-settings-button:focus{outline:none;}.custom-color-preview{width:28px;height:28px;border-radius:50%;background:$customStyleColor;margin-right:16px;border:1px solid #8884;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0px 2px 8px 1px $customStyleColor70;}.predefined-colors{transition:all 0.2s;display:flex;opacity:0;background:white;width:168px;height:168px;position:absolute;box-shadow:0px 3px 20px 2px #0004;top:32px;left:calc(-84px + 50%);transform:scale(0);transform-origin:top;z-index:9;}.predefined-colors.opened{opacity:1;transform:scale(1);}.predefined-colors-grid{display:grid;grid-template-columns:auto auto auto auto;margin:4px;flex-grow:1;}.predefined-colors-grid-block{width:100%;height:100%;justify-self:center;align-self:center;cursor:pointer;}input[key]:focus{outline:none;}input[type=text][key]{height:auto;border:none;}.gui-settings-label{margin:0 16px;font-size:16px;}.hidden{display:none!important;}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.gui-settings-box.blur li.category{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffa;}}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-box.blur{background:transparent;box-shadow:none;}.gui-settings-box.blur .gui-settings-content,.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);}.gui-settings-box.blur .gui-settings-content{background:#fffa;}.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{background:#fffa;}}i.settings-category-arrow{transform-origin:center;transition:all .2s ease-out;transform:translateY(2.828427px) rotate(-135deg);height:100%;display:inline-block;margin-left:12px;}li.category.folded i.settings-category-arrow{transform:translateY(-2.828427px) rotate(45deg);}i.settings-category-arrow::after{content:"";width:8px;height:8px;background-color:transparent;border:2px solid;border-color:black;opacity:.8;display:block;border-left-color:transparent;border-top-color:transparent;border-radius:2.4px;}.gui-settings-dropdown{position:relative;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;}.gui-settings-dropdown>ul{position:absolute;top:calc(100%);width:100%;cursor:pointer;background:white;transform-origin:top;transform:scaleY(0);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;box-shadow:0px 3px 20px 2px #0004;}.gui-settings-dropdown ul li{margin:0;padding:8px 0;height:auto;width:100%;justify-content:center;}.gui-settings-dropdown ul li:hover{background:rgba(0,0,0,0.16);}.gui-settings-dropdown.opened>ul{transform:scaleY(1);}.gui-settings-dropdown input{cursor:pointer;}.gui-settings-dropdown::after{content:"";border:4px solid black;position:absolute;top:calc(50% - 6px);box-sizing:border-box;right:6px;transform-origin:center;transform:rotate(45deg);border-left-color:transparent;border-top-color:transparent;opacity:.8;}.gui-settings-mask{height:calc(100% + 5px);width:calc(100% + 5px);opacity:0;background:#000a;position:fixed;top:0;left:0;z-index:100000;pointer-events:none;transition:all .3s cubic-bezier(0,0.86,0.58,1);overscroll-behavior:contain;}.gui-settings-mask.opened{opacity:1;pointer-events:initial;}.gui-settings-widgets-box,.gui-settings-box{height:100%;width:400px;background:white;color:#000;position:fixed;top:0;left:0;z-index:100000;transform:translateX(-100%);transition:all .3s cubic-bezier(0,0.86,0.58,1);display:flex;flex-direction:column;box-shadow:4px 0px 16px 0px #0000;}.gui-settings-widgets-box.opened,.gui-settings-box.opened{transform:translateX(0);box-shadow:4px 0px 16px 0px #0005;}.gui-settings-widgets-box>.title{margin:32px;font-size:16pt;}.gui-settings-widgets-box>.widgets-container{padding:32px;display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;position:relative;overscroll-behavior:contain;overflow:auto;height:100%;}.gui-settings-widgets-box>.widgets-container:empty::after{content:"当前页面没有可用的附加功能.";font-size:10pt;}.gui-settings-flat-button,.gui-settings-flat-button a,.gui-settings-flat-button a:hover{display:flex;align-items:center;justify-content:center;color:inherit;}.gui-settings-flat-button{width:auto;padding:8px 16px;background:#8884;border:none;color:black;cursor:pointer;transition:all .2s ease-out;transform-origin:center;font-size:10pt;}.gui-settings-flat-button:hover{transform:scale(1.02);}.gui-settings-flat-button:active{transform:scale(0.98);}.gui-settings-flat-button:focus{outline:none;}.gui-settings-flat-button i{margin-right:8px;}.gui-settings-widgets-box .gui-settings-flat-button{flex:1 0 auto;margin:4px;}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-3),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n){border-bottom:2px solid $customStyleColor;flex-basis:calc(60% - 8px);}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-1),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-2){border-bottom:2px solid $customStyleColor;flex-basis:calc(40% - 8px);}.gui-settings-checkbox{width:28px;margin-right:24px;height:12px;background:#8884;border-radius:16px;position:relative;}.gui-settings-checkbox::after{content:"";width:20px;height:20px;background:#c6c6c6;position:absolute;border-radius:50%;top:-4px;left:-4px;box-shadow:0px 2px 8px 1px #0003;transition:all .2s ease-out;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox{background:$customStyleColor80;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after{background:$customStyleColor!important;box-shadow:0px 2px 8px 1px $customStyleColor70;left:calc(100% - 16px);}.gui-settings-header>i{margin-right:8px;}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.scss"] = `.gui-settings-icon-panel{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:24px;z-index:99999;}.gui-settings,.gui-settings-widgets{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:16px 0;width:24px;height:24px;transition:all 0.2s;opacity:0.3;transform-origin:center!important;transform:translateX(-12px) rotate(120deg);}.gui-settings:hover,.gui-settings-widgets:hover{opacity:1;transform:translateX(0px) rotate(0deg);}.gui-settings-footer,.gui-settings-header{flex-grow:0;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:32px;}.gui-settings-footer{height:80px;justify-content:center;position:relative;}.gui-settings-content{flex-grow:1;overflow:auto;position:relative;overscroll-behavior:contain;}.gui-settings-content ul{padding:0;margin:0;}.gui-settings-content ul li{font-size:16px;margin-bottom:18px;display:flex;height:24px;transition:all .2s;}.gui-settings-content ul li.disabled,.gui-settings-content ul li:not(.category).folded{height:0;margin:0;overflow:hidden;}.gui-settings-content ul li.indent-0{margin-left:16px;}.gui-settings-content ul li.indent-1{margin-left:80px;}.gui-settings-content ul li.indent-2{margin-left:144px;}.gui-settings-content ul li.indent-center{align-items:center;justify-content:center;}.gui-settings-content ul li.category{padding:16px 0;margin-bottom:18px;border-top:1px dashed #8884;border-bottom:1px dashed #8884;background:white;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;}.gui-settings-content ul li.category.folded{margin-bottom:-1px;}.gui-settings-content ul li.category *{opacity:0.8;}.gui-settings-title{flex-grow:1;font-size:16pt;}.gui-settings-close{width:24px;height:24px;padding:16px;}.gui-settings-header .gui-settings-close{cursor:pointer;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container{display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container span,.gui-settings-dropdown-span{margin:0 16px;transition:all 0.2s;}.gui-settings-textbox-container input,.gui-settings-dropdown input{border:none;height:100%;max-width:80px;padding:2px 8px;background:#8884;transition:all 0.2s;font-size:16px;}.gui-settings-textbox-container input:disabled,.gui-settings-textbox-container.disabled span,.gui-settings-textbox-container.disabled div{opacity:0.5;}.gui-settings-checkbox-container{cursor:pointer;display:flex;width:100%;justify-content:start;align-items:center;padding:0 16px;-webkit-tap-highlight-color:transparent;}.gui-settings-checkbox-container input{visibility:collapse;transition:all 0.2s;width:0;}.gui-settings-checkbox-container .gui-settings-ok{width:24px;height:24px;margin-right:16px;transition:all 0.2s;}.gui-settings-checkbox-container input ~ .gui-settings-ok{background-color:#8884;}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok{background-color:$customStyleColor;}.gui-settings-checkbox-container input ~ .gui-settings-ok>i{opacity:0;transform-origin:center;transform:scale(0.9);}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok>i{opacity:1;}.gui-settings-checkbox-container input:disabled ~ .gui-settings-ok,.gui-settings-checkbox-container input:disabled ~ span{opacity:0.5;}button.gui-settings-button{padding:6px 20px;margin:0 4px;max-height:34px;border:none;background:#8884;font-size:16px;cursor:pointer;transition:all 0.2s ease-out;font-family:inherit;-webkit-tap-highlight-color:transparent;}button.gui-settings-button:hover{opacity:.9;}button.gui-settings-button:active{opacity:.8;}button.gui-settings-button:focus{outline:none;}.custom-color-preview{width:28px;height:28px;border-radius:50%;background:$customStyleColor;margin-right:16px;border:1px solid #8884;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0px 2px 8px 1px $customStyleColor70;}.predefined-colors{transition:all 0.2s;display:flex;opacity:0;background:white;width:168px;height:168px;position:absolute;box-shadow:0px 3px 20px 2px #0004;top:32px;left:calc(-84px + 50%);transform:scale(0);transform-origin:top;z-index:9;}.predefined-colors.opened{opacity:1;transform:scale(1);}.predefined-colors-grid{display:grid;grid-template-columns:auto auto auto auto;margin:4px;flex-grow:1;}.predefined-colors-grid-block{width:100%;height:100%;justify-self:center;align-self:center;cursor:pointer;}input[key]:focus{outline:none;}input[type=text][key]{height:auto;border:none;}.gui-settings-label{margin:0 16px;font-size:16px;}.hidden{display:none!important;}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.gui-settings-box.blur li.category{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffa;}}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-box.blur{background:transparent;box-shadow:none;}.gui-settings-box.blur .gui-settings-content,.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);}.gui-settings-box.blur .gui-settings-content{background:#fffa;}.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{background:#fffa;}}li.category i.icon-arrow{transition:all .2s ease-out;}li.category.folded i.icon-arrow{transform:rotate(180deg);}.gui-settings-dropdown{position:relative;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;}.gui-settings-dropdown>ul{position:absolute;top:calc(100%);width:100%;cursor:pointer;background:white;transform-origin:top;transform:scaleY(0);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;box-shadow:0px 3px 20px 2px #0004;}.gui-settings-dropdown ul li{margin:0;padding:8px 0;height:auto;width:100%;justify-content:center;}.gui-settings-dropdown ul li:hover{background:rgba(0,0,0,0.16);}.gui-settings-dropdown.opened>ul{transform:scaleY(1);}.gui-settings-dropdown input{cursor:pointer;}.gui-settings-dropdown::after{content:"";border:4px solid black;position:absolute;top:calc(50% - 6px);box-sizing:border-box;right:6px;transform-origin:center;transform:rotate(45deg);border-left-color:transparent;border-top-color:transparent;opacity:.8;}.gui-settings-mask{height:calc(100% + 5px);width:calc(100% + 5px);opacity:0;background:#000a;position:fixed;top:0;left:0;z-index:100000;pointer-events:none;transition:all .3s cubic-bezier(0,0.86,0.58,1);overscroll-behavior:contain;}.gui-settings-mask.opened{opacity:1;pointer-events:initial;}.gui-settings-widgets-box,.gui-settings-box{height:100%;width:400px;background:white;color:#000;position:fixed;top:0;left:0;z-index:100000;transform:translateX(-100%);transition:all .3s cubic-bezier(0,0.86,0.58,1);display:flex;flex-direction:column;box-shadow:4px 0px 16px 0px #0000;}.gui-settings-widgets-box{width:200px;}.gui-settings-widgets-box.opened,.gui-settings-box.opened{transform:translateX(0);box-shadow:4px 0px 16px 0px #0005;}.gui-settings-widgets-box>.title{margin:32px;font-size:16pt;}.gui-settings-widgets-box>.widgets-container{padding:32px;display:flex;flex-direction:column;align-items:stretch;justify-content:start;position:relative;overscroll-behavior:contain;overflow:auto;height:100%;}.gui-settings-widgets-box>.widgets-container:empty::after{content:"当前页面没有可用的附加功能.";font-size:10pt;}.gui-settings-flat-button,.gui-settings-flat-button a,.gui-settings-flat-button a:hover{display:flex;align-items:center;justify-content:center;color:inherit;}.gui-settings-flat-button{width:auto;padding:8px 16px;background:#8884;border:none;color:black;cursor:pointer;transition:all .2s ease-out;transform-origin:center;font-size:10pt;}.gui-settings-flat-button:hover{transform:scale(1.02);}.gui-settings-flat-button:active{transform:scale(0.98);}.gui-settings-flat-button:focus{outline:none;}.gui-settings-flat-button i{margin-right:8px;}.gui-settings-widgets-box .gui-settings-flat-button{flex:1 0 auto;margin:4px;}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-3),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n){border-bottom:2px solid $customStyleColor;flex-basis:calc(60% - 8px);}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-1),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-2){border-bottom:2px solid $customStyleColor;flex-basis:calc(40% - 8px);}.gui-settings-checkbox{width:28px;margin-right:24px;height:12px;background:#8884;border-radius:16px;position:relative;}.gui-settings-checkbox::after{content:"";width:20px;height:20px;background:#c6c6c6;position:absolute;border-radius:50%;top:-4px;left:-4px;box-shadow:0px 2px 8px 1px #0003;transition:all .2s ease-out;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox{background:$customStyleColor80;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after{background:$customStyleColor!important;box-shadow:0px 2px 8px 1px $customStyleColor70;left:calc(100% - 16px);}.gui-settings-header>i{margin-right:8px;}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/full-tweets-title.min.css"] = `.dynamic-m .info,.dynamic-m .title{height:auto!important;}.dynamic-m .info a,.dynamic-m .title a,.dynamic-m .title span{white-space:normal!important;}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.scss"] = `html.image-viewer-opened,body.image-viewer-opened{overflow:hidden!important;}.image-viewer-container{background:rgba(0,0,0,0.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100000;display:none;justify-content:center;align-items:center;}.image-viewer-container.opened{display:flex;}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px;grid-template-areas:"image close" "image ." "image download";grid-column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%;}.image-viewer .close{grid-area:close;}.image-viewer .download{grid-area:download;}.image-viewer-icon{cursor:pointer;width:100%;height:100%;}.image-viewer-icon svg{max-width:48px;max-height:48px;}.image-viewer-icon path{fill:#eee;transition:all 0.2s;transform-origin:center;}.image-viewer-icon:hover path{fill:$customStyleColor;transform:scale(1.2);}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/toast.min.scss"] = `.toast-card-container{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;align-items:start;z-index:100001;}.toast-card{background:#fff;min-width:240px;max-width:60vw;min-height:0;max-height:0;box-shadow:0 4px 16px 1px rgba(0,0,0,.3);transition:all .3s cubic-bezier(0,0.65,0.58,1);transform:translateX(-150%);transform-origin:left;overflow:hidden;display:flex;flex-direction:column;border-left-width:4px;border-left-style:solid;}.toast-card.visible{min-height:96px;max-height:unset;transform:translateX(0);margin-top:16px;}.toast-card-header{display:flex;align-items:center;}.toast-card-title{font-size:18px;color:#000;opacity:0.5;margin:16px;font-weight:bold;flex:1 1 auto;}.toast-card-dismiss{height:24px;width:24px;flex:0 0 auto;padding:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease-out;transform-origin:center;opacity:0.5;}.toast-card-dismiss:hover{transform:scale(1.2);}.toast-card-dismiss:active{transform:scale(1.1);}.toast-card-message{color:#000;font-size:14px;margin:16px;margin-top:0;white-space:pre-wrap;}.toast-card.toast-default{border-left-color:#444;}.toast-card.toast-error{border-left-color:#f44336;}.toast-card.toast-info{border-left-color:#2196F3;}.toast-card.toast-success{border-left-color:#8BC34A;}.toast-card span,.toast-card .link{display:inline-block;padding:4px 6px;margin:0 2px;background-color:rgba(0,0,0,.1);border-radius:4px;text-decoration:none;color:#000;transition:all .2s ease-out;}.toast-card .link:hover{background-color:rgba(0,0,0,.2);}.toast-card .link:active{background-color:rgba(0,0,0,.1);}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.css"] = `@supports (backdrop-filter: blur(48px)) or (-webkit-backdrop-filter: blur(48px)){.video-control-blur-layer{width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:-1;top:0;}.bilibili-player-video-control-mask{background:transparent!important;}.bilibili-player-video-control-bottom,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:transparent!important;}.bilibili-player-area .bilibili-player-video-control-wrap,.bilibili-player-area .bilibili-player-video-control-bottom{transition:none!important;}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/force-wide.min.scss"] = `@media screen and (min-width: $forceWideMinWidth){.bili-wrapper{width:1160px;}.bili-wrapper .l-con{width:900px;}.bili-header-m .bili-wrapper{width:1160px;}.bili-header-m .bili-wrapper .l-con{width:900px;}.gg-floor-module{width:1160px;max-height:96px;}.bangumi-timing-module .headline .bili-tab{width:650px;}.bangumi-timing-module .headline .bili-tab .bili-tab-item{width:70px;}.bangumi-timing-module .card-timing:first-child:nth-child(4),.bangumi-timing-module .card-timing:nth-child(2):nth-child(4),.bangumi-timing-module .card-timing:nth-child(3):nth-child(4),.bangumi-timing-module .card-timing:nth-child(4):nth-child(4){padding-top:0;}.bangumi-timing-module .card-timing{padding:36px 34px 0 0;}.audio-list .song-list .song-li:nth-child(5n) .content .text{margin-right:0;}.audiolist-list .song-list .song-li:nth-child(5n) .content .text{margin-right:0;}.elevator-module{margin-left:590px;}#primary_menu,#primary_menu>ul.nav-menu,.uns_box li.u-i.b-post{display:flex;align-items:center;justify-content:space-between;}.primary-menu{width:100%;}.primary-menu .nav-menu{flex-grow:1;}.primary-menu .nav-gif{position:static;margin-left:2%;}.primary-menu .nav-menu>li{margin-right:0!important;}.primary-menu .nav-menu>li.home{padding-right:1%;}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/download-video.min.scss"] = `.download-video-panel.opened{transform:scaleY(1);}.download-video-panel{position:absolute;top:calc(100% + 2px);transition:all .16s ease-out;transform-origin:top;transform:scaleY(0);background:white;box-shadow:0px 3px 20px 2px #0004;z-index:100;}ol.video-quality li,.video-action>div{cursor:pointer;align-items:center;margin:0;padding:8px 16px;transition:all .2s ease-out;}.video-action>div{padding:12px 24px;}ol.video-quality li:hover,.video-action>div:hover{background:rgba(0,0,0,0.16);}.video-quality,.video-progress,.video-action,.video-error{display:none;}.download-video-panel.quality:not(.error) .video-quality,.download-video-panel.progress:not(.error) .video-progress,.download-video-panel.action:not(.error) .video-action,.download-video-panel.error .video-error{display:block;}.download-progress-text{display:flex;}.download-progress-background{background-color:#8884;height:4px;width:100%;margin-top:4px;}.download-progress-foreground{background-color:$customStyleColor;transform-origin:left;transition:all .2s ease-out;transform:scaleX(0);height:100%;width:100%;}.download-progress-cancel{margin-top:8px;display:flex;justify-content:center;}.download-progress-cancel>span{background-color:#8884;padding:4px 8px;cursor:pointer;}.download-progress-cancel>span:hover{opacity:.9;}.download-progress-cancel>span:active{opacity:.8;}.video-error,.video-progress{padding:12px;}.video-progress{min-width:120px;}#video-complete{display:none;}`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.html"] = `
附加功能
设置
    视频与直播
  • 样式
  • 工具触摸优化其他
`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.html"] = `
附加功能
设置
    视频与直播
  • 样式
  • 工具触摸优化其他
`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.html"] = `
`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/download-video.min.html"] = ``; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/version.txt"] = `1.6.2`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block;}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,');}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/version.txt"] = `1.6.3`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block;}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.js"] = (()=>{return(t,e)=>{const n={red:"#e57373",pink:"#F06292",purple:"#BA68C8",deepPurple:"#9575CD",indigo:"#7986CB",blue:"#2196F3",lightBlue:"#00A0D8",cyan:"#00ACC1",teal:"#26A69A",green:"#81C784",lightGreen:"#9CCC65",orange:"#FF9800",deepOrange:"#FF7043",brown:"#A1887F",grey:"#757575",blueGrey:"#78909C"};const i={forceWideMinWidth:t=>t,customStyleColor:e=>{const n=e.match(/^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/);if(n){if(e.length<7){return`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}else{return e}}else{return t.customStyleColor}},blurBackgroundOpacity:e=>{const n=e.match(/^([-\+]?\d+)(\.\d+)?$/);if(n){const t=parseFloat(e);if(t>=0&&t<=1){return e}}return t.blurBackgroundOpacity},defaultPlayerMode:e=>{if(["常规","宽屏","网页全屏"].indexOf(e)!==-1){return e}return t.defaultPlayerMode}};function s(t){let e=t.nextElementSibling;const n=[];while(e!==null&&!e.classList.contains("category")){n.push(e);e=e.nextElementSibling}return n}function o(t,e){const n=t.match(/^([\d]{1,2}):([\d]{1,2})$/);if(n&&n.length>=3){const t={hour:parseInt(n[1]),minute:parseInt(n[2])};(function(){while(this.minute<0){this.minute+=60;this.hour-=1}while(this.minute>=60){this.minute-=60;this.hour+=1}while(this.hour<0){this.hour+=24}while(this.hour>=24){this.hour-=24}}).call(t);return`${t.hour}:${t.minute<10?"0"+t.minute:t.minute}`}else{return e}}i.darkScheduleStart=(e=>o(e,t.darkScheduleStart));i.darkScheduleEnd=(e=>o(e,t.darkScheduleEnd));function c(t,e){const n=t.match(/^([-\+]?\d+)(\.\d+)?$/);if(n){const e=parseFloat(t);if(e>=0&&e<=1){return t}}return e}i.blurBackgroundOpacity=(e=>c(e,t.blurBackgroundOpacity));i.customControlBackgroundOpacity=(e=>c(e,t.customControlBackgroundOpacity));function a(t,e,n){$(`input[type='checkbox'][key='${t}']`).prop("checked",n);$(`input[type='text'][key='${t}']`).val(n)}function r(){for(const e in t){a(e,undefined,t[e])}$(".gui-settings-content ul li.category").each((t,e)=>{const n=s(e);if(n.filter(t=>!t.classList.contains("disabled")).every(t=>$(t).has("input:checked").length===0)){$(e).click()}})}function l(){$(".gui-settings-mask").on("click",()=>{$(".gui-settings-widgets-box,.gui-settings-box,.gui-settings-mask").removeClass("opened")});$("input[key='customStyleColor']").on("input",()=>{const t=i.customStyleColor($("input[key='customStyleColor']").val());const n=e.color.hexToRgba(t+"70");$("div.custom-color-preview").css("background",t).css("box-shadow",`0px 2px 8px 1px rgba(${n.r},${n.g},${n.b},${n.a})`)});$("input[type='text'][key]").each((e,n)=>{$(n).attr("placeholder",t[$(n).attr("key")])});$("div.custom-color-preview").on("click",()=>{const t=$(".predefined-colors");t.toggleClass("opened")});$(".gui-settings-content ul li.category").on("click",t=>{t.currentTarget.classList.toggle("folded");s(t.currentTarget).forEach(t=>t.classList.toggle("folded"))});$(".gui-settings-dropdown>input").on("click",t=>{$(t.currentTarget).parent().toggleClass("opened")});onSettingsChange(a)}function u(){const e=()=>{$("input[type='checkbox'][key]").each((e,n)=>{t[$(n).attr("key")]=$(n).prop("checked")});$("input[type='text'][key]").each((e,n)=>{const s=$(n);const o=s.attr("key");const c=i[o](s.val());t[o]=c;s.val(c)});saveSettings(t)};$("input[type='checkbox'][key]").on("change",()=>e());$("input[type='text'][key]").on("change",()=>e())}function d(){const t={};$(`input[dependencies]`).each((e,n)=>{const i=$(n).attr("dependencies");if(i){t[$(n).attr("key")]=i}});const e=e=>{const n=e.prop("checked");for(const i in t){const s=t[i].split(" ");if(s.indexOf(e.attr("key"))!==-1){let t=true;if(n&&s.every(t=>$(`input[key='${t}']`).prop("checked"))){t=false}const e=$(`li:has(input[key='${i}'])`);const o=t?"addClass":"removeClass";e[o]("disabled");$(`input[key='${i}'][type='text']`).parent()[o]("disabled")}}};$(`input[type='checkbox'][key]`).on("change",t=>e($(t.target))).each((t,n)=>e($(n)))}function g(t){if($(".gui-settings").length===0){t.append(`
\n
\n \n
\n
\n \n
\n
`);$(".gui-settings").on("click",()=>{$(".gui-settings-box,.gui-settings-mask").addClass("opened")});$(".gui-settings-widgets").on("click",()=>{$(".gui-settings-widgets-box,.gui-settings-mask").addClass("opened")})}e.applyStyle("guiSettingsStyle")}function p(){const t=$(".predefined-colors-grid");for(const e of Object.values(n)){$(`
`).appendTo(t).css("background",e).attr("data-color",e).on("click",t=>{$(`input[key='customStyleColor']`).val($(t.target).attr("data-color")).trigger("input").change();$("div.custom-color-preview").on("click")})}}function h(){if(t.blurSettingsPanel){$(".gui-settings-box").addClass("blur")}}function y(){if(typeof offlineData!=="undefined"){$("li:has(input[key=useCache])").addClass("disabled");$("input[key=useCache]").prop("disabled",true)}}g($("body"));const k=e.data.guiSettingsDom.text;if(k){$("body").append(k);l();y();r();d();p();u();h()}new SpinQuery(()=>$("body"),t=>t.length>0&&!(unsafeWindow.parent.window===unsafeWindow),t=>$(".gui-settings-icon-panel").css("display","none")).start()}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/dark-styles.min.js"] = (()=>{return(l,e)=>{if(l.useDarkStyle){e.applyStyle("scrollbarStyle");SpinQuery.any(()=>$(".custom-scrollbar"),l=>l.removeClass("custom-scrollbar"));if($("#banner_link").length===0||$("#banner_link").length>0&&l.overrideNavBar&&!l.showBanner){e.applyImportantStyle("darkStyleNavBar")}e.applyStyle("darkStyle");e.applyImportantStyle("darkStyleImportant")}else{$("#bilibili-scrollbar-style,#bilibili-new-style-dark-nav-bar,#bilibili-new-style-dark,#bilibili-new-style-dark-important").remove()}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/new-styles.min.js"] = (()=>{return(e,t)=>{if(document.URL===`https://h.bilibili.com/`){return}SpinQuery.any(()=>$(".custom-scrollbar"),e=>e.removeClass("custom-scrollbar"));const l={selectors:["div.nav-con.fl","#link-navbar-vm",".link-navbar",".nav-header-wrapper",".z_top .z_header"],get allSelectors(){return this.selectors.reduce((e,t)=>e+","+t)},get navbar(){let e=null;for(const t of this.selectors){e=e||document.querySelector(t)}return e},supports(e){if(e instanceof Element){const t=parseInt(window.getComputedStyle(e).height);const l=[60,50,0,56];return l.indexOf(t)!==-1}return false}};SpinQuery.any(()=>$(l.allSelectors),()=>{const e=l.navbar;if(l.supports(e)){t.applyStyle("style","bilibili-style-optimization")}else{t.applyStyle("oldStyle","bilibili-style-optimization")}})}})(); @@ -990,12 +990,11 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m html = html.replace(new RegExp(`(<(.+)\\s*?indent="[\\d]+?"\\s*?key="${key}"\\s*?dependencies=".*?">)[^\\0]*?()`, "g"), `$1${name}$3`); } - return html.replace(/([^\0]*?)<\/category>/g, ` -
  • - - $1 - - + return html.replace(/([^\0]*?)<\/category>/g, ` +
  • + + $2 +
  • `).replace(/([^\0]*?)<\/checkbox>/g, `
  • diff --git a/bilibili-evolved.preview-offline.user.js b/bilibili-evolved.preview-offline.user.js index e7c0d8590..a766d7af5 100644 --- a/bilibili-evolved.preview-offline.user.js +++ b/bilibili-evolved.preview-offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Preview Offline) -// @version 140.12 +// @version 140.15 // @description 增强哔哩哔哩Web端体验(预览离线版): 修复界面瑕疵, 删除广告, 使用夜间模式浏览, 下载视频或视频封面, 以及增加对触屏设备的支持等. // @author Grant Howard, Coulomb-G // @copyright 2018, Grant Howrad (https://github.com/the1812) @@ -876,18 +876,18 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/override-navbar.min.css"] = `div.nav-menu{width:unset!important;}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important;}.search{position:relative!important;float:right!important;margin:30px 12px 5px 0!important;margin:26px 12px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important;}form.searchform{background-color:#fffb!important;box-shadow:0px 2px 10px 1px #0002!important;height:30px!important;}form.searchform:hover,form.searchform:focus-within{background-color:#fff!important;}button.search-submit,a.link-ranking{display:none!important;}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important;}@media only screen and (min-width: 1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important;}.search{width:250px!important;margin:30px 72px 5px 0!important;margin:26px 72px 5px 0!important;}input.search-keyword{width:230px!important;}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/no-banner.min.css"] = `#banner_link,.ban-banner,.z-top-container.has-banner>.header{display:none!important;}div.blur-bg,.b-header-mask-wrp .b-header-mask-bg{opacity:0!important;}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/remove-promotions.min.css"] = `#slide_ad,#home_popularize,.gg-floor-module,.home-app-download,.activity-m,.bilibili-player-promote-wrap,.bili-header-m .nav-menu .nav-con .nav-item .text-red{display:none!important;}`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.scss"] = `.gui-settings-icon-panel{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:24px;z-index:99999;}.gui-settings,.gui-settings-widgets{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:16px 0;width:24px;height:24px;transition:all 0.2s;opacity:0.3;transform-origin:center!important;transform:translateX(-12px) rotate(120deg);}.gui-settings:hover,.gui-settings-widgets:hover{opacity:1;transform:translateX(0px) rotate(0deg);}.gui-settings-footer,.gui-settings-header{flex-grow:0;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:32px;}.gui-settings-footer{height:80px;justify-content:center;position:relative;}.gui-settings-content{flex-grow:1;overflow:auto;position:relative;overscroll-behavior:contain;}.gui-settings-content ul{padding:0;margin:0;}.gui-settings-content ul li{font-size:16px;margin-bottom:12px;display:flex;height:24px;transition:all .2s;}.gui-settings-content ul li.disabled,.gui-settings-content ul li:not(.category).folded{height:0;margin:0;overflow:hidden;}.gui-settings-content ul li.indent-0{margin-left:16px;}.gui-settings-content ul li.indent-1{margin-left:80px;}.gui-settings-content ul li.indent-2{margin-left:144px;}.gui-settings-content ul li.indent-center{align-items:center;justify-content:center;}.gui-settings-content ul li.category{padding:8px 0;margin-bottom:12px;border-top:1px dashed #8884;border-bottom:1px dashed #8884;background:white;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;}.gui-settings-content ul li.category.folded{margin-bottom:-1px;}span.settings-category{opacity:0.8;}.gui-settings-title{flex-grow:1;font-size:16pt;}.gui-settings-close{width:24px;height:24px;padding:16px;}.gui-settings-header .gui-settings-close{cursor:pointer;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container{display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container span,.gui-settings-dropdown-span{margin:0 16px;transition:all 0.2s;}.gui-settings-textbox-container input,.gui-settings-dropdown input{border:none;height:100%;max-width:80px;padding:2px 8px;background:#8884;transition:all 0.2s;font-size:16px;}.gui-settings-textbox-container input:disabled,.gui-settings-textbox-container.disabled span,.gui-settings-textbox-container.disabled div{opacity:0.5;}.gui-settings-checkbox-container{cursor:pointer;display:flex;width:100%;justify-content:start;align-items:center;padding:0 16px;-webkit-tap-highlight-color:transparent;}.gui-settings-checkbox-container input{visibility:collapse;transition:all 0.2s;width:0;}.gui-settings-checkbox-container .gui-settings-ok{width:24px;height:24px;margin-right:16px;transition:all 0.2s;}.gui-settings-checkbox-container input ~ .gui-settings-ok{background-color:#8884;}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok{background-color:$customStyleColor;}.gui-settings-checkbox-container input ~ .gui-settings-ok>i{opacity:0;transform-origin:center;transform:scale(0.9);}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok>i{opacity:1;}.gui-settings-checkbox-container input:disabled ~ .gui-settings-ok,.gui-settings-checkbox-container input:disabled ~ span{opacity:0.5;}button.gui-settings-button{padding:6px 20px;margin:0 4px;max-height:34px;border:none;background:#8884;font-size:16px;cursor:pointer;transition:all 0.2s ease-out;font-family:inherit;-webkit-tap-highlight-color:transparent;}button.gui-settings-button:hover{opacity:.9;}button.gui-settings-button:active{opacity:.8;}button.gui-settings-button:focus{outline:none;}.custom-color-preview{width:28px;height:28px;border-radius:50%;background:$customStyleColor;margin-right:16px;border:1px solid #8884;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0px 2px 8px 1px $customStyleColor70;}.predefined-colors{transition:all 0.2s;display:flex;opacity:0;background:white;width:168px;height:168px;position:absolute;box-shadow:0px 3px 20px 2px #0004;top:32px;left:calc(-84px + 50%);transform:scale(0);transform-origin:top;z-index:9;}.predefined-colors.opened{opacity:1;transform:scale(1);}.predefined-colors-grid{display:grid;grid-template-columns:auto auto auto auto;margin:4px;flex-grow:1;}.predefined-colors-grid-block{width:100%;height:100%;justify-self:center;align-self:center;cursor:pointer;}input[key]:focus{outline:none;}input[type=text][key]{height:auto;border:none;}.gui-settings-label{margin:0 16px;font-size:16px;}.hidden{display:none!important;}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.gui-settings-box.blur li.category{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffa;}}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-box.blur{background:transparent;box-shadow:none;}.gui-settings-box.blur .gui-settings-content,.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);}.gui-settings-box.blur .gui-settings-content{background:#fffa;}.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{background:#fffa;}}i.settings-category-arrow{transform-origin:center;transition:all .2s ease-out;transform:translateY(2.828427px) rotate(-135deg);height:100%;display:inline-block;margin-left:12px;}li.category.folded i.settings-category-arrow{transform:translateY(-2.828427px) rotate(45deg);}i.settings-category-arrow::after{content:"";width:8px;height:8px;background-color:transparent;border:2px solid;border-color:black;opacity:.8;display:block;border-left-color:transparent;border-top-color:transparent;border-radius:2.4px;}.gui-settings-dropdown{position:relative;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;}.gui-settings-dropdown>ul{position:absolute;top:calc(100%);width:100%;cursor:pointer;background:white;transform-origin:top;transform:scaleY(0);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;box-shadow:0px 3px 20px 2px #0004;}.gui-settings-dropdown ul li{margin:0;padding:8px 0;height:auto;width:100%;justify-content:center;}.gui-settings-dropdown ul li:hover{background:rgba(0,0,0,0.16);}.gui-settings-dropdown.opened>ul{transform:scaleY(1);}.gui-settings-dropdown input{cursor:pointer;}.gui-settings-dropdown::after{content:"";border:4px solid black;position:absolute;top:calc(50% - 6px);box-sizing:border-box;right:6px;transform-origin:center;transform:rotate(45deg);border-left-color:transparent;border-top-color:transparent;opacity:.8;}.gui-settings-mask{height:calc(100% + 5px);width:calc(100% + 5px);opacity:0;background:#000a;position:fixed;top:0;left:0;z-index:100000;pointer-events:none;transition:all .3s cubic-bezier(0,0.86,0.58,1);overscroll-behavior:contain;}.gui-settings-mask.opened{opacity:1;pointer-events:initial;}.gui-settings-widgets-box,.gui-settings-box{height:100%;width:400px;background:white;color:#000;position:fixed;top:0;left:0;z-index:100000;transform:translateX(-100%);transition:all .3s cubic-bezier(0,0.86,0.58,1);display:flex;flex-direction:column;box-shadow:4px 0px 16px 0px #0000;}.gui-settings-widgets-box.opened,.gui-settings-box.opened{transform:translateX(0);box-shadow:4px 0px 16px 0px #0005;}.gui-settings-widgets-box>.title{margin:32px;font-size:16pt;}.gui-settings-widgets-box>.widgets-container{padding:32px;display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;position:relative;overscroll-behavior:contain;overflow:auto;height:100%;}.gui-settings-widgets-box>.widgets-container:empty::after{content:"当前页面没有可用的附加功能.";font-size:10pt;}.gui-settings-flat-button,.gui-settings-flat-button a,.gui-settings-flat-button a:hover{display:flex;align-items:center;justify-content:center;color:inherit;}.gui-settings-flat-button{width:auto;padding:8px 16px;background:#8884;border:none;color:black;cursor:pointer;transition:all .2s ease-out;transform-origin:center;font-size:10pt;}.gui-settings-flat-button:hover{transform:scale(1.02);}.gui-settings-flat-button:active{transform:scale(0.98);}.gui-settings-flat-button:focus{outline:none;}.gui-settings-flat-button i{margin-right:8px;}.gui-settings-widgets-box .gui-settings-flat-button{flex:1 0 auto;margin:4px;}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-3),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n){border-bottom:2px solid $customStyleColor;flex-basis:calc(60% - 8px);}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-1),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-2){border-bottom:2px solid $customStyleColor;flex-basis:calc(40% - 8px);}.gui-settings-checkbox{width:28px;margin-right:24px;height:12px;background:#8884;border-radius:16px;position:relative;}.gui-settings-checkbox::after{content:"";width:20px;height:20px;background:#c6c6c6;position:absolute;border-radius:50%;top:-4px;left:-4px;box-shadow:0px 2px 8px 1px #0003;transition:all .2s ease-out;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox{background:$customStyleColor80;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after{background:$customStyleColor!important;box-shadow:0px 2px 8px 1px $customStyleColor70;left:calc(100% - 16px);}.gui-settings-header>i{margin-right:8px;}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.scss"] = `.gui-settings-icon-panel{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:24px;z-index:99999;}.gui-settings,.gui-settings-widgets{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:16px 0;width:24px;height:24px;transition:all 0.2s;opacity:0.3;transform-origin:center!important;transform:translateX(-12px) rotate(120deg);}.gui-settings:hover,.gui-settings-widgets:hover{opacity:1;transform:translateX(0px) rotate(0deg);}.gui-settings-footer,.gui-settings-header{flex-grow:0;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:32px;}.gui-settings-footer{height:80px;justify-content:center;position:relative;}.gui-settings-content{flex-grow:1;overflow:auto;position:relative;overscroll-behavior:contain;}.gui-settings-content ul{padding:0;margin:0;}.gui-settings-content ul li{font-size:16px;margin-bottom:18px;display:flex;height:24px;transition:all .2s;}.gui-settings-content ul li.disabled,.gui-settings-content ul li:not(.category).folded{height:0;margin:0;overflow:hidden;}.gui-settings-content ul li.indent-0{margin-left:16px;}.gui-settings-content ul li.indent-1{margin-left:80px;}.gui-settings-content ul li.indent-2{margin-left:144px;}.gui-settings-content ul li.indent-center{align-items:center;justify-content:center;}.gui-settings-content ul li.category{padding:16px 0;margin-bottom:18px;border-top:1px dashed #8884;border-bottom:1px dashed #8884;background:white;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;}.gui-settings-content ul li.category.folded{margin-bottom:-1px;}.gui-settings-content ul li.category *{opacity:0.8;}.gui-settings-title{flex-grow:1;font-size:16pt;}.gui-settings-close{width:24px;height:24px;padding:16px;}.gui-settings-header .gui-settings-close{cursor:pointer;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container{display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container span,.gui-settings-dropdown-span{margin:0 16px;transition:all 0.2s;}.gui-settings-textbox-container input,.gui-settings-dropdown input{border:none;height:100%;max-width:80px;padding:2px 8px;background:#8884;transition:all 0.2s;font-size:16px;}.gui-settings-textbox-container input:disabled,.gui-settings-textbox-container.disabled span,.gui-settings-textbox-container.disabled div{opacity:0.5;}.gui-settings-checkbox-container{cursor:pointer;display:flex;width:100%;justify-content:start;align-items:center;padding:0 16px;-webkit-tap-highlight-color:transparent;}.gui-settings-checkbox-container input{visibility:collapse;transition:all 0.2s;width:0;}.gui-settings-checkbox-container .gui-settings-ok{width:24px;height:24px;margin-right:16px;transition:all 0.2s;}.gui-settings-checkbox-container input ~ .gui-settings-ok{background-color:#8884;}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok{background-color:$customStyleColor;}.gui-settings-checkbox-container input ~ .gui-settings-ok>i{opacity:0;transform-origin:center;transform:scale(0.9);}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok>i{opacity:1;}.gui-settings-checkbox-container input:disabled ~ .gui-settings-ok,.gui-settings-checkbox-container input:disabled ~ span{opacity:0.5;}button.gui-settings-button{padding:6px 20px;margin:0 4px;max-height:34px;border:none;background:#8884;font-size:16px;cursor:pointer;transition:all 0.2s ease-out;font-family:inherit;-webkit-tap-highlight-color:transparent;}button.gui-settings-button:hover{opacity:.9;}button.gui-settings-button:active{opacity:.8;}button.gui-settings-button:focus{outline:none;}.custom-color-preview{width:28px;height:28px;border-radius:50%;background:$customStyleColor;margin-right:16px;border:1px solid #8884;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0px 2px 8px 1px $customStyleColor70;}.predefined-colors{transition:all 0.2s;display:flex;opacity:0;background:white;width:168px;height:168px;position:absolute;box-shadow:0px 3px 20px 2px #0004;top:32px;left:calc(-84px + 50%);transform:scale(0);transform-origin:top;z-index:9;}.predefined-colors.opened{opacity:1;transform:scale(1);}.predefined-colors-grid{display:grid;grid-template-columns:auto auto auto auto;margin:4px;flex-grow:1;}.predefined-colors-grid-block{width:100%;height:100%;justify-self:center;align-self:center;cursor:pointer;}input[key]:focus{outline:none;}input[type=text][key]{height:auto;border:none;}.gui-settings-label{margin:0 16px;font-size:16px;}.hidden{display:none!important;}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.gui-settings-box.blur li.category{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffa;}}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-box.blur{background:transparent;box-shadow:none;}.gui-settings-box.blur .gui-settings-content,.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);}.gui-settings-box.blur .gui-settings-content{background:#fffa;}.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{background:#fffa;}}li.category i.icon-arrow{transition:all .2s ease-out;}li.category.folded i.icon-arrow{transform:rotate(180deg);}.gui-settings-dropdown{position:relative;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;}.gui-settings-dropdown>ul{position:absolute;top:calc(100%);width:100%;cursor:pointer;background:white;transform-origin:top;transform:scaleY(0);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;box-shadow:0px 3px 20px 2px #0004;}.gui-settings-dropdown ul li{margin:0;padding:8px 0;height:auto;width:100%;justify-content:center;}.gui-settings-dropdown ul li:hover{background:rgba(0,0,0,0.16);}.gui-settings-dropdown.opened>ul{transform:scaleY(1);}.gui-settings-dropdown input{cursor:pointer;}.gui-settings-dropdown::after{content:"";border:4px solid black;position:absolute;top:calc(50% - 6px);box-sizing:border-box;right:6px;transform-origin:center;transform:rotate(45deg);border-left-color:transparent;border-top-color:transparent;opacity:.8;}.gui-settings-mask{height:calc(100% + 5px);width:calc(100% + 5px);opacity:0;background:#000a;position:fixed;top:0;left:0;z-index:100000;pointer-events:none;transition:all .3s cubic-bezier(0,0.86,0.58,1);overscroll-behavior:contain;}.gui-settings-mask.opened{opacity:1;pointer-events:initial;}.gui-settings-widgets-box,.gui-settings-box{height:100%;width:400px;background:white;color:#000;position:fixed;top:0;left:0;z-index:100000;transform:translateX(-100%);transition:all .3s cubic-bezier(0,0.86,0.58,1);display:flex;flex-direction:column;box-shadow:4px 0px 16px 0px #0000;}.gui-settings-widgets-box{width:200px;}.gui-settings-widgets-box.opened,.gui-settings-box.opened{transform:translateX(0);box-shadow:4px 0px 16px 0px #0005;}.gui-settings-widgets-box>.title{margin:32px;font-size:16pt;}.gui-settings-widgets-box>.widgets-container{padding:32px;display:flex;flex-direction:column;align-items:stretch;justify-content:start;position:relative;overscroll-behavior:contain;overflow:auto;height:100%;}.gui-settings-widgets-box>.widgets-container:empty::after{content:"当前页面没有可用的附加功能.";font-size:10pt;}.gui-settings-flat-button,.gui-settings-flat-button a,.gui-settings-flat-button a:hover{display:flex;align-items:center;justify-content:center;color:inherit;}.gui-settings-flat-button{width:auto;padding:8px 16px;background:#8884;border:none;color:black;cursor:pointer;transition:all .2s ease-out;transform-origin:center;font-size:10pt;}.gui-settings-flat-button:hover{transform:scale(1.02);}.gui-settings-flat-button:active{transform:scale(0.98);}.gui-settings-flat-button:focus{outline:none;}.gui-settings-flat-button i{margin-right:8px;}.gui-settings-widgets-box .gui-settings-flat-button{flex:1 0 auto;margin:4px;}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-3),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n){border-bottom:2px solid $customStyleColor;flex-basis:calc(60% - 8px);}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-1),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-2){border-bottom:2px solid $customStyleColor;flex-basis:calc(40% - 8px);}.gui-settings-checkbox{width:28px;margin-right:24px;height:12px;background:#8884;border-radius:16px;position:relative;}.gui-settings-checkbox::after{content:"";width:20px;height:20px;background:#c6c6c6;position:absolute;border-radius:50%;top:-4px;left:-4px;box-shadow:0px 2px 8px 1px #0003;transition:all .2s ease-out;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox{background:$customStyleColor80;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after{background:$customStyleColor!important;box-shadow:0px 2px 8px 1px $customStyleColor70;left:calc(100% - 16px);}.gui-settings-header>i{margin-right:8px;}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/full-tweets-title.min.css"] = `.dynamic-m .info,.dynamic-m .title{height:auto!important;}.dynamic-m .info a,.dynamic-m .title a,.dynamic-m .title span{white-space:normal!important;}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.scss"] = `html.image-viewer-opened,body.image-viewer-opened{overflow:hidden!important;}.image-viewer-container{background:rgba(0,0,0,0.85);width:100%;height:100%;position:fixed;top:0;left:0;z-index:100000;display:none;justify-content:center;align-items:center;}.image-viewer-container.opened{display:flex;}.image-viewer{width:90%;height:90%;display:grid;grid-template-columns:auto 48px;grid-template-rows:48px auto 48px;grid-template-areas:"image close" "image ." "image download";grid-column-gap:12px;justify-items:center;justify-content:stretch;align-items:center;align-content:stretch;}.image-viewer .image{grid-area:image;width:auto;height:auto;max-width:100%;max-height:100%;}.image-viewer .close{grid-area:close;}.image-viewer .download{grid-area:download;}.image-viewer-icon{cursor:pointer;width:100%;height:100%;}.image-viewer-icon svg{max-width:48px;max-height:48px;}.image-viewer-icon path{fill:#eee;transition:all 0.2s;transform-origin:center;}.image-viewer-icon:hover path{fill:$customStyleColor;transform:scale(1.2);}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/toast.min.scss"] = `.toast-card-container{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;align-items:start;z-index:100001;}.toast-card{background:#fff;min-width:240px;max-width:60vw;min-height:0;max-height:0;box-shadow:0 4px 16px 1px rgba(0,0,0,.3);transition:all .3s cubic-bezier(0,0.65,0.58,1);transform:translateX(-150%);transform-origin:left;overflow:hidden;display:flex;flex-direction:column;border-left-width:4px;border-left-style:solid;}.toast-card.visible{min-height:96px;max-height:unset;transform:translateX(0);margin-top:16px;}.toast-card-header{display:flex;align-items:center;}.toast-card-title{font-size:18px;color:#000;opacity:0.5;margin:16px;font-weight:bold;flex:1 1 auto;}.toast-card-dismiss{height:24px;width:24px;flex:0 0 auto;padding:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease-out;transform-origin:center;opacity:0.5;}.toast-card-dismiss:hover{transform:scale(1.2);}.toast-card-dismiss:active{transform:scale(1.1);}.toast-card-message{color:#000;font-size:14px;margin:16px;margin-top:0;white-space:pre-wrap;}.toast-card.toast-default{border-left-color:#444;}.toast-card.toast-error{border-left-color:#f44336;}.toast-card.toast-info{border-left-color:#2196F3;}.toast-card.toast-success{border-left-color:#8BC34A;}.toast-card span,.toast-card .link{display:inline-block;padding:4px 6px;margin:0 2px;background-color:rgba(0,0,0,.1);border-radius:4px;text-decoration:none;color:#000;transition:all .2s ease-out;}.toast-card .link:hover{background-color:rgba(0,0,0,.2);}.toast-card .link:active{background-color:rgba(0,0,0,.1);}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.css"] = `@supports (backdrop-filter: blur(48px)) or (-webkit-backdrop-filter: blur(48px)){.video-control-blur-layer{width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:-1;top:0;}.bilibili-player-video-control-mask{background:transparent!important;}.bilibili-player-video-control-bottom,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:transparent!important;}.bilibili-player-area .bilibili-player-video-control-wrap,.bilibili-player-area .bilibili-player-video-control-bottom{transition:none!important;}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/force-wide.min.scss"] = `@media screen and (min-width: $forceWideMinWidth){.bili-wrapper{width:1160px;}.bili-wrapper .l-con{width:900px;}.bili-header-m .bili-wrapper{width:1160px;}.bili-header-m .bili-wrapper .l-con{width:900px;}.gg-floor-module{width:1160px;max-height:96px;}.bangumi-timing-module .headline .bili-tab{width:650px;}.bangumi-timing-module .headline .bili-tab .bili-tab-item{width:70px;}.bangumi-timing-module .card-timing:first-child:nth-child(4),.bangumi-timing-module .card-timing:nth-child(2):nth-child(4),.bangumi-timing-module .card-timing:nth-child(3):nth-child(4),.bangumi-timing-module .card-timing:nth-child(4):nth-child(4){padding-top:0;}.bangumi-timing-module .card-timing{padding:36px 34px 0 0;}.audio-list .song-list .song-li:nth-child(5n) .content .text{margin-right:0;}.audiolist-list .song-list .song-li:nth-child(5n) .content .text{margin-right:0;}.elevator-module{margin-left:590px;}#primary_menu,#primary_menu>ul.nav-menu,.uns_box li.u-i.b-post{display:flex;align-items:center;justify-content:space-between;}.primary-menu{width:100%;}.primary-menu .nav-menu{flex-grow:1;}.primary-menu .nav-gif{position:static;margin-left:2%;}.primary-menu .nav-menu>li{margin-right:0!important;}.primary-menu .nav-menu>li.home{padding-right:1%;}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/download-video.min.scss"] = `.download-video-panel.opened{transform:scaleY(1);}.download-video-panel{position:absolute;top:calc(100% + 2px);transition:all .16s ease-out;transform-origin:top;transform:scaleY(0);background:white;box-shadow:0px 3px 20px 2px #0004;z-index:100;}ol.video-quality li,.video-action>div{cursor:pointer;align-items:center;margin:0;padding:8px 16px;transition:all .2s ease-out;}.video-action>div{padding:12px 24px;}ol.video-quality li:hover,.video-action>div:hover{background:rgba(0,0,0,0.16);}.video-quality,.video-progress,.video-action,.video-error{display:none;}.download-video-panel.quality:not(.error) .video-quality,.download-video-panel.progress:not(.error) .video-progress,.download-video-panel.action:not(.error) .video-action,.download-video-panel.error .video-error{display:block;}.download-progress-text{display:flex;}.download-progress-background{background-color:#8884;height:4px;width:100%;margin-top:4px;}.download-progress-foreground{background-color:$customStyleColor;transform-origin:left;transition:all .2s ease-out;transform:scaleX(0);height:100%;width:100%;}.download-progress-cancel{margin-top:8px;display:flex;justify-content:center;}.download-progress-cancel>span{background-color:#8884;padding:4px 8px;cursor:pointer;}.download-progress-cancel>span:hover{opacity:.9;}.download-progress-cancel>span:active{opacity:.8;}.video-error,.video-progress{padding:12px;}.video-progress{min-width:120px;}#video-complete{display:none;}`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.html"] = `
    附加功能
    设置
      视频与直播
    • 样式
    • 工具触摸优化其他
    `; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.html"] = `
    附加功能
    设置
      视频与直播
    • 样式
    • 工具触摸优化其他
    `; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/image-viewer.min.html"] = `
    `; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/download-video.min.html"] = ``; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/version.txt"] = `1.6.2`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block;}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,');}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/version.txt"] = `1.6.3`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/icons.min.css"] = `.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block;}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/gui-settings.min.js"] = (()=>{return(t,e)=>{const n={red:"#e57373",pink:"#F06292",purple:"#BA68C8",deepPurple:"#9575CD",indigo:"#7986CB",blue:"#2196F3",lightBlue:"#00A0D8",cyan:"#00ACC1",teal:"#26A69A",green:"#81C784",lightGreen:"#9CCC65",orange:"#FF9800",deepOrange:"#FF7043",brown:"#A1887F",grey:"#757575",blueGrey:"#78909C"};const i={forceWideMinWidth:t=>t,customStyleColor:e=>{const n=e.match(/^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/);if(n){if(e.length<7){return`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`}else{return e}}else{return t.customStyleColor}},blurBackgroundOpacity:e=>{const n=e.match(/^([-\+]?\d+)(\.\d+)?$/);if(n){const t=parseFloat(e);if(t>=0&&t<=1){return e}}return t.blurBackgroundOpacity},defaultPlayerMode:e=>{if(["常规","宽屏","网页全屏"].indexOf(e)!==-1){return e}return t.defaultPlayerMode}};function s(t){let e=t.nextElementSibling;const n=[];while(e!==null&&!e.classList.contains("category")){n.push(e);e=e.nextElementSibling}return n}function o(t,e){const n=t.match(/^([\d]{1,2}):([\d]{1,2})$/);if(n&&n.length>=3){const t={hour:parseInt(n[1]),minute:parseInt(n[2])};(function(){while(this.minute<0){this.minute+=60;this.hour-=1}while(this.minute>=60){this.minute-=60;this.hour+=1}while(this.hour<0){this.hour+=24}while(this.hour>=24){this.hour-=24}}).call(t);return`${t.hour}:${t.minute<10?"0"+t.minute:t.minute}`}else{return e}}i.darkScheduleStart=(e=>o(e,t.darkScheduleStart));i.darkScheduleEnd=(e=>o(e,t.darkScheduleEnd));function c(t,e){const n=t.match(/^([-\+]?\d+)(\.\d+)?$/);if(n){const e=parseFloat(t);if(e>=0&&e<=1){return t}}return e}i.blurBackgroundOpacity=(e=>c(e,t.blurBackgroundOpacity));i.customControlBackgroundOpacity=(e=>c(e,t.customControlBackgroundOpacity));function a(t,e,n){$(`input[type='checkbox'][key='${t}']`).prop("checked",n);$(`input[type='text'][key='${t}']`).val(n)}function r(){for(const e in t){a(e,undefined,t[e])}$(".gui-settings-content ul li.category").each((t,e)=>{const n=s(e);if(n.filter(t=>!t.classList.contains("disabled")).every(t=>$(t).has("input:checked").length===0)){$(e).click()}})}function l(){$(".gui-settings-mask").on("click",()=>{$(".gui-settings-widgets-box,.gui-settings-box,.gui-settings-mask").removeClass("opened")});$("input[key='customStyleColor']").on("input",()=>{const t=i.customStyleColor($("input[key='customStyleColor']").val());const n=e.color.hexToRgba(t+"70");$("div.custom-color-preview").css("background",t).css("box-shadow",`0px 2px 8px 1px rgba(${n.r},${n.g},${n.b},${n.a})`)});$("input[type='text'][key]").each((e,n)=>{$(n).attr("placeholder",t[$(n).attr("key")])});$("div.custom-color-preview").on("click",()=>{const t=$(".predefined-colors");t.toggleClass("opened")});$(".gui-settings-content ul li.category").on("click",t=>{t.currentTarget.classList.toggle("folded");s(t.currentTarget).forEach(t=>t.classList.toggle("folded"))});$(".gui-settings-dropdown>input").on("click",t=>{$(t.currentTarget).parent().toggleClass("opened")});onSettingsChange(a)}function u(){const e=()=>{$("input[type='checkbox'][key]").each((e,n)=>{t[$(n).attr("key")]=$(n).prop("checked")});$("input[type='text'][key]").each((e,n)=>{const s=$(n);const o=s.attr("key");const c=i[o](s.val());t[o]=c;s.val(c)});saveSettings(t)};$("input[type='checkbox'][key]").on("change",()=>e());$("input[type='text'][key]").on("change",()=>e())}function d(){const t={};$(`input[dependencies]`).each((e,n)=>{const i=$(n).attr("dependencies");if(i){t[$(n).attr("key")]=i}});const e=e=>{const n=e.prop("checked");for(const i in t){const s=t[i].split(" ");if(s.indexOf(e.attr("key"))!==-1){let t=true;if(n&&s.every(t=>$(`input[key='${t}']`).prop("checked"))){t=false}const e=$(`li:has(input[key='${i}'])`);const o=t?"addClass":"removeClass";e[o]("disabled");$(`input[key='${i}'][type='text']`).parent()[o]("disabled")}}};$(`input[type='checkbox'][key]`).on("change",t=>e($(t.target))).each((t,n)=>e($(n)))}function g(t){if($(".gui-settings").length===0){t.append(`
    \n
    \n \n
    \n
    \n \n
    \n
    `);$(".gui-settings").on("click",()=>{$(".gui-settings-box,.gui-settings-mask").addClass("opened")});$(".gui-settings-widgets").on("click",()=>{$(".gui-settings-widgets-box,.gui-settings-mask").addClass("opened")})}e.applyStyle("guiSettingsStyle")}function p(){const t=$(".predefined-colors-grid");for(const e of Object.values(n)){$(`
    `).appendTo(t).css("background",e).attr("data-color",e).on("click",t=>{$(`input[key='customStyleColor']`).val($(t.target).attr("data-color")).trigger("input").change();$("div.custom-color-preview").on("click")})}}function h(){if(t.blurSettingsPanel){$(".gui-settings-box").addClass("blur")}}function y(){if(typeof offlineData!=="undefined"){$("li:has(input[key=useCache])").addClass("disabled");$("input[key=useCache]").prop("disabled",true)}}g($("body"));const k=e.data.guiSettingsDom.text;if(k){$("body").append(k);l();y();r();d();p();u();h()}new SpinQuery(()=>$("body"),t=>t.length>0&&!(unsafeWindow.parent.window===unsafeWindow),t=>$(".gui-settings-icon-panel").css("display","none")).start()}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/dark-styles.min.js"] = (()=>{return(l,e)=>{if(l.useDarkStyle){e.applyStyle("scrollbarStyle");SpinQuery.any(()=>$(".custom-scrollbar"),l=>l.removeClass("custom-scrollbar"));if($("#banner_link").length===0||$("#banner_link").length>0&&l.overrideNavBar&&!l.showBanner){e.applyImportantStyle("darkStyleNavBar")}e.applyStyle("darkStyle");e.applyImportantStyle("darkStyleImportant")}else{$("#bilibili-scrollbar-style,#bilibili-new-style-dark-nav-bar,#bilibili-new-style-dark,#bilibili-new-style-dark-important").remove()}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/new-styles.min.js"] = (()=>{return(e,t)=>{if(document.URL===`https://h.bilibili.com/`){return}SpinQuery.any(()=>$(".custom-scrollbar"),e=>e.removeClass("custom-scrollbar"));const l={selectors:["div.nav-con.fl","#link-navbar-vm",".link-navbar",".nav-header-wrapper",".z_top .z_header"],get allSelectors(){return this.selectors.reduce((e,t)=>e+","+t)},get navbar(){let e=null;for(const t of this.selectors){e=e||document.querySelector(t)}return e},supports(e){if(e instanceof Element){const t=parseInt(window.getComputedStyle(e).height);const l=[60,50,0,56];return l.indexOf(t)!==-1}return false}};SpinQuery.any(()=>$(l.allSelectors),()=>{const e=l.navbar;if(l.supports(e)){t.applyStyle("style","bilibili-style-optimization")}else{t.applyStyle("oldStyle","bilibili-style-optimization")}})}})(); @@ -990,12 +990,11 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m html = html.replace(new RegExp(`(<(.+)\\s*?indent="[\\d]+?"\\s*?key="${key}"\\s*?dependencies=".*?">)[^\\0]*?()`, "g"), `$1${name}$3`); } - return html.replace(/([^\0]*?)<\/category>/g, ` -
  • - - $1 - - + return html.replace(/([^\0]*?)<\/category>/g, ` +
  • + + $2 +
  • `).replace(/([^\0]*?)<\/checkbox>/g, `
  • diff --git a/bilibili-evolved.preview.user.js b/bilibili-evolved.preview.user.js index c48b186dd..070973892 100644 --- a/bilibili-evolved.preview.user.js +++ b/bilibili-evolved.preview.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Preview) -// @version 1.6.2 +// @version 1.6.3 // @description 增强哔哩哔哩Web端体验(预览版分支): 修复界面瑕疵, 删除广告, 使用夜间模式浏览, 下载视频或视频封面, 以及增加对触屏设备的支持等. // @author Grant Howard, Coulomb-G // @copyright 2018, Grant Howrad (https://github.com/the1812) @@ -937,12 +937,11 @@ html = html.replace(new RegExp(`(<(.+)\\s*?indent="[\\d]+?"\\s*?key="${key}"\\s*?dependencies=".*?">)[^\\0]*?()`, "g"), `$1${name}$3`); } - return html.replace(/([^\0]*?)<\/category>/g, ` -
  • - - $1 - - + return html.replace(/([^\0]*?)<\/category>/g, ` +
  • + + $2 +
  • `).replace(/([^\0]*?)<\/checkbox>/g, `
  • diff --git a/bilibili-evolved.user.js b/bilibili-evolved.user.js index 044311d12..9898af479 100644 --- a/bilibili-evolved.user.js +++ b/bilibili-evolved.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved -// @version 1.6.2 +// @version 1.6.3 // @description 增强哔哩哔哩Web端体验: 修复界面瑕疵, 删除广告, 使用夜间模式浏览, 下载视频或视频封面, 以及增加对触屏设备的支持等. // @author Grant Howard, Coulomb-G // @copyright 2018, Grant Howrad (https://github.com/the1812) @@ -937,12 +937,11 @@ html = html.replace(new RegExp(`(<(.+)\\s*?indent="[\\d]+?"\\s*?key="${key}"\\s*?dependencies=".*?">)[^\\0]*?()`, "g"), `$1${name}$3`); } - return html.replace(/([^\0]*?)<\/category>/g, ` -
  • - - $1 - - + return html.replace(/([^\0]*?)<\/category>/g, ` +
  • + + $2 +
  • `).replace(/([^\0]*?)<\/checkbox>/g, `
  • diff --git a/min/gui-settings.min.html b/min/gui-settings.min.html index 0712c84c2..07b9d41c6 100644 --- a/min/gui-settings.min.html +++ b/min/gui-settings.min.html @@ -1 +1 @@ -
    附加功能
    设置
      视频与直播
    • 样式
    • 工具触摸优化其他
    \ No newline at end of file +
    附加功能
    设置
      视频与直播
    • 样式
    • 工具触摸优化其他
    \ No newline at end of file diff --git a/min/gui-settings.min.scss b/min/gui-settings.min.scss index 1c375a51c..2c333a435 100644 --- a/min/gui-settings.min.scss +++ b/min/gui-settings.min.scss @@ -1 +1 @@ -.gui-settings-icon-panel{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:24px;z-index:99999;}.gui-settings,.gui-settings-widgets{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:16px 0;width:24px;height:24px;transition:all 0.2s;opacity:0.3;transform-origin:center!important;transform:translateX(-12px) rotate(120deg);}.gui-settings:hover,.gui-settings-widgets:hover{opacity:1;transform:translateX(0px) rotate(0deg);}.gui-settings-footer,.gui-settings-header{flex-grow:0;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:32px;}.gui-settings-footer{height:80px;justify-content:center;position:relative;}.gui-settings-content{flex-grow:1;overflow:auto;position:relative;overscroll-behavior:contain;}.gui-settings-content ul{padding:0;margin:0;}.gui-settings-content ul li{font-size:16px;margin-bottom:12px;display:flex;height:24px;transition:all .2s;}.gui-settings-content ul li.disabled,.gui-settings-content ul li:not(.category).folded{height:0;margin:0;overflow:hidden;}.gui-settings-content ul li.indent-0{margin-left:16px;}.gui-settings-content ul li.indent-1{margin-left:80px;}.gui-settings-content ul li.indent-2{margin-left:144px;}.gui-settings-content ul li.indent-center{align-items:center;justify-content:center;}.gui-settings-content ul li.category{padding:8px 0;margin-bottom:12px;border-top:1px dashed #8884;border-bottom:1px dashed #8884;background:white;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;}.gui-settings-content ul li.category.folded{margin-bottom:-1px;}span.settings-category{opacity:0.8;}.gui-settings-title{flex-grow:1;font-size:16pt;}.gui-settings-close{width:24px;height:24px;padding:16px;}.gui-settings-header .gui-settings-close{cursor:pointer;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container{display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container span,.gui-settings-dropdown-span{margin:0 16px;transition:all 0.2s;}.gui-settings-textbox-container input,.gui-settings-dropdown input{border:none;height:100%;max-width:80px;padding:2px 8px;background:#8884;transition:all 0.2s;font-size:16px;}.gui-settings-textbox-container input:disabled,.gui-settings-textbox-container.disabled span,.gui-settings-textbox-container.disabled div{opacity:0.5;}.gui-settings-checkbox-container{cursor:pointer;display:flex;width:100%;justify-content:start;align-items:center;padding:0 16px;-webkit-tap-highlight-color:transparent;}.gui-settings-checkbox-container input{visibility:collapse;transition:all 0.2s;width:0;}.gui-settings-checkbox-container .gui-settings-ok{width:24px;height:24px;margin-right:16px;transition:all 0.2s;}.gui-settings-checkbox-container input ~ .gui-settings-ok{background-color:#8884;}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok{background-color:$customStyleColor;}.gui-settings-checkbox-container input ~ .gui-settings-ok>i{opacity:0;transform-origin:center;transform:scale(0.9);}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok>i{opacity:1;}.gui-settings-checkbox-container input:disabled ~ .gui-settings-ok,.gui-settings-checkbox-container input:disabled ~ span{opacity:0.5;}button.gui-settings-button{padding:6px 20px;margin:0 4px;max-height:34px;border:none;background:#8884;font-size:16px;cursor:pointer;transition:all 0.2s ease-out;font-family:inherit;-webkit-tap-highlight-color:transparent;}button.gui-settings-button:hover{opacity:.9;}button.gui-settings-button:active{opacity:.8;}button.gui-settings-button:focus{outline:none;}.custom-color-preview{width:28px;height:28px;border-radius:50%;background:$customStyleColor;margin-right:16px;border:1px solid #8884;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0px 2px 8px 1px $customStyleColor70;}.predefined-colors{transition:all 0.2s;display:flex;opacity:0;background:white;width:168px;height:168px;position:absolute;box-shadow:0px 3px 20px 2px #0004;top:32px;left:calc(-84px + 50%);transform:scale(0);transform-origin:top;z-index:9;}.predefined-colors.opened{opacity:1;transform:scale(1);}.predefined-colors-grid{display:grid;grid-template-columns:auto auto auto auto;margin:4px;flex-grow:1;}.predefined-colors-grid-block{width:100%;height:100%;justify-self:center;align-self:center;cursor:pointer;}input[key]:focus{outline:none;}input[type=text][key]{height:auto;border:none;}.gui-settings-label{margin:0 16px;font-size:16px;}.hidden{display:none!important;}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.gui-settings-box.blur li.category{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffa;}}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-box.blur{background:transparent;box-shadow:none;}.gui-settings-box.blur .gui-settings-content,.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);}.gui-settings-box.blur .gui-settings-content{background:#fffa;}.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{background:#fffa;}}i.settings-category-arrow{transform-origin:center;transition:all .2s ease-out;transform:translateY(2.828427px) rotate(-135deg);height:100%;display:inline-block;margin-left:12px;}li.category.folded i.settings-category-arrow{transform:translateY(-2.828427px) rotate(45deg);}i.settings-category-arrow::after{content:"";width:8px;height:8px;background-color:transparent;border:2px solid;border-color:black;opacity:.8;display:block;border-left-color:transparent;border-top-color:transparent;border-radius:2.4px;}.gui-settings-dropdown{position:relative;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;}.gui-settings-dropdown>ul{position:absolute;top:calc(100%);width:100%;cursor:pointer;background:white;transform-origin:top;transform:scaleY(0);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;box-shadow:0px 3px 20px 2px #0004;}.gui-settings-dropdown ul li{margin:0;padding:8px 0;height:auto;width:100%;justify-content:center;}.gui-settings-dropdown ul li:hover{background:rgba(0,0,0,0.16);}.gui-settings-dropdown.opened>ul{transform:scaleY(1);}.gui-settings-dropdown input{cursor:pointer;}.gui-settings-dropdown::after{content:"";border:4px solid black;position:absolute;top:calc(50% - 6px);box-sizing:border-box;right:6px;transform-origin:center;transform:rotate(45deg);border-left-color:transparent;border-top-color:transparent;opacity:.8;}.gui-settings-mask{height:calc(100% + 5px);width:calc(100% + 5px);opacity:0;background:#000a;position:fixed;top:0;left:0;z-index:100000;pointer-events:none;transition:all .3s cubic-bezier(0,0.86,0.58,1);overscroll-behavior:contain;}.gui-settings-mask.opened{opacity:1;pointer-events:initial;}.gui-settings-widgets-box,.gui-settings-box{height:100%;width:400px;background:white;color:#000;position:fixed;top:0;left:0;z-index:100000;transform:translateX(-100%);transition:all .3s cubic-bezier(0,0.86,0.58,1);display:flex;flex-direction:column;box-shadow:4px 0px 16px 0px #0000;}.gui-settings-widgets-box.opened,.gui-settings-box.opened{transform:translateX(0);box-shadow:4px 0px 16px 0px #0005;}.gui-settings-widgets-box>.title{margin:32px;font-size:16pt;}.gui-settings-widgets-box>.widgets-container{padding:32px;display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;position:relative;overscroll-behavior:contain;overflow:auto;height:100%;}.gui-settings-widgets-box>.widgets-container:empty::after{content:"当前页面没有可用的附加功能.";font-size:10pt;}.gui-settings-flat-button,.gui-settings-flat-button a,.gui-settings-flat-button a:hover{display:flex;align-items:center;justify-content:center;color:inherit;}.gui-settings-flat-button{width:auto;padding:8px 16px;background:#8884;border:none;color:black;cursor:pointer;transition:all .2s ease-out;transform-origin:center;font-size:10pt;}.gui-settings-flat-button:hover{transform:scale(1.02);}.gui-settings-flat-button:active{transform:scale(0.98);}.gui-settings-flat-button:focus{outline:none;}.gui-settings-flat-button i{margin-right:8px;}.gui-settings-widgets-box .gui-settings-flat-button{flex:1 0 auto;margin:4px;}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-3),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n){border-bottom:2px solid $customStyleColor;flex-basis:calc(60% - 8px);}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-1),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-2){border-bottom:2px solid $customStyleColor;flex-basis:calc(40% - 8px);}.gui-settings-checkbox{width:28px;margin-right:24px;height:12px;background:#8884;border-radius:16px;position:relative;}.gui-settings-checkbox::after{content:"";width:20px;height:20px;background:#c6c6c6;position:absolute;border-radius:50%;top:-4px;left:-4px;box-shadow:0px 2px 8px 1px #0003;transition:all .2s ease-out;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox{background:$customStyleColor80;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after{background:$customStyleColor!important;box-shadow:0px 2px 8px 1px $customStyleColor70;left:calc(100% - 16px);}.gui-settings-header>i{margin-right:8px;} \ No newline at end of file +.gui-settings-icon-panel{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:24px;z-index:99999;}.gui-settings,.gui-settings-widgets{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:16px 0;width:24px;height:24px;transition:all 0.2s;opacity:0.3;transform-origin:center!important;transform:translateX(-12px) rotate(120deg);}.gui-settings:hover,.gui-settings-widgets:hover{opacity:1;transform:translateX(0px) rotate(0deg);}.gui-settings-footer,.gui-settings-header{flex-grow:0;display:flex;align-items:center;flex-shrink:0;z-index:10;padding:32px;}.gui-settings-footer{height:80px;justify-content:center;position:relative;}.gui-settings-content{flex-grow:1;overflow:auto;position:relative;overscroll-behavior:contain;}.gui-settings-content ul{padding:0;margin:0;}.gui-settings-content ul li{font-size:16px;margin-bottom:18px;display:flex;height:24px;transition:all .2s;}.gui-settings-content ul li.disabled,.gui-settings-content ul li:not(.category).folded{height:0;margin:0;overflow:hidden;}.gui-settings-content ul li.indent-0{margin-left:16px;}.gui-settings-content ul li.indent-1{margin-left:80px;}.gui-settings-content ul li.indent-2{margin-left:144px;}.gui-settings-content ul li.indent-center{align-items:center;justify-content:center;}.gui-settings-content ul li.category{padding:16px 0;margin-bottom:18px;border-top:1px dashed #8884;border-bottom:1px dashed #8884;background:white;position:sticky;top:0;z-index:10;cursor:pointer;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent;}.gui-settings-content ul li.category.folded{margin-bottom:-1px;}.gui-settings-content ul li.category *{opacity:0.8;}.gui-settings-title{flex-grow:1;font-size:16pt;}.gui-settings-close{width:24px;height:24px;padding:16px;}.gui-settings-header .gui-settings-close{cursor:pointer;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container{display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;}.gui-settings-textbox-container span,.gui-settings-dropdown-span{margin:0 16px;transition:all 0.2s;}.gui-settings-textbox-container input,.gui-settings-dropdown input{border:none;height:100%;max-width:80px;padding:2px 8px;background:#8884;transition:all 0.2s;font-size:16px;}.gui-settings-textbox-container input:disabled,.gui-settings-textbox-container.disabled span,.gui-settings-textbox-container.disabled div{opacity:0.5;}.gui-settings-checkbox-container{cursor:pointer;display:flex;width:100%;justify-content:start;align-items:center;padding:0 16px;-webkit-tap-highlight-color:transparent;}.gui-settings-checkbox-container input{visibility:collapse;transition:all 0.2s;width:0;}.gui-settings-checkbox-container .gui-settings-ok{width:24px;height:24px;margin-right:16px;transition:all 0.2s;}.gui-settings-checkbox-container input ~ .gui-settings-ok{background-color:#8884;}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok{background-color:$customStyleColor;}.gui-settings-checkbox-container input ~ .gui-settings-ok>i{opacity:0;transform-origin:center;transform:scale(0.9);}.gui-settings-checkbox-container input:checked ~ .gui-settings-ok>i{opacity:1;}.gui-settings-checkbox-container input:disabled ~ .gui-settings-ok,.gui-settings-checkbox-container input:disabled ~ span{opacity:0.5;}button.gui-settings-button{padding:6px 20px;margin:0 4px;max-height:34px;border:none;background:#8884;font-size:16px;cursor:pointer;transition:all 0.2s ease-out;font-family:inherit;-webkit-tap-highlight-color:transparent;}button.gui-settings-button:hover{opacity:.9;}button.gui-settings-button:active{opacity:.8;}button.gui-settings-button:focus{outline:none;}.custom-color-preview{width:28px;height:28px;border-radius:50%;background:$customStyleColor;margin-right:16px;border:1px solid #8884;position:relative;cursor:pointer;box-sizing:border-box;box-shadow:0px 2px 8px 1px $customStyleColor70;}.predefined-colors{transition:all 0.2s;display:flex;opacity:0;background:white;width:168px;height:168px;position:absolute;box-shadow:0px 3px 20px 2px #0004;top:32px;left:calc(-84px + 50%);transform:scale(0);transform-origin:top;z-index:9;}.predefined-colors.opened{opacity:1;transform:scale(1);}.predefined-colors-grid{display:grid;grid-template-columns:auto auto auto auto;margin:4px;flex-grow:1;}.predefined-colors-grid-block{width:100%;height:100%;justify-self:center;align-self:center;cursor:pointer;}input[key]:focus{outline:none;}input[type=text][key]{height:auto;border:none;}.gui-settings-label{margin:0 16px;font-size:16px;}.hidden{display:none!important;}@supports (backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px)){.gui-settings-box.blur li.category{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffa;}}@supports (backdrop-filter: blur(64px)) or (-webkit-backdrop-filter: blur(64px)){.gui-settings-box.blur{background:transparent;box-shadow:none;}.gui-settings-box.blur .gui-settings-content,.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);}.gui-settings-box.blur .gui-settings-content{background:#fffa;}.gui-settings-box.blur .gui-settings-header,.gui-settings-box.blur .gui-settings-footer{background:#fffa;}}li.category i.icon-arrow{transition:all .2s ease-out;}li.category.folded i.icon-arrow{transform:rotate(180deg);}.gui-settings-dropdown{position:relative;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent;}.gui-settings-dropdown>ul{position:absolute;top:calc(100%);width:100%;cursor:pointer;background:white;transform-origin:top;transform:scaleY(0);transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;box-shadow:0px 3px 20px 2px #0004;}.gui-settings-dropdown ul li{margin:0;padding:8px 0;height:auto;width:100%;justify-content:center;}.gui-settings-dropdown ul li:hover{background:rgba(0,0,0,0.16);}.gui-settings-dropdown.opened>ul{transform:scaleY(1);}.gui-settings-dropdown input{cursor:pointer;}.gui-settings-dropdown::after{content:"";border:4px solid black;position:absolute;top:calc(50% - 6px);box-sizing:border-box;right:6px;transform-origin:center;transform:rotate(45deg);border-left-color:transparent;border-top-color:transparent;opacity:.8;}.gui-settings-mask{height:calc(100% + 5px);width:calc(100% + 5px);opacity:0;background:#000a;position:fixed;top:0;left:0;z-index:100000;pointer-events:none;transition:all .3s cubic-bezier(0,0.86,0.58,1);overscroll-behavior:contain;}.gui-settings-mask.opened{opacity:1;pointer-events:initial;}.gui-settings-widgets-box,.gui-settings-box{height:100%;width:400px;background:white;color:#000;position:fixed;top:0;left:0;z-index:100000;transform:translateX(-100%);transition:all .3s cubic-bezier(0,0.86,0.58,1);display:flex;flex-direction:column;box-shadow:4px 0px 16px 0px #0000;}.gui-settings-widgets-box{width:200px;}.gui-settings-widgets-box.opened,.gui-settings-box.opened{transform:translateX(0);box-shadow:4px 0px 16px 0px #0005;}.gui-settings-widgets-box>.title{margin:32px;font-size:16pt;}.gui-settings-widgets-box>.widgets-container{padding:32px;display:flex;flex-direction:column;align-items:stretch;justify-content:start;position:relative;overscroll-behavior:contain;overflow:auto;height:100%;}.gui-settings-widgets-box>.widgets-container:empty::after{content:"当前页面没有可用的附加功能.";font-size:10pt;}.gui-settings-flat-button,.gui-settings-flat-button a,.gui-settings-flat-button a:hover{display:flex;align-items:center;justify-content:center;color:inherit;}.gui-settings-flat-button{width:auto;padding:8px 16px;background:#8884;border:none;color:black;cursor:pointer;transition:all .2s ease-out;transform-origin:center;font-size:10pt;}.gui-settings-flat-button:hover{transform:scale(1.02);}.gui-settings-flat-button:active{transform:scale(0.98);}.gui-settings-flat-button:focus{outline:none;}.gui-settings-flat-button i{margin-right:8px;}.gui-settings-widgets-box .gui-settings-flat-button{flex:1 0 auto;margin:4px;}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-3),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n){border-bottom:2px solid $customStyleColor;flex-basis:calc(60% - 8px);}.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-1),.gui-settings-widgets-box .gui-settings-flat-button:nth-child(4n-2){border-bottom:2px solid $customStyleColor;flex-basis:calc(40% - 8px);}.gui-settings-checkbox{width:28px;margin-right:24px;height:12px;background:#8884;border-radius:16px;position:relative;}.gui-settings-checkbox::after{content:"";width:20px;height:20px;background:#c6c6c6;position:absolute;border-radius:50%;top:-4px;left:-4px;box-shadow:0px 2px 8px 1px #0003;transition:all .2s ease-out;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox{background:$customStyleColor80;}.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after{background:$customStyleColor!important;box-shadow:0px 2px 8px 1px $customStyleColor70;left:calc(100% - 16px);}.gui-settings-header>i{margin-right:8px;} \ No newline at end of file diff --git a/min/icons.min.css b/min/icons.min.css index b3f3debf4..5de89eaac 100644 --- a/min/icons.min.css +++ b/min/icons.min.css @@ -1 +1 @@ -.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block;}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,');} \ No newline at end of file +.icons-enabled [class^=icon-]{width:24px;height:24px;display:inline-block;}.icons-enabled [class^=icon-]::after{content:"";width:24px;height:24px;display:inline-block;}.icons-enabled .icon-view::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-clear::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-download::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-update::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-info::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-settings::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-widgets::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-cancel::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-ok::after{background-image:url('data:image/svg+xml;utf-8,');}.icons-enabled .icon-video::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-style::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-tool::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-touch::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-other::after{background-image:url('data:image/svg+xml;utf-8, ');}.icons-enabled .icon-arrow::after{background-image:url('data:image/svg+xml;utf-8,')} \ No newline at end of file diff --git a/utils/gui-settings/gui-settings.html b/utils/gui-settings/gui-settings.html index de40af82e..88aaff9aa 100644 --- a/utils/gui-settings/gui-settings.html +++ b/utils/gui-settings/gui-settings.html @@ -13,7 +13,7 @@
      - 视频与直播 + 视频与直播