追放官方社区电脑版页面调整

各种各样的页面调整
当前为 2024-09-05 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        追放官方社区电脑版页面调整
// @namespace   GFL2-PC-BBS
// @license     MIT
// @icon        https://community.cdn.sunborngame.com/prod/emoji/%E5%A5%BD%E5%A5%BD%E5%A5%BD.png
// @match       *://gf2-bbs.sunborngame.com/*
// @exclude     *://gf2-bbs.sunborngame.com/m/*
// @grant       GM_addStyle
// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_notification
// @version     0.1.7
// @author      Mirco
// @description 各种各样的页面调整
// ==/UserScript==


//----------CSS布局调整----------

function adjust_layout() {
    if (mod_setting.layout.wide == true) {
        GM_addStyle(`

/*---主页---*/

.head .head_main{width:95% !important;}

.content{
  width:100% !important;
  max-width:unset !important;
  height:100%;
}

.content .content_main{
	width:${mod_setting.layout.wide_percent}% !important;
	height:89% !important;
}

.content_main .content_m{
  padding:unset !important;
  width:calc(100% - 480px) !important;
}

::-webkit-scrollbar{
  /*display:none;*/
  width:10px;
}

::-webkit-scrollbar-thumb:hover{
  background-clip: border-box;
}

::-webkit-scrollbar-thumb{
  background-color:${mod_setting.layout.text_color};
  border-style: dashed;
  border-radius:10px;
  border-color: transparent;
  border-width: 3px;
  background-clip: padding-box;
}

::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:10px;
}

.index_con .van-list .card_item{
	width:98% !important;
	cursor:default;
}

.card_item .img_box div{
  display:inline-block;
  margin-right:10px;
}

.card_item .card_m .img_box{display:unset !important}

.swiper-container1{
  width:620px !important;
  margin-left:5px !important;
  display:inline-block;
  float:right;

}

.index_con{margin-top:unset !important}

.message_box>.message_pro{left:-45px !important}

/*.pc_right_bt{z-index:-1}*/

.index_news{
  border-radius:5px !important;
  width:calc(100% - 625px) !important;
  display:inline-block;
  float:left;
}

.index_con>.list_wrap{
  display:inline-block;
  width:calc(100% - 625px);
}

.sign_box{width:unset !important}

.conditions1{border-radius:5px !important}

.card_item{border-radius:5px !important}


/*---帖子页---*/

.content_main .post_box{
	left:unset !important;
	border-radius:5px !important;
}

.content_main .content_m12{
  left:60px !important;
  width:calc(100% - 300px) !important;
}

.content_m12>.card_item{width:97% !important}

.card_m1>p{
  font-size:0.18rem !important;
  line-height:0.4rem !important;
  font-weight:bold;
}

.card_m1 .showImg{
  max-width:600px;
  max-height:600px;
}

.content_m12>.reply_con1{
	width:calc(100% - 5px) !important;
	border-radius:5px;
}

.reply_con1>.reply_con_child{
  width:unset !important;
  margin:0 20px !important;
  border-radius:20px !important;
}

.content_m12>.comment_head{
  width:calc(100% - 3%) !important;
  border-radius:5px;
}

.content_m12>.van-list{width:100% !important}

.content_m12>.van-list>.card_item{width:97% !important}

.content_m12>.van-list>.card_item>.card_con .card_con_reply{
  padding: 0.1rem 0.1rem !important;
  background-color: #eee;
  border-radius:5px;
}

.emoji_box{width:unset !important}

.card_item>.card_t>.card_tm>div{font-size:20px !important}

.content>.van-popup--center:not(.img_popup){
  height:50% !important;
  width:50% !important;
}

.content .reply_con{
  width:unset !important;
  height:95%;
}

.van-popup--center>.reply_con>#div2{height:65%}

/*.page>.content{
  max-width:unset !important;
  padding-bottom:unset !important;
  height:calc(100% - 0.46rem);
}*/

.page>.content>#div1{height:60%}

.van-overlay{backdrop-filter:blur(3px);}


/*---攻略页---*/

.tab_box>ul{
  left:60px;
  position:fixed;
  width:80% !important;
}

.tab_box>ul>li{
  flex-grow:1;
  text-align:center;
}


/*---账号信息卡页---*/

.mine_b>.mine_br{width:0}

.mine_brb>.content_f>.van-list .card_item{width:unset !important}

.mine_b>.mine_bl{flex:none}


/*---兑换页---*/

.items{width:unset !important}

.strage_item .score{width:auto !important}

.sign{width:unset !important}

/*.task{width:unset !important}*/


/*---搜索页---*/

#content_sear>.van-list .card_item{
  width:80% !important;
  padding:20px !important;
}


/*---通知页---*/

.show_message{
  width:unset !important;
  height:unset !important;
}


/*登录(不可用)页*/

.login_content{max-width:unset !important}


`);
    }
}


