userChrome.css・userContent.cssスレ Part12

1 :名無しさん@お腹いっぱい。 :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
とほほのスタイルシート入門
http://www.tohoho-web.com/css/


VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

49 :名無しさん@お腹いっぱい。 (ワッチョイ 93f4-yO3c):2022/06/02(木) 20:11:58 ID:WNBHdlOF0.net

>>48
レス,ありがとうございます。
しかし,userChrome.css

:root[tabsintitlebar][sizemode=”normal”] #titlebar { appearance: none !important; }

はないです。

tabsintitlebar で検索をかけてもヒットしません。
う~む。

5 :名無しさん@お腹いっぱい。 (ワッチョイW 2458-pW+F):2022/04/25(月) 09:41:53 ID:YJpVPlv80.net

つづき
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen=”true”]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}

#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;

34 :名無しさん@お腹いっぱい。 (ワッチョイ 5e1c-yWkL):2022/05/25(水) 20:39:24 ID:YbifOlfR0.net

Firefoxのブックマークツールバーのフォルダボタンを押すと出てくる
メニューの幅が小さくて変えたいです

.bookmark-item[type=”menu”] {
width: 500px !important;
}

この辺だと思うのですが、ブックマークアイテムが広がるだけでした

3 :名無しさん@お腹いっぱい。 :2022/04/25(月) 04:59:15.21 ID:3ewLvZd70.net

使えそうなやつ

要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Select_an_element
ブラウザーUIの要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
前スレにあったコンテキストメニューの要素名集
https://u6.getuploader.com/script/download/1912
Mozilla Firefox 多段タブスレ Part.1
http://egg.5ch.net/test/read.cgi/software/1577781022/

7 :名無しさん@お腹いっぱい。 (ワッチョイW 6776-pEG8):2022/05/01(日) 18:48:17 ID:+nFSrOLe0.net

いちおつ

41 :名無しさん@お腹いっぱい。 (ワッチョイ 97be-GUUK):2022/05/27(金) 22:16:29 ID:BS3VLMXr0.net

>>40
#PlacesToolbar {
–arrowpanel-background: green !important;
–arrowpanel-color: yellow !important;
}

4 :名無しさん@お腹いっぱい。 (ワッチョイW 2458-pW+F):2022/04/25(月) 09:40:27 ID:YJpVPlv80.net

Firefox99に更新したら ー □ ×が隠れてしまいます 分かる方お願いします
https://imgur.com/a/Yo97LVQ

/*タブをメニューバーの下*/

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@import “./tabs_below_navigation_toolbar.css”;

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}

20 :名無しさん@お腹いっぱい。 (ワッチョイ c77e-vWBU):2022/05/14(土) 22:40:50 ID:3VCchGhC0.net

YouTubeのプレイヤーでサムネイルを表示する時、高解像度のmaxresdefault.jpgではなく、
高解像度のサムネイルがあるのに低解像度のhqdefault.jpgなどで表示される動画があります。
これをなんとかmaxresdefault.jpgで表示する方法はありませんか?

一応自分でも

