Facebook多欄化

將可悲的捲動地獄改得更有效率

目前為 2025-05-09 提交的版本,檢視 最新版本

/* ==UserStyle==
@name         Facebook多欄化
@version      20250509.03.47
@description  將可悲的捲動地獄改得更有效率
@license      No License
@namespace https://greasyfork.org/users/44783
==/UserStyle== */

@-moz-document url("https://www.facebook.com/") {
  /* 主容器設定保持完整寬度 */
  .x9f619.x1n2onr6.x1ja2u2z.x78zum5.x2lah0s.xl56j7k.x1qjc9v5.xozqiw3.x1q0g3np.x1t2pt76.x17upfok > div,    
  .x9f619.x1n2onr6.x1ja2u2z.x78zum5.x1iyjqo2.xs83m0k.xeuugli.xl56j7k.x1qjc9v5.xozqiw3.x1q0g3np.x1iplk16.xqmdsaz.x1xfsgkm.x1w9j1nh.x1mtsufr > div,
  .x9f619.x1n2onr6.x1ja2u2z.x78zum5.x1iyjqo2.xs83m0k.xeuugli.xl56j7k.x1qjc9v5.xozqiw3.x1q0g3np.x1iplk16.xqmdsaz.x1xfsgkm.x1w9j1nh.x1mtsufr > div > div > div > div.x78zum5.x1q0g3np.xl56j7k > div,
  .j83agx80.btwxx1t3.taijpn5t > div,
  .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.pfnyh3mw.taijpn5t.gs1a9yip.owycx6da.btwxx1t3.dp1hu0rb.p01isnhg > div,
  .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.g5gj957u.pmt1y7k9.buofh1pr.hpfvmrgz.taijpn5t.gs1a9yip.owycx6da.btwxx1t3.f7vcsfb0.fjf4s8hc.b6rwyo50.oyrvap6t > div,
  .rq0escxv.l9j0dhe7.du4w35lb.j83agx80.g5gj957u.pmt1y7k9.buofh1pr.hpfvmrgz.taijpn5t.gs1a9yip.owycx6da.btwxx1t3.f7vcsfb0.fjf4s8hc.b6rwyo50.oyrvap6t > div > div > div:nth-child(3) > div,
  .bdao358l.om3e55n1.g4tp4svg.alzwoclg.jez8cy9q.jcxyg2ei.o9w3sbdw.sr926ui1.jl2a5g8c.fawcizw8.h93itd9g > div,
  .bdao358l.om3e55n1.g4tp4svg.alzwoclg.cgu29s5g.i15ihif8.aeinzg81.jcxyg2ei.o9w3sbdw.sr926ui1.jl2a5g8c.bdjfgm2q.dhod7fyx.ir39z7dx.gqe1mzv8.av1hlb45 > div,
  .alzwoclg.jl2a5g8c.jcxyg2ei > div,
  .pedkr2u6.tn0ko95a.pnx7fd3z { 
    max-width: 2560px !important; 
    width: 98% !important; 
  }

  /* 左側欄位設定 (透明背景+懸停展開) */
  .x9f619.x1ja2u2z.xnp8db0.x112wk31.xnjgh8c.xxc7z9f.x1t2pt76.x1u2d2a2.x6ikm8r.x10wlt62.x1xzczws.x7wzq59.xxzkxad.x9e5oc1,
  .bdao358l.g4tp4svg.svm27lag.q75x5y04.gz8zixbs.gszy8xml.fawcizw8.rw9272rg.lq84ybu9.hf30pyar.sl4bvocy.km253p1d.cofpoq2j.h0j7qdxd,
  .rq0escxv.lpgh02oy.du4w35lb.o387gat7.qbu88020.pad24vr5.rirtxc74.dp1hu0rb.fer614ym.ni8dbmo4.stjgntxs.rek2kq2y.be9z9djy.bx45vsiw {
    width: 49px !important;
    min-width: 49px !important;
    flex-basis: 49px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    position: absolute !important;
    z-index: 1 !important;
    transition: none !important;
  }
  .x9f619.x1ja2u2z.xnp8db0.x112wk31.xnjgh8c.xxc7z9f.x1t2pt76.x1u2d2a2.x6ikm8r.x10wlt62.x1xzczws.x7wzq59.xxzkxad.x9e5oc1:hover,
  .bdao358l.g4tp4svg.svm27lag.q75x5y04.gz8zixbs.gszy8xml.fawcizw8.rw9272rg.lq84ybu9.hf30pyar.sl4bvocy.km253p1d.cofpoq2j.h0j7qdxd:hover,
  .rq0escxv.lpgh02oy.du4w35lb.o387gat7.qbu88020.pad24vr5.rirtxc74.dp1hu0rb.fer614ym.ni8dbmo4.stjgntxs.rek2kq2y.be9z9djy.bx45vsiw:hover { 
    flex-basis: 360px !important;
    width: 360px !important;
    background-color: transparent !important;
  }

  /* 右側欄位設定 (透明背景+懸停展開) */
  .x9f619.x1ja2u2z.xnp8db0.x112wk31.xnjgh8c.xxc7z9f.x1t2pt76.x1u2d2a2.x6ikm8r.x10wlt62.x7wzq59.xxzkxad.x1daaz14,
  .bdao358l.g4tp4svg.svm27lag.q75x5y04.gz8zixbs.gszy8xml.fawcizw8.rw9272rg.lq84ybu9.hf30pyar.km253p1d.cofpoq2j.dbla2kx4,
  .rq0escxv.lpgh02oy.du4w35lb.o387gat7.qbu88020.pad24vr5.rirtxc74.dp1hu0rb.fer614ym.ni8dbmo4.stjgntxs.be9z9djy.hlyrhctz {
    width: 29px !important;
    min-width: 29px !important;
    flex-basis: 29px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    position: absolute !important;
    right: 0 !important;
    z-index: 1 !important;
    transition: none !important;
  }
  .x9f619.x1ja2u2z.xnp8db0.x112wk31.xnjgh8c.xxc7z9f.x1t2pt76.x1u2d2a2.x6ikm8r.x10wlt62.x7wzq59.xxzkxad.x1daaz14:hover,
  .bdao358l.g4tp4svg.svm27lag.q75x5y04.gz8zixbs.gszy8xml.fawcizw8.rw9272rg.lq84ybu9.hf30pyar.km253p1d.cofpoq2j.dbla2kx4:hover,
  .rq0escxv.lpgh02oy.du4w35lb.o387gat7.qbu88020.pad24vr5.rirtxc74.dp1hu0rb.fer614ym.ni8dbmo4.stjgntxs.be9z9djy.hlyrhctz:hover { 
    flex-basis: 360px !important;
    width: 360px !important;
    background-color: transparent !important;
  }    

  /* 中央多欄內容設定 (新增帖子高度限制) */
  .x1hc1fzr.x1unhpq9.x6o7n8i > div > div > .x1lliihq,
  .x78zum5.x1q0g3np.xl56j7k > div > .x1hc1fzr.x1unhpq9.x6o7n8i > div > .x1lliihq,
  .pedkr2u6.tn0ko95a.pnx7fd3z > div > div,
  .pedkr2u6.tn0ko95a.pnx7fd3z > div > span,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > span > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > span > span > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > span > span > span > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > span > span > span > span > span > .b6ax4al1,
  .cdum9rwi.pgra2bgq.ctyh02ob > div > span > span > span > span > span > span > span > span > .b6ax4al1 {
    max-width: 430px !important;
    min-width: 200px !important;
    width: 100% !important;
    display: inline-block !important;
    margin-right: 10px !important;
    max-height: 770px !important;  /* 新增最大高度限制 */
    overflow-y: auto !important;    /* 垂直捲軸 */
    overflow-x: hidden !important; /* 隱藏水平捲軸 */
    scrollbar-width: thin !important; /* 捲軸寬度 */
  }

  /* 為中央內容添加邊距避免被側邊欄覆蓋 */
  .x1ey2m1c.xds687c.xg01cxk.x47corl.x10l6tqk.x17qophe.x13vifvy.x1ebt8du.x19991ni.x1dhq9h.x1wpzbip.x14yjl9h.x1d52u69.x6ikm8r.x10wlt62.x1n2onr6 {
    margin-left: 60px !important;
    margin-right: 40px !important;
  }

  /* 新增隱藏元素規則 */
  .x1ceravr.xq1tmr.xvue9z.x193iq5w > .x1yztbdb,
  .xwib8y2.x1y1aw1k.xwya9rg.x1n2onr6 {
    display: none !important;
  }
}