//----------主页滚动图调整----------

function main_page_banner_adjust() {
    if (document.querySelector(".conditions1") != null && document.querySelector("#mod_index_news") == null) {
        let cd1_div = document.querySelector(".conditions1");
        let con_div = document.querySelector(".index_con");
        let sc1 = document.querySelector(".swiper-container1");
        con_div.insertBefore(sc1, cd1_div);
    }
}


//----------明暗模式----------

function custom_color() {
    if (mod_setting.layout.change_color == true) {
        GM_addStyle(`

html,body,.card_con_reply,.post_box>span,.van-search,.van-popup,.searc_box,.sign_box,.content_l
,.hot_words>.fire_items div,.van-list,.content_m,.mine_b>.mine_bl,.mine_b>.mine_br,.content_u>.mask>.head_box
,.user_box,.content_m12>.reply_con1>.reply_con_child,.content_m12>.reply_con1>.reply_con_child .w-e-text-container{
  background:${mod_setting.layout.bg_color} !important;
  background-color:${mod_setting.layout.bg_color} !important;
  color:${mod_setting.layout.text_color} !important;
}

.index_news,.conditions1,.card_item,.van-button--primary,.van-button--plain,.comment_head,.post_box
,.van-action-sheet__cancel,.list_wrap li,.btn1,.btn2,.item,.w-e-toolbar,.w-e-text-container,.top_box
,.t_box>div,.sign,.task,.content_rule,.gift_user,.van-action-sheet__item,.content .van-cell,.content .head1 select
,.van-search__content,.user_box .user_item input,.type_box,.head_item,.van-dialog,.van-button--default
,.content_r>.btns,.content_m12>.reply_con1,.message_pro,.hot_words
,.icon_box,.get_box{
  background-color:${mod_setting.layout.fore_color} !important;
  background:${mod_setting.layout.fore_color} !important;
}

.van-tab,.card_tit p,.card_m1 div,.comment_head>span,.van-action-sheet__cancel,.list_wrap>p,.show_message p
,.show_message span,.mine_box p,.item>p,.sign_box>p,.gift_user,.comment_head .ac,.van-field__control
,.content .head1 select,.card_con_reply p>i>i,.mine_box .data_box span,.van-button--default{color:${mod_setting.layout.text_color} !important}

.sign_box>p b{color:#ff0 !important}

.sign_box,.content{background:unset !important}

.card_m1 div a,.show_message a{color:#999 !important}

.message .me_con,.message_item>p,.content_l .nav_item:not(.nav_item_c),.content_l ul li:not(.li_c),.content_r .btn
,.index_con .strage_item>div span{color:unset !important}

.card_item,.post_box,.comment_head,.btn1,.btn2,.top_box,.sign,.task,.content .van-field,.content #div1,#div2,.type_box,.head_item{-webkit-box-shadow:unset !important}

.pc_right_bt a,.pc_right_bt div{color:${mod_setting.layout.bg_color} !important}

.van-dialog__confirm{color:#e02 !important}

.img_popup{background-color:transparent !important}

.login_box input{color:#000 !important}

`);
    }
}


//----------自定义背景----------

