Facebook多欄化

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

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

/* ==UserStyle==
@name         Facebook多欄化
@version      20250509.20.50
@namespace    http://tampermonkey.net/
@description  將可悲的捲動地獄改得更有效率
@license      No License
==/UserStyle== */

@-moz-document url("https://www.facebook.com/"), url("https://www.facebook.com/?filter=all&sk=h_chr") {
  /* 主容器設定保持完整寬度 */
.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,
.x1ceravr.xq1tmr.xvue9z.x193iq5w
{ 
    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,

.x1vjfegm.x1cvmir6.x1xzczws.x1t2pt76.x2lah0s.xeuugli.x193iq5w.xdt5ytf.x78zum5.x1n2onr6.x9f619,
 .xojf56a.xh78kpn.xxzkxad.xcoz2nd.x1cvmir6.x1n2onr6.x1t2pt76.xdt5ytf.x78zum5.x1afcbsf.x2bj2ny
{
    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;
  }
 .x1ja2u2z.xnp8db0.x112wk31.xnjgh8c.xxc7z9f.x1t2pt76.x1u2d2a2.x6ikm8r.x10wlt62.x1xzczws.x7wzq59.xxzkxad.x9e5oc1: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 {
    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: 420px !important;
    min-width: 200px !important;
    width: 100% !important;
    display: inline-block !important;
    margin-right: 40px !important;
    max-height: 900px !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;}
}