- 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
- 466 名前：名無しさん＠お腹いっぱい。 (ﾌﾞｰｲﾓ MM57-runv) mailto:sage [2023/07/05(水) 16:09:46.89 ID:wZah20GEM.net]
- 俺も115で動かなくなったが直せた
alice0775の103のinstall folderにあるconfig.jsを落として上書きすればいい
ついでに106にあるuserchrome.jsも新しくしておくといい
- 467 名前：あめ ◆P0jSlC5fJs (ﾜｯﾁｮｲ ebfe-c6L3) mailto:sage [2023/07/06(木) 13:29:06.12 ID:ccQJv+CM0.net]
- >>455
助かった
- 468 名前：名無しさん＠お腹いっぱい。 (ｽｯｯﾌﾟ Sdbf-P5a+) mailto:sage [2023/07/09(日) 02:36:56.11 ID:wKQ3AjUfd.net]
- 103と106変えても何一つ効かなくなったわ
もういいや
- 469 名前：名無しさん＠お腹いっぱい。 (ｽｯｯﾌﾟ Sdbf-P5a+) mailto:sage [2023/07/09(日) 02:48:58.77 ID:vgjThEb7d.net]
- chromeフォルダに入れる初歩的なミスしてたわ
治った
- 470 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b715-NtER) mailto:sage [2023/07/11(火) 02:47:41.70 ID:3/905PVO0.net]
- config.jsとuserchrome.jsはたまにチェックしないとあかんな
- 471 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a473-NGsf) mailto:sage [2023/07/16(日) 10:08:03.60 ID:k7QhfB6X0.net]
- >>63 >>411
求めていたものがあった
- 472 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b656-7EKy) mailto:sage [2023/07/16(日) 14:47:51.24 ID:EwhTeWCf0.net]
- スレチなんだけど...
- 473 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3efe-f2TS) mailto:sage [2023/07/17(月) 01:24:57.59 ID:SWo6KQxV0.net]
- >>455
サンキュー助かったわ
唐突に動かなくなるの内部で何弄ってるからなんだろうな
- 474 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ be76-1j9t) mailto:sage [2023/08/02(水) 16:53:18.45 ID:W/nEQZS50.net]
- ツールバーの[ブックマークを表示します](☆の下に_みたいなアイコン)の
「ブックマークサイドバーを表示」「ブックマークを検索」「ブックマークを管理」
を非表示にする方法を教えてください。
#BMB_searchBookmarks, #BMB_bookmarksShowAllTop, #BMB_viewBookmarksSidebar {
display: none !important;
}
- 475 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b43-IjPS) [2023/08/03(木) 13:19:48.52 ID:+kh0d1+h0.net]
- Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？
- 476 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b43-IjPS) [2023/08/03(木) 13:19:54.19 ID:+kh0d1+h0.net]
- Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？
- 477 名前：名無しさん＠お腹いっぱい。 (ｽﾌﾟﾌﾟT Sd8a-IjPS) mailto:sage [2023/08/03(木) 22:10:24.56 ID:x9melOx2d.net]
- Firefox 116になってから以下のCSSが効かなくなっているようですが、
修正はできますかね？
/* ピン留めしたタブとしていないタブの間にある隙間を調節 */
.tabbrowser-tab[first-visible-unpinned-tab="true"] {
margin-left: 0px !important;
}
- 478 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ eacf-IjPS) mailto:sage [2023/08/04(金) 11:41:33.90 ID:8kGcLRoK0.net]
- >>466
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}
- 479 名前：466 (ｽﾌﾟﾌﾟT Sd8a-IjPS) mailto:sage [2023/08/04(金) 21:48:23.60 ID:ToMMuTcFd.net]
- >>467
ありがとうございます。
うまく行きました。
- 480 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 315c-lukV) mailto:sage [2023/08/11(金) 00:18:33.06 ID:o22dTUxE0.net]
- Youtubeの「もっと見る」を
最初から開いた状態にできますか？
- 481 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6bf5-SCbl) mailto:sage [2023/08/11(金) 01:19:39.49 ID:ys8VRm0m0.net]
- そういやYouTubeのコメントの「続きを読む」が短いコメントにも表示される問題を直す
font.blacklist.underline_offset に Meiryo を追加
が効果なくなった
- 482 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 315c-lukV) mailto:sage [2023/08/11(金) 03:47:43.09 ID:o22dTUxE0.net]
- youtubeの視聴回数を「もっと見る」押さなくても
詳細表示させる方法ありますか？
- 483 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0312-vKG+) mailto:sage [2023/08/18(金) 01:58:20.90 ID:XXIf+bDL0.net]
- ツール＞設定と設定タブを開いたときにアクティブなタブの右隣に設定タブを開く方法はありますか？
- 484 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1acf-yhDR) mailto:sage [2023/08/18(金) 15:13:39.82 ID:Bin2S4kt0.net]
- それはcssでは無理
- 485 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 2758-UD7Y) mailto:sage [2023/08/18(金) 18:26:37.66 ID:f7lABQ540.net]
- CSSを魔法かなにかと思ってるのかね？
- 486 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f63b-yhDR) mailto:sage [2023/08/18(金) 20:21:16.40 ID:RYFeAZHd0.net]
- JavaScriptも勉強しないとな！
- 487 名前：464 (ﾜｯﾁｮｲ 2143-q59E) mailto:sage [2023/08/21(月) 09:21:58.28 ID:WX7R1u2f0.net]
- >Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？
同じように思っている方がいて、検索でたどり着きました。↓
https://support.mozilla.org/en-US/questions/1418752
参考まで
- 488 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9376-zwO0) mailto:sage [2023/08/21(月) 10:38:44.46 ID:fAoiKJwQ0.net]
- Thunderbirdをここに書くとスレチと言われるんだよ
んでThunderbirdスレに書くと誰も反応しない
- 489 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3958-qCje) mailto:sage [2023/08/21(月) 21:53:45.50 ID:vBItB2p70.net]
- CSSの話であればスレチじゃないよ
- 490 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9376-zwO0) mailto:sage [2023/08/21(月) 22:10:23.10 ID:fAoiKJwQ0.net]
- >>478
>>349-365
- 491 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3958-qCje) mailto:sage [2023/08/22(火) 02:10:11.01 ID:6miEzrdo0.net]
- だから？
>>365 のアホは無視すればいいだけ
userChrome.css と userContent.css の仕組みは一緒なんだからさ
それくらい判断できないの？
- 492 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a1b0-QT26) mailto:sage [2023/08/22(火) 09:16:26.74 ID:hP4EF7m70.net]
- スレチかスレチじゃないかは俺が決めることにするよ
- 493 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93cf-0WDc) mailto:sage [2023/08/22(火) 22:47:25.04 ID:hFXEtfYP0.net]
- テンプレにStylishとか書いてるからcssならなんでもいいのか？
- 494 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/28(月) 00:36:06.98 ID:hzjB7R5N0.net]
- cssはcss専用のスレ住人じゃないと対応が難しいそうですね・・・
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
でアクティブタブの形状を付箋のようにしていました
最初は-1の値を調整することで更新による変更も再調整可能でしたが、長いこと前から更新でツールバーとタブの境界線が復活しています
116.03でも通用するアクティブタブ形状の付箋化・記述例はないものでしょうか？m(vv)m
- 495 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d958-Hbvz) mailto:sage [2023/08/28(月) 04:00:43.98 ID:yqNEI0Yl0.net]
- css専用のスレ住人なんてものは存在しない
だいたいどこのスレも見てる
適した場所があるだけ
- 496 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4acf-vHpx) mailto:sage [2023/08/28(月) 18:00:17.43 ID:cBsg+R4S0.net]
- >>483
タブを下段に表示してるならこれでできる
.tabbrowser-tab[selected="true"] {
--tab-border-radius: 4px 4px 0 0 !important;
margin-bottom: -4px !important;
}
これをいれると線が消えてフラットになる
#navigator-toolbox{
border-bottom: none !important;
}
- 497 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:21:09.05 ID:4TrQjH5M0.net]
- >>483
アドバイス有難うございます、いずれも未達成でした
- 498 名前：ngワードが酷い (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:21:40.78 ID:4TrQjH5M0.net]
- 調整で知ったのですが、私の現行コードも厳密には効いている様子で、タブの枠である真っ黒な線をツールバーのグレー枠に変更している
つまりタブ由来の黒枠の下側をきっちり消去しているっぽいんです、これは盲点でした
- 499 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:23:22.35 ID:4TrQjH5M0.net]
- その上で度重なる更新によりツールバーのグレー線が「タブ枠より優先されて表示された」結果が、現在のようです
- 500 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:23:57.48 ID:4TrQjH5M0.net]
- アクティブタブのタブに隣接するツールバー枠で、border-topが無くなれば旧ブラウザのような付箋のように上手くなるんですが
- 501 名前：余所で規制の次はNGワードか (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:26:55.46 ID:4TrQjH5M0.net]
- 駄目だ意味不明なNGワード禁止と出てろくに書き込めませんorz
お礼や現状の報告などを書こうにも、小出しなら通ったのに・・・
まだ書くべき報告がありますがこれ以上は厳しいので割愛します
皆さん連投すみませんでした
- 502 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:37:34.45 ID:4TrQjH5M0.net]
- せっかく比較画像を用意したのにリンクが書き込めません！
何なのこのスレ仕様・・・ゴミすぎるわ
- 503 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d958-Hbvz) mailto:sage [2023/08/29(火) 02:41:05.05 ID:umPfNiu10.net]
- >>491
https をカットするとかやり方あるんじゃない？
なんども書き込むと規制されちゃうよ
- 504 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx) [2023/08/29(火) 02:48:53.35 ID:4TrQjH5M0.net]
- めっちゃ試しましたが拡張子辺りもNGな様子で、駄目でした
全てNGワードで、普通の文章も先のように一行ずつ投稿すると書き込めましたし
そりゃこのスレが荒れたり昔のようにまともなコードの話が無くなるはずだわと痛感していますorz
変な自治オナニー行為か何かで板またはスレの投稿条件を絞りまくっているのでしょうかねえ
そういうの2ch時代からもそうですが、実に愚かで馬鹿らしいですわ（苦笑）
- 505 名前：名無しさん＠お腹いっぱい。 (ﾆｸｸｴ 6db1-dglu) mailto:sage [2023/08/29(火) 12:37:14.02 ID:5pu4dRtC0NIKU.net]
- (暗黒微笑)
- 506 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e5c2-FxOr) mailto:sage [2023/08/31(木) 08:07:41.57 ID:6TPFbkuE0.net]
- ■ 質問テンプレ
【質問】
アップデートで117に切り替わったところ、メニューバーがタブに埋もれるようになりました
トラブルシューティングモードでは通常に表示できているため、既存ｃｓｓと何かがコンフリクトしてるのかもしれません。
改めてメニューバーの表示を「タブの上に」1列つくりたいのですが、cssで対応できるでしょうか・・・？
【バージョン】 117.0
【UserAgent】 Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/117.0
- 507 名前：495 (ﾜｯﾁｮｲ e5c2-FxOr) mailto:sage [2023/08/31(木) 08:33:20.87 ID:6TPFbkuE0.net]
- すみません、多分質問を間違えました！
タブのブラウザ上の位置はどの変数でいじるのかを聞くべきでした申し訳ありあません。
- 508 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4a76-dlFE) [2023/08/31(木) 17:21:34.50 ID:Ap50IFki0.net]
- dblclick-tab-pinned.uc.js
// @name dblclick Tab Pinned
// @description タブのダブルクリックでピン留めトグル
// @version 1.0.1
修正できますか？働かなくなった
- 509 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4acf-d2nv) mailto:sage [2023/08/31(木) 22:04:41.20 ID:OsHvAYMb0.net]
- jsはjavascriptだからスレチ
- 510 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4a76-X24D) mailto:sage [2023/08/31(木) 22:08:21.35 ID:7d+lPrR80.net]
- そうくると思った
- 511 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a9cf-dlFE) mailto:sage [2023/08/31(木) 22:11:10.05 ID:f5DspAX20.net]
- >>497
そら全部がコメント行やし 実行したところで何もせんわ
- 512 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d958-Hbvz) mailto:sage [2023/09/01(金) 02:11:44.07 ID:VYi11f0M0.net]
- スクリプトのヘッダーコメントだけでは特定できんよ入手元URL示せ
そしてなによりスレチだ
- 513 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f31-aK+6) mailto:sage [2023/09/02(土) 00:27:17.62 ID:U72UNYHo0.net]
- ワイは117ダブクリピン留トグル編集無しで普通に効いてるわ
- 514 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f3d-aK+6) mailto:sage [2023/09/06(水) 19:32:36.89 ID:sz+aC+zU0.net]
- メルカリの検索結果サムネイルにマウスオーバーすると表示されるハートを非表示にしたいです
以下ではうまくいかないようです。良い方法があれば教えてください
@-moz-document domain("mercari.com") {
div.sc-e8382dd3-1 {
display: none !important;
}
}
- 515 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f76-NU8j) mailto:sage [2023/09/06(水) 20:49:52.76 ID:wiJCYeUS0.net]
- どこにハートが
- 516 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f3d-aK+6) mailto:sage [2023/09/06(水) 21:01:04.75 ID:sz+aC+zU0.net]
- 検索結果のサムネにマウスオーバーするとこのように
https://i.imgur.com/5mxFmqc.png
- 517 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f76-NU8j) mailto:sage [2023/09/06(水) 21:11:16.54 ID:wiJCYeUS0.net]
- >>505
ログインしないと出てこないかな
それなら自分は無理
- 518 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f3d-aK+6) mailto:sage [2023/09/06(水) 21:16:31.65 ID:sz+aC+zU0.net]
- 確かにログイン状態で出てきますね
- 519 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cf58-+GlB) mailto:sage [2023/09/06(水) 21:39:03.58 ID:36/D3TyX0.net]
- AutoCloseBookMarkFoldeが使えなくなったら凄く不便になった。
別にVivaldiを使っているけど、こっちは自動で閉じないけど右クリックで全フォルダを閉じるって出来るから、使い勝手が逆転してしまった。
- 520 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffcf-aK+6) mailto:sage [2023/09/07(木) 05:56:01.19 ID:IO+3owDN0.net]
- >>503
@-moz-document domain("mercari.com") {
.icon-container {
display: none !important;
}
}
- 521 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f343-aK+6) mailto:sage [2023/09/07(木) 07:16:31.84 ID:26KXcKup0.net]
- >>509
ありがとうございます
でもなぜか消えないです
- 522 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffcf-aK+6) mailto:sage [2023/09/07(木) 20:41:13.83 ID:IO+3owDN0.net]
- >>510
よく見たら>>503と書いてることは一緒だね
Stylusでは消えたからcssじゃなく何か別の原因があるんだろう
- 523 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6340-aK+6) mailto:sage [2023/09/08(金) 07:48:18.48 ID:FJv/lYFy0.net]
- >>511
メルカリページが変な読み込み方をしているようで、userContent.cssでは効かなかったため
ユーザスクリプト.jsで非表示にしました。
ありがとうございました（Stylusも使ってみようかなぁ…）
- 524 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 239c-QH8v) mailto:sage [2023/09/08(金) 10:00:55.12 ID:3+Tu9z6D0.net]
- Firefox内部ページあるいは全ページに適用したい場合以外にuserContent.cssがStylusに勝るメリットはほぼないような（再起動しなくていいし）
まあStylishの件もあったし極力第三者のアドオン入れたくないってのはあるのか
要素非表示したいだけなら広告ブロッカーでjp.mercari.com##.icon-containerを指定する
- 525 名前：のでもいいな []
- [ここ壊れてます]
- 526 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6340-aK+6) mailto:sage [2023/09/08(金) 10:30:29.14 ID:FJv/lYFy0.net]
- >>513
これまでuserContent.css変更してリロードで反映されてたと思ったんですが、
確かに再起動したら >>509 でいけました
お騒がせしました
そうですね、アドオンはできるだけ少なくしたいです
- 527 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff76-NU8j) mailto:sage [2023/09/08(金) 11:30:08.65 ID:b4gPe3//0.net]
- アドオンは40以上入れてるなぁ
- 528 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e3b1-bdWa) [2023/09/09(土) 06:21:19.78 ID:d6J+ZUU30.net]
- サイドバーのブックマークで、フォルダをマウスオーバーした時に表示されるツールチップ
の横幅を変更したいです。できたら、通常のブックマークの方も。
- 529 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1acf-bdWa) mailto:sage [2023/09/09(土) 07:59:41.59 ID:N7NW1TP90.net]
- >>516
#bhTooltip > .places-tooltip-box {
width: 300px !important;
}
300のところを好きな幅にする
履歴のツールチップ幅も変わるけど現状cssだけでは対応できないっぽい
- 530 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa47-MPWR) mailto:sage [2023/09/09(土) 08:19:34.34 ID:+XBq/axga.net]
- >>516
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}
- 531 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3f31-Pa4f) mailto:sage [2023/09/17(日) 00:09:30.82 ID:QBQYaQOc0.net]
- すべての右クリックメニューの背景色と文字の色を指定したいです
出来ますか？
- 532 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7fae-Pa4f) mailto:sage [2023/09/17(日) 00:39:37.37 ID:Aj8cCnLp0.net]
- できます
- 533 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3f31-Pa4f) mailto:sage [2023/09/17(日) 02:15:26.46 ID:QBQYaQOc0.net]
- >>520
ありがとう出来ました
意図しない部分の変更も別途指定しできますた。
- 534 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3fcf-x3r4) [2023/09/17(日) 03:45:34.30 ID:QODVfJEO0.net]
- >>517
横からだが助かった
横幅を100にしたついでに
背景色が真っ黒で鬱陶しくて仕方なかったのをグレーにできた
- 535 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-VRQG) mailto:sage [2023/09/17(日) 14:23:09.41 ID:db/kDgvh0.net]
- な、age厨だろ👆
- 536 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3fcf-x3r4) [2023/09/17(日) 14:58:27.65 ID:QODVfJEO0.net]
- >>523
何か問題でも？
- 537 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW ffbf-aT6b) [2023/09/17(日) 16:06:11.95 ID:ANRRBDc+0.net]
- なあ Get You だろ
- 538 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3fcf-x3r4) [2023/09/17(日) 16:15:53.42 ID:QODVfJEO0.net]
- >>525
まともに対話もできない基地外かよｗ
- 539 名前：名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sdaa-HhTK) mailto:sage [2023/09/28(木) 16:40:20.27 ID:OyC4DCfed.net]
- UIのフォントサイズを変更したいのですが検索バーの 検索 のフォントサイズだけ何を書いても変わりません
どなたかわかりませんでしょうか
- 540 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8676-pPKE) mailto:sage [2023/09/28(木) 17:07:56.67 ID:DH/NwX0+0.net]
- 検索バーの 検索 のフォントサイズ
どこなのか不明
- 541 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ bb8b-UFWh) [2023/09/28(木) 18:17:23.82 ID:YdB6/Yin0.net]
- ttps://qiita.com/tomoki1207/items/001af8e01a392cfc22fd
ここを参考にマウスオーバーでラベルを表示出来るようにしていたんだけどアップデートでesr115になったら出来なくなりました
良い方法があれば教えてください
- 542 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacf-CSnM) mailto:sage [2023/09/28(木) 19:45:48.21 ID:psHg24vPa.net]
- >>529
Group Speed Dial利用してないなら下記
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar {
position: absolute;
top: 63px;
left: 0;
width: 100%;
height: 33px;
z-index: 9999;
visibility: collapse !important;
-moz-transition-duration: .15s !important;
-moz-transition-timing-function: ease-in-out !important;
}
#navigator-toolbox:h
- 543 名前：over > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out; [] - [ここ壊れてます]
- 544 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacf-CSnM) mailto:sage [2023/09/28(木) 19:48:36.11 ID:psHg24vPa.net]
- いまは下記を利用
#PersonalToolbar{
--uc-bm-height: 20px;
--uc-bm-padding: 4px;
--uc-autohide-toolbar-delay: 300ms;
--uc-autohide-toolbar-focus-rotation: 0deg;
--uc-autohide-toolbar-hover-rotation: 0deg;
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 3.5 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 160ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}
- 545 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacf-CSnM) mailto:sage [2023/09/28(木) 19:50:20.77 ID:psHg24vPa.net]
- 表示したとき、下ねズレても良いなら
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .15s !important;
-mozt-ransition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out;
}
- 546 名前：名無しさん＠お腹いっぱい。 (ﾆｸｸｴ d34f-3hLy) mailto:sage [2023/09/29(金) 23:47:09.01 ID:AoXvNtgi0NIKU.net]
- >>527
/* URLバー,検索バー */
#urlbar-input-container,
#searchbar,#urlbar,
#navigator-toolbox .searchbar-textbox
{
background-color: #252525!important;
color: #ffffff!important;
font-size: 11px !important;
border-radius: 5px;
Outline: none !important;
}
- 547 名前：名無しさん＠お腹いっぱい。 (ﾆｸｸｴ d34f-3hLy) mailto:sage [2023/09/29(金) 23:54:57.50 ID:AoXvNtgi0NIKU.net]
- /* 検索バー・URLバー・サイドバーのグレイテキストを非表示 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder {
color: transparent !important;
}
- 548 名前：名無しさん＠お腹いっぱい。 [2023/10/03(火) 13:55:03.07 ID:glxmpd8/0.net]
- メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？
/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
background-color: #ff0000 !important;
}
- 549 名前：名無しさん＠お腹いっぱい。 [2023/10/03(火) 13:55:22.93 ID:glxmpd8/0.net]
- メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？
/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
background-color: #ff0000 !important;
}
- 550 名前：名無しさん＠お腹いっぱい。 [2023/10/03(火) 13:55:41.66 ID:glxmpd8/0.net]
- メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？
/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
background-color: #ff0000 !important;
}
- 551 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/04(水) 07:38:29.93 ID:CD/qDaPUM.net]
- メールって何の話だ？
- 552 名前：名無しさん＠お腹いっぱい。 [2023/10/04(水) 10:39:17.09 ID:b6Ry5t2R0.net]
- >>535
最後の
background-color: #ff0000 !important;
の行頭だけ全角の空白になっているけどそれのせいでは?
- 553 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/04(水) 15:02:24.11 ID:toq88rwo0.net]
- スレッドツリーって要素名出てるじゃん。
試しに537の適用してみたら空色系のストライプになるのな。
が、俺じゃ537のやりたい事は解決できんかったわ。
- 554 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9d58-Hwqz) mailto:sage [2023/10/07(土) 17:06:54.98 ID:gMquilR20.net]
- age厨に構うなよ
基地外が感染るぞ
- 555 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4681-GYY9) mailto:sage [2023/10/07(土) 19:38:44.76 ID:9JpcC6Gl0.net]
- #threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
の!important外したら良いんじゃ無いか？
- 556 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c9b1-+36z) mailto:sage [2023/10/14(土) 03:47:46.43 ID:p9c68WWW0.net]
- はーい。○○（なんか名前）ちゃん。至急、1階理科室に来てねー♪」（校内放送風）
- 557 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/15(日) 01:52:19.51 ID:wH/HU4v80.net]
- 536です。542で提示された方法で上手くいきました。感謝
- 558 名前：！ []
- [ここ壊れてます]
- 559 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/15(日) 01:52:33.12 ID:wH/HU4v80.net]
- 536です。542で提示された方法で上手くいきました。感謝！
- 560 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 49c2-Def0) mailto:sage [2023/10/15(日) 19:04:37.00 ID:t8mjpJIG0.net]
- 久しぶりにfirefox入れたらタブとタブの境目がなくなって難儀してます
/* タブ間のセパレータ表示 */
#tabbrowser-arrowscrollbox .tabbrowser-tab {
border-right: 1px solid color-mix(in srgb, -moz-accent-color-foreground 30%, transparent) !important;
padding-inline: 0px !important;
}
前に使ってたcssはこれっぽかったんですが、今は使えないみたいなのでよければ教えてくれるとうれしいです
- 561 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d371-T9H3) mailto:sage [2023/10/15(日) 19:39:22.72 ID:7JMt6y890.net]
- Firefox 103以降
以下の変更があるので注意
-moz-accent-color-foreground は AccentColorText に変更
-moz-accent-color は AccentColor に変更
- 562 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 865d-1API) mailto:sage [2023/10/22(日) 09:35:55.31 ID:NgoL7Nu20.net]
- >>547
あ、なるほど。ありがとうございます。そりゃだめなわけだ 書き直しですね・・・
- 563 名前：名無しさん＠お腹いっぱい。 [2023/10/24(火) 13:02:13.78 ID:audtL+8s0.net]
- 皆この馬鹿みたいに無駄で長いコンテキストメニュー使ってんの？
やっぱChromeに戻るわ
- 564 名前：sage [2023/10/25(水) 03:15:54.66 ID:H2iQZaNw0.net]
- 119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか？
- 565 名前：sage [2023/10/25(水) 03:16:07.22 ID:H2iQZaNw0.net]
- 119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか？
- 566 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/25(水) 03:45:13.02 ID:nbkLrjdD0.net]
- >>550
.tab-background[selected]
- 567 名前：名無しさん＠お腹いっぱい。 [2023/10/25(水) 04:13:13.12 ID:ngceVmoy0.net]
- >>552
出来ました。ありがとうございます♪
- 568 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/25(水) 08:58:47.66 ID:eUF47XP20.net]
- >>549
なんの話？w
- 569 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/25(水) 09:03:45.28 ID:3+PMKa0tH.net]
- >>549
（ ´,_ゝ`）ﾌﾟｯ
- 570 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/25(水) 10:32:45.07 ID:+AeJOHd60.net]
- >>551
これって118.0.2の新規プロファイルで試してみたんですがタブの見た目に変化はありませんでした
どのような感じになるのか画像をお願いできませんでしょうか
もし有用そうなら私も使用しようかなと思いまして
- 571 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16cf-JD/u) mailto:sage [2023/10/25(水) 14:51:47.05 ID:bPHWPtVe0.net]
- egg.5ch.net/test/read.cgi/software/1622565390/238
/* 選択中のタブの色をツールバーと同一化 */
.tab-background[selected="true"] {
color: var(--toolbar-color) !important;
background-color: var(--toolbar-bgcolor) !important;
}
119.0で効かなくなりました
修正箇所ありましたら教えてください
- 572 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8e13-ptOG) [2023/10/25(水) 15:39:59.51 ID:B2VqDQqQ0.net]
- >>552
横からありがとー
- 573 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16cf-JD/u) mailto:sage [2023/10/25(水) 17:24:24.10 ID:bPHWPtVe0.net]
- >>552
>>551のどの部分を置き換えるのでしょうか
新規のuserChrome.cssに>>551だけ書いて
.tab-background[multiselected],
.tab-background[selected="true"]
それぞれどちらかを.tab-background[selected]に置き換えても変化なし
2行とも消して.tab-background[selected]だけ書いても変化なしでした
118.0.2では>>551,557で反映されていました
- 574 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d676-GRDq) mailto:sage [2023/10/25(水) 20:31:07.85 ID:y2JWOoIL0.net]
- >>557
selected="true"を selected
- 575 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1a78-iKuA) mailto:sage [2023/10/25(水) 21:25:46.63 ID:V2Ry5K2m0.net]
- ええ…今迄のCSSそのまま使えるんなら、.tab-context-lineまで馬鹿正直に指定し直したのは無駄だったんか
/* 選択タブ上部のラインを強調 */
.tabbrowser-tab:is([multiselected],[selected="true"]):not(:-moz-lwtheme) .tab-stack .tab-background {
background: rgb(255,255,255) !important;
}
.tabbrowser-tab:is([multiselected],[selected="true"]) .tab-stack .tab-background .tab-context-line {
border-top: 2px solid rgb(64,128,251) !important;
}
/* 非選択タブ上部の枠線
- 576 名前： */
.tabbrowser-tab:not([multiselected],[selected="true"]) .tab-stack .tab-background {
background: linear-gradient(to bottom, rgba(100, 100, 100, 1.0) 1px, rgba(77, 77, 77, .20) 0%, rgba(77, 77, 77, .20) 100%) !important;
} [] - [ここ壊れてます]
- 577 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/26(木) 00:29:42.90 ID:nvDVNtCg0.net]
- タブバーの背景色をメニューバーから引き継ぎたいんですが、
--toolbar-bgcolorみたいなのありますか？
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important;
}
- 578 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/26(木) 00:50:54.58 ID:rV+4BsPt0.net]
- その上の方でroot で色指定してるんじゃね
- 579 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/26(木) 07:39:17.71 ID:0BAp8JMp0.net]
- >>552
横からだけどありがとう｡
同じくタブ上部のラインの色が効かなくてここに来ました｡
無事解決した｡
- 580 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/26(木) 07:39:25.81 ID:0BAp8JMp0.net]
- >>552
横からだけどありがとう｡
同じくタブ上部のラインの色が効かなくてここに来ました｡
無事解決した｡
- 581 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/26(木) 08:10:57.31 ID:V+pbOwTC0.net]
- >>563
上の方ではメニューバーの色を指定してるんですが（rootでは指定していません）、この色が--menubar-bgcolorに反映されません
そもそも--menubar-bgcolorなんてものは無くて、適切な文字列があるのでしょうか？
/* メニューバーの背景色 */
#toolbar-menubar, menubar#main-menubar > menu {
background-color: #E3E4E6 !important;
}
/* タブバーの背景色 */
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important; /* 反映されない？ */
}
- 582 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/26(木) 08:56:11.14 ID:V+pbOwTC0.net]
- あー、もしかして--toolbar-bgcolor変数なんてものもなくて
cssの上の方で--toolbar-bgcolorをユーザ定義してるってことですかね
でも--toolbar-bgcolorはユーザ定義してないですがちゃんと色入ってますね
- 583 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7a97-JD/u) mailto:sage [2023/10/26(木) 12:16:41.38 ID:kv1Lk2og0.net]
- >>567
--toolbar-bgcolorは:rootでブラウザが定義してる
スタイル当てたらそれらしい変数に勝手に割り当ててくれるなんて機能はない
値を使いまわしたいなら:rootでなくてもいいから共通の親で自分でcss変数定義すればいい
- 584 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f5b8-s3V2) mailto:sage [2023/10/26(木) 13:27:59.67 ID:V+pbOwTC0.net]
- >>568
やっぱり--toolbar-bgcolorはブラウザ定義なんですね
そういうブラウザ定義のリストってどこかにありませんか？
- 585 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 41cf-iKuA) mailto:sage [2023/10/26(木) 13:46:30.08 ID:ZvDnGjaS0.net]
- このへんじゃね?
chrome://browser/skin/browser-shared.css
- 586 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16cf-JD/u) mailto:sage [2023/10/26(木) 14:28:50.61 ID:h6pHxydk0.net]
- >>552
>>560
ありがとう
でもできなかったです
>>561
こちらでタブ上部ラインとタブの色をツールバーと同一化
できましたありがとう
- 587 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f5b8-s3V2) mailto:sage [2023/10/26(木) 15:49:39.80 ID:V+pbOwTC0.net]
- >>570
ありがとうございます！
- 588 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/27(金) 00:03:37.40 ID:LduYCR+R0.net]
- ブックマークアイテムを右クリックするとコンテキストメニューが出るけど
選択したブックマークアイテムの背景色が選択されてない状態に戻ってしまいます
選択したブックマークアイテムの背景色を残したままコンテキストメニューを開いて選択できるような挙動にするには
どのようなcssになりますか？お願いします
- 589 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dd5d-ptOG) mailto:sage [2023/10/27(金) 18:08:13.21 ID:r9Ml0IYI0.net]
- /* サイドバーの背景色 */
#historyTree,
#bookmarks-view treechildren,
#bookmarksPanel/* 検索ボックスの周囲の色 */ {
background-color: #3C444B!important;
border: solid 1px #3C444B !important;
}
/* クリック中選択状態のボーダーを消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
}
/* クリック中選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,current,focus) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}
- 590 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dd5d-ptOG) mailto:sage [2023/10/27(金) 18:08:46.58 ID:r9Ml0IYI0.net]
- /* 非アクティブ状態で選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: #ffffff !important;
background-color: #6a788a !important;
}
/* 背景色 */
#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}
/* アクティブ状態で、選択状態のテキスト */
about:stylish-edit?id=15#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: #ffffff !important;/*白抜き文字*/
background-color: #6a788a !important;
}
- 591 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dd5d-ptOG) mailto:sage [2023/10/27(金) 18:09:56.96 ID:r9Ml0IYI0.net]
- /* セパレーター */
#bookmarksPanel treechildren::-moz-tree-separator {
border: 1px dotted #c7c7c7 !important;
margin-bottom: 1px !important;
margin-right: 10px !important;
}
- 592 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd97-ptOG) mailto:sage [2023/10/27(金) 19:59:41.11 ID:0ytDqati0.net]
- サイドバー開いて､サイドバーのブックマーク欄の空白部分をクリックした時に出るこの水色の点線枠消したいのですが､
お教え下さい｡
https://i.imgur.com/4vEL74M.png
- 593 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4e1b-ptOG) mailto:sage [2023/10/27(金) 20:27:12.12 ID:LQ21L+jl0.net]
- >>574
こうですか？うまく緑になりませんがどこか違うんでしょうね…
#bookmarksMenu menupopup > menuitem treechildren::-moz-tree-row(selected)
{ background-color: green !important; }
- 594 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/27(金) 22:40:40.30 ID:Yu37zTfi0.net]
- ツイキャスの配信開始時に出るクリックしないと消えないダイアログ？を出ないようにする方法ありますか？
- 595 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/29(日) 11:14:49.21 ID:q6Jtw/pd0.net]
- >>577
/* 選択中の点線を消す */
:root {
--default-focusring-width : 0px !important;
}
上記消えない場合か不都合があれば↓で。
/* 選択中の点線を消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important; /* 周囲と同じ色を指定する */
outline: none !important;
}
- 596 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/29(日) 14:06:26.62 ID:WwYD5jxO0NIKU.net]
- >>580
ありがとうございます！
上のCSSで無事消せました！
感謝です｡
- 597 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/30(月) 00:19:05.47 ID:hKMZydOnd.net]
- んー上のやってみたがタブの色戻らんなぁ
- 598 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/30(月) 00:39:04.32 ID:hKMZydOnd.net]
- ホバーのときはもとので出来るのに
- 599 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/30(月) 01:15:04.63 ID:hKMZydOnd.net]
- .tabbrowser-tab[selected] > .tab-stack > .tab-background{
できたわ
- 600 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3ad-Q0z2) mailto:sage [2023/10/30(月) 08:07:53.73 ID:JtHnNYR10.net]
- 描画速度としてはCSSセレクタは子セレクタ（>でつなげる）よりも、小孫セレクタ（スペースでつなげる）の方が速いらしいって聞いて
子セレクタで書いてたやつをほとんど小孫セレクタに書き換えたわ、体感的には分からんけど
ブラウザで取得できるCSSセレクタも小孫セレクタだしな
- 601 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/10/30(月) 09:27:01.83 ID:JtHnNYR10.net]
- タブが１つの時はタブバーを非表示にしたいんですが、以下ではうまくいきませんでした
どのようなセレクタが適切でしょうか？教えて頂ければ幸いです
tab:only-of-type:has(#TabsToolbar)
{
display: none !important;
}
- 602 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1397-H9h+) mailto:sage [2023/10/30(月) 10:45:47.94 ID:r6GkuSgf0.net]
- >>586
逆
#TabsToolbar:has(tab:only-of-type) {
display: none !important;
}
- 603 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3ad-Q0z2) mailto:sage [2023/10/30(月) 13:54:38.64 ID:JtHnNYR10.net]
- >>587
ありがとうございます、でもhas使いこなせず結局うまくいかなかったので
以下を参考にしてタブバー隠せました
https://support.mozilla.org/en-US/questions/1394300
tab:only-of-type, tab:only-of-type + #tabbrowser-arrowscrollbox-periphery
{ display: none !important; }
- 604 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 29cf-n4SB) [2023/10/30(月) 20:37:26.66 ID:RGZ6UolO0.net]
- つべの投稿が何日前とかじゃなく投稿日で見えるようにするやつ
前は後者だけだったのだがhoverするまでの位置が安定しなかった
背景はダーク用な
/* 次のの直前:最初からサイズ0なのだが次のの位置決定に悪さする対策 */
tp-yt-paper-tooltip.style-scope.ytd-watch-info-text
{left: 0px !important; top: 0px !important;}
/* 有効になったときに動くと鬱陶しいので元の位置も変えておく */
div#description div#tooltip.style-scope.tp-yt-paper-tooltip,
div#description div#tooltip.style-scope.tp-yt-paper-tooltip.hidden
{display:block !important; width:621px; height:13px;
position:absolute; top:-3px; left:-5px;
background:#282828; font-size:13px !important;}
- 605 名前：名無しさん＠お腹いっぱい。 (中止 13f4-XVKo) mailto:sage [2023/10/31(火) 00:32:26.75 ID:iqpOrJ4W0HLWN.net]
- 119、visuallyselected使えなくなってる？
- 606 名前：名無しさん＠お腹いっぱい。 [2023/11/01(水) 15:34:22.06 ID:KThtrPBO0.net]
- >>0588
横から Many thanks!
- 607 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/01(水) 15:53:27.22 ID:AjY8Q9D10.net]
- アドレスバーの候補表示設定を全てチェックを外すとポップアップで候補が表示されなくなりますが
URLをクリックすると青い枠が表示されます
目障りなので青い枠を表示させないようにするcssを教えてください
以下はだめでした
#urlbar:-moz-focusring {
outline: none !important;
}
- 608 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/01(水) 16:26:18.91 ID:8JmZmfoZ0.net]
- 以下が効かなくなったのですが修正方法を教えてください
img:-moz-loading{visibility:hidden!important;}
- 609 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d335-Q0z2) mailto:sage [2023/11/01(水) 20:23:59.23 ID:AjY8Q9D10.net]
- ブラウザツールボックス内のコンテキストメニューの縦幅サイズが大きいのですが
ここはuserChrome.cssでのカスタムはムリでしょうか？
以下は効きませんでした
menuitem, menu
{ padding: 2px 5px 2px 5px !important; }
- 610 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1397-c8RC) mailto:sage [2023/11/01(水) 21:48:46.01 ID:wAXBWz1U0.net]
- >>594
ブラウザツールボックス用のcssはchrome_debugger_profile\chromeの中に置く
- 611 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d335-Q0z2) mailto:sage [2023/11/01(水) 22:01:33.38 ID:AjY8Q9D10.net]
- >>595
できました！ありがとうございます
- 612 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/02(木) 14:09:26.40 ID:m2u+gzLF0.net]
- >>592のやつですが以下で青色が出ないようにはできました
ただ、枠外のボーダーかシャドウがまだ出てしまうので、それも出ないようにしたいです
（つまりURLバーをクリックしても見た目が変わらないようにしたい）
現状以下です、よろしくお願いします
/* アドレスバーにフォーカスしても見た目を変えない */
#urlbar {
--toolbar-field-focus-border-color: var(--toolbar-field-border-color) !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
box-shadow: 0px !important;
border: 0px !important;
}
- 613 名前：名無しさん＠お腹いっぱい。 [2023/11/02(木) 17:28:01.25 ID:D5QlkTpH0.net]
- >>597
#urlbar-background {
outline: none !important;
box-shadow: none !important;
}
- 614 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3ba-Q0z2) mailto:sage [2023/11/02(木) 19:16:48.26 ID:m2u+gzLF0.net]
- >>598
ありがとうございます！
- 615 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/07(火) 21:42:22.00 ID:c+tTtFER0.net]
- UIのポップアップメニューのマウスオーバー色は変えたいけど
コンテンツ内のプルダウンメニューのマウスオーバー色はデフォルトにしたいです
以下ではblueにはなりませんでしたが、デフォルトのマウスオーバー色にもなりませんでした
ご教示のほどお願いします
/* ポップアップメニューアイテムのマウスオーバー色 */
menuitem:hover {
background-color: blue !important;
}
/* コンテンツ内プルダウンメニューアイテムのマウスオーバー色 */
.ContentSelectDropdown-item-0:hover {
background-color: initial !important;
}
- 616 名前：名無しさん＠お腹いっぱい。 [2023/11/08(水) 07:06:08.77 ID:+nsDVE5s0.net]
- >>600
menupopup:not(#ContentSelectDropdownPopup) :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: blue !important;
}
- 617 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/08(水) 10:11:01.21 ID:oaEIXEKj0.net]
- >>601
menuitem:not(.ContentSelectDropdown-item-0):hover
で除外できました。ありがとうございます。
後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。
- 618 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/09(木) 14:55:57.94 ID:mKBsKUDr0.net]
- >>560
557じゃないけどありがとうございます
- 619 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/09(木) 16:55:27.65 ID:xJjECzt90.net]
- :where(.aaa, .bbb)
がなんとなく調子悪いので
:is(.aaa, .bbb)
を使ってる
:whereって複数選択できないのかな？
- 620 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/09(木) 17:17:51.52 ID:lYn3aIN50.net]
- :whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない
- 621 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/09(木) 19:02:11.37 ID:xJjECzt90.net]
- なるほど、やっぱり:isを使うべきか
- 622 名前：名無しさん＠お腹いっぱい。 (ｽｯﾌﾟｰT Sdc2-jfG6) mailto:sage [2023/11/10(金) 15:40:27.75 ID:voYkgPVmd.net]
- Chromeだったらアドオンでいくつかあるのだけど、Firefoxには見当たらないので、
YouTubeのコントロールバーをプレイヤーの下に表示するCSSを作りました。
標準プレイヤーのみの対応ですが、よければ使ってください。
/* 標準プレイヤーの高さをコントロールバーの分増やす */
ytd-watch-flexy:not([theater]) #player-container-inner {
height: 51px !important
}
/* プレイヤーバックの色変更 */
ytd-watch-flexy:not([theater]) #movie_player {
background-color: #000000 !important
}
なお、コントロールバーは一定時間経てば消えますが、
常時表示したい場合は、次のスクリプトをインストールしてください。
YouTube Permanent ProgressBar
https://greasyfork.org/ja/scripts/426283-youtube-permanent-progressbar
このCSS、シネマモードでも使えるようにしたいのですが、どうもうまく行きません。
もしいい方法があれば、助言お願いします。
- 623 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 194f-jfG6) mailto:sage [2023/11/10(金) 20:24:32.44 ID:f3pKcrn20.net]
- Firefoxのポップアップの背景色だけ有効にしたいでのですが
どのようにすれば良いですか
/* ポップアップ */
.menupopup-arrowscrollbox{
background-color: Pink !important;
}
- 624 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/10(金) 21:03:58.18 ID:WOCSS5Dk0.net]
- Pinkじゃなくてとりあえずredで試してみたら？
俺は以下で変えられてる
/* ポップアップメニューの背景色 */
.menupopup-arrowscrollbox {
background-color: #F2F2F2 !important;
}
- 625 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/10(金) 23:08:12.50 ID:f3pKcrn20.net]
- FirefoxのUI以外はどのように除外すればよいのでしょう？
一部のサイトで色が変わってしまいます
- 626 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM) mailto:sage [2023/11/11(土) 06:02:19.50 ID:DRpcqQZc0.net]
- >>607
:root {
--controller-height: 51px;
}
#full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
ytd-watch-flexy[theater] .html5-video-player {
overflow: visible !important;
}
ytd-watch-flexy[theater] .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
ytd-watch-flexy[theater] #player-container::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
margin-bottom: calc(var(--controller-height) * -1);
background: #000;
z-index: -1;
}
--controller-heightでコントローラー位置を調節できる
- 627 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM) mailto:sage [2023/11/11(土) 08:01:50.19 ID:DRpcqQZc0.net]
- >>611
横着したら普通の方のデザインが崩れてたので訂正
:root {
--controller-height: 51px;
}
ytd-watch-flexy[theater] #full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
ytd-watch-flexy[theater] .html5-video-player {
overflow: visible !important;
}
ytd-watch-flexy[theater] .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
ytd-watch-flexy[theater] #player-container::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
margin-bottom: calc(var(--controller-height) * -1);
background: #000;
z-index: -1;
}
ついでにツールチップの位置を下げるやつ
.ytp-tooltip {
margin-top: var(--controller-height) !important;
}
- 628 名前：607 mailto:sage [2023/11/11(土) 21:50:24.44 ID:iFV/7D8Nd1111.net]
- >>612
うまく行きました。
本当にありがとうございます。
このCSSを見ると、自分のスキルではまだまだ無理だと実感しましたw
個人的に、コントロールバーを下にずらしたので、
バーを覆っていた影が気になるため、非表示にしました。
/* プレイヤー下部の影の非表示 */
ytd-watch-flexy .ytp-gradient-bottom {
display: none !important
}
- 629 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f58-kIyz) mailto:sage [2023/11/15(水) 00:03:48.32 ID:6c0l3urr0.net]
- >>593
削除されてました
1850342 - Remove :-moz-loading, and avoid exposing :-moz-broken pseudo-class to content.
ttps://bugzilla.mozilla.org/show_bug.cgi?id=1850342
- 630 名前：名無しさん＠お腹いっぱい。 [2023/11/16(木) 15:55:02.31 ID:GAfZis5L0.net]
- ここにある
https://www.userchrome.org/firefox-89-styling-proton-ui.html
↓のように、アクティブタブの上部に青線、だけほしいので書式お願いします。
Container/Active Tab color line:
+Blue Line on active tab
- 631 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/16(木) 16:39:40.94 ID:dwMVWCtr0.net]
- /* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
- 632 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/16(木) 20:15:35.11 ID:GAfZis5L0.net]
- >>615
ありがとうございます。試したのですが出来ないみたいですので
とりあえずは、そこのCSS based on above options:
での書式で行きます。
- 633 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f66-gzdM) mailto:sage [2023/11/16(木) 21:16:15.52 ID:9vD6Cyf/0.net]
- /* アクティブタブの上に青い線 */
.tab-background:is([selected], [multiselected]) {
border-top: 1px solid Blue !important;
}
- 634 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) mailto:sage [2023/11/16(木) 21:48:31.17 ID:GAfZis5L0.net]
- >>618
ありがとうございます。出来ました。
- 635 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f58-Zoup) mailto:sage [2023/11/17(金) 19:08:03.92 ID:OXKGruvy0.net]
- /* アクティブタブの文字色 */
label
- 636 名前：.tab-text.tab-label[selected="true"]{font-weight: bold !important;}
これが119で動かないんだけどどこを修正すれば動きますか？ [] - [ここ壊れてます]
- 637 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffb8-gzdM) mailto:sage [2023/11/17(金) 19:33:17.61 ID:xX6UYbsC0.net]
- ="true"
を削除
- 638 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f4f-gzdM) mailto:sage [2023/11/17(金) 20:32:00.21 ID:UwG7SfoR0.net]
- /* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected])
/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected])
/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected])
/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected], [multiselected])
/* アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:is([selected], [multiselected])
/* アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:is([selected], [multiselected])
/* 非アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected])
/* 非アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:not([selected], [multiselected])
- 639 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/18(土) 19:17:35.84 ID:cgw9DvTW0.net]
- firefoxでstylus更新したらCSS効かなくなったんだけどなんで？
- 640 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a503-hO6y) mailto:sage [2023/11/18(土) 22:56:43.75 ID:XB8apQtC0.net]
- >>623
バージョンは？
1.5.37 はバグありで取り下げられた
- 641 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/20(月) 23:52:25.21 ID:9MiWme6b0HAPPY.net]
- 現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか
- 642 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e92d-rrr/) mailto:sage [2023/11/21(火) 02:53:40.34 ID:PceYQi9w0.net]
- >>625
.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}
- 643 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 520c-hO6y) mailto:sage [2023/11/21(火) 04:15:33.59 ID:MY2f9Xb80.net]
- >>626
ほんと助かります、どうもありがとう
- 644 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/21(火) 18:02:55.23 ID:KzKE9Xic0.net]
- >>626
動くアイコンより見やすくていいね
- 645 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/21(火) 19:20:04.63 ID:YsTcpB/K0.net]
- 俺はアイコンで音のオンオフするから全部乗せにてるわ
普通に見やすい
/* サウンドタブをアニメーション化 (赤) */
/* ミュートアイコンに色を付ける (黒) */
/* サウンドタブのファビコンを復活 */
/* サウンドタブの背景色+半透明化 */
- 646 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/22(水) 16:28:41.22 ID:5dG5VQLh0.net]
- Firefox 120で結構変更入ったっぽい？
まあESR使ってるからあんまり関係ないけど
- 647 名前：名無しさん＠お腹いっぱい。 mailto:sage [2023/11/22(水) 16:45:50.24 ID:DbYbpYZP0.net]
- アクティブタブ上部に線をつけたいです
- 648 名前：過去ログ ★ [[過去ログ]]
- ■ このスレッドは過去ログ倉庫に格納されています
|
 |