function set_bg_img() {
    if (mod_setting.bg.change) {
        let temp_url = "";
        if (mod_setting.bg.local == true) {
            temp_url = mod_setting.bg.b64;
        } else {
            temp_url = mod_setting.bg.url;
        }
        if (temp_url == "") {
            return;
        }
        GM_addStyle(`

html{
  background:url(${temp_url}) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
body,.content_l,.content_r,.content_m{background-color:unset !important}
.content_l,.van-list,.index_con{
  background:unset !important;
  background-image:unset !important;
}
body{
  background:unset !important;
  backdrop-filter:blur(3px);
}
.main,.van-button,.post_box{opacity:0.95}
.index_con img,.card_item img{opacity:1}
/*.message_item,.strage_item{background:#4444}*/
/*.message .me_con,.message_item>p,.content_l .nav_item:not(.nav_item_c),.content_l ul li:not(.li_c),.content_r .btn
,.index_con .strage_item>div span{color:unset !important}*/
`);
        if (mod_setting.layout.change_color == true) {
            GM_addStyle(`
				.content_main>.content_l,#hide_reply_input,.message_item,.strage_item{
					filter:drop-shadow(0 0 5px ${mod_setting.layout.text_color});
					text-shadow:0 0 10px ${mod_setting.layout.text_color};
				}
			`);
        } else {
            GM_addStyle(`
				.content_main>.content_l,#hide_reply_input,.message_item,.strage_item{
					filter:drop-shadow(0 0 5px #fffe);
					text-shadow:0 0 10px #fffe;
				}
				.message .me_con,.message_item>p,.content_l .nav_item:not(.nav_item_c),.content_l ul li:not(.li_c),.content_r .btn
				,.index_con .strage_item>div span{color:unset !important}
			`);
        }
    }
}


//----------隐藏帖子页回复框按钮----------

function add_hide_reply_btn() {
    if (document.querySelector(".reply_con1") != null && document.querySelector("#hide_reply_input") == null) {
        let temp_div = document.querySelector(".reply_con1");
        let temp_btn = document.createElement("button");
        temp_btn.id = "hide_reply_input";
        temp_btn.innerHTML = "隐藏输入框";
        temp_btn.style = `height:25px;width:100%;font-size:15px;border:0;background-color:unset;cursor:pointer;display:block;`;
        temp_btn.addEventListener("click", function () {
            if (temp_div.style.display != "none") {
                temp_div.style.display = "none";
                temp_btn.innerHTML = "显示输入框";
            } else {
                temp_div.style.display = "block";
                temp_btn.innerHTML = "隐藏输入框";
            }
        });
        temp_div.parentElement.insertBefore(temp_btn, temp_div /*.nextSibling*/);
        //自动按下
        document.querySelector("#hide_reply_input")?.click();
        GM_addStyle(`.content_m12>.reply_con1{margin:0 auto !important}`);
    }
}

//----------隐藏帖子页右边边栏----------

function hide_content_r_in_post() {
	if(document.querySelector(".content_r").style.display != "none") {
		document.querySelector(".content_r").style.display = "none";
		document.querySelector(".content_m12").style = "width:calc(100% - 60px) !important";
	}
}

//----------帖子内点击图片查看附加功能----------

function add_img_pop_btns() {
    let popup_div = document.querySelector(".img_popup");
    if (popup_div != null && document.querySelector("#mod_img_pop_div") == null) {
        let temp_div = document.createElement("div");
        temp_div.id = "mod_img_pop_div";
        let temp_button1 = document.createElement("button");
        let temp_button2 = document.createElement("button");
        temp_button1.id = "mod_big_img";
        temp_button1.innerHTML = "长图片模式";
        temp_button2.innerHTML = "设为背景图";
        temp_button1.addEventListener("click", function () {
            let imgs = document.querySelectorAll(".img_popup img");
            imgs.forEach(function (img) {
                if (img.style.maxHeight == "") {
                    img.style = "max-height:unset;position:absolute;top:10px;";
                } else {
                    img.style = "";
                }
            });
        });
        temp_button2.addEventListener("click", function () {
            mod_setting.bg.url = document.querySelector(".img_popup .swiper-slide-active img").src;
			mod_setting.bg.change = true;
            mod_setting.bg.local = false;
            save_setting();
            GM_notification("设置成功，点此刷新页面后生效！", "设置背景图", "https://community.cdn.sunborngame.com/prod/emoji/%E5%A5%BD%E5%A5%BD%E5%A5%BD.png", function () {
                location.reload();
            });
        });
        temp_div.appendChild(temp_button1);
        temp_div.appendChild(temp_button2);
        popup_div.appendChild(temp_div);

        GM_addStyle(`
			#mod_img_pop_div{
				position:fixed;
				top:10px;
				right:50px;
				width:200px;
				height:50px;
				/*background-color:#fff;*/
				z-index:2100;
				opacity:0.5;
				font-size:15px;
			}
			#mod_img_pop_div input{-webkit-appearance:auto}
			#mod_img_pop_div label{color:#eee}
			#mod_img_pop_div button{color:#eee;background:transparent;margin-left:15px;border:0;cursor:pointer;}
	`);
    }
}


