[171021]用Stylish微调论坛布局。

deeke

171021：更新完整的用户样式，供参考。
$ L/ d  `, i0 n------------------------------------------------------------
1.隐藏左侧导航菜单，增加可视面积。
( @" r6 P0 X6 s% M9 K) i; c8 Q2.更换字体。
. Y* L% _" s' V: ]7 u
$ d7 S, _- }( d用浏览器扩展工具Stylish生成一条对 “pdawiki.com”的空白规则后加入代码：

1. @namespace url(http://www.w3.org/1999/xhtml);
   
2. 
   
3. @-moz-document domain("pdawiki.com") {
   
4. 
   
5.   /* 更换 字体 */
   + U7 U! o. Q2 |+ `! C3 q2 Y
6.   body, input, button, select, textarea, .xst, .ts { font-family: Lato, Smartisan_Compact, "Segoe UI Symbol", HanaMinB, sans-serif; }
   6 `, w' ^! C$ J1 K
7. 
   
8.   /* 隐藏 首页 板块图标 */
   
9.   .fl_icn { display: none !important; }
   
10.   
    
11.   /* 隐藏 左侧 导航菜单 */
    ! t2 S' ~+ r% M- i  E
12.   #sd_bdl { display: none !important; }
    3 _) R5 F! ^! P% _+ v6 E' C3 J- T% C
13.   #ct { margin-left: 0px !important; }
    " f2 w7 a3 N0 r# W3 P" U
14.   
    
15.   /* 缩小 首页 Logo尺寸  */
    
16.   .hdc > h2:nth-child(1) > a:nth-child(1) > img:nth-child(1) { width: 70px !important; }
    " B$ O/ s9 ?4 @* f/ A1 h  L/ K
17.   
    8 Z" _  a( U$ ?( g! Q2 @1 _# r
18.   /* 放大 首页 板块标题  */
    
19.   table > tbody:nth-child(1) > tr > td:nth-child(2) > h2:nth-child(1) > a:nth-child(1) { font-size: 16px !important; }
    & e# S2 [1 u0 G
20.   
    
21.   /* 调整 子版块 */
    
22.   .fl_icn_g { display: none !important; }
    
23.   .fl_g dl { margin-left: 0px !important; padding-left: 0px !important; }
    $ q& w' I2 Z$ z+ {! l# A) W: x
24.   
    # W' X" e0 i: L
25.   /* 设置 导航条 不透明 */
    
26.   #nv { opacity: 1 !important; }
    
27.   
    ' R& ^4 l+ @. X
28.   /* 隐藏 干扰字符 */
    9 B; S- |3 H  P! ]/ ~5 J
29.   .jammer { display: none; }
    2 O/ s! ?4 F4 y4 D4 d; D5 h9 J% p
30.   
    - a3 w# a2 Y) @6 h( e# `8 [# Z
31.   /* 坏孩子看得见 */
    
32.   font[color="white"],font[color="#FFFFFF"] { margin: 0 4px; background-color: yellow; color: black !important; }
    5 S0 f9 ]% O. D
33.   
    
34.   /* 隐藏 签到心情 */
    ) U9 n( W1 P0 Z" }/ `0 S
35.   .favatar > .qdsmile { display: none; }
    * t3 g; O/ _$ `# L( D0 T8 p
36. }

复制代码

图例：
( p% A! L- G, V1 g4 j) I9 l2 L2 F
" J5 ?/ `3 S% B" e5 d. G+ l; T4 Z4 F
参考：
随学随用实例：Stylish —— 浏览器插件

ipakk

楼主分类错了，正确的是索引

deeke

ipakk 发表于 2017-1-21 16:45
6 t) G( c' a% z; u; S/ T楼主分类错了，正确的是索引

谢谢提醒，改为索引。