a css test
// ==UserScript==
// @name tieba legacy theme demo
// @description a css test
// @namespace tieba_legacy_theme_demo
// @author Covenant
// @version 0.9.1
// @license GPL
// @homepage
// @match https://tieba.baidu.com/f?kw=*
// @match https://tieba.baidu.com/f?ie=utf-8&kw=*
// @match https://tieba.baidu.com/p/*
// @icon data:image/x-icon;base64,AAABAAIAEBAAAAEACABoBQAAJgAAACAgAAABACAAqBAAAI4FAAAoAAAAEAAAACAAAAABAAgAAAAAAEABAAAAAAAAAAAAAAABAAAAAAAAAAAAAP///wDhMikA9b67AOI3LgDzr6wA8ZyYAO2EfwD//fwA6WxlAOZUTAD3yMUA9bu5AP3u7QDrdm8A6GVeAPfFwwD4z80A6WdgAPrg3gDsfXcA+dTSAP3x8ADsenUA8qaiAPzp6ADujokA+t3cAORFPQDyqKQA4jkxAPnW1ADnWVEA51tUAPvk4wD++PcA7H96APS3swD74uEA4z42AOVPRwDpaWMA9sC+APzs6wDnXVYA6GJbAP3z8gDxoZ0A8qOfAO6LhgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIGBQAFBQUABQUFAAUFBQAFBQUABQUFAAUFBQAFBQYAFwUFAAUFBQAFBQUABQUFAAUFBQAFBQUABQUFAAUFBQAFBQIAAQEBAAEBAQABAQEAAQEBAAEBAQABAQEAAQIFAAUFAQABAQEAJTVLAAICAgICAgICAgICAgICAgICAQEBAQEBAQEBAQEBAQECAgEBLgkCKDEaIAIPLgEBAgIBARgCAgICAgICAi8BAQICAQEvAgICAgICAgIwAQECAgEBFigCAgICAgItLgEBAgIBAQErKAICAgIsIwEBAQICAQglHyYnAgIoDSkEKgECAgEYAh4WHyAhIiMCAiQBAgIBGgICGwEBAQEBHAIdAQICARECEhMUFRYXGBkLAQECAgEBDQEOAg8FAgIQAQEBAgIBAQEBCQIKCwICDAEBAQICAQEBAQMEBQEGBwgBAQECAgEBAQEBAQEBAQEBAQEBAgICAgICAgICAgICAgICAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAACAAAABAAAAAAQAgAAAAAACAEAAAAAAAAAAAAAAAAAAAAAAAAOEyKUjhMinn4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKefhMilI4TIp5OEyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKeThMin/4TIp//fFw/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////fFw//hMin/4TIp/+EyKf/hMin////////////////////////////97u3/8Z+a/+lpY//nW1T/6nFq/+6JhP/zran/98rI//rg3v/629n/+MzK//CXk//oZV7/5U9H/+EyKf/iNy7/6m5o//nU0v///////////////////////////+EyKf/hMin/4TIp/+EyKf//////////////////////++Lh/+RFPf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TQs//jPzf//////////////////////4TIp/+EyKf/hMin/4TIp///////////////////////pbGX/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/51lR///////////////////////hMin/4TIp/+EyKf/hMin/////////////////++fm/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/++fm/////////////////+EyKf/hMin/4TIp/+EyKf/////////////////2wL7/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/3yMX/////////////////4TIp/+EyKf/hMin/4TIp//////////////////W+u//hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp//jPzf/////////////////hMin/4TIp/+EyKf/hMin/////////////////++fm/+E0LP/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/jQzv//vj3/////////////////+EyKf/hMin/4TIp/+EyKf//////////////////////7YJ8/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp//Otqf//////////////////////4TIp/+EyKf/hMin/4TIp///////////////////////+9fX/5lRM/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/xn5r////////////////////////////hMin/4TIp/+EyKf/hMin////////////////////////////97u3/6GVe/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hNCz/9LKu/////////////////////////////////+EyKf/hMin/4TIp/+EyKf/////////////////////////////////++vr/63hy/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TQs//W5tv/51tT/8qOf//CXk//51NL/////////////////4TIp/+EyKf/hMin/4TIp/////////////////////////////////////////fz/63Zv/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/0sq7/9Lez/+E0LP/hMin/4TIp/+EyKf/1ubb////////////hMin/4TIp/+EyKf/hMin/////////////////9bm2/+lpY//oYlv/86+s///////++Pf/5lZP/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/7ouG///////lT0f/4TIp/+EyKf/hMin/4TIp/+ZRSv///////////+EyKf/hMin/4TIp/+EyKf////////////W+u//hMin/4TIp/+EyKf/hMin/8qai///////74uH/4z42/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+hiW//++vr//////+I5Mf/hMin/4TIp/+EyKf/hMin/4TIp////////////4TIp/+EyKf/hMin/4TIp////////////511W/+EyKf/hMin/4TIp/+EyKf/lSkL////////////2w8D/4jcu/+EyKf/hMin/4TIp/+EyKf/kSED//Ozr////////////4jcu/+EyKf/hMin/4TIp/+EyKf/hMin//vX1///////hMin/4TIp/+EyKf/hMin////////////iNy7/4TIp/+EyKf/hMin/4TIp/+EyKf/++Pf////////////4z83/6GBZ/+EyKf/jQzv/7H96//zs6//////////////////lTUX/4TIp/+EyKf/hMin/4TIp/+RIQP///////////+EyKf/hMin/4TIp/+EyKf///////////+I8M//hMin/4TIp/+EyKf/hMin/4TIp//749////////////////////////////////////////////////////////////+6Lhv/hMin/4TIp/+EyKf/hMin/8aGd////////////4TIp/+EyKf/hMin/4TIp////////////6m5o/+EyKf/hMin/4TIp/+EyKf/mVk///////////////////////////////////////////////fz/9sPA//fKyP///fz//vj3/+t2b//iPDP/5EhA/++VkP/////////////////hMin/4TIp/+EyKf/hMin////////////3ysj/4TIp/+EyKf/hMin/4TIp//bDwP//////8Z+a/+I8M//jQzv/9bu5/////////////fHw/+ZUTP/hMin/4TIp/+ZWT//86ej//////////////////////////////////////+EyKf/hMin/4TIp/+EyKf/////////////////yqKT/5EU9/+dZUf/1vrv///////bDwP/hMin/4TIp/+EyKf/hNCz/++Tj///////xnJj/4TIp/+EyKf/hMin/4TIp/+puaP//////////////////////////////////////4TIp/+EyKf/hMin/4TIp////////////////////////////////////////////6nFq/+EyKf/hMin/4TIp/+EyKf/vlZD//////+t2b//hMin/4TIp/+EyKf/hMin/4TIp//rb2f/////////////////////////////////hMin/4TIp/+EyKf/hMin////////////////////////////////////////////lTUX/4TIp/+EyKf/hMin/4TIp/+pxav//////6nFq/+EyKf/hMin/4TIp/+EyKf/hMin/862p/////////////////////////////////+EyKf/hMin/4TIp/+EyKf///////////////////////////////////////////+RIQP/hMin/4TIp/+EyKf/hMin/6m5o///////ypqL/4TIp/+EyKf/hMin/4TIp/+EyKf/1ubb/////////////////////////////////4TIp/+EyKf/hMin/4TIp////////////////////////////////////////////6nFq/+EyKf/hMin/4TIp/+EyKf/vlZD///////719f/lSkL/4TIp/+EyKf/hMin/5EhA//719f/////////////////////////////////hMin/4TIp/+EyKf/hMin////////////////////////////////////////////3ysj/4TIp/+EyKf/hMin/4jcu//zp6P////////////nY1//kRT3/4TIp/+I8M//4z83//////////////////////////////////////+EyKf/hMin/4TIp/+EyKf/////////////////////////////////////////////////zq6f/5EU9/+VNRf/3yMX///////////////////////3z8v/1u7n//fHw////////////////////////////////////////////4TIp/+EyKf/hMin/4TIp//fKyP////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////fKyP/hMin/4TIp/+EyKefhMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMinn4TIpP+EyKcnhMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIp/+EyKf/hMin/4TIpyeEyKT+AAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAQ==
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @connect
// @run-at document-start
// @noframes
// ==/UserScript==
const str_font_narrow="'sans-serif-condensed-light','Arial Narrow','Ubuntu Condensed','Nimbus Sans Narrow','Arial',";
const str_font_monospace="ui-monospace,'Menlo','Noto Mono','Cascadia Mono','Consolas','Droid Sans Mono','Liberation Mono','Monaco','Noto Sans Mono CJK JP','Courier New',";
const str_font_emoji1="'Twemoji Mozilla','Apple Color Emoji','Noto Color Emoji',";
const str_font_emoji2="'Segoe UI Emoji','Segoe UI Symbol','Noto Sans Symbols','Noto Sans Symbols2','Noto Sans Symbols 2','Toss Face Font Web',";
const str_font_serif_simSun="'NSimSun','SimSun','SimSun-ExtB','PMingLiU', 'PMingLiU-ExtB','MS Mincho','MS Gothic','Noto Serif CJK JP',";
const str_font_Iosevka="'Iosevka Fixed Slab','Iosevka Fixed Curly Slab','Iosevka Fixed','Iosevka Fixed Curly','Iosevka Slab','Iosevka Curly Slab','Iosevka','Iosevka Curly',";
const font_family_simSun="font-family: 'Inconsolata',"+str_font_narrow+str_font_emoji1+str_font_serif_simSun+str_font_emoji2+"serif;";
const a=[['可爱',4,'ge_'],
['简约',4,'op_'],
['经典',8,'a'],['尊贵',8,'b'],
['个性',0,'seven_youai','seven_danteng','seven_xiale','seven_shenma','seven_fuyun','seven_liangle','seven_geili'],
['公益',0,'publicwelfares'],['爱心包裹',0,'mall_5'],
['7周年庆典',9,'seven_'],['中秋',0,'midauto'],['春节',0,'yingchun','naochun','fudao'],
['俏皮兔',8,'tu_'],['祈福',2,'e']];
function create_head_style(textContent,id,class_name){
let style=create_node("style",class_name,true,document.head);
style.type='text/css';
style.id=id;
style.textContent=textContent;
return style;
}
var style_user_css=create_head_style("","css_tieba_legacy_ui",[]);
style_user_css.textContent+=`div.louzhubiaoshi{z-index: 8;}
div.nav_wrap,ul.nav_list>li{background-color: #0000CC;background-image: none;font-size: 14px;}
ul.nav_list>li>a{color: #FFFFFF;}
ul.nav_list>li>a:hover{background-color: #00008C;color: #FFFFFF;}
ul.nav_list>li.focus>a,ul.nav_list>li.focus>a:hover{color: #000000;background-color: #e0e1e5;}
div.threadlist_author>span.tb_icon_author>span>a,div.threadlist_author>span.tb_icon_author_rely>a,div.threadlist_author>span{color: #000000;}
ul#thread_list>li:nth-of-type(even){background-color: #eeeeee;}
/*threadlist*/
/*div.threadlist_text{display: none;}*/
div#content{width: 90%;}
div#content_wrap{width: 100%;}
div#content_wrap>div{margin-right: 238px;}
div#aside{float: left;margin-left: -238px;}
ul.tbui_aside_float_bar{right: 1%;left: auto;}
/*head_content*/
img#forum-card-banner{width: 982px;}\ndiv.card_banner{text-align: center;}
div.head_main>div.head_content{width: 90%;}
/*container >.content >pb_content >.left_section .p_postlist>l_post_bright >.d_post_content_main >.core_reply_wrapper*/
div.core_title_wrap_bright{background-color: #F4F4F4;}
div#container,div.pb_content,div.l_post_bright{width: auto;}
div#container>div.content{width: 90%;}
div.left_section,div.core_reply_wrapper{width: 100%;}
div.p_postlist,div.core_title_wrap_bright{margin-right: 240px;width: auto;}
div.d_post_content_main{width: 75%;}
div.right_section{float: left;margin-left: -240px;}
.icon_relative{height: 114px;width: 114px;}
.icon_relative>a{height: 112px !important;width: 112px !important;background-size: cover !important;}
a.p_author_face>img{height: 110px;width: 110px;border: 1px solid #CCCCCC;}
a.p_author_face{border: none;background-color: inherit;/*height: auto;width: auto;*/}
body,h3.core_title_txt,div.card_top,div.card_num span,input.search_ipt.search_ipt,div.suggestion>ul>li,div.search_nav.search_nav>a,.u_menu_item>a,span>u_username_title{`+font_family_simSun+`}
`;
function create_node(tagname,class_name,is_appendChild,node,refNode){
let element=document.createElement(tagname);
element.id="";
if(Array.isArray(class_name)){
for(let i=0; i<class_name.length; i++){element.classList.add(class_name[i]);}
}else if(typeof class_name==='string'){element.classList.add(class_name);}
if(node==undefined){node=document.body;}
if(is_appendChild){node.appendChild(element);}
else{
if(refNode==undefined){node.insertBefore(element,node.firstChild);}else{node.insertBefore(element,refNode);}
}return element;
}
//console.log("break");
(function() {
'use strict';
window.onload=function(){
console.log("window.onload");
let img_forum_card_banner=document.querySelectorAll('img#forum-card-banner');
img_forum_card_banner.forEach((fe_forum_card_banner,i) =>{
if(fe_forum_card_banner.src=="https://tb1.bdstatic.com/tb/cms/frs/bg/default_head20141014.jpg"){//槑熊
fe_forum_card_banner.src="https://tb1.bdstatic.com/tb/r/image/2014-04-04/dce0c0db62a7a639d0f25449b9950b66.jpg";
}
});
};
})();
style_user_css.textContent+=`/*1082769437 1386873844*/
.icon_relative>.badge{overflow:hidden;background-repeat:no-repeat;line-height:20px;position:absolute;font-size:12px;}
.icon_relative .bd1{
left:-6px;
bottom:10px;
width:64px;
height:17px;
line-height:17px;
color:#FFF;
font-family:'宋体';
}
.icon_relative .bd2{
left:-10px;
bottom:-5px;
width:71px;
height:30px;
line-height:25px;
color:#FFF;
font-family:'宋体';
}
.icon_relative .bd3{
bottom:-5px;
color:#FFF;
font-family:'宋体';
height:36px;
left:-10px;
line-height:45px;
padding-left:35px;
width:63px;
color:#000;
}
.icon_relative .bd4{
bottom:-2px;
color:#FFF;
font-family:'宋体';
height:37px;
left:-6px;
line-height:52px;
padding-left:20px;
width:62px;
color:#000;
}
.icon_relative .bd5{
bottom:-2px;
color:#932E41;
font-family:'宋体';
height:20px;
left:-6px;
line-height:23px;
padding-left:23px;
width:60px;
}
.icon_relative .bd41{
bottom:-6px;
color:#777;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
}
.icon_relative .bd42{
bottom:-6px;
color:#f3002e;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
}
.icon_relative .bd43{
bottom:-6px;
color:#0010d9;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
}
.icon_relative .bd44{
bottom:-6px;
color:#9f08e9;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
}
.icon_relative .bd51{
bottom:-6px;
color:#777;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
opacity:.9;
filter:alpha(opacity=90);
}
.icon_relative .bd52{
bottom:-6px;
color:#f3002e;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
opacity:.9;
filter:alpha(opacity=90);
}
.icon_relative .bd53{
bottom:-6px;
color:#0010d9;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
opacity:.9;
filter:alpha(opacity=90);
}
.icon_relative .bd54{
bottom:-6px;
color:#a204e1;
font-family:'宋体';
left:-6px;
line-height:23px;
width:69px;
height:22px;
opacity:.9;
filter:alpha(opacity=90);
}
.icon_relative .bd61{
bottom:-10px;
color:#F00;
font-family:'宋体';
left:-19px;
line-height:30px;
width:99px;
height:34px;
padding-left:11px;
}
.icon_relative .bd62{
bottom:-6px;
color:#7e3034;
font-family:'宋体';
height:28px;
left:-6px;
line-height:33px;
overflow:hidden;
padding-left:25px;
padding-right:10px;
width:55px;
}
.icon_relative .bd63{
bottom:-6px;
color:#CC370D;
font-family:'宋体';
height:27px;
left:-6px;
line-height:32px;
overflow:hidden;
padding-left:25px;
width:61px;
}
.icon_relative .bd71{
bottom:-13px;
color:#F84B4C;
font-family:'宋体';
left:-10px;
line-height:35px;
width:99px;
height:34px;
padding-left:11px;
}
.icon_relative .bd81{
bottom:-13px;
left:-10px;
line-height:35px;
width:100px;
height:34px;
padding-left:11px;
}
.icon_relative .bd82{
bottom:-13px;
left:-10px;
line-height:35px;
width:109px;
height:34px;
padding-left:11px;
}`;