//----------贴内楼中楼超长折叠----------
function fold_long_replys() {
    document.querySelectorAll(".card_con").forEach(function (item) {
        if (!item.querySelector(".mod_reply_con")) {
            if (item.querySelectorAll(".card_con_reply").length > 0) {
                let temp_div = document.createElement("div");
                temp_div.classList.add("mod_reply_con");
                item.querySelectorAll(".card_con_reply").forEach(function (sub_item) {
                    temp_div.appendChild(sub_item);
                });
                item.appendChild(temp_div);
                if (item.querySelectorAll(".card_con_reply").length > 3) {
					let temp_hei = item.querySelectorAll(".card_con_reply")[0].offsetHeight + item.querySelectorAll(".card_con_reply")[1].offsetHeight + item.querySelectorAll(".card_con_reply")[2].offsetHeight;
                    let temp_btn = document.createElement("button");
                    temp_btn.classList.add("mod_fold_btn");
                    temp_btn.innerHTML = `展开${item.querySelectorAll(".card_con_reply").length - 3}条评论`;
                    temp_btn.style = "margin-left:5%;background:unset;width:80%;border:0;cursor:pointer;";
                    item.appendChild(temp_btn);
                    temp_div.style = `height:${temp_hei}px;overflow-y:hidden;`;
                    temp_btn.addEventListener("click", function () {
                        if (temp_div.offsetHeight <= temp_hei) {
                            temp_div.style = "";
                            temp_btn.innerHTML = `收起${item.querySelectorAll(".card_con_reply").length - 3}条评论`;
                        } else {
                            temp_div.style = `height:${temp_hei}px;overflow-y:hidden;`;
                            temp_btn.innerHTML = `展开${item.querySelectorAll(".card_con_reply").length - 3}条评论`;
							item.querySelectorAll(".card_con_reply")[0].scrollIntoView({behavior: 'smooth', block: 'nearest'});
                        }
                    });
                }
            }
        }
    });
}


//----------贴内回复自动切换成最早----------

function reply_early_seq() {
    if (document.querySelectorAll(".comment_head div span")[0] != null) {
        document.querySelectorAll(".comment_head div span")[0].click();
    }
}


//----------首页中查看大图----------

function big_pic_for_main_page() {
    document.querySelectorAll(".img_box img").forEach(function (img) {
        if (img.classList.contains("clickimg") == false) {
            img.style.cursor = "zoom-in";
            img.addEventListener("click", function (event) {
                event.stopPropagation();
                if (this.style.maxHeight == "") {
                    this.parentElement.style.height = "unset";
                    this.style.maxHeight = "unset";
                    this.style.cursor = "zoom-out";
                } else {
                    this.parentElement.style.height = "";
                    this.style.maxHeight = "";
                    this.style.cursor = "zoom-in";
					this.scrollIntoView({behavior: 'smooth', block: 'nearest'});
                }
            });
            img.classList.add("clickimg");
        }
    });
}


//----------脚本设置面板----------

