userChrome.css・userContent.cssスレ Part11
■ このスレッドは過去ログ倉庫に格納されています
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50
●拡張機能
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
とほほのスタイルシート入門
http://www.tohoho-web.com/css/
VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured タブのコンテキストメニューで「複数のタブを閉じる」を非表示にしたいのですが
userChrome.css どう書けばいいでしょう？ >>340
#context_closeTabOptions {
display: none;
}
ブラウザツールボックス使えるようになるといいね
俺は二か月くらい前にやっと少しだけ使えるようになって
非表示にしたり色を変えたりするくらいはできるようになった
「複数のタブを閉じる」を消すのは10秒かからないくらい簡単 >>341
ありがとうございます 非表示にすることが出来ました 今日になってYouTubeにスクロールバーが現れたんだけど
これを非表示にするやつお願いします。
画面サイズとか他のにも影響してしまって エスパーするとこれかな？
ytd-feed-filter-chip-bar-renderer
yt-chip-cloud-renderer a:visited { color:#ｘｘｘｘｘｘ; }
↑と、訪問リンクに着色するようにしてるんですけど
元の色と重なって着色されるケースがあって見づらい場合があります
これをちゃんと指定した色だけで表示する書式とかありますかね？ /* サイドバー内の行間調整 */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:29px !important;
}
をuserChrome.cssに追記してサイドバーの履歴やブックマークの行間は変更できるけど、FoxAge2chの行間には反映されない
FoxAge2chの行間を広げるにはどのように記載すれば良いか知ってたら教えて FoxAge2ch (サイドバー/ウィンドウ共通)
#foxage2chNotifbox treechildren::-moz-tree-row
全てのツリーの行間を統一していいならtreechildren::-moz-tree-rowだけでいい >>350
/* foxage2chサイドバー内の行間調整 */
#foxage2chNotifbox treechildren::-moz-tree-row {
height:27px !important;
}
で行間を広げることが出来ました、ありがとうございます
あとフォントも変えたいのですが、『 height:27px !important;』の下の行に『font-family: 'BIZ UDPゴシック' !important;』を追加しても
反映されてないようです
フォントを変えるのには他の記述が必要なのでしょうか？ 訪問済みリンクの色が設定されていないリンクの色を変えたいんだけどどうすればいいんだろう
優先度とかよくわからん ブックマークツールバーのフォルダをクリックした時に展開される背景の色を変えたいんだけど、
userChrome.cssにどう記載すればいいか教えて ブックマークツールバーのフォルダの背景色はOS依存っぽいから
ここだけ変えるのは無理みたいだね >>353
#PlacesToolbar .bookmark-item[container] menupopup {
appearance: none !important;
background-color: lightblue !important;
}
ツールバーからはみ出した時のやつは
#PlacesChevronPopup >>355
ありがとうございます、でも残念ながら色は変わりませんでした
後出しでもうしわけないのですが、78.9.0esrを使っています
このverが原因なのでしょうか？ 79までは-moz-appearance: none !important; >>358
色の変更出来ました、ありがとうございます AquaKanaってフォントがmacにあるんだけどさ
設定にもFont Bookにも出てこない特殊なフォントで、単にfont-family:AquaKana!importantとしても使えないんだけど
今までは
@font-face {
font-family:a;
src:local(AquaKana)
}
* {
font-family:a!important
}
みたいな感じでsrc:local()でなら指定できるのを発見して使ってたんだけど
今回のアプデ（88）でこの方法が使えなくなったっぽい
ちょう悲しい いつからか、タブコンテキストメニューに「すべてのタブの状態を表示する」が追加されてるね。
非表示にしたいです。 >>362、363
ごめん、LoadTabOnSelect3だった。 tampermonkeyをアップデートしたら右クリックメニューにまた項目が表示されるようになったので非表示にしたいのですが、ID分かる方いますか？
教えてください >>365
4.12.6132以降は設定のContext Menuの所で切り替えできるようになってるぞ 90になると、ToolbarAutoHide.uc.js が旨く機能しなくなるようです
また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです
対応をよろしくお願いします ハイ次の患者さんどうぞ
userChrome.css・userContent.cssスレ Part11
368 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e211-0Gnt)[sage]：2021/04/24(土) 11:44:58.49 ID:XIgZmRKK0
90になると、ToolbarAutoHide.uc.js が旨く機能しなくなるようです
また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです
対応をよろしくお願いします
Mozilla Firefox Part371
248 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e211-0Gnt)[sage]：2021/04/24(土) 17:09:02.01 ID:XIgZmRKK0
一辺倒は低能化のはじめ またGoogleの仕様が変わったつれえ(ヽ´ω｀)
3か月持たんかった 89.0b6でもタブ下段が真っ白になってしまった
元に戻して様子見 つまり、80代は88がお終いで、89は90代に属しているように見なしたほうがよいようだ Stylusで全体に効かせてるCSSを、とあるサイトだけ除外することってできますかね
MacType風にフォントに装飾するCSSを全体に適応しているけども
例えばYouTubeだけオフにしたい。みたいな感じです >>376
正規表現に一致する URL に以下を追加
https?://(?!(www.youtube.com)).* >>376
YouTube開いた状態でStylusのアイコン左クリックして除外したいCSSの一番右にあるアクションメニュー(縦の3点アイコン)開いて
現在のドメインを除外を選ぶ >>377-378
できましたーありがとうございます。
しかもこんな簡単な方法があったなんて
適応する方のURLを追加して行ってたんで大概大変だったんですよねｗ Stylish2.0.7をようつべに使いたいんだけど
消したい要素はこれで消えるけど
{ .ytd-grid-renderer.style-scope
{ display:none !important }}
特定のワードが入った要素だけを消すには
ここにどういう文を追加すればいいですか？ >>380
例えばクラス名に〇〇という単語が入っている場合
[class*="〇〇"]
{display:none}
複数指定する場合は>>131さんみたいにするといいかも uBO使った方が楽にできそう
StylishやStylusって、uBOの:has()や:has-text()に相当するやつあるっけ？ >>382
対象がテキストの場合はuBlock Originでいいんじゃないかな
CSS詳しくないから分からないけど >>381
ありがとうございます
こんな感じでclassのところを色々変えてみましたが
思った通りにはなりませんでした
{ .ytd-grid-renderer.style-scope[class*="〇〇"]
{ display:none !important }}
検索して参考にしたサイトもバージョンの違いか
文法が少し違っていてこれで合っているか分かりませんでした >>382
>>383
ありがとうございます
uBlock Originは元々使っていましたが
hasを知らなかったのでとても参考になりました
おかげで思った通りの動作が出来ました
表示されてる文字での要素は消せるようになりましたが
表示されていないリンク先のドメインで
要素を消す方法もあるのでしょうか？ テーマにCompact Darkを使用しているのですが、Defaultのようにタブの角を丸くするにはどうしたらいいでしょうか? webサイトを検索すると、ツールバーの一番下にタブバーを表示し、メニューバーは一番上に表示するようなcssが存在する
だが、89で望みの順序で表示されたものでも、メニューバーを非表示にすると、その部分が空白の行に変わるだけで
コンテンツ表示領域は広がらない
protonの仕様では、このようにしかならないのだろうか 怖いな８９
コロナウイルスワクチンみたいに何が起きるかわからない ブックマークのコンテキストメニュー
フォルダー名を変更（E）
ブックマークを編集（I）
を消したいのですが上手くいきません
IDが分かる方が教えて下さい
宜しくおねがいします 文章が変になっていました
? IDが分かる方が教えて下さい
○ IDが分かる方がいましたら教えて下さい ブックマークのコンテキストメニューにそういう項目ないですよね Proton UIの方だな
>>389
idに:が含まれてるのでidセレクタではなく属性セレクタで
[id="placesContext_show_folder:info"],
[id="placesContext_show_bookmark:info"] { display: none; } >>391
申し訳ありません、使っているバージョンを書いてませんでした
>>392
消すことが出来ました
今までidでしか消したことが無かったので
属性セレクタについて勉強してみようと思います
有難うございました 89になったらブックマークツールバーのフォルダの行間えぐいな・・・ >>394
これだけ大幅に変化すると皆が対応迫られるから
俺らみたいな雑魚でも検索するだけでどうとでもなるぞ https://imgur.com/a/tMcUk93
ブックマークのボタン押したらブックマークを管理って項目が二つ出るんだけど
片方非表示にできないかな？ #BMB_bookmarksShowAllTop {
display: none !important;
}
#BMB_bookmarksShowAll {
display: none !important;
} タブ右クリメニューのトップに固定されてる新しいタブってけせない？ >>398
#context_openANewTab {display: none !important;} 下記ほとんど効果ない？
/***コンテキストメニューアイテムの行間の高さを変える***/
#contentAreaContextMenu > menuitem {
padding-block: 0.1em !important;
} 本スレに書いてあったProtonのタブの隙間を埋めるやつ
.tab-background {
border-radius: 0 !important;
margin: 0px -2px !important; } >>401
タブが増えて行って左右にオーバーフローのボタンが出るとタブの高さが変ってしまう >>402
これで良いかもしれないし駄目かもしれない(タッチUI時の高さ)
#tabbrowser-arrowscrollbox,
.tabbrowser-tab{
max-height: 40px !important;
} オレンジ色になって目立つハンバーガメニューボタンを白黒というかグレーにするにはどこをいじればいいですか？
ここ以外は何とか調べていい感じにできた＠Firefox89 検索バーの検索エンジンのバネルにマウスを載せた時に出る
背景のような物の色を変えることは出来ないでしょうか？ >>405
例えば背景を白くするなら
.searchbar-engine-one-off-item:not([selected]):hover, .addengine-item:hover {
background-color:#fff !important ;} IME-Colors-e10s.uc.jsなてのも使えるかも タブと新しいタブを開くボタンの角丸を無くすやつ
:root {
--tab-border-radius: 0px !important ;
} >>406
有難うございます
見やすい色に変えることができました ダークテーマでも、ブックマークサイドバーと履歴サイドバーの検索欄の背景が白のままですが、アドレスバーと同色のグレーにできないでしょうか？
よろしくお願いします。 >>411
俺もそれ知りたい
白くなって違和感ありまくり とりあえず
/* サイドバー検索ボックスの色 */
#bookmarksPanel #search-box, #history-panel #search-box {
-moz-appearance: none !important;
background-color: var(--lwt-toolbar-field-background-color) !important;
border: 1px solid #525252 !important;
/*border: 1px solid #bdbdbd !important; /* システムのテーマ */
color: inherit !important;
}
#bookmarksPanel #search-box:hover, #history-panel #search-box:hover {
border: 1px solid rgba(0, 122, 255, .33) !important;
}
#bookmarksPanel #search-box[focused="true"], #history-panel #search-box[focused="true"] {
border: 1px solid rgba(0, 122, 255, .33) !important;
} >>413
きたあああああああああ
できましたありがとう。
モジラはなんできちんと統一してださないのよー URLバーの背景色、下記だと入力フィールドのみで不格好です
#urlbar-input{ color:black !important; background:#f0f0f0 !important;}
下記検索バーのように背景色をURLバー全体にかかるように出来ませんか？
searchbar#searchbar{ color:black !important; background:#f0f0f0 !important;} 新しいタブのサイト名の頭文字を消す方法を教えて下さい、、、 >>416
すみません自己解決した
.top-site-outer .tile .icon-wrapper.letter-fallback::before {font-size: 0 !important;}
これで消えたわ
>>415
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}
俺はこれでやってる 検索バーって使用時以外でも常に好きな色にできないかね UIの色んな所にフォーカスした時の枠線の色と細さ変更
:root:-moz-lwtheme-brighttext {
--focus-outline-width: 1px !important;
--focus-outline-color: #fff !important ;
}
スターアイコンの色変更
#star-button[starred] {
fill:#fff !important
} これをやりたいのですがよろしくお願いします
https://i.imgur.com/uyTUDnh.png
枠の色は >>420 では出来ませんでした >>417さんから教わった下記、ロケーションバーと検索バーのの背景色の指定で
ロケーションバー内の一部（例えば拡大・縮小率）の背景色に下記を上書きさせること可能でしょうか？
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;} >>415
これは効くのだけど
>>417
こっちは効かない
なんでやー
カーソルがない時も背景を白くしたいです >>423
一度>>417以外のCSSをコメントアウトしてみるといいかも >>423
試してないけど、>>417はライトテーマにしか効かない（システムのテーマだとダメ）ぽいからそれじゃね
テーマ変えるか:-moz-lwthemeを削除するかしてみれば変わるかも >>424
変わらずでした
>>425
ライトテーマにしたら効きました
:-moz-lwthemeを削除でシステムのテーマでも効きました
ありがとう 右クリックメニューとかの字間の調整ってできませんか？
letter-spacingが効かなくて >>426
ロケーションバーの背景は均一になってる？
たとえばCtrl+-でバー内に95％と縮小率表示されるよね？
その95％に別の背景がかかってバー内の背景が均一にならないんだけど、426さんはどうですか？ >>421
ごめん>>420はダークテーマ用だった >>421
お詫びではないけど枠の色変えるやつ
:root {
--toolbar-field-focus-border-color: red !important;
} >>430
どうもありがとうございます、赤くなりました。^^ :root {
--focus-outline-width: 0px !important;
--toolbar-field-focus-border-color: lightgray !important;
}
>>420
を加えてみたのですが
右側の検索バーも同じようにするにはどうしたらいいでしょうか
影なしで線を細くしたいんです。後出しですみません。 >>432
こんなんでどうでしょう
適当にやったから何か無駄があるかもしれないけど
:root {
--toolbar-field-focus-border-color: none !important;
}
#urlbar-background,
#searchbar {
border: 0px !important;
}
#searchbar:focus-within {
box-shadow: 0 1px 3px rgba(128,128,142,0.5) !important;
}
なんか書き込み規制されたからもう返信できないかもしれない >>433
どうもありがとうございます。
とてもいい感じです、大事に使わさせていただきます。 >>428
試しに黒にしたら数字のところだけ白くなったけどこれのことかな >>435
○○%の部分の背景とロケーションバー内の背景の濃さが均一ではないですよね？
これを均一にする方法ないかな？ #urlbar-zoom-button {
border: 1px solid #009600 !important;
background-color: green !important;
padding-top: 2px !important;}
#urlbar-zoom-button:hover {
background-color: #008c00 !important;} ■ このスレッドは過去ログ倉庫に格納されています
