userChrome.css・userContent.cssスレ Part10

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 10:53:04.96

●※前スレ
userChrome.css・userContent.cssスレ Part9
http://egg.5ch.net/test/read.cgi/software/1544138804/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 08:42:45.51

72にバージョンアップしたはいいが…サイドバー(ブックマーク)の自動開閉が出来なくなってしまった・・・
どこをどう設定しなおせばいいか・・・分かる人がいたら教えて下さい

/* サイドバー自動開閉 */
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
margin-right: -2px !important;
left: 2px !important;
min-width: 2px !important;
max-width: 2px !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
}
#sidebar-box:hover {
margin-right: -350px !important;
left: 350px !important;
min-width: 350px !important;
max-width: 350px !important;
box-shadow: 0 0 3px 0 rgba(0,0,0,.35);
}
#sidebar {
opacity: 0 !important;
}
#sidebar:hover {
opacity: 1 !important;
}
#sidebar-header {
display: none !important;
}
#sidebar-splitter {
}

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 18:46:10.44

>>201
これいいな
#sidebar-box{}内に「z-index: 9998 !important;」を書き加えて
#statuspanel { z-index: 9999 !important; }を新たに併記したら機能したけどどうだろう
statuspanelは前面に出すと他の操作で支障出るかもしれない

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 19:22:59.12

>>202

ありがとうございます <(＿＿)>

さっそく試してみたのですが…自分の環境では作動してくれませんでした
申し訳ないです。

引き続きどうすれば作動するか自分でも色々試してイジってみます。

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 19:47:22.53

#sidebar-box {
z-index: 1 !important;
}

普通ならこれ追加すれば表示されるはずだよ
表示されないのなら何かとバッティングしてる

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 19:50:57.32

>>196
これ、分かる方いませんか？

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 20:01:21.74

あと正しくはこうだな
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 20:01:47.75

>>204

>>203とは別の者ですが、サイドバー自動開閉が復活しました
ありがとうございます

初め変わらないなと思ったのですが、Ctrl+Bで表示されました

**名無しさん＠お腹いっぱい。** · 2020/01/08(水) 20:11:35.77

もういっちょ
最初のブロックに
transition: all .1s ease;
を足すと開閉時にアニメーションするようになる