Skip to content

Instantly share code, notes, and snippets.

@iMyon
Created July 18, 2014 11:33
Show Gist options
  • Save iMyon/d33286fcdabcb0ccaa60 to your computer and use it in GitHub Desktop.
Save iMyon/d33286fcdabcb0ccaa60 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
//~~配色方案
$switch:yellow;
//配色方案~~
$welcome-word:"百度贴吧 ★ ";
//~~隐藏元素
$show-ad: false; //是否隐藏广告
$show-tdou: false; //是否隐藏t豆
$show-tietiao: false; //贴条
$show-search-switch: false; //切换到网页、新闻..
$show-barheader: false; //贴吧名片
$show-lvPai: false; //等级牌
$show-img-preview: false; //帖子图片预览
$show-text-preview: true ; //帖子文字预览
$show-topic: false; //话题贴滚动
$show-sign: false; //签到
$show-signature: false; //签名
$show-vip: false; //各种铭牌
$show-rtools: false; //右侧浮动工具栏
$show-custom: false; //自定义屏蔽元素
$show-aside: false; //首页右侧栏
//隐藏元素~~
$bg-body: #C5BDAD; //页面背景
$bg-opacity: .7; //背景透明度
$bg-body-image: url(chrome://userchromejs/content/images/tb3.png); //背景图片
//函数-选择降色还是升色
@function change-color($color,$value){
@if(lightness($bg-body)>75%){
@return darken($color,$value);
}
@else{
@return lighten($color,$value);
}
}
$opacity-body: 1; //整体透明度
$w-main: 980px; //主区域宽度
$bg-main: change-color($bg-body,5%); //主区域背景
$bg-head-nav: change-color($bg-main,5%); //横幅背景
$bg-content: change-color($bg-main,6%); //主楼层背景
$bg-lzl-content: change-color($bg-content,3%); //lzl背景
$bg-edit: #EAE9E6; //可编辑区背景
$color-common: #191919; //一般字体颜色(帖子列表,楼层回复字体等)
$color-edit: $color-common; //编辑框字体
$color-a-common: #015879; //一般链接字体颜色
$color-a-welcome: #2D64B3; //头部欢迎语
$color-visited: #ff6666; //点击后链接的颜色
$color-grey: #999 ; //灰色字体
$bcolor-split: change-color($bg-main,6%); //分割线颜色
$bcolor-common: change-color($bg-main,6%); //一般边框的颜色
$font-small: 12px;
$font-normal: 16px;
$font-big: 20px;
//隐藏右侧栏后设置宽度
$aside-width:238px;
@if($show-aside == false){
$aside-width:0px !global;
}
//如果背景太暗,切换反色字体
@if(lightness($bg-body)<35%){
$color-common:invert($color-common) !global;
}
//隐藏元素列表
$blacklist:(
//广告
ad:(
$show-ad:(
"#j_ten_years" //十周年
".game_frs_in_head" //首页-头部广告
".lot_wrap" //投注
"#aside_ad" //侧栏广告
".game_spread_thread" //2楼游戏
"#game_rank" //右侧栏游戏
"#ueg_policy_open" //你的贴吧由我守护
"#pb_adbanner" //头部广告
"#search_button_wrapper" //抢福利上头条
".cont_sign_banner" //签到充值
".p_share_ding" //分享
".tb_poster_placeholder" //三倍经验
".share_btn_wrapper" //抢沙发
".u_app" //右上角客户端
".split" //右上角分割线
".poster_head_surveillance" //七条底线
"UL.tieba_notice" //打击谣言
".lzl_panel_wrapper td:nth-child(1)" //lzl-回复框旁的客户端宣传
".edui-btn-voice" //回复框-语音
".j_voice_ad_gif" //那尼说话还给奖
"#frs-list-game" //贴吧推荐
".tb_poster_info.poster_success" //回帖成功
"DL#threadListGroupCnt" //小米电源头部贴
".star_collect_body" //lol
".banner_post"
".spreadad_thread_top" //顶部广告
".spreadad" //推广贴
".worldcup_rank" //世界杯
".fifa_card_title" //世界杯
"#fifa_card_frs-aside" //世界杯
".fifa_card_foottips" //世界杯
"#worldcup_guess_frs_wrap"
"A.nav_icon.icon_happy.j_tbnav_tab_a" //嘉年华你妹
".BAIDU_CLB_AD" //推广帖
".game_forum"
".tbnav_list.j_tbnav_list.nav_list_over"
)
),
//t豆相关
tdou:(
$show-tdou:(
"#tbmall_score_region" //右侧-本吧福利彩蛋
".u_tbmall" //右上角-t豆商城
".u_tshow" //右上角-t秀
".u_wallet" //右上角-t豆钱包
".edui-btn.edui-btn-medal" //发帖框-t秀特权
"#replyBusinessImg"  //
)
),
//贴条
tietiao:(
$show-tietiao:(
".tb_paper_wrap"
)
),
//搜索切换
search-switch:(
$show-search-switch:(
".search_nav"
".search_btn_wrap" //搜索按钮
".senior-search-link" //高级搜索
".s_tools" //吧内搜索高级搜索
)
),
//吧头像
barheader:(
$show-barheader:(
".card_top"
)
),
//等级牌
lvPai:(
$show-lvPai:(
".l_badge"
)
),
//帖子图片预览
img-preview:(
$show-img-preview:(
".threadlist_voice" //语音
".small_wrap" //图片
".j_threadlist_piclist_detail" //图册话题贴
)
),
//帖子文字预览
text-preview:(
$show-text-preview:(
".threadlist_text"
)
),
//话题贴
topic:(
$show-topic:(
"#topic_thread_wrapper"
".clear_el"
"#lp_refresh"
"#tt_text_cnt"
)
),
//签到
block-sign:(
$show-sign:(
"#sign_mod"
)
),
//签名
signature:(
$show-signature:(
".d_sign_split" //分割线
".j_user_sign" //图片
)
),
//各种铭牌
vip:(
$show-vip:(
".d_nameplate" //楼层-头像底部铭牌
".d_icons" //楼层-头像底部铭牌
".profile_bottom" //右侧栏-头像底部铭牌
".icon_meizhi" //妹纸
".icon_fanclub" //俱乐部
".tbmall_btn_floatlayer_wrapper" //会员圆盘
".lzl_cnt .icon_tbworld" //lzlvip
".icon_wrap" //帖子列表用户图标
)
),
//右侧浮动工具栏
rtools:(
$show-rtools:(
".tbui_aside_float_bar"
)
),
//右侧栏
aside:(
$show-aside:(
"#aside"
)
),
//个人喜好
custom:(
$show-custom:(
".j_thread_hidden.icon_thread_hidden" //置顶贴隐藏按钮
".focus_tab_main" //帖子内部-关注取消按钮
".save_face_bg" //挽尊
".user-hide-post-down" //隐藏用户按钮
".louzhubiaoshi" //楼主标志
".icon_pre" //语音贴标识图标
".right_section" //帖子内容右侧区域
"#sofa_post" //抢2楼
"#tofrs_up" //帖子内部-返回xx吧
".core_reply_border_top" //lzl-顶部分割线
".core_reply_border_bottom" //lzl-底部分割线
".lzl_panel_voice" //lzl-语音
".poster_rewards" //发帖奖励
"#poster_rewards_detail"
"#poster_rewards_disabled"
".card_banner" //贴吧版头
)
)
);
//去除背景列表
$bg-none-list:(
"#tb_nav" //横幅
".nav_list.j_nav_list *" //横幅li列表
".forum_content" //首页-横幅以下主区域
".thread_top_list_folder" //置顶贴
".threadlist_bright li:hover" //帖子悬浮
".threadlist_rep_num" //回帖数
"#head" //header
".forum_foot" //底部主区域
".content" //贴子内部主区域
"div[class*='thread_theme']" //贴子内部-分页-上
".pb_content" //贴子内部-分页下边的主体
".left_section" //贴子内部-左边区域
".core_title_theme_bright" //贴子内部-标题栏
".l_post_bright" //贴子内部-左边区域-头像区
".d_post_content_main" //贴子内部-内容区
".lzl_link_fold" //lzl-收起回复
".core_reply_wrapper" //lzl-内容区
".pb_footer" //帖子内部-底部主体
".icon_tbworld" //会员皇冠
".tb_icon_author" //帖子列表-楼主标志
".tb_icon_author_rely" //帖子列表-最后回复
"#aside > div" //右侧栏
"#zyq_mod_link" //右侧栏
"#zyq_mod_friend" //右侧栏
".wrap2" //背景
".wrap1" //背景
".d_sign_split" //签名分
"#pic_theme_list" //图片话题贴
".j_beMember" //帖子列表-会员
".threadlist_bright li.threadlist_li_gray" //话题贴
"#topic_thread_wrapper" //话题贴
);
//去除背景,使用before文字
@mixin bg-to-text($selector,$content,$size:$font-normal,$color:$color-common){
#{$selector}{
background:none !important;
}
#{$selector}:before{
content:$content;
font-size:$size;
color:$color !important;
}
}
//实现对话框形式
@mixin dialog-arrow($selector,$bg,$bcolor,$top:45px,$arrow-size:15px,$bwidth:3px){
#{$selector} {
position: relative !important;
background: rgba($bg,$bg-opacity) !important;
border: $bwidth solid $bcolor !important;
border-radius: 3px !important;
padding:5px !important;
}
#{$selector}:after, #{$selector}:before {
right: 100%;
top: $top;
border: solid transparent;
content:" ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#{$selector}:after {
border-color: rgba($bcolor, 0);
border-right-color: $bg;
border-width: $arrow-size;
margin-top: -$arrow-size;
}
#{$selector}:before {
border-color: rgba($bg, 0);
border-right-color: $bcolor;
border-width: $bwidth + $arrow-size;
margin-top: -$arrow-size - $bwidth;
}
}
//阴影
@mixin shadow($color){
text-shadow: #a5a09f 1px 0px 1px !important;
}
//默认隐藏,悬浮显示
@mixin hover-to-show($elem,$parent:false,$opacity-start:0,$opacity-end:1,$transition:1000ms){
@if($parent!=false){
#{$parent}{
#{$elem}{
opacity:$opacity-start;
transition:$transition;
}
&:hover{
#{$elem}{
transition:$transition;
opacity:$opacity-end;
}
}
}
}
@else{
#{$elem}{
opacity:$opacity-start;
transition:$transition;
}
#{$elem}:hover{
opacity:$opacity-end;
transition:$transition;
}
}
}
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("http://tieba\.baidu\.com/(f(\\?|/good).*|p/.*)") {
.displaynone{
display:none !important;
}
.bg-none{
background:none !important;
}
.border-none{
border:none !important;
}
//元素屏蔽
@each $k,$v in $blacklist{
@each $key,$value in $v{
@if($key == false){
@each $e in $value{
#{$e}{
@extend .displaynone;
}
}
}
}
}
//去除原有背景
@each $e in $bg-none-list{
#{$e}{
@extend .bg-none;
}
}
//body背景及透明度设置
body{
background:$bg-body-image rgba($bg-body,$bg-opacity) !important;
background-position: 0 100%;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-size: cover !important;
opacity: $opacity-body;
}
//横幅
#tb_nav{
background: rgba($bg-head-nav,$bg-opacity) !important;
}
//首页主区域
.forum_content {
background:rgba($bg-main,$bg-opacity) !important;
}
//帖子主区域
#pb_content {
@extend .forum_content;
}
#j_p_postlist{
@extend .forum_content;
}
div[id*="thread_theme"]{
@extend .forum_content;
}
//右侧栏
#aside{
background:lighten($bg-main,3%) !important;
z-index: 99 !important;
}
//屏幕宽度设置
.search_top.clearfix
,#pb_content
,.content_top
,#tb_header_search_form
,.search_form
,DIV#container.l_container{
width: $w-main !important;
}
.content.clearfix
,#tb_nav
,.thread_theme_5
,.left_section
,.l_post
,.forum_header
,.forum_content.clearfix
,.content
,#j_p_postlist
,#j_core_title_wrap
,.core
,DIV[id^="thread_theme"]{
width: $w-main - 2px !important;
}
#j_core_title_wrap{
width:$w-main - 4px !important;
}
.d_post_content_main{
width:$w-main - 190px !important;
}
#contet_wrap.main
,#pic_theme_list{
width:$w-main - 2px - $aside-width !important;
}
.threadlist_li_right{
width:$w-main - 112px - $aside-width !important;
}
.threadlist_text{
width:$w-main - 312px - $aside-width !important;
}
//主区域
DIV.content{
@extend .border-none;
//是否显示吧名片
@if($show-barheader==false){
.card_top_wrap{
border:none !important;
.card_top_right{
margin: 0px !important;
}
}
.card_top{
display:block !important;
height:0px !important;
padding:0px !important;
.card_title{
min-width: 500px !important;
}
.card_title_fname{
position:absolute !important;
bottom:67px !important;
left:135px !important;
font-size: 25px !important;
color:$color-a-welcome !important;
}
.card_slogan{
position:absolute !important;
bottom:15px !important;
color:$color-grey !important;
}
//隐藏
#j_head_focus_btn
,.card_num
,.head_skin_btn
,.card_head
,.card_info{
display:none !important;
}
}
//帖子内部
.card_top_theme2 .card_title_fname{
bottom:73px !important;
}
//英雄联盟
.star_head{
height:0px !important;
position:relative !important;
#star_title{
overflow:initial !important;
}
.star_banner {
@extend .displaynone;
}
.star_picbox {
@extend .displaynone;
}
#j_head_focus_btn{
@extend .displaynone;
}
#star_title{
position:absolute !important;
}
.star_title_h3{
position:absolute !important;
bottom:43px !important;
width:400px !important;
left:135px !important;
font-size: 25px !important;
color:$color-a-welcome !important;
}
}
#tb_nav{
position:relative !important;
overflow:initial !important;
.pb_main_tab{
position:absolute !important;
bottom:80px !important;
left:95px !important;
font-size: 25px !important;
a{
color:$color-a-welcome !important;
}
}
}
}
.forum_content{
@extend .border-none;
position:relative !important;//为了让子元素绝对定位
@if($show-aside == false){
#aside{
display:block !important;
position:absolute;
right:0px;
height:30px !important;
width:30px !important;
border-bottom-left-radius: 35px !important;
overflow:hidden;
&:active{
height:auto !important;
width:238px !important;
border-bottom-left-radius: 0px !important;
}
&:before{
content:" ";
color:#DDD;
font-size:$font-normal;
cursor:pointer;
position:relative;
right:-6px;
top:5px;
}
&:active:before{
content:"";
}
}
}
//图片话题贴
#pic_theme_list{
@extend .border-none;
}
.j_thread_list,#thread_topic{
#topic_post_thread{
@extend .border-none;
}
.threadlist_rep_num{
border: 1px dashed !important;
border-color: $bcolor-common !important;
}
.j_th_tit,.th_tit{
font-size:$font-big !important;
color:$color-common !important;
@include shadow($bg-main);
&:visited{
text-decoration:none;
color:$color-visited !important;
}
&:hover{
text-decoration:none;
color:$color-a-common !important;
position:relative;
left:.3px;
top:.3px;
transition:2s;
}
}
A.j_user_card{
color:$color-a-common !important;
}
.t_con.clearfix{
border-color:$bcolor-split !important;
}
}
}
}
//头部
#head{
.search_main{
position: absolute !important;
height:0px !important;
}
.search_main_wrap{
height:10px !important;
}
.search_logo {
margin-top: 50px !important;
width: 140px !important;
height: 60px !important;
@extend .bg-none;
&:after {
content: $welcome-word;
color:$color-a-welcome !important;
position: absolute !important;
top: 70px;
font-size: 25px !important;
width: 150px !important;
}
}
#wd1 {
position: absolute !important;
top: -50px !important;
margin-right: 100px !important;
right: 0px !important;
float: right !important;
width: 100px !important;
border: 1px solid !important;
border-color: $bcolor-common !important;
color: $color-common !important;
background: url('http://imgsrc.baidu.com/forum/pic/item/11dfa9ec8a1363279cfadbbc938fa0ec08fac72e.jpg') no-repeat scroll 5px 6px transparent !important;
background-color: rgba($bg-edit,$bg-opacity) !important;
padding: 4px 10px 4px 28px;
&:focus {
width: 450px !important;
}
}
.tbsug_expand {
margin-top: -110px;
position: absolute;
width: 488px !important;
}
}
//帖子内部主体
#container{
#tb_nav
,#thread_theme_5
,#pb_content{
border:none !important;
}
#j_core_title_wrap{
@extend .border-none;
position:static;
.core_title{
@extend .bg-none;
}
H1.core_title_txt{
color:$color-common;
font-size:$font-big;
}
}
#j_p_postlist{
@extend .border-none;
}
//楼层
.l_post{
@extend .border-none;
@extend .bg-none;
.d_author{
.j_user_card{
color:$color-a-common !important;
}
}
.p_content{
min-height: 0px !important;
padding: 0px !important;
}
.d_post_content_main{
border-radius: 3px;
margin: 20px 0px 1.625em;
padding-left:20px !important;
}
@include dialog-arrow(".d_post_content_main",$bg-content,change-color($bg-content,4%));
//楼层内容区
.d_post_content{
font-size:$font-big !important;
color:$color-common !important;
@include shadow($bg-content);
}
//LZL
.core_reply.j_lzl_wrapper{
.lzl_link_fold
,.core_reply_content li
,.j_lzl_c_b_a{
border:none !important;
}
.j_lzl_container{
float:right;
.lzl_single_post{
border:none;
}
.lzl_content_main{
color:$color-common;
}
A.j_user_card.lzl_p_p {
position: absolute;
left: -10px;
top: 18px;
}
.lzl_cnt{
width:477px !important;
}
A.at{
color:$color-a-common !important;
}
@include dialog-arrow(".lzl_cnt",$bg-lzl-content,change-color($bg-lzl-content,4%),25px,10px);
//回复区
.lzl_editor_container{
@include bg-to-text(".insertsmiley_holder","表情",$font-normal,$color-common);
.lzl_simple_wrapper{
@extend .border-none;
}
.tb-editor-editarea{
background:rgba($bg-edit,$bg-opacity) !important;
color:$color-edit !important;
border:3px solid change-color($bg-body,9%) !important;
}
}
//回复时间字体
.lzl_content_reply span a{
color:$color-grey !important;
}
}
}
//回复时间字体
.core_reply_tail ul a{
color:$color-grey !important;
}
.j_user_sign{
margin-right: 10px !important;
float: right !important;
}
}
}
//帖子内部底部
.pb_footer{
@extend .bg-none;
@extend .border-none;
div[id*="thread_theme"]{
@extend .bg-none;
@extend .border-none;
}
}
//底部编辑框
DIV#tb_rich_poster{
.editor_textfield{
background:rgba($bg-edit,$bg-opacity) !important;
color:$color-edit !important;
border:3px solid change-color($bg-body,7%) !important;
}
.old_style_wrapper{
background:change-color($bg-body,10%) !important;
@extend .border-none;
.edui-toolbar{
@extend .bg-none;
.edui-btn{
@extend .bg-none;
}
@include bg-to-text(".edui-icon-red","R",$font-big,red);
@include bg-to-text(".edui-icon-image","图片");
@include bg-to-text(".edui-icon-video","视频");
@include bg-to-text(".edui-icon-music","音乐");
@include bg-to-text(".edui-icon-emotion","表情");
@include bg-to-text(".edui-icon-scrawl","涂鸦");
@include bg-to-text(".edui-icon-attachment","附件");
}
#ueditor_replace{
@extend .editor_textfield;
}
}
}
//只看楼主渐隐
@include hover-to-show(".core_title_btns",".core_title");
//吧内搜索
@include hover-to-show(".j_search_internal","#tb_nav");
//其他
//链接点击后去除虚线
* a{
outline:none !important;
color: $color-a-common;
text-decoration:none !important;
}
/*翻页按钮*/
span.cur,
span.tP {
@extend .border-none;
background: #4B98E7 !important;
color: white !important;
}
div#frs_list_pager a,
div.l_thread_info a {
color: #4B98E7 !important;
@extend .border-none;
@extend .bg-none;
}
/*等级牌*/
#liked_member_title,
#userlike_member_lv,
#p_badge_main div,
.p_badge div
{
color:white !important;
}
.userlike_badge.badge_lv2_1,
.userlike_badge badge_lv3,
#p_badge_main,
#liked_member_title,
.userlike_info_badge,
.p_badge div:nth-child(1)
{
background:#4C99E7 !important;
}
.userlike_badge.badge_lv2_1 *,
#p_badge_main *,
.userlike_info_badge *,
l_badge *
{
background-image:none !important;
}
.userlike_member_lv,.d_badge_lv{
background:none !important;
}
}
//火狐吧,为自由而生补全
@-moz-document regexp("http://tieba\.baidu\.com/.*firefox.*") {
P.card_slogan:after{
content:"";
}
}
@charset "UTF-8";
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("http://tieba\.baidu\.com/(f(\\?|/good).*|p/.*)") {
.displaynone, #j_ten_years, .game_frs_in_head, .lot_wrap, #aside_ad, .game_spread_thread, #game_rank, #ueg_policy_open, #pb_adbanner, #search_button_wrapper, .cont_sign_banner, .p_share_ding, .tb_poster_placeholder, .share_btn_wrapper, .u_app, .split, .poster_head_surveillance, UL.tieba_notice, .lzl_panel_wrapper td:nth-child(1), .edui-btn-voice, .j_voice_ad_gif, #frs-list-game, .tb_poster_info.poster_success, DL#threadListGroupCnt, .star_collect_body, .banner_post, .spreadad_thread_top, .spreadad, .worldcup_rank, .fifa_card_title, #fifa_card_frs-aside, .fifa_card_foottips, #worldcup_guess_frs_wrap, A.nav_icon.icon_happy.j_tbnav_tab_a, .BAIDU_CLB_AD, .game_forum, .tbnav_list.j_tbnav_list.nav_list_over, #tbmall_score_region, .u_tbmall, .u_tshow, .u_wallet, .edui-btn.edui-btn-medal, #replyBusinessImg,  , .tb_paper_wrap, .search_nav, .search_btn_wrap, .senior-search-link, .s_tools, .card_top, .l_badge, .threadlist_voice, .small_wrap, .j_threadlist_piclist_detail, #topic_thread_wrapper, .clear_el, #lp_refresh, #tt_text_cnt, #sign_mod, .d_sign_split, .j_user_sign, .d_nameplate, .d_icons, .profile_bottom, .icon_meizhi, .icon_fanclub, .tbmall_btn_floatlayer_wrapper, .lzl_cnt .icon_tbworld, .icon_wrap, .tbui_aside_float_bar, #aside, .j_thread_hidden.icon_thread_hidden, .focus_tab_main, .save_face_bg, .user-hide-post-down, .louzhubiaoshi, .icon_pre, .right_section, #sofa_post, #tofrs_up, .core_reply_border_top, .core_reply_border_bottom, .lzl_panel_voice, .poster_rewards, #poster_rewards_detail, #poster_rewards_disabled, .card_banner, DIV.content .star_head .star_banner, DIV.content .star_head .star_picbox, DIV.content .star_head #j_head_focus_btn {
display: none !important;
}
.bg-none, #tb_nav, .nav_list.j_nav_list *, .forum_content, #pb_content, #j_p_postlist, div[id*="thread_theme"], .thread_top_list_folder, .threadlist_bright li:hover, .threadlist_rep_num, #head, .forum_foot, .content, div[class*='thread_theme'], .pb_content, .left_section, .core_title_theme_bright, .l_post_bright, .d_post_content_main, .lzl_link_fold, .core_reply_wrapper, .pb_footer, .icon_tbworld, .tb_icon_author, .tb_icon_author_rely, #aside > div, #zyq_mod_link, #zyq_mod_friend, .wrap2, .wrap1, .d_sign_split, #pic_theme_list, .j_beMember, .threadlist_bright li.threadlist_li_gray, #topic_thread_wrapper, #head .search_logo, #container #j_core_title_wrap .core_title, #container .l_post, .pb_footer div[id*="thread_theme"], DIV#tb_rich_poster .old_style_wrapper .edui-toolbar, DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-btn, div#frs_list_pager a,
div.l_thread_info a {
background: none !important;
}
.border-none, DIV.content, DIV.content .forum_content, DIV.content #pb_content, DIV.content #j_p_postlist, DIV.content div[id*="thread_theme"], DIV.content .forum_content #pic_theme_list, DIV.content #pb_content #pic_theme_list, DIV.content #j_p_postlist #pic_theme_list, DIV.content div[id*="thread_theme"] #pic_theme_list, DIV.content .forum_content .j_thread_list #topic_post_thread, DIV.content #pb_content .j_thread_list #topic_post_thread, DIV.content #j_p_postlist .j_thread_list #topic_post_thread, DIV.content div[id*="thread_theme"] .j_thread_list #topic_post_thread, DIV.content .forum_content #thread_topic #topic_post_thread, DIV.content #pb_content #thread_topic #topic_post_thread, DIV.content #j_p_postlist #thread_topic #topic_post_thread, DIV.content div[id*="thread_theme"] #thread_topic #topic_post_thread, #container #j_core_title_wrap, #container #j_p_postlist, #container .l_post, #container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_editor_container .lzl_simple_wrapper, .pb_footer, .pb_footer div[id*="thread_theme"], DIV#tb_rich_poster .old_style_wrapper, span.cur,
span.tP, div#frs_list_pager a,
div.l_thread_info a {
border: none !important;
}
body {
background: url(chrome://userchromejs/content/images/tb3.png) rgba(197, 189, 173, 0.7) !important;
background-position: 0 100%;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-size: cover !important;
opacity: 1;
}
#tb_nav {
background: rgba(218, 213, 203, 0.7) !important;
}
.forum_content, #pb_content, #j_p_postlist, div[id*="thread_theme"] {
background: rgba(208, 201, 188, 0.7) !important;
}
#aside {
background: #d6d0c5 !important;
z-index: 99 !important;
}
.search_top.clearfix
, #pb_content
, .content_top
, #tb_header_search_form
, .search_form
, DIV#container.l_container {
width: 980px !important;
}
.content.clearfix
, #tb_nav
, .thread_theme_5
, .left_section
, .l_post
, .forum_header
, .forum_content.clearfix
, .clearfix#pb_content
, .clearfix#j_p_postlist
, div.clearfix[id*="thread_theme"]
, .content
, #j_p_postlist
, #j_core_title_wrap
, .core
, DIV[id^="thread_theme"] {
width: 978px !important;
}
#j_core_title_wrap {
width: 976px !important;
}
.d_post_content_main {
width: 790px !important;
}
#contet_wrap.main
, #pic_theme_list {
width: 978px !important;
}
.threadlist_li_right {
width: 868px !important;
}
.threadlist_text {
width: 668px !important;
}
DIV.content .card_top_wrap {
border: none !important;
}
DIV.content .card_top_wrap .card_top_right {
margin: 0px !important;
}
DIV.content .card_top {
display: block !important;
height: 0px !important;
padding: 0px !important;
}
DIV.content .card_top .card_title {
min-width: 500px !important;
}
DIV.content .card_top .card_title_fname {
position: absolute !important;
bottom: 67px !important;
left: 135px !important;
font-size: 25px !important;
color: #2d64b3 !important;
}
DIV.content .card_top .card_slogan {
position: absolute !important;
bottom: 15px !important;
color: #999999 !important;
}
DIV.content .card_top #j_head_focus_btn
, DIV.content .card_top .card_num
, DIV.content .card_top .head_skin_btn
, DIV.content .card_top .card_head
, DIV.content .card_top .card_info {
display: none !important;
}
DIV.content .card_top_theme2 .card_title_fname {
bottom: 73px !important;
}
DIV.content .star_head {
height: 0px !important;
position: relative !important;
}
DIV.content .star_head #star_title {
overflow: initial !important;
}
DIV.content .star_head #star_title {
position: absolute !important;
}
DIV.content .star_head .star_title_h3 {
position: absolute !important;
bottom: 43px !important;
width: 400px !important;
left: 135px !important;
font-size: 25px !important;
color: #2d64b3 !important;
}
DIV.content #tb_nav {
position: relative !important;
overflow: initial !important;
}
DIV.content #tb_nav .pb_main_tab {
position: absolute !important;
bottom: 80px !important;
left: 95px !important;
font-size: 25px !important;
}
DIV.content #tb_nav .pb_main_tab a {
color: #2d64b3 !important;
}
DIV.content .forum_content, DIV.content #pb_content, DIV.content #j_p_postlist, DIV.content div[id*="thread_theme"] {
position: relative !important;
}
DIV.content .forum_content #aside, DIV.content #pb_content #aside, DIV.content #j_p_postlist #aside, DIV.content div[id*="thread_theme"] #aside {
display: block !important;
position: absolute;
right: 0px;
height: 30px !important;
width: 30px !important;
border-bottom-left-radius: 35px !important;
overflow: hidden;
}
DIV.content .forum_content #aside:active, DIV.content #pb_content #aside:active, DIV.content #j_p_postlist #aside:active, DIV.content div[id*="thread_theme"] #aside:active {
height: auto !important;
width: 238px !important;
border-bottom-left-radius: 0px !important;
}
DIV.content .forum_content #aside:before, DIV.content #pb_content #aside:before, DIV.content #j_p_postlist #aside:before, DIV.content div[id*="thread_theme"] #aside:before {
content: " ";
color: #DDD;
font-size: 16px;
cursor: pointer;
position: relative;
right: -6px;
top: 5px;
}
DIV.content .forum_content #aside:active:before, DIV.content #pb_content #aside:active:before, DIV.content #j_p_postlist #aside:active:before, DIV.content div[id*="thread_theme"] #aside:active:before {
content: "";
}
DIV.content .forum_content .j_thread_list .threadlist_rep_num, DIV.content #pb_content .j_thread_list .threadlist_rep_num, DIV.content #j_p_postlist .j_thread_list .threadlist_rep_num, DIV.content div[id*="thread_theme"] .j_thread_list .threadlist_rep_num, DIV.content .forum_content #thread_topic .threadlist_rep_num, DIV.content #pb_content #thread_topic .threadlist_rep_num, DIV.content #j_p_postlist #thread_topic .threadlist_rep_num, DIV.content div[id*="thread_theme"] #thread_topic .threadlist_rep_num {
border: 1px dashed !important;
border-color: #dcd7ce !important;
}
DIV.content .forum_content .j_thread_list .j_th_tit, DIV.content #pb_content .j_thread_list .j_th_tit, DIV.content #j_p_postlist .j_thread_list .j_th_tit, DIV.content div[id*="thread_theme"] .j_thread_list .j_th_tit, DIV.content .forum_content .j_thread_list .th_tit, DIV.content #pb_content .j_thread_list .th_tit, DIV.content #j_p_postlist .j_thread_list .th_tit, DIV.content div[id*="thread_theme"] .j_thread_list .th_tit, DIV.content .forum_content #thread_topic .j_th_tit, DIV.content #pb_content #thread_topic .j_th_tit, DIV.content #j_p_postlist #thread_topic .j_th_tit, DIV.content div[id*="thread_theme"] #thread_topic .j_th_tit, DIV.content .forum_content #thread_topic .th_tit, DIV.content #pb_content #thread_topic .th_tit, DIV.content #j_p_postlist #thread_topic .th_tit, DIV.content div[id*="thread_theme"] #thread_topic .th_tit {
font-size: 20px !important;
color: #191919 !important;
text-shadow: #a5a09f 1px 0px 1px !important;
}
DIV.content .forum_content .j_thread_list .j_th_tit:visited, DIV.content #pb_content .j_thread_list .j_th_tit:visited, DIV.content #j_p_postlist .j_thread_list .j_th_tit:visited, DIV.content div[id*="thread_theme"] .j_thread_list .j_th_tit:visited, DIV.content .forum_content .j_thread_list .th_tit:visited, DIV.content #pb_content .j_thread_list .th_tit:visited, DIV.content #j_p_postlist .j_thread_list .th_tit:visited, DIV.content div[id*="thread_theme"] .j_thread_list .th_tit:visited, DIV.content .forum_content #thread_topic .j_th_tit:visited, DIV.content #pb_content #thread_topic .j_th_tit:visited, DIV.content #j_p_postlist #thread_topic .j_th_tit:visited, DIV.content div[id*="thread_theme"] #thread_topic .j_th_tit:visited, DIV.content .forum_content #thread_topic .th_tit:visited, DIV.content #pb_content #thread_topic .th_tit:visited, DIV.content #j_p_postlist #thread_topic .th_tit:visited, DIV.content div[id*="thread_theme"] #thread_topic .th_tit:visited {
text-decoration: none;
color: #ff6666 !important;
}
DIV.content .forum_content .j_thread_list .j_th_tit:hover, DIV.content #pb_content .j_thread_list .j_th_tit:hover, DIV.content #j_p_postlist .j_thread_list .j_th_tit:hover, DIV.content div[id*="thread_theme"] .j_thread_list .j_th_tit:hover, DIV.content .forum_content .j_thread_list .th_tit:hover, DIV.content #pb_content .j_thread_list .th_tit:hover, DIV.content #j_p_postlist .j_thread_list .th_tit:hover, DIV.content div[id*="thread_theme"] .j_thread_list .th_tit:hover, DIV.content .forum_content #thread_topic .j_th_tit:hover, DIV.content #pb_content #thread_topic .j_th_tit:hover, DIV.content #j_p_postlist #thread_topic .j_th_tit:hover, DIV.content div[id*="thread_theme"] #thread_topic .j_th_tit:hover, DIV.content .forum_content #thread_topic .th_tit:hover, DIV.content #pb_content #thread_topic .th_tit:hover, DIV.content #j_p_postlist #thread_topic .th_tit:hover, DIV.content div[id*="thread_theme"] #thread_topic .th_tit:hover {
text-decoration: none;
color: #015879 !important;
position: relative;
left: .3px;
top: .3px;
transition: 2s;
}
DIV.content .forum_content .j_thread_list A.j_user_card, DIV.content #pb_content .j_thread_list A.j_user_card, DIV.content #j_p_postlist .j_thread_list A.j_user_card, DIV.content div[id*="thread_theme"] .j_thread_list A.j_user_card, DIV.content .forum_content #thread_topic A.j_user_card, DIV.content #pb_content #thread_topic A.j_user_card, DIV.content #j_p_postlist #thread_topic A.j_user_card, DIV.content div[id*="thread_theme"] #thread_topic A.j_user_card {
color: #015879 !important;
}
DIV.content .forum_content .j_thread_list .t_con.clearfix, DIV.content #pb_content .j_thread_list .t_con.clearfix, DIV.content #j_p_postlist .j_thread_list .t_con.clearfix, DIV.content div[id*="thread_theme"] .j_thread_list .t_con.clearfix, DIV.content .forum_content #thread_topic .t_con.clearfix, DIV.content #pb_content #thread_topic .t_con.clearfix, DIV.content #j_p_postlist #thread_topic .t_con.clearfix, DIV.content div[id*="thread_theme"] #thread_topic .t_con.clearfix {
border-color: #dcd7ce !important;
}
#head .search_main {
position: absolute !important;
height: 0px !important;
}
#head .search_main_wrap {
height: 10px !important;
}
#head .search_logo {
margin-top: 50px !important;
width: 140px !important;
height: 60px !important;
}
#head .search_logo:after {
content: "百度贴吧 ★ ";
color: #2d64b3 !important;
position: absolute !important;
top: 70px;
font-size: 25px !important;
width: 150px !important;
}
#head #wd1 {
position: absolute !important;
top: -50px !important;
margin-right: 100px !important;
right: 0px !important;
float: right !important;
width: 100px !important;
border: 1px solid !important;
border-color: #dcd7ce !important;
color: #191919 !important;
background: url("http://imgsrc.baidu.com/forum/pic/item/11dfa9ec8a1363279cfadbbc938fa0ec08fac72e.jpg") no-repeat scroll 5px 6px transparent !important;
background-color: rgba(234, 233, 230, 0.7) !important;
padding: 4px 10px 4px 28px;
}
#head #wd1:focus {
width: 450px !important;
}
#head .tbsug_expand {
margin-top: -110px;
position: absolute;
width: 488px !important;
}
#container #tb_nav
, #container #thread_theme_5
, #container #pb_content {
border: none !important;
}
#container #j_core_title_wrap {
position: static;
}
#container #j_core_title_wrap H1.core_title_txt {
color: #191919;
font-size: 20px;
}
#container .l_post .d_author .j_user_card {
color: #015879 !important;
}
#container .l_post .p_content {
min-height: 0px !important;
padding: 0px !important;
}
#container .l_post .d_post_content_main {
border-radius: 3px;
margin: 20px 0px 1.625em;
padding-left: 20px !important;
}
#container .l_post .d_post_content_main {
position: relative !important;
background: rgba(220, 215, 206, 0.7) !important;
border: 3px solid #e5e1da !important;
border-radius: 3px !important;
padding: 5px !important;
}
#container .l_post .d_post_content_main:after, #container .l_post .d_post_content_main:before {
right: 100%;
top: 45px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#container .l_post .d_post_content_main:after {
border-color: rgba(229, 225, 218, 0);
border-right-color: #dcd7ce;
border-width: 15px;
margin-top: -15px;
}
#container .l_post .d_post_content_main:before {
border-color: rgba(220, 215, 206, 0);
border-right-color: #e5e1da;
border-width: 18px;
margin-top: -18px;
}
#container .l_post .d_post_content {
font-size: 20px !important;
color: #191919 !important;
text-shadow: #a5a09f 1px 0px 1px !important;
}
#container .l_post .core_reply.j_lzl_wrapper .lzl_link_fold
, #container .l_post .core_reply.j_lzl_wrapper .core_reply_content li
, #container .l_post .core_reply.j_lzl_wrapper .j_lzl_c_b_a {
border: none !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container {
float: right;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_single_post {
border: none;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_content_main {
color: #191919;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container A.j_user_card.lzl_p_p {
position: absolute;
left: -10px;
top: 18px;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_cnt {
width: 477px !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container A.at {
color: #015879 !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_cnt {
position: relative !important;
background: rgba(227, 223, 215, 0.7) !important;
border: 3px solid #ebe8e3 !important;
border-radius: 3px !important;
padding: 5px !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_cnt:after, #container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_cnt:before {
right: 100%;
top: 25px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_cnt:after {
border-color: rgba(235, 232, 227, 0);
border-right-color: #e3dfd7;
border-width: 10px;
margin-top: -10px;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_cnt:before {
border-color: rgba(227, 223, 215, 0);
border-right-color: #ebe8e3;
border-width: 13px;
margin-top: -13px;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_editor_container .insertsmiley_holder {
background: none !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_editor_container .insertsmiley_holder:before {
content: "表情";
font-size: 16px;
color: #191919 !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_editor_container .tb-editor-editarea {
background: rgba(234, 233, 230, 0.7) !important;
color: #191919 !important;
border: 3px solid #d8d3c8 !important;
}
#container .l_post .core_reply.j_lzl_wrapper .j_lzl_container .lzl_content_reply span a {
color: #999999 !important;
}
#container .l_post .core_reply_tail ul a {
color: #999999 !important;
}
#container .l_post .j_user_sign {
margin-right: 10px !important;
float: right !important;
}
DIV#tb_rich_poster .editor_textfield, DIV#tb_rich_poster .old_style_wrapper #ueditor_replace {
background: rgba(234, 233, 230, 0.7) !important;
color: #191919 !important;
border: 3px solid #d4cec2 !important;
}
DIV#tb_rich_poster .old_style_wrapper {
background: #dad5cb !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-red {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-red:before {
content: "R";
font-size: 20px;
color: red !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-image {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-image:before {
content: "图片";
font-size: 16px;
color: #191919 !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-video {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-video:before {
content: "视频";
font-size: 16px;
color: #191919 !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-music {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-music:before {
content: "音乐";
font-size: 16px;
color: #191919 !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-emotion {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-emotion:before {
content: "表情";
font-size: 16px;
color: #191919 !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-scrawl {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-scrawl:before {
content: "涂鸦";
font-size: 16px;
color: #191919 !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-attachment {
background: none !important;
}
DIV#tb_rich_poster .old_style_wrapper .edui-toolbar .edui-icon-attachment:before {
content: "附件";
font-size: 16px;
color: #191919 !important;
}
.core_title .core_title_btns {
opacity: 0;
transition: 1000ms;
}
.core_title:hover .core_title_btns {
transition: 1000ms;
opacity: 1;
}
#tb_nav .j_search_internal {
opacity: 0;
transition: 1000ms;
}
#tb_nav:hover .j_search_internal {
transition: 1000ms;
opacity: 1;
}
* a {
outline: none !important;
color: #015879;
text-decoration: none !important;
}
/*翻页按钮*/
span.cur,
span.tP {
background: #4B98E7 !important;
color: white !important;
}
div#frs_list_pager a,
div.l_thread_info a {
color: #4B98E7 !important;
}
/*等级牌*/
#liked_member_title,
#userlike_member_lv,
#p_badge_main div,
.p_badge div {
color: white !important;
}
.userlike_badge.badge_lv2_1,
.userlike_badge badge_lv3,
#p_badge_main,
#liked_member_title,
.userlike_info_badge,
.p_badge div:nth-child(1) {
background: #4C99E7 !important;
}
.userlike_badge.badge_lv2_1 *,
#p_badge_main *,
.userlike_info_badge *,
l_badge * {
background-image: none !important;
}
.userlike_member_lv, .d_badge_lv {
background: none !important;
}
}
@-moz-document regexp("http://tieba\.baidu\.com/.*firefox.*") {
P.card_slogan:after {
content: "生";
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment