userChrome.css・userContent.cssスレ Part14 (923ﾚｽ)
userChrome.css・userContent.cssスレ Part14 http://egg.5ch.net/test/read.cgi/software/1710362871/
上
下
前次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
必死ﾁｪｯｶｰ(本家)
(べ)
自ID
ﾚｽ栞
あぼーん
ﾘﾛｰﾄﾞ規制
です｡10分ほどで解除するので､
他のﾌﾞﾗｳｻﾞ
へ避難してください｡
577: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 176c-dJoR) [sage] 2024/11/28(木) 17:21:13.48 ID:8ZbVWJKh0 Firefox133.0用サイドバーの自動開閉 ちょっと長いから分割する /* サイドバーのカスタマイズ */ :root { --thin-tab-width: 15px; --wide-tab-width: 220px; } #sidebar-box { position: relative !important; overflow-x: hidden !important; min-width: var(--thin-tab-width) !important; max-width: var(--thin-tab-width) !important; box-shadow: 0 0 2px 0 rgba(0,0,0,.35); z-index: 1 !important; transition: min-width 0.2s ease, max-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } #sidebar-box:hover { min-width: var(--wide-tab-width) !important; max-width: var(--wide-tab-width) !important; box-shadow: 0 0 5px 0 rgba(0,0,0,.35); transform: translateX(0); } http://egg.5ch.net/test/read.cgi/software/1710362871/577
578: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 176c-dJoR) [sage] 2024/11/28(木) 17:21:32.36 ID:8ZbVWJKh0 続き #sidebar-box>#sidebar { visibility: hidden !important; /* opacity -> visibility に変更 */ transform: translateX(-100%); /* 初期状態でサイドバーを隠す */ transition: visibility 0.2s, transform 0.2s ease; /* transformを使用 */ } #sidebar-box:hover>#sidebar { visibility: visible !important; /* hoverで表示 */ transform: translateX(0); /* スライドイン */ } #sidebar-splitter { cursor: ew-resize; width: 5px; background-color: #ccc; } http://egg.5ch.net/test/read.cgi/software/1710362871/578
579: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 176c-dJoR) [sage] 2024/11/28(木) 17:23:38.08 ID:8ZbVWJKh0 後は上手く短くしてくれ http://egg.5ch.net/test/read.cgi/software/1710362871/579
580: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 176c-dJoR) [sage] 2024/11/28(木) 17:33:25.97 ID:8ZbVWJKh0 /* サイドバーを自動開閉するようにする （左側用）色々削ってみた*/ :root { --thin-tab-width: 15px; --wide-tab-width: 220px; } #sidebar-box { position: relative !important; overflow-x: hidden !important; min-width: var(--thin-tab-width) !important; max-width: var(--thin-tab-width) !important; box-shadow: 0 0 2px 0 rgba(0,0,0,.35); z-index: 1 !important; transition: min-width 0.2s ease, max-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } #sidebar-box:hover { min-width: var(--wide-tab-width) !important; max-width: var(--wide-tab-width) !important; box-shadow: 0 0 5px 0 rgba(0,0,0,.35); transform: translateX(0); } #sidebar-box>#sidebar { opacity: 0 !important; } #sidebar-box:hover>#sidebar { opacity: 1 !important; } #sidebar-splitter { } http://egg.5ch.net/test/read.cgi/software/1710362871/580
581: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 176c-dJoR) [sage] 2024/11/28(木) 18:11:04.58 ID:8ZbVWJKh0 色々試したら /* サイドバーを自動開閉するようにする （左側用）*/ 使ってる人は #sidebar-box:hoverの margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important; これ削除で取り敢えず動く 只動くけどサイドバー開閉でとページが縮んだり元に戻り動くのでそこは誰か頼む http://egg.5ch.net/test/read.cgi/software/1710362871/581
ﾒﾓ帳
(0/65535文字)
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.031s