.ytp-cued-thumbnail-overlay-image {
background-image: url(“https://i.ytimg.com/vi/<VIDEO ID>/maxresdefault.jpg”) !important;
}

みたいなCSSを作ってみましたが、うまく行きません。
<VIDEO ID>の部分をその動画のIDで可変して読み込めればいいと思うのですが。

18 :名無しさん@お腹いっぱい。 (ワッチョイ f99e-yvGd):2022/05/14(土) 19:48:19 ID:Qgv8N13i0.net

>>17 ありがとうございます

36 :名無しさん@お腹いっぱい。 (ワッチョイ 5e1c-yWkL):2022/05/25(水) 22:48:24 ID:YbifOlfR0.net

>>35
サンクスです
うちのuserChrome.cssに追加したところうまく動きませんでした

menu.bookmark-item, menuitem.bookmark-item {
min-width: 0;
width: 32em !important;
}

menupopup > menu, menupopup > menuitem, menupopup > menucaption {
width: 42em !important;
}

こんな感じで、幅を決めてしまえばなぜかうまく調整できましたがよくわかりません

6 :名無しさん@お腹いっぱい。 :2022/04/25(月) 10:00:35.21 ID:vHfVWPPk0.net

こっちか

56 :名無しさん@お腹いっぱい。 :2022/06/22(水) 15:35:46.21 ID:0379nkCy0.net

すみません忘れてました

@-moz-document regexp(“^(https?|ftp)(:¥/¥/[-_.!‾*¥'()a-zA-Z0-9;¥/?:¥@&=+¥$,%#]+)¥.(jpg|gif|png)$”) {
@media not print {
body { background: #FFFFFF !important; }
img {position: relative !important; margin: .5em !important; }
}}

16 :名無しさん@お腹いっぱい。 (ワッチョイ f99e-yvGd):2022/05/14(土) 12:31:03 ID:Qgv8N13i0.net

検索履歴を表示した時すぐに検索しないようにする
CSSあれば教えてほしいです

23 :名無しさん@お腹いっぱい。 (ワッチョイ c77e-vWBU):2022/05/15(日) 21:36:46 ID:XUiW+4D70.net

このスクリプトでYouTubeのUIが以前のように戻りました。

YouTube – Proper Description
https://greasyfork.org/ja/scripts/440613-youtube-proper-description

55 :名無しさん@お腹いっぱい。 :2022/06/22(水) 15:34:28.81 ID:0379nkCy0.net

画像を表示したときに背景白、左寄せにしたいのだけど
100.0.2まで効いていたのが101.0から効かなくなって
101.0.1でも変わりありません

100.0.2
https://i.imgur.com/3MJ0NR7.png

101.0.1
https://i.imgur.com/VBI8KqV.png

画像の縦の長さ分しか効かなくなってしまいました
修正箇所を教えてください

2 :名無しさん@お腹いっぱい。 (ワッチョイ f398-VGk1):2022/04/23(土) 08:45:13 ID:dkgKxmiT0.net

┌─────┐
│ いちもつ ♪│
└∩───∩┘
  ヽ(`・ω・´)ノ

37 :名無しさん@お腹いっぱい。 (ワッチョイ 5e1c-yWkL):2022/05/26(木) 09:30:30 ID:RvieTpfx0.net

すんません>>34ですけど>>35うまく動きました
ブックマークツールバーのアイコンのテキストを消すために
.bookmark-item{
width: 20px !important;
}

これが悪さしてたみたいですありがとうございました

アイコンの名前はコレで消しました
.bookmark-item:not([type=”menu”]) .toolbarbutton-text {
display: none !important;
}

30 :名無しさん@お腹いっぱい。 (ワッチョイ f776-7Nhq):2022/05/16(月) 22:30:26 ID:a9zM/C3g0.net

>>27
いや消えてなかったわ

52 :名無しさん@お腹いっぱい。 (ワッチョイ 9376-HnzB):2022/06/03(金) 20:58:43 ID:fguX+PZB0.net

用いているCSSを見せれば誰かが解明してくれる

24 :名無しさん@お腹いっぱい。 (ワッチョイ b15c-cO7h):2022/05/15(日) 21:44:08 ID:9h7tjqvw0.net

>>23
ありがとうございます

>>20の解決方法は分からないです
申し訳ないです。。

24 :名無しさん@お腹いっぱい。 (ワッチョイ b15c-cO7h):2022/05/15(日) 21:44:08 ID:9h7tjqvw0.net

>>23
ありがとうございます

>>20の解決方法は分からないです
申し訳ないです。。

19 :名無しさん@お腹いっぱい。 (ワッチョイ f776-7Nhq):2022/05/14(土) 20:32:24 ID:23HAdhMn0.net

46 :名無しさん@お腹いっぱい。 (ワッチョイ 0903-yO3c):2022/05/28(土) 22:18:22 ID:6NdCPfn60.net

触れば分かるからな
分からないのは触ろうとしないから

9 :名無しさん@お腹いっぱい。 (ワッチョイ df76-dUGE):2022/05/05(木) 00:06:17 ID:CWOLVBCp0.net

>>8
/* メニュー背景の青い色を元のグレーに戻す */
#main-menubar > menu[_moz-menuactive=”true”] {
background-color: hsla(0,0%,0%,.12) !important;
}

44 :名無しさん@お腹いっぱい。 :2022/05/28(土) 13:41:51.72 ID:YCk82iJr0.net

さんくす、丁寧にありがとうございます
ブラウザーツールボックスはこうやって使うんですね
左上の矢印アイコンクリックして左ペインのインスペクターしかみてませんでした

のgreenも確認できました
これは設定できる箇所が大幅に増えそうな予感、ありがとうございました

31 :名無しさん@お腹いっぱい。 (ワッチョイ f776-7Nhq):2022/05/16(月) 22:37:33 ID:a9zM/C3g0.net

>>27
消えた
toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {display:none !important;}

47 :名無しさん@お腹いっぱい。 (ワッチョイ 93f4-yO3c):2022/05/31(火) 23:57:16 ID:JYXMBhsz0.net

101.0 にしてしまいました。
すると,最大化したときにタブバーの上に3mmほどの不要な部分が表示されるようになってしまいました。
最大化しないときは,その不要な部分は表示されません。
何をどういじれば直るか教えてください。

48 :名無しさん@お腹いっぱい。 (ワッチョイW a143-r9m8):2022/06/01(水) 08:34:02 ID:neMLG3g50.net

>>47
もし、userChrome.cssに
:root[tabsintitlebar][sizemode=”normal”] #titlebar { appearance: none !important; }
という行があるなら、
:root[tabsintitlebar] #titlebar { appearance: none !important; }
に置き換え

今まで非最大時のみに働いてた設定が最大時にも働くようになった模様

10 :8 (コードモ c773-Nh0L):2022/05/05(木) 05:33:18 ID:geFQXWVq00505.net

>>9
ありがとうございます
希望通りの色に戻すことができました

25 :名無しさん@お腹いっぱい。 (ワッチョイ c77e-vWBU):2022/05/15(日) 21:51:05 ID:XUiW+4D70.net

>>24
いえいえ、お役に立てたようでよかったです。

>>20の解決方法が他の人からもレスがないということは、たぶん無理なのかなと思います。
自分でもいろいろググってみましたから。
それならそれで仕方ないですわ。

38 :名無しさん@お腹いっぱい。 (ワッチョイ 9a30-gevD):2022/05/27(金) 09:31:38 ID:I7/AZrvv0.net

すいません質問させてください
タブの右クリックメニューから「共有」を非表示にするため、以下をuserChrome.cssに登録したんですが

#tabContextMenu > .share-tab-url-item {
display: none !important;
}

Firefox release版100.0.2だと消えてくれたんですが、ESR 91.9.1とWaterfoxG4 4.1.2(ESR91がベースですよね)では消えてくれません
他に記入する文字があるのか、それともバージョン91だとやり方自体が違うんでしょうか?

33 :名無しさん@お腹いっぱい。 (ワッチョイ cdcf-yvGd):2022/05/16(月) 23:44:41 ID:wsEPK4980.net

>>31
ブックマークたくさんあると, ブックマークフォルダを開いてマウスオーバーするだけで一気にスクロールしまくるし, スクロールボタンも消えるやん

35 :名無しさん@お腹いっぱい。 (ワッチョイ 2758-XIF+):2022/05/25(水) 21:24:23 ID:wy278lIc0.net

menu.bookmark-item, menuitem.bookmark-item {
min-width: 0;
max-width: 32em;
}

menupopup > menu, menupopup > menuitem, menupopup > menucaption {
max-width: 42em;
}

となってるから max-width を大きくすればいい
ブックマークツールバーからのポップアップでは32emで制限され
これを無効にすると42emの制限(その他のポップアップ)となる

42 :名無しさん@お腹いっぱい。 (ワッチョイ 0b1c-/Gxc):2022/05/28(土) 08:18:49 ID:YCk82iJr0.net

>>41
ありがとう完璧に動きました
こういったセレクタやプロパティなどはどうやって調べるのでしょうか

FireFoxのブラウザーツールボックスでそれっぽいセレクタを手あたり次第
userCrome.cssに書き込んでもあまりうまくはいきませんでした

32 :名無しさん@お腹いっぱい。 (ワッチョイ 5b87-pIuf):2022/05/16(月) 23:04:00 ID:9+as2peJ0.net

>>31
ありがとうございます
出たり消えたりでタブが微妙に動いて気持ち悪かったので

12 :名無しさん@お腹いっぱい。 (コードモ 0758-eGwh):2022/05/05(木) 16:12:02 ID:c2N3mFeD00505.net

>>10
よくこういう時に「戻った」「直った」という人いるけど
実際には修正ではなくて、カスタマイズなんだという意識はちゃんと持っておくべき
そうでないとトラブった際に話が合わなくなるから

39 :38 (ワッチョイ 9a30-gevD):2022/05/27(金) 10:02:42 ID:I7/AZrvv0.net

すいません自己解決しました
#context_shareTabURL,
で、「共有」を消せました。失礼しました

29 :名無しさん@お腹いっぱい。 (ワッチョイ f776-7Nhq):2022/05/16(月) 22:29:26 ID:a9zM/C3g0.net

>>27
<> 消えたけど

45 :名無しさん@お腹いっぱい。 :2022/05/28(土) 13:49:28.73 ID:PF0E3AhX0.net

こんな感じにブラウザーツールボックスの使い方を解説してくれるとありがたいんだけど
ネット上には全くないんですよね

15 :名無しさん@お腹いっぱい。 (ワッチョイ 0b4f-PvPk):2022/05/11(水) 10:34:40 ID:Kdx8AQ5v0.net

https://www.youtube.com/feed/history

上記のサイトで
・履歴タイプ
・再生履歴
・コミュニティ
などのエリア(サイドバー)が広すぎて、動画フィードが狭くなってしまいます
サイドバーを狭くし、動画フィードエリアを広くするには何と記述すればいいでしょうか

40 :名無しさん@お腹いっぱい。 (ワッチョイ 5e1c-yWkL):2022/05/27(金) 22:04:55 ID:iCjwQJtB0.net

Firefoxのブックマークツールバーのフォルダをクリックして出てくるメニューの背景に
色を付けたいのですけど
#PersonalToolbar .bookmark-item menupopup {
background-color: yellow !important;
}
これだと黄色の額縁のようにメニュー周辺しか色が付きません

#PersonalToolbar .bookmark-item menuitem {
background-color: red !important;
}
これだとマウスオーバーの時にいろが変わりません

何かいい方法を教えてください

13 :名無しさん@お腹いっぱい。 (ワッチョイ e7b1-dFhs):2022/05/06(金) 06:58:41 ID:70+EZ7PB0.net

クソどうでもいいです

54 :名無しさん@お腹いっぱい。 (ワッチョイ 4af4-Rebr):2022/06/05(日) 21:49:30 ID:mMS3A2Yl0.net

多段タブで,3段までとし,4段以上にするとスクロールするようにしています。
101.0にしてから,

最大化しないと,タブバーの上には何もないのですが,
https://imgur.com/HK4BUeD

最大化すると,タブバーの上に余白ができます。
https://imgur.com/rPlRyvl

この余白をなくすためには,userChrome.css などで何を変更すればよいか教えてください。

43 :名無しさん@お腹いっぱい。 (ワッチョイ d9be-zOxv):2022/05/28(土) 10:06:53 ID:IZT4bQJw0.net

>>42
ブラウザーツールボックス右上の「…」メニューで「ポップアップを自動で隠さない」にチェックを入れ、対象メニューを開く
ツールボックス左上の矢印アイコンをクリックし、対象メニューをクリック

インスペクターの右サイドバー「ルール」タブの「スタイルを絞り込み」に background と入れる
左のツリーで対象付近の要素を一つ一つ選択しながら
右バーに background: … または background-color: … が出てこないか見る

menuitem なんかは backgrond-color: transparent; になっているがこれは透過色
この祖先のどこかで実際の色が設定されているはず…

ツリー上で祖先に向かって要素をたどっていくと、#PlacesToolbar menupopup に
background: var(–arrowpanel-background);
が設定されていることが分かった

https://i.imgur.com/lo3vvy7.png

名前が — で始まり var(…) の形で使われているのはカスタムプロパティ

CSS カスタムプロパティ (変数) の使用 – CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties

背景色を設定するなら文字色も忘れずに
同じようにして color を探し、値を設定(>>41)しておしまい

26 :23 (ワッチョイ c77e-vWBU):2022/05/16(月) 21:40:33 ID:bPQrmYrd0.net

スクリプトじゃなく、CSSでも同じようなものがあるんじゃないかと探したら、ありました。

Disable new YT description
https://userstyles.world/style/4067/disable-new-yt-description

こちらの方が軽くていいかもしれません。
ただ、タイトルのフォントが太字だったので、

.ytd-video-primary-info-renderer.style-scope.title {
font-size: 18px !important;
font-weight: normal !important;
}

というCSSを追加したら以前と同じになりました。

27 :名無しさん@お腹いっぱい。 (ワッチョイ 5b87-pIuf):2022/05/16(月) 22:06:39 ID:9+as2peJ0.net

以下のようにしても、タブが増えるとオーバーフローのスクロールアロー(こういうの<>)がタブバーの両端に表示されるのですが
消す方法はないでしょうか
alltabs-buttonはこれで消えます

.tabbrowser-tab[fadein]:not([pinned]) {
min-width:0px !important;
max-width:150px !important;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-downk,
#alltabs-button {
display: none !important;
}

14 :名無しさん@お腹いっぱい。 (ワッチョイ df76-dUGE):2022/05/06(金) 07:54:29 ID:Ke/QcU5c0.net

そうどうでもいい

51 :名無しさん@お腹いっぱい。 (ワッチョイ 93f4-yO3c):2022/06/03(金) 18:31:29 ID:eMK/Myis0.net

>>50
追記しましたが,変わりませぬ…

53 :名無しさん@お腹いっぱい。 (ワッチョイ d397-6SS3):2022/06/03(金) 21:18:48 ID:EYp1fYZY0.net

多段タブあたりのスクリプトかもしれんし

28 :名無しさん@お腹いっぱい。 (ワッチョイ f776-7Nhq):2022/05/16(月) 22:13:21 ID:a9zM/C3g0.net

>>26
こんなサイトあったの知らんかった

参考になったらSNSでシェアお願いします!

レスを投稿する(名前省略可)

この記事を読んだ方へのおすすめ

  • 【初心者】Ubuntu Linux 123【本スレ】

    元スレ 1 :login:Penguin:2019/05/24(金) 23:05:22.49 ID:FgmkCG1G.net ■ Ubuntu 公式サイト https://www.ubuntu.com/ https://…

  • くだらねえ質問はここに書き込め! Part 241

    元スレ 1 :login:Penguin:2020/07/16(木) 07:53:35.05 ID:PIMr5bIE.net まずは2ch-Linux-Beginnersを読みましょう。 いろいろとまとめられているので(…

  • Dreamcastエミュ総合スレ

    元スレ 1 :シリアル774:2014/06/24(火) 23:57:54.07 ID:3BPokl7OO.net ドリームキャスト上で 動くエミュレータに付いて 語りましょう。 市販のソフトのバックアップ、 他機種のゲ…

  • Linuxプログラミング 2

    元スレ 1 :login:Penguin:2010/02/13(土) 14:53:15 ID:lCBgsQHj.net Linux(特有)のプログラミングに関する話題です 前スレ http://pc11.2ch.net/…

  • WindowsやめてLinuxデスクトップにしたら最悪だった件

    元スレ 1 :login:Penguin:2021/07/31(土) 10:17:57.71 ID:INhrXVh9.net 戌信者が発狂してるから騙されたと思って試してみた やっぱり使いにくくて最悪だった Linux卒…

  • UbuntuをTwitterで広める会

    元スレ 1 :UXW:2016/02/08(月) 17:54:54.66 ID:D6KxcKwi.net PCで一番使われているOSがあまり進化していない。 そこでUbuntuを広めることによって両者とも、 より良いOS…

  • 5ちゃんねる用ブラウザ「Live5ch」part144

    元スレ 1 :名無しさん@お腹いっぱい。:2018/08/20(月) 22:40:04.24 ID:gA1Ipzgp0.net 実況支援機能付き5ちゃんねる及び5ちゃんねる互換掲示板ビューア「Live5ch」に関するスレ…

  • 【Mind】マインドマップ作成ソフト総合スレ3【Map】

    元スレ 1 :名無しさん@お腹いっぱい。:2012/07/11(水) 19:03:01.50 ID:CRFhFdlC0.net 前スレ 【Mind】マインドマップ作成ソフト総合スレ2【Map】 http://anago.…

  • Windows版Jane Style質問スレ69

    元スレ 1 :名無しさん@お腹いっぱい。:2021/02/17(水) 15:42:10.19 ID:Mg5i27oy0.net 1 名無しさん@お腹いっぱい。[sage] 2020/07/03(金) 11:40:37.2…

  • 明確にしよう。Windows向けバイナリはGPL違反である

    元スレ 1 :login:Penguin:2013/12/01(日) 17:53:24.37 ID:pObzl/sl.net 1. GPLアプリはGPLではない外部ライブラリに動的リンクしてはならない。 2. すべてのW…

  • 【地図】MapFan.Net 6駅目

    元スレ 1 :名無しさん@お腹いっぱい。:2018/09/14(金) 10:39:28.95 ID:LPK0ZgVl0.net 関連スレ 地図ソフト(その8) http://echo.2ch.net/test/read.…

  • LinuxやめないでWindowsやめる

    元スレ 1 :login:Penguin:2020/05/14(Thu) 13:19:34 ID:g494Fhla.net 引き続き宜しく 42 :login:Penguin:2020/05/27(水) 15:08:58…

最近のコメント

匿名 : 【いちゃ部屋】株式会社SHIFT【5ch出張所】
 新入社員はわかいそう、 在宅勤務でe-ラニングうけとけ、 ... (6/18)
匿名 : 【残業代】福井 株式会社アスタ【未払い】
 プライド高いところあるけど清輝あるなら大丈夫や (5/28)
匿名 : 【残業代】福井 株式会社アスタ【未払い】
 プライド高いところあるけど清輝あるなら大丈夫か (5/07)
ページTOPへ↑