function add_plugin_setting_page() {
    if (document.querySelector("#mod_setting_btn") == null || document.querySelector("#mod_setting_panel") == null) {
        let temp_btn = document.createElement("button");
        temp_btn.id = "mod_setting_btn";
        temp_btn.innerHTML = `<img src="${setting_icon}">`;
        temp_btn.title = "页面调整设置"
            let mod_div = document.createElement("div");
        mod_div.id = "mod_setting_panel";
        mod_div.style.display = "none";
        mod_div.classList.add("van-popup");
        mod_div.classList.add("van-popup--center");
        mod_div.innerHTML = setting_page;
        if (document.querySelector("#mod_setting_btn") == null) {
            document.querySelector(".main")?.appendChild(temp_btn);
        }
        temp_btn.addEventListener("click", function () {
            if (mod_div.style.display == "none") {
                mod_div.querySelectorAll("fieldset[name]").forEach(function (item_set) {
                    item_set.querySelectorAll("input[name]").forEach(function (item) {
                        if (item.type == "checkbox") {
                            item.checked = mod_setting[item_set.name][item.name];
                        } else {
                            item.value = mod_setting[item_set.name][item.name];
                        }
						var event = new Event('input', {
						    bubbles: true
						});
						item.dispatchEvent(event);
                    });
                });
                mod_div.querySelector("#mod_set_img").src = mod_div.querySelector("input[name=\"b64\"]").value;
                mod_div.style.display = "unset";
            }
        });
        if (document.querySelector("#mod_setting_panel") == null) {
            document.body.appendChild(mod_div);
            mod_div.querySelector("#mod_set_p_cancel").addEventListener("click", function () {
                mod_div.style.display = "none";
            });
            mod_div.querySelector("#mod_set_p_ok").addEventListener("click", function () {
                mod_div.querySelectorAll("fieldset[name]").forEach(function (item_set) {
                    item_set.querySelectorAll("input[name]").forEach(function (item) {
                        if (item.type == "checkbox") {
                            mod_setting[item_set.name][item.name] = item.checked;
                        } else {
                            mod_setting[item_set.name][item.name] = item.value;
                        }
                    });
                });
                save_setting();
                location.reload();
            });
            mod_div.querySelector("#mod_set_p_loadbg").addEventListener("click", function () {
                let temp_bgfile = document.createElement("input");
                temp_bgfile.type = "file";
                temp_bgfile.accept = "image/*";
                temp_bgfile.addEventListener("change", function () {
                    if (temp_bgfile.files[0]?.type.startsWith("image/")) {
                        let reader = new FileReader();
                        reader.onload = function () {
                            mod_div.querySelector("fieldset[name=\"bg\"] input[name=\"b64\"]").value = reader.result;
                            mod_div.querySelector("#mod_set_img").src = reader.result;
                        };
                        reader.readAsDataURL(temp_bgfile.files[0]);
                    }

                });
                temp_bgfile.click();
            });
            mod_div.querySelector("#mod_set_img").addEventListener("click", function (sender) {
                this.src = "";
                mod_div.querySelector("fieldset[name=\"bg\"] input[name=\"b64\"]").value = "";
                mod_div.querySelector("#mod_set_imgsize").innerHTML = "";
            });
            mod_div.querySelector("#mod_set_img").onload = function () {
                mod_div.querySelector("#mod_set_imgsize").innerHTML = `${mod_div.querySelector("#mod_set_img").naturalWidth} × ${mod_div.querySelector("#mod_set_img").naturalHeight}`;
                mod_div.querySelector("#mod_set_p_loadbg").style.display = "none";
            };
            mod_div.querySelector("#mod_set_img").onerror = function () {
                mod_div.querySelector("#mod_set_p_loadbg").style.display = "block";
            };
			mod_div.querySelector("#mod_set_p_resetcolor").addEventListener("click", function () {
				mod_div.querySelector("fieldset[name=\"layout\"] input[name=\"bg_color\"]").value = "#444444";
				mod_div.querySelector("fieldset[name=\"layout\"] input[name=\"fore_color\"]").value = "#333333";
				mod_div.querySelector("fieldset[name=\"layout\"] input[name=\"text_color\"]").value = "#eeeeee";
			});
 			 mod_div.querySelector("fieldset[name=\"layout\"] input[name=\"wide_percent\"]").addEventListener("input", function () {
			    mod_div.querySelector("#mod_set_wvalue").innerHTML = this.value + "% 宽度";
			}); 
        }
    }
}


