- 1 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/04/21(木) 23:24:46.59 ID:h1cG3tIy0.net]
- !extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part11
https://egg.5ch.net/test/read.cgi/software/1584753386/
●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
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 (要userChromeES)
https://greasyfork.org/scripts/35880
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
www.tohoho-web.com/css/
VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured
- 117 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed58-fu01) mailto:sage [2022/08/02(火) 20:06:37 ID:gvAMb99Y0.net]
- >>113
あ！！！出来ました！！！！
長年悩んでいたのですが貴方は神です！
- 118 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed58-fu01) mailto:sage [2022/08/02(火) 20:07:22 ID:gvAMb99Y0.net]
- すいません神は>>114です
>>113はただのマヌケなので
- 119 名前：名無しさん＠お腹いっぱい。 (ﾃﾃﾝﾃﾝﾃﾝ MMee-p+P8) mailto:sage [2022/08/03(水) 19:47:41 ID:XTwY3SBNM.net]
- jsのスレで書いた後こっちの方が適切かと思ったらそういうレスも頂いたのでこちらに移動して来ました
Youtubeで動画と上の検索窓の間の部分消したくてF12で内容見てみたのですが、そこは上の検索窓と一緒になってて（該当部分の文にカーソル合わせると一緒に緑色になる）間の部分だけの指定が見付かりませんでした
検索のある列はytd-searchbox…の指定で細くは出来たのですが、その下部分が不要なのでどうにか消したいです
ヒントでも良いのでアドバイスお願いします
- 120 名前：名無しさん＠お腹いっぱい。 [2022/08/03(水) 23:06:00.45 ID:NCehEACX0.net]
- >>117
動画上側の1cm程度のスペースを無くしたいという解釈でおk?
だとすると
div id="columns"
div id="primary" #主エリア
div id="secondary" #チャット/動画リスト
の冒頭だから多分この辺の上側の境界/詰め/余白を調べれば良いよな
ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy,
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
padding-top: var(--ytd-margin-6x);
}
- 121 名前：名無しさん＠お腹いっぱい。 (ﾃﾃﾝﾃﾝﾃﾝ MMee-p+P8) mailto:sage [2022/08/05(金) 10:52:31 ID:3E/8tvVCM.net]
- >>118
遅くなりましたがレスありがとうございます
はい、その部分です
それでいじってみます
どうもありがとうございました
- 122 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 7f44-U7Vh) mailto:sage [[ここ壊れてます] .net]
- 拡張機能スレに書いたけどこっちの方がいいんかな
Stylusを1.5.26にしたら、userstyles.orgからインストールも更新も一切できなくなった
1.5.25に戻すと普通にできる
- 123 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6758-qwP8) mailto:sage [[ここ壊れてます] .net]
- いや、拡張機能の話だよね
- 124 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3d96-OdF3) mailto:sage [[ここ壊れてます] .net]
- アドレスバーにペーストしたときのみ背景の色が上に数ピクセルずれるんですが分かる方いますか？
カーソル置いただけでは問題ないのですが。
済みませんがどなたかお助けください。
iup.2ch-library.com/i/i022196422415874211242.png
- 125 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b703-E+l9) mailto:sage [[ここ壊れてます] .net]
- 106.0b1 で #firefox-view-button の隣にあるセパレータみたいな棒を消す方法はありませんか
- 126 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f7be-gn4C) [[ここ壊れてます] .net]
- >>123
#firefox-view-button + #tabbrowser-tabs {
border-inline-start: none !important;
}
- 127 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b703-E+l9) mailto:sage [[ここ壊れてます] .net]
- >>124
わぁ、ありがとう、ありがとう
- 128 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/09/22(木) 16:51:48.73 ID:Q7VMUzdOa.net]
- タブの高さは
#TabsToolbar { --tab-min-height: 24px; }で調整できますが、
タブバーの高さ調整どう記述すれば良いのでしょうか？
- 129 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f7cf-/Tvp) [[ここ壊れてます] .net]
- >>126
少しは頭使えよ
min-てーのは最小値を設定/変更するのに書くもんだ
それよりも小さく指定されていたものならそれに従って大きくなる
逆の時は何の効果も無い
逆の時も含めて実際に指定したいならそれのないもん指定する必要がある
ということはわかるよな?
- 130 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7758-4Pr+) mailto:sage [[ここ壊れてます] .net]
- >>126
せめて伝聞形式にすればいいのに
ここまで堂々とバカを晒すってやっぱバカのさせる業
- 131 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/09/23(金) 07:12:44.89 ID:RcYlJlGXa.net]
- >>127
よく分からん？
タブの高さじゃなくタブバーの高さを変えたいと聞いてる。
- 132 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+) mailto:sage [[ここ壊れてます] .net]
- esr102にアップデートしたらuserChrome.cssに書いた内容の一部が動いてくれなくなりました
これは記述が古くなったので新しく書き直さなきゃいけないってことなんでしょうか？
ちなみに動いてくれない部分はこちらです
/* タブの色 */
/* 未読み込みタブ ・白*/
.tabbrowser-tab[pending] {
font-weight: normal !important;
background: white !important;
/* タブを閉じるボタンをマウスオーバー時のみ表示 */
/.tabbrowser-tab:not([pinned]):hover .tab-close-button.close-icon {display: inline-block !important;}
/#tabbrowser-tabs .tabbrowser-tab .tab-close-button {
/ display: none!important;
/}
- 133 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c67e-H/oM) mailto:sage [[ここ壊れてます] .net]
- >>130
/* タブを閉じるボタンをマウスオーバー時のみ表示 */
#tabbrowser-tabs .tabbrowser-tab:not([pinned]):hover .tab-close-button.close-icon {
display: inline-block !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-close-button.close-icon {
display: none !important;
}
でどうだろう
「未読み込みタブ ・白」は普通に動いたけど、「}」が抜けてるだけだったりしない?
- 134 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6bb0-tX/F) mailto:sage [[ここ壊れてます] .net]
- スレチESRガイジに構うなよ
基地外が感染るぞ
- 135 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+) mailto:sage [[ここ壊れてます] .net]
- >>131
どうもありがとう
/* タブを閉じるボタンをマウスオーバー時のみ表示 */ の方はコピペする部分間違えていました…
正式にはこちらです
/#tabbrowser-tab:not([pinned]):hover .tab-close-button {
/ display: block !important;
/}
ただ、教えて貰った>>131の内容に書き換えてもやはり動いてくれませんでした
問題はuserChrome.cssの記述以外の所なのかな
- 136 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+) mailto:sage [[ここ壊れてます] .net]
- >>133に貼ったコードの一番手前の”/”は無視してください
>>131で教えて貰った内容に書き換えるためにコメントアウトしたものをそのままコピペしてしまいました
- 137 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f11-1r8X) mailto:sage [[ここ壊れてます] .net]
- そもそもタブを閉じる記述全体の行頭の「/」は何目的なの？
1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
CSSは1行でも複数行でも「/*～*/」なんなんだけども
そこを勘違いしていたとしてもそれはそれで全部消してるわけで
- 138 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b358-+L0J) mailto:sage [[ここ壊れてます] .net]
- >>135
> 1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
いいえ
1行コメントは「//」ですよ？
- 139 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f11-1r8X) mailto:sage [[ここ壊れてます] .net]
- ああ、失礼
- 140 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+) mailto:sage [[ここ壊れてます] .net]
- >>135
すみません、自分自身ド素人で基本広いものを適当にいじって使ってきたレベルで…
過去に自分でコメントアウトのつもりでつけたのか、それとも拾ってきたものに最初から書かれていたのかはよくわかりません
あと、動いていない部分「未読み込みタブ ・白」ではなく「未読み込みタブ ・白」でした
未読み込みタブ ・白
.tabbrowser-tab[unreadTab] {
font-weight: normal !important;
background: white !important;
}
unreadは以前もバージョンアップの時に動かなくなったような記憶があります
あと「タブを閉じるボタンをマウスオーバー時のみ表示 」もいじった形跡があるということは同時期に動かなくなっていたかもしれません
- 141 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/09/27(火) 18:35:39.54 ID:23Zu2BGN0.net]
- 右クリックメニューの背景色とマウスホーバー色を以下のように変更していたのですが、
いつの間にか反映されなくなりました。
menupopup{
--menu-background-color: #F4F4F4 !important;
--menuitem-hover-background-color: #C1C3C2 !important;
}
色々と試してみたのですが効果が見られませんでした。
お分かりの方、お教えいただけましたらありがたいです。よろしくお願いいたします。
- 142 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 1644-yCIE) mailto:sage [[ここ壊れてます] .net]
- >>139
menupopup {
--panel-background: #F4F4F4 !important;
}
menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
background-color: #C1C3C2 !important;
}
- 143 名前：139 (ﾜｯﾁｮｲ d676-tX/F) mailto:sage [[ここ壊れてます] .net]
- >>140
早速にありがとうございます。
無事、反映されました。心より感謝申し上げます。
- 144 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa27-pIDl) mailto:sage [[ここ壊れてます] .net]
- 下記でタブの高さは変わるのですが、タブの上に空間ができます。
この空間を無くすにはどうすれば良いのでしょうか？
#TabsToolbar { --tab-min-height: 20px; }
- 145 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/03(月) 12:39:41.04 ID:2avGBW7I0.net]
- >>131
すみません、ちゃんと動いていました
ただ、これまではタブ開きまくってどれだけ小さくなってもマウスオーバーすればタブ幅が広がって閉じるボタンが表示されてたのですが
ESR102になってからはタブ幅が広がってくれなくなったため、マウスオーバーしても変化がわからなかっただけでした
タブの数を減らしてタブ幅に余裕持たせた上で確認したら、これまで通り機能してくれました
未読み込みタブに関しては、unreadTabs.uc.jsが動いてくれなくなってる事が原因ぽいです
新規プロファイルでも症状は変わらないので、これはもう諦めるしかないのかな
どうもお邪魔しました
- 146 名前：名無しさん＠お腹いっぱい。 (ｼｬﾁｰｸ 0C27-8lvq) mailto:sage [[ここ壊れてます] .net]
- すいません、タブツリーを使っているのですが、ピン止めされたアイコンのクローズボタンを消すのってどうするんですかね？
タブツリーのCSSは全く同じものを使っているのに、どこが影響しているのか環境によってアイコンの上にクローズボタンが乗っていることがありピン止めが殆ど機能しません
（ピン止めアイコンをクリックしようとすると閉じる）
バージョンはどちらも105.0.1です
- 147 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b3cf-xRf2) [[ここ壊れてます] .net]
- ｼｬﾁｰｸなんて初めて見たわ
どこのISPよ
- 148 名前：名無しさん＠お腹いっぱい。 (CA 0H9f-fVk4) mailto:sage [[ここ壊れてます] .net]
- 公務員だろ
- 149 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e376-qKwZ) mailto:sage [[ここ壊れてます] .net]
- >>144
タブツリーのcssは
- 150 名前：名無しさん＠お腹いっぱい。 (ﾏｸﾞｰﾛT Sa2f-kHT+) mailto:sage [[ここ壊れてます] .net]
- URLバー、検索バーの背景色を指定しています。
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: seashell !important;}
これでURLバーの検索候補の背景色もseashellになります。
検索バーから↓キーで検索履歴を表示したときの背景色はwhiteでseashellになりません。
検索履歴の背景色もseashellにすることできませんか？
- 151 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/17(月) 11:00:11.34 ID:ccyVnOpOM.net]
- popup.menuのscrollboxの選択色の指定のやりかたを教えてください。
- 152 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/18(火) 11:14:49.74 ID:Jq5ozTnh0.net]
- デフォルト状態のステータスパネル
https://i.imgur.com/5EtMYoF.png
ロケーションバー内に移動させたステータスパネル
https://i.imgur.com/32vZ0H8.png
/* ステータスパネルをロケーションバー内へ移動 */
#statuspanel {
position: fixed;
top: 62px;
right: 354px;
max-width: 70.7% !important;
text-align: right;
}
昔あった拡張のStatus-4-Evarの機能を再現したくて、恐らくここで↑このスクリプトを教えてもらったのですが
本日Firefoxを106にアプデしたところ、ある一定のところまでしか移動してくれず、Firefox自体のフレーム内には表示されなくなりました。
新しい方法分かる方おられましたら教えていただけないでしょうか
- 153 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f76-e84p) mailto:sage [[ここ壊れてます] .net]
- #statuspanel {
position: fixed !important;
top: 50px !important;
right: 354px !important;
max-width: 70.7% !important;
text-align: right !important;
}
- 154 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/18(火) 14:44:28.08 ID:Jq5ozTnh0.net]
- >>151
ありがとうございます。
上部ロケ―ションバーまで移動できました
しかし何故か二か所でチラチラするようになりました
一応leftにして調整してみました
- 155 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/20(木) 19:12:05.95 ID:HNDtA0GT0.net]
- @font-face { src: local(<フォント名>) }でのフォント置き換えって動作してる？
- 156 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/20(木) 19:44:29.95 ID:HNDtA0GT0.net]
- 自己解決しました
security.fileuri.strict_origin_policyをオフにしないとローカルファイル読み込めなくなったのか
- 157 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0276-UuoP) mailto:sage [2022/10/22(土) 21:28:36.93 ID:fMD2xGJ+0.net]
- 107.0Beta3にアップデートしたらサイドバー自動開閉のcssが効かなくなったわ
- 158 名前：155 mailto:sage [2022/10/23(日) 18:46:28.10 ID:HZHbjyi
]
- [ここ壊れてます]
- 159 名前：X0.net mailto: #sidebar-boxの設定から
margin-rightとleftの項目を削除したら復活した。 [] - [ここ壊れてます]
- 160 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/24(月) 09:09:53.94 ID:UcsJPeaSa.net]
- 検索バーの履歴を表示したとき、その背景とfont-weightを設定したいです。
最近、老化で視力低下したみたい。
- 161 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/24(月) 10:24:27.25 ID:Yq+zBpu+0.net]
- >>157
.search-panel-tree > .autocomplete-richlistitem {
font-weight: bold !important;
}
#PopupSearchAutoComplete .autocomplete-richlistitem:nth-child(2n+1):not([selected]):not(:hover) {
background-color: var(--toolbar-bgcolor) !important; /* 明るいテーマ */
/*background-color: #31255c !important; /* Alpenglow */
/*background-color: #383838 !important; /* ダークモード */
}
- 162 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/24(月) 10:54:16.07 ID:UcsJPeaSa.net]
- >>158
早々のレス、ありがとう。
見やすくなりました。
- 163 名前：名無しさん＠お腹いっぱい。 [2022/10/25(火) 13:23:21.89 ID:CUrnhcdz0.net]
- https://tadaup.jp/loda/1025132024359760.jpg
この青い部分が出なくなる方法を教えて
それが無理ならせめて青い背景色を変えたいです
- 164 名前：名無しさん＠お腹いっぱい。 [2022/10/27(木) 16:13:28.69 ID:dDsejwYO0.net]
- 自己解決
cssの問題じゃなかった
about:confIg → browser.urlbar.maxRichResults → -1
これで出なくなりました
- 165 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0276-R/Ha) mailto:sage [2022/10/27(木) 16:16:00.60 ID:iOAYAkYm0.net]
- よかったじゃん
- 166 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/30(日) 21:27:27.82 ID:/knojQpq0.net]
- age厨に構うなよ
基地外が感染るぞ🚑
- 167 名前：名無しさん＠お腹いっぱい。 (中止 91cf-t0OF) [2022/10/31(月) 10:44:29.78 ID:aBPw45Ux0HLWN.net]
- 2ちゃんの生き残りの老害
「上げるな！ sage進行がマナーだろ！」
- 168 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/31(月) 12:12:30.96 ID:xtPD1bgE0HLWN.net]
- キッズwwwwww
- 169 名前：名無しさん＠お腹いっぱい。 [2022/10/31(月) 14:42:03.11 ID:aBPw45Ux0HLWN.net]
- >>165
ちゃんとアンカー付けろ！
それがマナーだろうが！
老害ｗ
- 170 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/10/31(月) 18:14:13.49 ID:zHB+uNnraHLWN.net]
- 全角で草生やすジジイの鏡
- 171 名前：名無しさん＠お腹いっぱい。 [2022/10/31(月) 18:40:06.98 ID:PPE/youS0HLWN.net]
- >>167
誰にも迷惑はかけてないｗ
迷惑しかかけてない老害のお前とは違うｗ
- 172 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 91cf-QvG4) [2022/11/01(火) 07:51:32.02 ID:zfA+pETv0.net]
- 貴様ら中止の分際で生意気だぞ
- 173 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/05(土) 23:10:31.17 ID:L8zVUVbW0.net]
- な、age厨だろ👆
- 174 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6202-PkvZ) mailto:sage [2022/11/19(土) 01:06:05.29 ID:c3Q1iiQ40.net]
- /* Multi-Row Bookmarks Toolbar Firefox */
#PersonalToolbar {
max-height: none !important;
}
#PlacesToolbar > hbox {
display: block;
width: 100vw;
}
#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
}
Firefoxを107にアップしたところ、ブックマークツールバーを多段に表示するCSS↑が機能せず
ページ全体を覆うようになってしまいました。
修正方法分かる方おられましたら宜しくお願いします。
- 175 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 11:07:08.36 ID:88zjoUiH0.net]
- 質問スレから誘導されてきました
今日起動したらサイドバーの幅制限解除が無効になってました
107で何か変更ありましたか？
/* サイドバーの幅の制限を無くす */
#sidebar-box {
overflow-x: hidden !important;
}
#sidebar,
#sidebar-header {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}
- 176 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 11:19:15.74 ID:ji/wakOya.net]
- >>172
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}
- 177 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 11:22:17.39 ID:yxTeLkLS0.net]
- >>172
よくわからんけどこうかな
#sidebar-box {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}
- 178 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 11:31:33.27 ID:eXP5E1NgM.net]
- >>172
108bのブラウザツールボックスでちょっと覗いて見た感じだと
min-widthとmax-widthの記述部分を#sidebar-boxの方に持ってけば機能するかも
- 179 名前：172 (ﾜｯﾁｮｲ e230-stRS) mailto:sage [2022/11/19(土) 12:38:09.23 ID:88zjoUiH0.net]
- ありがとうございます
#sidebar-box の方に全部持っていったら直りました
- 180 名前：名無しさん＠お腹いっぱい。 (ｽｯﾌﾟﾌﾟT Sd02-stRS) mailto:sage [2022/11/19(土) 14:07:00.28 ID:KX81UiEld.net]
- 今回の更新でサイドバー自動開閉効かなくなったんですが原因わかりますか？
- 181 名前：名無しさん＠お腹いっぱい。 (ｽｯﾌﾟﾌﾟT Sd02-stRS) mailto:sage [2022/11/19(土) 14:07:08.54 ID:KX81UiEld.net]
- /* サイドバー自動開閉 */
#sidebar-box{
position:relative !important;
overflow-x:hidden !important;
margin-left:-5px !important;
right:5px !important;
min-width:5px !important;
max-width:5px !important;
box-shadow:0 0 2px 0 rgba(0,0,0,.35);
transition:all .3s ease 0s !important;
opacity:0 !important;
}
#sidebar-box:hover{
margin-left:-300px !important;
right:300px !important;
min-width:300px !important;
max-width:300px !important;
box-shadow:0 0 5px 0 rgba(0,0,0,.35);
opacity:1 !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar{
opacity:0 !important;
}
#sidebar:hover{
opacity:1 !important;
}
- 182 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffe8-9FEU) mailto:sage [2022/11/19(土) 14:24:14.01 ID:yiSWuB3X0.net]
- /* サイドバーを自動開閉するようにする （107対応）*/
:root {
--thin-tab-width: 20px;
--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: all .1s 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);
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar-splitter {
}
/* サイドバーのヘッダーを非表示にする */
#sidebar-header {
display: none !important;
}
- 183 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c61f-3YjY) mailto:sage [2022/11/19(土) 14:57:03.17 ID:/vwLidNI0.net]
- >>178
#sidebar-boxと#sidebar-box:hover内にそれぞれあるrightを消せばいけるはず
- 184 名前：名無しさん＠お腹いっぱい。 (ｽｯﾌﾟﾌﾟT Sd02-stRS) mailto:sage [2022/11/19(土) 15:24:00.13 ID:KX81UiEld.net]
- 解決しましたありがとうございます！
これがあるからfirefox使い続けてるから本当に良かった・・・
- 185 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c311-J5Fp) mailto:sage [2022/11/19(土) 16:12:56.83 ID:kn4vedWO0.net]
- >>179
自分も自動開閉使えなくなって困ってたけどこれで出来るようになりましたありがう
- 186 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:04:37.74 ID:yiSWuB3X0.net]
- >>179
>>178
のでも良いんだけどカスタマイズしやすい方が良いかなと
:root {
--thin-tab-width: 20px;
--wide-tab-width: 220px;
ここで幅を好みに変えてね
--thin-tab-width: 20px;
カーソルを合わせる左側の所の幅（20で太いと思ったら15とか数字を小さくする）
--wide-tab-width: 220px;
サイドバーの幅（取り敢えずタブと同じぐらいにしてあるので幅は好みに）
- 187 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:16:31.42 ID:487hYtW60.net]
- /* 検索バーを上に移動 */
.browserContainer > findbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 1em;
border: 1px solid threedshadow !important;
}
今回のバージョンからページ内検索バーが表示されなくなってしまったんですが
どなたか分かる方ご教授願います
- 188 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:34:36.47 ID:yxTeLkLS0.net]
- >>184
position: fixed を消す
- 189 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:49:47.26 ID:487hYtW60.net]
- >>185
動作するようになりました。ありがとうございます！
- 190 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 18:05:37.66 ID:EIGvz+G8M.net]
- >>186
right: 1em; も消していい
border-top: none !important; を追加すれば検索バー上部の枠線がなくなってすっきりする
- 191 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 18:27:13.33 ID:yxTeLkLS0.net]
- 好みで
transition: none !important;
margin-left: 15px !important;
- 192 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 19:03:25.90 ID:487hYtW60.net]
- >>187
>>188
重ね重ねありがとうございます！
- 193 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:23:17.48 ID:yxTeLkLS0.net]
- border: 1px solid threedshadow !important; は無くていいはず
- 194 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:29:59.22 ID:2EyT0kXaa.net]
- >>190
Escが効かない
- 195 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:52:45.59 ID:yxTeLkLS0.net]
- >>191
ただのラインだし関係なくない？
- 196 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:56:06.32 ID:yxTeLkLS0.net]
- margin-left: 15pxはいらない勘違い
- 197 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 22:30:47.87 ID:FB387ZR1a.net]
- >>185 >>187
↓の2行、もしかして今回のバージョン前でも無くてよかったの？
position: fixed !important;
right: 1em;
- 198 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 22:33:49.43 ID:2EyT0kXaa.net]
- >>192
ご�
- 199 名前：ﾟん、Esc効いてる []
- [ここ壊れてます]
- 200 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 22:55:09.24 ID:yxTeLkLS0.net]
- >>194
無くても上になってたよ
- 201 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 23:56:41.05 ID:/igrTo9A0.net]
- サイドバー自動開閉はAutohideSidebar2.uc.jsだと感知幅の部分が邪魔にならない
- 202 名前：名無しさん＠お腹いっぱい。 (HappyBirthday!W efb0-+wTA) mailto:sage [2022/11/20(日) 13:05:05.50 ID:xkatlD7/0HAPPY.net]
- ページ内検索バーの話が出たついでに・・・
/* ページ内検索バーの閉じるボタンを左に移動 */
.findbar-closebutton { -moz-box-ordinal-group: 0; }
/* ページ内検索バーのテキストボックスの横幅を変更 */
.findbar-textbox { width: 20em !important; }
- 203 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! e21f-stRS) mailto:sage [2022/11/20(日) 15:10:54.29 ID:TwvPohQN0HAPPY.net]
- 検索バーをChrome風にする
豆腐屋が更新してた
- 204 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/20(日) 20:27:50.33 .net]
- ブラウザーツールボックス開くまでは行けたけど肝心の消したい場所をどうやって見つけるんですか？
toolbarだけでも膨大過ぎる
- 205 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! 6276-mdWL) mailto:sage [2022/11/20(日) 20:34:16.38 ID:Yh+MidHG0HAPPY.net]
- 何を消したいの
- 206 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/20(日) 21:11:55.60 .net]
- 進むの隣のリロードボタンとアドレスバーのリーダービューリロードお気に入りボタンを消したいんです
- 207 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! 6276-mdWL) mailto:sage [2022/11/20(日) 21:20:00.88 ID:Yh+MidHG0HAPPY.net]
- これでどうですか
#reload-button, #star-button-box, #reader-mode-button {
display: none !important;
}
- 208 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! 6282-1kpg) [2022/11/20(日) 21:46:51.19 ID:1dyZ6tnQ0HAPPY.net]
- >>200
左上の矢印ボタンをクリックしてからブラウザーの調べたい部分をクリック
https://i.imgur.com/aMLVX6s.png
- 209 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! cf58-stRS) mailto:sage [2022/11/20(日) 21:58:27.83 ID:1mmVEPOd0HAPPY.net]
- ID隠蔽ガイジに構うなよ
基地外が感染るぞ
- 210 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/21(月) 06:26:22.68 .net]
- >>203
>>204
機能しましたし使い方も理解できました
ありがとうございました
- 211 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/21(月) 09:24:09.97 ID:EjcVlUjjr.net]
- タブの右横にある｢+｣(新しいタブを開きます)ボタンの背景色を変えたいです
- 212 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW efb0-z7S9) mailto:sage [2022/11/21(月) 16:02:44.69 ID:6rNjDe7x0.net]
- >>207
#tabs-newtab-button { background-color: yellow !important; }
- 213 名前：名無しさん＠お腹いっぱい。 (ｵｯﾍﾟｹT Srdf-KP+k) mailto:sage [2022/11/21(月) 16:37:19.38 ID:vwQ8tbBAr.net]
- >>208
ありがとうございました
- 214 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/24(木) 16:59:00.97 ID:8hBEP5Jc0.net]
- cssのvarが効かないのですが何が原因でしょうか？
firefoxは107です
- 215 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/24(木) 17:44:35.62 ID:yORRz7mv0.net]
- >>210
ちゃんと :root で定義したか？
https://developer.mozilla.org/ja/docs/Web/CSS/var
- 216 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/24(木) 18:48:25.63 ID:8hBEP5Jc0.net]
- >>211
定義しました上にあるサイドバーのcssも試してみたのですがvarの部分を書き変えなければ動きませんでした
プロファイルの問題でしょうか？
- 217 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b776-Z2Iz) mailto:sage [2022/11/28(月) 14:15:20.99 ID:qhN/Y/H/0.net]
- >>4
自分もこの現象なったからいまだに99以前のバージョン使ってるわ
|
 |
