Greasy Fork is available in English.
美化QQ音乐播放页面
当前为
// ==UserScript==
// @name QQ音乐播放器美化
// @version 0.1.2
// @description 美化QQ音乐播放页面
// @author Mikkpotatoes
// @match https://y.qq.com/n/ryqq/player
// @icon https://y.qq.com/favicon.ico
// @grant none
// @namespace http://greasyfork.icu/users/805106
// ==/UserScript==
(function() {
'use strict';
function hidePlayList(s) {
let cl = document.querySelector(".btn_play_list").classList;
if(cl.contains("play_list_open")) {
document.querySelector(".mod_songlist_toolbar").style.bottom = "-280px";
document.querySelector(".sb_main").style.bottom = "-700px";
cl.remove("play_list_open");
} else {
if(s == true) {
document.querySelector(".mod_songlist_toolbar").style.bottom = "";
document.querySelector(".sb_main").style.bottom = "";
cl.add("play_list_open");
}
}
}
window.addEventListener("load", ()=> {
document.removeEventListener("clic", hidePlayList)
let bps = document.querySelector(".btn_big_only");
let bp = document.createElement("a");
bp.classList.add("play_list_open");
bp.classList.add("btn_play_list");
bps.after(bp);
bps.remove();
bp.innerHTML = "";
let cl = bp.classList;
cl.remove("btn_big_only");
cl.add("btn_play_list");
bp.onclick = null;
bp.addEventListener("click", (e) => {
hidePlayList(true);
e.stopPropagation()
return false;
});
hidePlayList();
document.addEventListener("click", hidePlayList);
let s = document.createElement("style");
s.innerHTML = '.player_login__guide{display:none}.mod_song_info{left:50%;width:100%;font-size:32px;line-height:56px;display:flex;flex-direction:row;align-items:center;max-width:1440px;transform:translate(-50%,0)}.song_info__cover:after{left:5px;width:calc(100% + 45px);height:100%;background-size:contain;background-position:0 -6px}.song_info__pic{width:100%;height:100%}.song_info__album,.song_info__name,.song_info__singer{height:auto;font-size:24px;font-weight:700}.song_info__lyric{flex:1 0;height:100%;min-height:100%}.song_info__lyric,.song_info__lyric_box{position:unset}.song_info__lyric_box{margin-right:-20px}.song_info__lyric_inner{line-height:42px;font-weight:700;text-align:left;margin-top:50%}.song_info__lyric .on{color:#fff;opacity:1}.mod_songlist_toolbar{margin-left:0;background:rgba(255 255 255 / 25%);backdrop-filter:blur(24px)}.sb_main{position:absolute;right:0;height:420px;bottom:-48px;width:669px;z-index:1;border-radius:0 0 12px 12px}.sb_viewport{background:rgba(255 255 255 / 25%);padding:0 0 0 24px;backdrop-filter:blur(24px);transition:cubic-bezier(.65,.05,.36,1) 1s}.mod_only_lyric{font-size:32px;line-height:64px;font-weight:700}.player__bd{top:96px}.player_music{margin:0 316px 0 208px}@media (min-height:710px) and (max-height:900px){.song_info__lyric{top:unset}.song_info__lyric_box{height:auto;margin-top:-20%}}@media (min-height:1000px) and (max-height:1100px){.song_info__lyric_box{top:unset;margin-top:-20%;height:auto}}@supports (-webkit-appearance:none){.mod_songlist,.sb_overview{margin-right:-18px}}.btn_big_like{right:190px}.btn_big_down{display:none}.btn_big_style_list,.btn_big_style_single{top:2px;right:243px}.btn_play_list{top:3px;right:137px;width:26px;height:26px;background-position:0 -282px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAEx0lEQVR4nO3d3VHcSBQGUEIghAnBGawyWGewG4IzWGewzsBkwmQAGZgMTAbfPmhYUzZqA2p1T4/OqdILUEhz+34ltf7m6goAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARpTkQ5Jbi+UMlw+983GVZAqcp6l3PgSEcyYgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUCAgUNA/IAAAAAAAAAAAAAAAAAAAAAAAAADABUpy7P3axdfoXSd2KgICyyIgsCwCAssiILAsAgLLIiCwLAICyyIgsCwCAssiILAsAgLLIiCwLAICyyIgsCx7CUiS6yR/WC5qua6Qgd/1TY2AHLdeanzQqcIH5bxMqxvj932zOiBbb2MVEZBLNDXoGwFhWFODvhEQhjU16BsBYVhTg74REIY1NegbAWFYU4O+ERCGNTXoGwFhWFODvhEQhjU16BsBYVhTg74REIY1NegbAWFYU4O+ERCGNTXoGwFhWFODvhEQhjU16JvdBOQ6c0gsl7MM8cDU1tsI3QgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFAgIFy/JIclfSf5Ncpvk2089/P3089vT3/yZ08NYAsJFOoXinyR3K3r7LnN4BITLkORDkq9rm7qm3jWBpz3G185ZeFHv2rBzST6mwqHQVnrXhx3Lme41nutdI3Yo82ucbjv3/qv0rhU7kzkca85ONdW7XuxMBtlzPOldL3YkA8w5fta7ZuxE5rNVw+ldN3Yg87zjbE/llvSuHTuQ5EvvRn+v3rXjwmW+fWRYvevHhUty07vJ1+hdPy5Y5rnH0HrXkAuW5PNGfXuf+VmPY5KHjdaRREDYUOpeMX/MHLjDC+s5nH73WHF9SQSEjaTu4dV9XvGVbZmDcl9xvQLCNlLvwuD9O9ZdLSRb1AZqXft4zDu+7DPznqTK4dYWtYEqL0xI8nnF+qucIKhYEvghdQJyWLH+Q4X1CwjbyPp7r94893hhG1afAq5RC/jF2sZMcqywDft4L1aSaX29edJozNY6VtgGAeHtGo3Z2rNIdxW24dvKbXioUIrtRUCqajRmlzBJP9aryIYiIFU1GrNLOM17rFeRDUVAqmo0ZjUa9Hvef6GwxhOMX7aoTXURkKoajVmtW03ePBdJvZskP25Rm+oiIFU1GrOaNyve5fU3K9a8g/jNe68uIiBVNRy3ms9qfM/8lQiHF9bz9HUJNV8MsfpCZTMRkKoajtunjT7CXX58ac63jdbxqVWdVouAVNVw3EZ+5HaMw6urKwGprfHYjfjShpuWNVotAlJV47GrcldtY4eWNVotAlJVh/Eb6cVxY1z7eC4CUlWH8bvOBi9U2MBDRpp7PImAVNVpDEd4efUYFwZ/FgGpquM4nvOh1niHVk8yv9/1aKmzdB7L45vato2bnjWB/2Wej1R9d9VKr3rnFjSTOSTnsCe5iXBwrtJ3TjLunIP9yHx2q+Up4IeMeraKfcp8yNVib/IlDqkYVebbUmrfu/V4+p+H3p8PqjgF5VPWne26P/0Pewwu1yksf2d+xv3pWs7zOcvDs59/zjynEQoAAAAAAAAAAAAAAAAAAAAAAAAA6vkPWUB8Iq0SK6MAAAAASUVORK5CYII=);background-size:100%;position:absolute}.play_list_open{opacity:1}.mod_btn_comment{display:none}.song_info__lyric_inner>p{max-width:350px;padding:12px 16px;border-radius:12px;opacity:.5}.song_info__lyric_inner>p:hover{background:rgba(255 255 255 / 25%)}.song_info__info{flex:1 0}.list_current .mod_playlist_text .playlist__title,.list_hover .mod_playlist_text .playlist__title{width:30.8986%}.mod_playlist_text .list_current .list_menu,.mod_playlist_text .list_hover .list_menu{position:static;float:left}.mod_playlist_text .playlist__time{position:absolute;right:10px;width:133px;top:0;color:#999}.mod_playlist_text .playlist__time span{position:relative;float:left;font-size:13px}.mod_songlist_toolbar{position:absolute;margin-bottom:0;bottom:372px;right:0;padding:16px 24px;z-index:1;border-radius:12px 12px 0 0;transition:cubic-bezier(.65,.05,.36,1) 1s}.song_info__cover {width: 320px;height: 320px;} @media (min-height: 900px) and (max-height: 1000px) {.song_info__lyric_box {height: auto;}}'
document.body.append(s);
});
// Your code here...
})();