const setting_page = `
<span>页面调整设置</span>
<button id="mod_set_p_cancel">×</button>
<br>
<div>
  <fieldset name="layout" style="display:flex;flex-direction: column;">
    <legend>布局与颜色</legend>
    <label><input type="checkbox" name="wide">宽屏布局 <input type="range" name="wide_percent" min="70" max="100" step="0.2"><span id="mod_set_wvalue"></span></label>
	<label><input type="checkbox" name="main_bigpic">主页图片点击放大</label>
    <label><input type="checkbox" name="change_color">自定义颜色</label>
	<div style="display:flex">
	<label>背景<input type="color" name="bg_color"></label>
	<label>前景<input type="color" name="fore_color"></label>
	<label>主要文字<input type="color" name="text_color"></label>
	</div>
	<button id="mod_set_p_resetcolor">设置颜色为暗色模式</button>
  </fieldset>
  <fieldset name="post">
    <legend>帖子页面</legend>
    <label><input type="checkbox" name="hide_input">自动隐藏回复输入框</label>
	<label><input type="checkbox" name="img_btns">查看大图界面添加长图放大、设为背景功能</label>
	<label><input type="checkbox" name="hide_cont_r">隐藏右侧边栏</label>
	<label><input type="checkbox" name="fold_long_reply">自动折叠大于3层的楼中楼</label>
    <label><input type="checkbox" name="seq">回复默认正序显示</label>
  </fieldset>
</div>
<div>
  <fieldset name="bg" style="display:flex;flex-direction: column;">
    <legend><label><input type="checkbox" name="change">背景图片</label></legend>
    <label>图片地址<input type="search" name="url"></label>
    <p>注意：地址需允许外链或者是社区内的图片</p>
    <label><input type="checkbox" name="local">使用本地图片<input type="hidden" name="b64"></label>
	<button id="mod_set_p_loadbg">加载本地图片</button>
    <img id="mod_set_img" title="点击取消加载">
	<span id="mod_set_imgsize"></span>
  </fieldset>
</div>
<div style="display:block">
  <button id="mod_set_p_ok">保存设置并刷新页面</button>
  <span>脚本加载器: ${GM_info.scriptHandler} ${GM_info.version} <a href="../m">旧版页面>></a></span><br>
  <span>Ver.${GM_info.script.version} - Code by <a href="../user?id=25395">Mirco</a></span>
</div>

`;


GM_addStyle(`

#mod_setting_btn{
  z-index:1900;
  border:0;
  width:25px;
  height:25px;
  background-color:transparent;
  color:#444;
  display:block;
  font-size:15px;
  position:fixed;
  top:20px;
  right:10px;
  cursor:pointer;
  transition:all 0.5s;
}

#mod_setting_btn:hover{filter: drop-shadow(0px 0px 6px #fff)}

#mod_setting_panel{
  position:fixed;
  font-size:15px;
  padding:15px 25px;
  z-index:1901;
  border:1px #ddd6;
  border-style:solid;
  border-radius:5px;
  box-shadow:0 0 15px #ccc6;
  background-color:#eee5 !important;
  backdrop-filter:blur(15px);
  text-shadow: 0 0 20px #999;
}

#mod_setting_panel>span{
	position:fixed;
	top:1px;
	left:15px;
	cursor:default;
}

#mod_setting_panel input{
  -webkit-appearance:auto;
  margin:0 5px;
}

#mod_setting_panel>div{
  display:inline-block;
  vertical-align:top;
  /*flex-direction: column;*/
}

#mod_setting_panel label{display:flex}

#mod_setting_panel>div input[name="url"]{
  flex-grow:1;
  border:1px #000;
  color:#000;
  border-style:solid;
}

#mod_setting_panel>div>#mod_set_p_ok{
	margin:10px 0;
	float:right;
}

#mod_setting_panel>div button{
  background-color:#ddd;
  color:#000;
  padding:0 5px;
  margin:5px 0 5px;
  cursor:pointer;
  border:1px #777;
  border-radius:3px;
}

#mod_setting_panel>#mod_set_p_cancel{
  position:fixed;
  top:0px;
  right:0px;
  cursor:pointer;
  background-color:#F26C1C55;
  border:0;
  width:50px;
  font-size:15px;
  transition:all 0.5s;
}

#mod_setting_panel>#mod_set_p_cancel:hover{
	background:linear-gradient(to bottom,#F26C1C 0%,#faa 70%,#F26C1C 100%);
	box-shadow:0 0 10px #F26C1C;
}

#mod_setting_panel>div>span{
  text-align:center;
  font-size:10px;
  cursor:default;
}

#mod_setting_panel>div span>a,#mod_setting_panel>div span>a:visited{color:#222;}

#mod_setting_panel fieldset{
  padding:5px 10px;
  border:1px solid;
  margin:5px 0;
  border-radius:5px;
}

#mod_setting_panel #mod_set_img{
  max-height:100px;
  max-width:280px;
  display:block;
  margin:0 auto;
  cursor:pointer;
}

#mod_setting_panel #mod_set_img[src=""]{
  display:none;
}

#mod_setting_panel #mod_set_imgsize{
	text-align: center;
    margin: 0 auto;
    display: block;
}

`);


const setting_icon = `data:image/svg+xml;base64,PHN2ZyBkYXRhLXYtYzFhZmFhNDU9IiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InN2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWVlIiBzdHJva2Utd2lkdGg9IjEuNSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjxwYXRoIGQ9Ik0xMy43NjUgMi4xNTJDMTMuMzk4IDIgMTIuOTMyIDIgMTIgMmMtLjkzMiAwLTEuMzk4IDAtMS43NjUuMTUyYTIgMiAwIDAgMC0xLjA4MyAxLjA4M2MtLjA5Mi4yMjMtLjEyOS40ODQtLjE0My44NjNhMS42MTcgMS42MTcgMCAwIDEtLjc5IDEuMzUzYTEuNjE3IDEuNjE3IDAgMCAxLTEuNTY3LjAwOGMtLjMzNi0uMTc4LS41NzktLjI3Ni0uODItLjMwOGEyIDIgMCAwIDAtMS40NzguMzk2QzQuMDQgNS43OSAzLjgwNiA2LjE5MyAzLjM0IDdjLS40NjYuODA3LS43IDEuMjEtLjc1MSAxLjYwNWEyIDIgMCAwIDAgLjM5NiAxLjQ3OWMuMTQ4LjE5Mi4zNTUuMzUzLjY3Ni41NTVjLjQ3My4yOTcuNzc3LjgwMy43NzcgMS4zNjFjMCAuNTU4LS4zMDQgMS4wNjQtLjc3NyAxLjM2Yy0uMzIxLjIwMy0uNTI5LjM2NC0uNjc2LjU1NmEyIDIgMCAwIDAtLjM5NiAxLjQ3OWMuMDUyLjM5NC4yODUuNzk4Ljc1IDEuNjA1Yy40NjcuODA3LjcgMS4yMSAxLjAxNSAxLjQ1M2EyIDIgMCAwIDAgMS40NzkuMzk2Yy4yNC0uMDMyLjQ4My0uMTMuODE5LS4zMDhhMS42MTcgMS42MTcgMCAwIDEgMS41NjcuMDA4Yy40ODMuMjguNzcuNzk1Ljc5IDEuMzUzYy4wMTQuMzguMDUuNjQuMTQzLjg2M2EyIDIgMCAwIDAgMS4wODMgMS4wODNDMTAuNjAyIDIyIDExLjA2OCAyMiAxMiAyMmMuOTMyIDAgMS4zOTggMCAxLjc2NS0uMTUyYTIgMiAwIDAgMCAxLjA4My0xLjA4M2MuMDkyLS4yMjMuMTI5LS40ODMuMTQzLS44NjNjLjAyLS41NTguMzA3LTEuMDc0Ljc5LTEuMzUzYTEuNjE3IDEuNjE3IDAgMCAxIDEuNTY3LS4wMDhjLjMzNi4xNzguNTc5LjI3Ni44MTkuMzA4YTIgMiAwIDAgMCAxLjQ3OS0uMzk2Yy4zMTUtLjI0Mi41NDgtLjY0NiAxLjAxNC0xLjQ1M2MuNDY2LS44MDcuNy0xLjIxLjc1MS0xLjYwNWEyIDIgMCAwIDAtLjM5Ni0xLjQ3OWMtLjE0OC0uMTkyLS4zNTUtLjM1My0uNjc2LS41NTVBMS42MTcgMS42MTcgMCAwIDEgMTkuNTYyIDEyYzAtLjU1OC4zMDQtMS4wNjQuNzc3LTEuMzZjLjMyMS0uMjAzLjUyOS0uMzY0LjY3Ni0uNTU2YTIgMiAwIDAgMCAuMzk2LTEuNDc5Yy0uMDUyLS4zOTQtLjI4NS0uNzk4LS43NS0xLjYwNWMtLjQ2Ny0uODA3LS43LTEuMjEtMS4wMTUtMS40NTNhMiAyIDAgMCAwLTEuNDc5LS4zOTZjLS4yNC4wMzItLjQ4My4xMy0uODIuMzA4YTEuNjE3IDEuNjE3IDAgMCAxLTEuNTY2LS4wMDhhMS42MTcgMS42MTcgMCAwIDEtLjc5LTEuMzUzYy0uMDE0LS4zOC0uMDUtLjY0LS4xNDMtLjg2M2EyIDIgMCAwIDAtMS4wODMtMS4wODNaIi8+PC9nPjwvc3ZnPg==`;


//----------其他功能性函数----------

function waitForObj(selector, callback, active_once = false, node = document, stree = true) {
    const obvser = new MutationObserver(function () {
        //console.log("dom updated");
        if (node.querySelectorAll(selector).length > 0) {
            //console.log(`found: ${selector}`);
            callback(obvser);
            if (active_once == true) {
                obvser.disconnect();
            }
        }
    });
    obvser.observe(document.body, {
        childList: true,
        subtree: stree
    });
}

function waitForObjs() {	
    if (mod_setting.post.hide_input) {
        waitForObj(".reply_con1", add_hide_reply_btn);
    }
	if (mod_setting.post.hide_cont_r) {
		waitForObj(".reply_con1",hide_content_r_in_post);
	}
    if (mod_setting.post.img_btns) {
        waitForObj(".img_popup", add_img_pop_btns);
    }
    if (mod_setting.post.seq) {
        waitForObj(".van-list .card_item", reply_early_seq, true);
    }
    if (mod_setting.layout.wide) {
        waitForObj(".conditions1", main_page_banner_adjust, true);
    }
    if (mod_setting.layout.main_bigpic) {
		GM_addStyle(`.card_item .card_m .img_box{display:unset !important}`);
        waitForObj(".img_box img", big_pic_for_main_page);
    }
	if (mod_setting.post.fold_long_reply) {
		GM_addStyle(`.mod_reply_con{margin-top:5px}`);
		waitForObj(".card_con",fold_long_replys);
	}
    waitForObj(".main", add_plugin_setting_page, true);
}

var mod_setting = {
    "layout": {
        "wide": false,
		"wide_percent": 99,
        "change_color": false,
		"bg_color": "#444444",
		"fore_color": "#333333",
		"text_color": "#eeeeee",
        "main_bigpic": false
    },
    "bg": {
        "change": false,
        "local": false,
        "url": "",
        "b64": ""
    },
    "post": {
        "hide_input": false,
        "seq": false,
        "img_btns": false,
		"hide_cont_r": false,
		"fold_long_reply": false
    }
};


function save_setting() {
    GM_setValue("settings", mod_setting);
}

(function () {
    'use strict';

	mod_setting = GM_getValue("settings", mod_setting);
	//console.log(mod_setting);
	
    adjust_layout();
    custom_color();
    set_bg_img();
    waitForObjs();

})();
欢迎访问Greasy Fork镜像
