userChrome.css・userContent.cssスレ Part12

userChrome.css・userContent.cssスレ Part12 at SOFTWARE

1:名無しさん＠お腹いっぱい。
22/04/21 23:24:46.59 h1cG3tIy0.net
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part11
ｽﾚﾘﾝｸ(software板)
●拡張機能
Stylish
URLﾘﾝｸ(addons.mozilla.org)
Stylus
URLﾘﾝｸ(addons.mozilla.org)
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
URLﾘﾝｸ(addons.mozilla.org)
●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
URLﾘﾝｸ(github.com)
UserCSSManager (要userChromeES)
URLﾘﾝｸ(greasyfork.org)
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
Userstyles.org
URLﾘﾝｸ(userstyles.org)
CSS: カスケーディングスタイルシート | MDN
URLﾘﾝｸ(developer.mozilla.org)
とほほのスタイルシート入門
URLﾘﾝｸ(www.tohoho-web.com)

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

2:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f398-VGk1)
22/04/23 08:45:13 dkgKxmiT0.net
┌───┐
│ いちもつ ♪│
└∩──∩┘
　ヽ(`･ω･´)ﾉ

3:名無しさん＠お腹いっぱい。
22/04/25 04:59:15.21 3ewLvZd70.net
使えそうなやつ
要素名を調べる
URLﾘﾝｸ(developer.mozilla.org)
ブラウザーUIの要素名を調べる
URLﾘﾝｸ(developer.mozilla.org)
前スレにあったコンテキストメニューの要素名集
URLﾘﾝｸ(u6.getuploader.com)
Mozilla Firefox 多段タブスレ Part.1
ｽﾚﾘﾝｸ(software板)

4:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 2458-pW+F)
22/04/25 09:40:27 YJpVPlv80.net
Firefox99に更新したらー　□　×が隠れてしまいます分かる方お願いします
URLﾘﾝｸ(imgur.com)

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

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: URLﾘﾝｸ(github.com) ************************************/
/****************************************************************************************/
@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;
}

5:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 2458-pW+F)
22/04/25 09:41:53 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;

6:名無しさん＠お腹いっぱい。
22/04/25 10:00:35.21 vHfVWPPk0.net
こっちか

7:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 6776-pEG8)
22/05/01 18:48:17 +nFSrOLe0.net
いちおつ

8:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c773-Nh0L)
22/05/04 22:50:03 QlBJYDEu0.net
100にしたらメニューバーを出した時に青くなるのだけど
99の時のような感じに戻すことはできませんか？

9:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ df76-dUGE)
22/05/05 00:06:17 CWOLVBCp0.net
>>8
/* メニュー背景の青い色を元のグレーに戻す */
#main-menubar > menu[_moz-menuactive="true"] {
background-color: hsla(0,0%,0%,.12) !important;
}

10:8 (ｺｰﾄﾞﾓ c773-Nh0L)
22/05/05 05:33:18 geFQXWVq00505.net
>>9
ありがとうございます
希望通りの色に戻すことができました

11:名無しさん＠お腹いっぱい。 (ｺｰﾄﾞﾓ 67af-aSZx)
22/05/05 15:29:31 k8U3DNpY00505.net
>>4の　/*タブをメニューバーの下*/
タブバーにアイコンを置くとタブの高さがそのアイコンのサイズに引っ張られて大変なことになる、凄まじいね

12:名無しさん＠お腹いっぱい。 (ｺｰﾄﾞﾓ 0758-eGwh)
22/05/05 16:12:02 c2N3mFeD00505.net
>>10
よくこういう時に「戻った」「直った」という人いるけど
実際には修正ではなくて、カスタマイズなんだという意識はちゃんと持っておくべき
そうでないとトラブった際に話が合わなくなるから

13:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e7b1-dFhs)
22/05/06 06:58:41 70+EZ7PB0.net
クソどうでもいいです

14:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ df76-dUGE)
22/05/06 07:54:29 Ke/QcU5c0.net
そうどうでもいい

15:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b4f-PvPk)
22/05/11 10:34:40 Kdx8AQ5v0.net
URLﾘﾝｸ(www.youtube.com)

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

16:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f99e-yvGd)
22/05/14 12:31:03 Qgv8N13i0.net
検索履歴を表示した時すぐに検索しないようにする
CSSあれば教えてほしいです

17:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq)
22/05/14 17:54:06 23HAdhMn0.net
>>16
そういうのはcssでは無理
検索バーのならjsであったと思う

18:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f99e-yvGd)
22/05/14 19:48:19 Qgv8N13i0.net
>>17　ありがとうございます

19:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq)
22/05/14 20:32:24 23HAdhMn0.net
>>18
これ
URLﾘﾝｸ(github.com)

20:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU)
22/05/14 22:40:50 3VCchGhC0.net
YouTubeのプレイヤーでサムネイルを表示する時、高解像度のmaxresdefault.jpgではなく、
高解像度のサムネイルがあるのに低解像度のhqdefault.jpgなどで表示される動画があります。
これをなんとかmaxresdefault.jpgで表示する方法はありませんか？

一応自分でも

.ytp-cued-thumbnail-overlay-image {
background-image: url("URLﾘﾝｸ(i.ytimg.com) ID>/maxresdefault.jpg") !important;
}

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

21:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b15c-cO7h)
22/05/15 20:13:28 9h7tjqvw0.net
仕様変更されたYouTubeのUIを元に戻したいです

22:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU)
22/05/15 21:17:26 XUiW+4D70.net
>>21
YouTubeのUIを元に戻す方法はわかります。
>>20の解決方法はありませんか？
CSS以外のスクリプトやアドオンを使う方法でも構いません。

23:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU)
22/05/15 21:36:46 XUiW+4D70.net
このスクリプトでYouTubeのUIが以前のように戻りました。

YouTube - Proper Description
URLﾘﾝｸ(greasyfork.org)

24:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b15c-cO7h)
22/05/15 21:44:08 9h7tjqvw0.net
>>23
ありがとうございます

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

25:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU)
22/05/15 21:51:05 XUiW+4D70.net
>>24
いえいえ、お役に立てたようでよかったです。

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

26:23 (ﾜｯﾁｮｲ c77e-vWBU)
22/05/16 21:40:33 bPQrmYrd0.net
スクリプトじゃなく、CSSでも同じようなものがあるんじゃないかと探したら、ありました。

Disable new YT description
URLﾘﾝｸ(userstyles.world)

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

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

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

27:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5b87-pIuf)
22/05/16 22:06:39 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;
}

28:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq)
22/05/16 22:13:21 a9zM/C3g0.net
>>26
こんなサイトあったの知らんかった

29:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq)
22/05/16 22:29:26 a9zM/C3g0.net
>>27
<>　消えたけど

30:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq)
22/05/16 22:30:26 a9zM/C3g0.net
>>27
いや消えてなかったわ

31:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq)
22/05/16 22:37:33 a9zM/C3g0.net
>>27
消えた
toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {display:none !important;}

32:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5b87-pIuf)
22/05/16 23:04:00 9+as2peJ0.net
>>31
ありがとうございます
出たり消えたりでタブが微妙に動いて気持ち悪かったので

33:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cdcf-yvGd)
22/05/16 23:44:41 wsEPK4980.net
>>31
ブックマークたくさんあると, ブックマークフォルダを開いてマウスオーバーするだけで一気にスクロールしまくるし, スクロールボタンも消えるやん

34:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL)
22/05/25 20:39:24 YbifOlfR0.net
Firefoxのブックマークツールバーのフォルダボタンを押すと出てくる
メニューの幅が小さくて変えたいです

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

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

35:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 2758-XIF+)
22/05/25 21:24:23 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の制限（その他のポップアップ）となる

36:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL)
22/05/25 22:48:24 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;
}

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

37:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL)
22/05/26 09:30:30 RvieTpfx0.net
すんません>>34ですけど>>35うまく動きました
ブックマークツールバーのアイコンのテキストを消すために
.bookmark-item{
width: 20px !important;
}

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

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

38:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9a30-gevD)
22/05/27 09:31:38 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だとやり方自体が違うんでしょうか？

39:38 (ﾜｯﾁｮｲ 9a30-gevD)
22/05/27 10:02:42 I7/AZrvv0.net
すいません自己解決しました
#context_shareTabURL,
で、「共有」を消せました。失礼しました

40:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL)
22/05/27 22:04:55 iCjwQJtB0.net
Firefoxのブックマークツールバーのフォルダをクリックして出てくるメニューの背景に
色を付けたいのですけど
#PersonalToolbar .bookmark-item menupopup {
background-color: yellow !important;
}
これだと黄色の額縁のようにメニュー周辺しか色が付きません

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

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

41:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 97be-GUUK)
22/05/27 22:16:29 BS3VLMXr0.net
>>40
#PlacesToolbar {
--arrowpanel-background: green !important;
--arrowpanel-color: yellow !important;
}

42:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b1c-/Gxc)
22/05/28 08:18:49 YCk82iJr0.net
>>41
ありがとう完璧に動きました
こういったセレクタやプロパティなどはどうやって調べるのでしょうか

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

43:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d9be-zOxv)
22/05/28 10:06:53 IZT4bQJw0.net
>>42
ブラウザーツールボックス右上の「…」メニューで「ポップアップを自動で隠さない」にチェックを入れ、対象メニューを開く
ツールボックス左上の矢印アイコンをクリックし、対象メニューをクリック

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

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

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

URLﾘﾝｸ(i.imgur.com)

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

CSS カスタムプロパティ (変数) の使用 - CSS: カスケーディングスタイルシート | MDN
URLﾘﾝｸ(developer.mozilla.org)

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

44:名無しさん＠お腹いっぱい。
22/05/28 13:41:51.72 YCk82iJr0.net
>>43
さんくす、丁寧にありがとうございます
ブラウザーツールボックスはこうやって使うんですね
左上の矢印アイコンクリックして左ペインのインスペクターしかみてませんでした
 >>41のgreenも確認できました
これは設定できる箇所が大幅に増えそうな予感、ありがとうございました

45:名無しさん＠お腹いっぱい。
22/05/28 13:49:28.73 PF0E3AhX0.net
>>43
こんな感じにブラウザーツールボックスの使い方を解説してくれるとありがたいんだけど
ネット上には全くないんですよね

46:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0903-yO3c)
22/05/28 22:18:22 6NdCPfn60.net
触れば分かるからな
分からないのは触ろうとしないから

47:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93f4-yO3c)
22/05/31 23:57:16 JYXMBhsz0.net
101.0 にしてしまいました。
すると，最大化したときにタブバーの上に3mmほどの不要な部分が表示されるようになってしまいました。
最大化しないときは，その不要な部分は表示されません。
何をどういじれば直るか教えてください。

48:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW a143-r9m8)
22/06/01 08:34:02 neMLG3g50.net
>>47
もし、userChrome.cssに
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
という行があるなら、
:root[tabsintitlebar] #titlebar { appearance: none !important; }
に置き換え

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

49:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93f4-yO3c)
22/06/02 20:11:58 WNBHdlOF0.net
>>48
レス，ありがとうございます。
しかし，userChrome.css

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

はないです。

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

50:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW a143-r9m8)
22/06/03 06:11:20 xTDB0Ajx0.net
じゃあ追記して

51:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93f4-yO3c)
22/06/03 18:31:29 eMK/Myis0.net
>>50
追記しましたが，変わりませぬ…

52:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9376-HnzB)
22/06/03 20:58:43 fguX+PZB0.net
用いているCSSを見せれば誰かが解明してくれる

53:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d397-6SS3)
22/06/03 21:18:48 EYp1fYZY0.net
多段タブあたりのスクリプトかもしれんし

54:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4af4-Rebr)
22/06/05 21:49:30 mMS3A2Yl0.net
多段タブで，３段までとし，４段以上にするとスクロールするようにしています。
101.0にしてから，

最大化しないと，タブバーの上には何もないのですが，
URLﾘﾝｸ(imgur.com)

最大化すると，タブバーの上に余白ができます。
URLﾘﾝｸ(imgur.com)

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

55:名無しさん＠お腹いっぱい。
22/06/22 15:34:28.81 0379nkCy0.net
画像を表示したときに背景白、左寄せにしたいのだけど
100.0.2まで効いていたのが101.0から効かなくなって
101.0.1でも変わりありません
100.0.2
URLﾘﾝｸ(i.imgur.com)
101.0.1
URLﾘﾝｸ(i.imgur.com)
画像の縦の長さ分しか効かなくなってしまいました
修正箇所を教えてください

56:名無しさん＠お腹いっぱい。
22/06/22 15:35:46.21 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; }
}}

57:名無しさん＠お腹いっぱい。
22/06/22 17:14:52.91 FNd1XM0S0.net
>>56
body → :root

58:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 17cf-sER5)
22/06/23 00:11:33 vdIrPs5L0.net
>>57
出来ましたありがとう

59:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f7e-oHrC)
22/06/27 21:26:00 5GeqMVwr0.net
このスレだったか、以前URLバーの鍵アイコンを緑にするCSSを拾ったのですが、
盾アイコンがトラッカーなどをブロック中に赤くするCSSはないでしょうかね？

鍵アイコンを緑にするCSSです。
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
fill-opacity: 1 !important;
fill: #12BC00 !important;
}

60:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-hYij)
22/06/27 22:04:58 K65BvaKl0.net
>>59
はい
URLﾘﾝｸ(www.reddit.com)

61:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f7e-oHrC)
22/06/27 22:20:17 5GeqMVwr0.net
>>60
うまく行きました。
ありがとうございます。

62:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8fda-Ag9d)
22/06/28 00:17:57 SMYguXOJ0.net
-moz-accent-color、-moz-accent-color-foregroundがそれぞれAccentColor、AccentColorTextに置き換わるので使ってる人は気をつけて

URLﾘﾝｸ(bugzilla.mozilla.org)
今のところ103で実装予定（Nightly実装済）

63:名無しさん＠お腹いっぱい。
22/06/28 23:10:25.89 jPz8AO/Dd.net
Firefox 102.0
テーマ Google Chrome Darkを使用
いままではこれでタブの上に青い線をCSS
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 1px, var(--toolbar-bgcolor) 0%, var(--toolbar-bgcolor) 100%) !important;
}
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
で出してたのですが､102.0にしたら消えてしまいました｡
デフォのダークやシステムのテーマでは出てるんですけど
その他のテーマでまたタブの上部に青い線出せたらお教え下さい｡

64:名無しさん＠お腹いっぱい。 (ｽｯｯﾌﾟ Sd5f-PetT)
22/06/29 00:18:14 TieFJLCxd.net
上の
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
は余計な行文でした。

65:名無しさん＠お腹いっぱい。
22/06/29 02:59:37.28 TieFJLCxd.net
テーマがタブの枠色を指定しているとそっちが優先されているぽいです。

66:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f76-hYij)
22/06/29 09:42:27 rcduSRph0.net
>>65
Firefoxに最初から入ってるテーマだったら青い線出るよ

67:名無しさん＠お腹いっぱい。 (ｱｳｱｳｸｰ MMa3-FPAT)
22/06/29 11:42:24 1pPD8z2AM.net
>>65
outline: none !important;
を追加

68:名無しさん＠お腹いっぱい。 (ﾆｸｸｴ Sd5f-PetT)
22/06/29 12:48:30 TieFJLCxdNIKU.net
>>67
出来ました！
ありがとうございます。
マジ感謝です。
これで四角タブの上に青線出せました。
>>66
デフォのダークシステムライトでは青線出せるのは存てましたが無事67さんのお陰で解決出来ました。

69:名無しさん＠お腹いっぱい。 (ﾆｸｸｴ 8f5c-XcFC)
22/06/29 22:49:54 LGdSgbxk0NIKU.net
「アプリケーションメニューを開きます」を押したとき
メニューが右寄に表示される様に調整したいけど
どうすれば良いか教えてください

70:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1)
22/07/04 23:51:46 7aiNOSS40.net
>>60 を参考にしてて、トラッキング防止の盾アイコンを紫色に戻すやつが上手く動かないのですが
どうすればいいでしょうか？

#urlbar-input-container[pageproxystate="valid"] #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
fill-opacity: 1 !important;
fill: #7542E5 !important;
}

今のシンプルなアイコンを紫色にしたいです。こんな感じに
URLﾘﾝｸ(prismic-io.s3.amazonaws.com)

71:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b76-tcWx)
22/07/05 10:06:35 I7+yoYaO0.net
>>70
赤色を紫にするだけなら>>60の
　fill: red !important;　を fill: #7542E5 !important; に

72:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1)
22/07/05 10:27:47 62MlGY5u0.net
>>71
すみません
そもそも>>60自体が効かないんです

73:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b76-tcWx)
22/07/05 10:37:08 I7+yoYaO0.net
>>72
他に用いているcssは効いてるの？

74:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1)
22/07/05 10:50:19 62MlGY5u0.net
>>73
他のは効いています

すいませんどうやらクロスサイトトラッキングが検出されたときにのみ色が変わる様でした
なので動いてること確認できましたありがとうございました

75:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b76-tcWx)
22/07/05 11:15:54 I7+yoYaO0.net
おい

76:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1)
22/07/05 11:33:43 62MlGY5u0.net
>>75
確認不足ですみません

77:名無しさん＠お腹いっぱい。
22/07/09 17:16:54.88 IAbm//gJ0.net
googleの検索結果に番号を付けるCSSなんですが、いつの間にか動かなくなっていました
あると便利なので修正箇所分かる方いたら教えてください
よろしくお願いします
@-moz-document url-prefix("URLﾘﾝｸ(www.google.co.jp)),
url-prefix("URLﾘﾝｸ(www.google.com)),
url-prefix("URLﾘﾝｸ(www.google.co.jp)),
url-prefix("URLﾘﾝｸ(www.google.com)){

/* カウンタを生成 */
div#res{
counter-reset: head !important;
}
/*.g > .r:before{ */
div.rc h3::before {
counter-increment: head !important;
content: "#" counter(head) !important;
font-size: 18px !important;
font-weight: bold !important;
margin-right: 5px !important;
padding: 0px 4px !important;
background: white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAeCAMAAAAiq38CAAAAA3NCSVQICAjb4U/gAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7///9uR0UGAAAAQUlEQVQYlXXGtwGAMAAEsZ8ATHIk7L+lK5+/QZX0QdYX3ge64W1Qq4PqbIE3QwneCF346QnvAe3wbpgNCtAK74IOWSsakaslG2kAAAAASUVORK5CYII=") left top !important;
color: #bbb !important;
border: 1px solid #bfbfbf !important;
-moz-border-radius: 3px !important;
}
}

78:名無しさん＠お腹いっぱい。
22/07/09 17:39:59.23 u8I2pcepa.net
>>77
stylus検討されたし

79:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/09 19:52:16 jaCAR1Qz0.net
>>77
div.rc ってどこのこと？
rc なんてクラスついた要素ないと思うんだけど

80:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL)
22/07/09 20:07:47 vr6cpyc70.net
>>77
URLﾘﾝｸ(sutasutashiki.blogspot.com)

81:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/09 20:26:02 jaCAR1Qz0.net
stylus とか好みの問題で関係ない

82:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3b1-lXIq)
22/07/09 22:32:31 IAbm//gJ0.net
>>79
今まで使っていたcssをコピペしたので、詳しい事はわかりません、ごめんなさい

>>80
紹介ありがとうございます
ただ、サイトの途中に書いてある

/* Google */
div.r h3::before {
counter-increment: result;
content: counter(result) ". ";
}

に変更してみたのですが、こちらでは動かなかったのですが、自分のミスですかね？

83:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/09 22:54:23 jaCAR1Qz0.net
>>82
そっちは見るなよ
その上にこうあるだろ
#search h3::before { }
ていうかドメイン限定してるから #search もいらない
ちゃんと自分で検索ページを F12 押して調べなさい

84:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/09 22:55:54 jaCAR1Qz0.net
そのブログ記事 2021年4月8日更新だぞ
当時は知らんが div.rc も div.r もないから

85:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL)
22/07/10 18:26:20 PlDH7gqt0.net
>>82
それは効かない

86:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3b1-lXIq)
22/07/10 18:55:20 hBTv0RfA0.net
>>83,85
お二人ともレスどうもありがとう
やっぱり効かないんですね
番号のつけ方的にそっちのほうが好みなんですが、無理なんですかね？

87:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL)
22/07/10 19:07:51 PlDH7gqt0.net
自分はできません

88:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/10 19:

89:19:33 ID:UtyQIc4w0.net

90:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa09-TkQT)
22/07/10 19:41:42 eiTcRPNJa.net
>>86
「検索結果のナンバリング」で検索されたし

91:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/10 19:41:42 UtyQIc4w0.net
>>86
これがインスペクタの表示
URLﾘﾝｸ(i.imgur.com)

92:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/10 19:44:22 UtyQIc4w0.net
>>89
それで出てくる上位は古かったり間違ってたり・・・
自分でやりたいようにやらないと意味ない

93:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp)
22/07/10 19:55:24 UtyQIc4w0.net
>>90 の画像は2つに分かれていて
上の方は、検索結果の内容は div#search の中に入っていることを示したもの

下の方は、階層になっている例として
「Firefox 高速プライベートブラウザー - Google Play のアプリ」
　　「Android 版 Firefox Beta - Google Play のアプリ」
の箇所を示した
ここから法則を導き出して頑張ってくれ

94:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ fdb0-TkQT)
22/07/10 20:49:28 4NqnY4XL0.net
オッ、なんかこの時間帯親切なネ申がいるみたいなんで俺も質問

右クリメニュー等の背景に透過png画像(狐ロゴ)を表示させてたんだけど(.menupopup-arrowscrollbox)
内部仕様が変わってメニュー全体が透過されるようになっちゃった
なのでもう一階層下に(.scrollbox-clip)指定し直してみた
すると表示自体は一応元通りにはなったんだが、なぜかタブバーにも画像が現れてしまう
どうしたらいいのか分からん教えろ下さい<m(__)m>

95:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3b1-lXIq)
22/07/11 23:48:48 bc2Q49FA0.net
>>90
遅ればせながら、わざわざ画像まで作って説明してくれてありがとう
自分で解決出来れば一番良いので、この機会に勉強してみます

96:名無しさん＠お腹いっぱい。
22/07/12 16:20:03.92 ICSF3SAm0.net
アドレスバーでhttpのサイトのURLを赤く表示するCSSを見つけました。
#identity-box[pageproxystate="valid"].notSecure ~ .urlbar-input-box{ color: red }
で、逆にhttpsのサイトのURLを緑で表示することもできるんじゃないかと思うのですが、
どう書けばいいでしょうか？
素人考えで色をgreenにして、notSecureの部分をSecureにすればいいのではないかと思ったのですが、
ダメでした。

97:名無しさん＠お腹いっぱい。
22/07/12 16:30:39.61 ICSF3SAm0.net
自己解決しました。
ふと思い当たって、notSecureを外せばいいのではないかと試したらうまく行きました。
#identity-box[pageproxystate="valid"] ~ .urlbar-input-box{ color: green }

98:93 (ﾜｯﾁｮｲ fdb0-TkQT)
22/07/14 23:38:30 r4F0p2vW0.net
おい、もはやお前らだけが頼りなんだが？
マジで頼むが？

99:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL)
22/07/15 00:12:19 yMzH5nh+0.net
>>97
素人考え

:not(#TabsToolbar)

100:97 (ﾜｯﾁｮｲ 69b0-GsVe)
22/07/17 14:37:37 F8E2RULa0.net
>98㌧
駄目だった…w
他にも
tabbrowser-tabs
toolbar-items
TabsToolbar-customization-target
とか試したけど消えず

つかそもそも上位のIDが指定出来りゃ苦労は無いのに
shadow-rootとかいうわけわからんIDだから困る

引き続き気長にネ申を待つ

101:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5511-rfkg)
22/07/17 14:58:41 FBNMCZmD0.net
shadow-rootってことはshadowDOM
その下の要素を指定してスタイルを適用するには::partを使う必要がある
だけどuserChrome.cssは::partを使えないから、userChrome.jsのスレで質問し直しの方がいい

102:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5a97-HEGZ)
22/07/17 15:00:25 6eLzhjZU0.net
.menupopup-arrowscrollbox { background-image: url("hoge.png") !important; }
で特に問題ないように見えるが
もしかして background: url("hage.png") !important; してた？

103:99 (ﾜｯﾁｮｲ 69b0-GsVe)
22/07/17 15:47:57 F8E2RULa0.net
>101
か、解決した…www
つーかそこなの？？？？？？？？

89.0あたりで仕様が変わってからずーっと
あーでもないこーでもないやってたんだが
盲点にも程があるw

101氏をはじめレス下さった皆様本当にありがとうございました<m(__)m>

104:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7bcf-VsAj)
22/07/27 02:40:17 hL6DRW0N0.net
>>62
ありがとう
-moz-accent-color-foreground　→　AccentColorText
メニューバーの文字色が黒になってしまったものを白に戻せました

105:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 13aa-eGtk)
22/07/27 13:26:34 HQSrqE4/0.net
タブが一つの時はタブバーを非表示にするやつなんですが、
ver.103に上げると画像の通りnewtab-buttonが残るようになってしまいました。
修正方法を教えてください。
URLﾘﾝｸ(i.imgur.com)

/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
visibility: collapse;
}

106:104 (ﾜｯﾁｮｲW 13aa-eGtk)
22/07/27 13:49:52 HQSrqE4/0.net
cssが切れてたので以下で全文です。
これがver.103でnewtab-buttonが残ってしまいます。
教えてくださいませ。お願いします。

/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
visibility: collapse;
}
#tabbrowser-tabs .tabs-newtab-button {
visibility: collapse;
}
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox {
min-height: 0 !important;
}

107:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b9be-Mq9P)
22/07/27 15:15:38 gl1EkmbL0.net
>>105
toolbarbutton を * に変える

108:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 13aa-eGtk)
22/07/27 16:08:17 HQSrqE4/0.net
>>106
おお！ありがとうございます！期待通りになりました。

いろいろ調べていて、以下にするとシンプルに書けました。
tab:only-of-type, tab:only-of-type + * {
display: none !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
min-height: 0 !important;
}

109:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW ed58-/Dcl)
22/07/31 16:41:33 rkkfbBAF0.net
目的　全サイト見にくいゴシック体・サンセリフ体を表示しない　丸ゴシック体で表示する　プロポーショナルメトリクス字詰め

Firefoxフォント設定
「ウェブページが優先したフォントを優先する」チェックはずす
　　googleサイト→Stylus指定のフォントになる
　　英語圏サイト（tx16wxなど）→セリフ体
「ウェブページが優先したフォントを優先する」チェックいれる
　　googleサイト→ゴシック体
　　英語圏サイト（tx16wxなど）→Stylus指定のフォントになる

ド素人です
和文も欧文もその他言語文字も指定したいんですが、丸ゴシック体になりません
教えてくださると嬉しいです

body {
font-family : "ヒラギノ丸ゴ ProN", "UD新丸ゴ", "UDじゅん", "Helvetica Rounded" !Important ;
font-size : 1em ;
font-weight : 500 ;
-webkit-text-stroke : 0.1px ;

-webkit-text-stroke-width: 0.1px
!important;

-font-feature-settings: 'palt' 1;
}

div,dd,dt,dl,p,em,li,textarea,form,input {
font-size : 1em ;
font-weight : 500 ;
-webkit-text-stroke : 0.1px ;
}

110:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5db1-zGVG)
22/07/31 19:02:01 W/RrEZUB0.net
>>108
こんな感じでチマチマやる
@font-face {
font-family: "見にくいゴシック体";
src: local("ヒラギノ丸ゴ ProN");
}

111:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16b0-dSCr)
22/07/31 20:33:22 v1ETjEP60.net
/* ウインドウアクティブ時のタイトルバーの背景色をOSのテーマ色に変更（以前の規定テーマと同じ） */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: -moz-accent-color-foreground;
background-color: -moz-accent-color;
}

最新版（103.0）にしたらこれが効かなくなったんだけどどうしたらいいだろう

112:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed58-dSCr)
22/07/31 20:58:36 yUdbE63N0.net
>>110

>>62

113:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16b0-dSCr)
22/07/31 21:14:13 v1ETjEP60.net
>>111
ありがとう
できました

114:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed58-fu01)
22/08/02 19:41:39 gvAMb99Y0.net
すいません、Firefoxでブックマークツールバーを常時表示にして、ブックマークをアイコンだけにして大量の
ブックマークアイコンを並べてるのですが、これの余白を更に詰めてより大量のアイコンを並べる事って可能ですかね？
ググってもブックマークメニューの行間（縦）を詰める情報だけ出てきて横に詰める方法が分かりません

この辺はと�

115:ｭに変わりませんでした ↓ #toolbar-menubar toolbarbutton { padding-left: 1px !important; padding-right: 1px !important; }

116:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d5be-lvpu)
22/08/02 19:53:57 q+FE1K4z0.net
>>113
#PlacesToolbarItems > .bookmark-item {
padding-left: 1px !important;
padding-right: 1px !important;
}

117:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed58-fu01)
22/08/02 20:06:37 gvAMb99Y0.net
>>113
あ！！！出来ました！！！！
長年悩んでいたのですが貴方は神です！

118:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ed58-fu01)
22/08/02 20:07:22 gvAMb99Y0.net
すいません神は>>114です

>>113はただのマヌケなので

119:名無しさん＠お腹いっぱい。 (ﾃﾃﾝﾃﾝﾃﾝ MMee-p+P8)
22/08/03 19:47:41 XTwY3SBNM.net
jsのスレで書いた後こっちの方が適切かと思ったらそういうレスも頂いたのでこちらに移動して来ました

Youtubeで動画と上の検索窓の間の部分消したくてF12で内容見てみたのですが、そこは上の検索窓と一緒になってて（該当部分の文にカーソル合わせると一緒に緑色になる）間の部分だけの指定が見付かりませんでした
検索のある列はytd-searchbox…の指定で細くは出来たのですが、その下部分が不要なのでどうにか消したいです
ヒントでも良いのでアドバイスお願いします

120:名無しさん＠お腹いっぱい。
22/08/03 23:06:00.45 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)
22/08/05 10:52:31 3E/8tvVCM.net
>>118
遅くなりましたがレスありがとうございます
はい、その部分です
それでいじってみます
どうもありがとうございました

122:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 7f44-U7Vh)
[ここ壊れてます] .net
拡張機能スレに書いたけどこっちの方がいいんかな

Stylusを1.5.26にしたら、userstyles.orgからインストールも更新も一切できなくなった
1.5.25に戻すと普通にできる

123:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6758-qwP8)
[ここ壊れてます] .net
いや、拡張機能の話だよね

124:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3d96-OdF3)
[ここ壊れてます] .net
アドレスバーにペーストしたときのみ背景の色が上に数ピクセルずれるんですが分かる方いますか？
カーソル置いただけでは問題ないのですが。
済みませんがどなたかお助けください。
URLﾘﾝｸ(iup.2ch-library.com)

125:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b703-E+l9)
[ここ壊れてます] .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)
[ここ壊れてます] .net
>>124
わぁ、ありがとう、ありがとう

128:名無しさん＠お腹いっぱい。
22/09/22 16:51:48.73 Q7VMUzdOa.net
タブの高さは
#TabsToolbar { --tab-min-height: 24px; }で調整できますが、
タブバーの高さ調整どう記述すれば良いのでしょうか？

129:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f7cf-/Tvp)
[ここ壊れてます] .net
>>126
少しは頭使えよ
min-てーのは最小値を設定/変更するのに書くもんだ
それよりも小さく指定されていたものならそれに従って大きくなる
逆の時は何の効果も無い

逆の時も含めて実際に指定したいならそれのないもん指定する必要がある
ということはわかるよな?

130:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7758-4Pr+)
[ここ壊れてます] .net
>>126
せめて伝聞形式にすればいいのに
ここまで堂々とバカを晒すってやっぱバカのさせる業

131:名無しさん＠お腹いっぱい。
22/09/23 07:12:44.89 RcYlJlGXa.net
>>127
よく分からん？
タブの高さじゃなくタブバーの高さを変えたいと聞いてる。

132:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+)
[ここ壊れてます] .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)
[ここ壊れてます] .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)
[ここ壊れてます] .net
スレチESRガイジに構うなよ
基地外が感染るぞ

135:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+)
[ここ壊れてます] .net
>>131
どうもありがとう

/* タブを閉じるボタンをマウスオーバー時のみ表示 */ の方はコピペする部分間違えていました…
正式にはこちらです

/#tabbrowser-tab:not([pinned]):hover .tab-close-button {
/ display: block !important;
/}

ただ、教えて貰った>>131の内容に書き換えてもやはり動いてくれませんでした
問題はuserChrome.cssの記述以外の所なのかな

136:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9278-3gU+)
[ここ壊れてます] .net
>>133に貼ったコードの一番手前の”/”は無視してください
>>131で教えて貰った内容に書き換えるためにコメントアウトしたものをそのままコピペしてしまいました

137:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f11-1r8X)
[ここ壊れてます] .net
そもそもタブを閉じる記述全体の行頭の「/」は何目的なの？
1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
CSSは1行でも複数行でも「/*～*/」なんなんだけども
そこを勘違いしていたとしてもそれはそれで全部消してるわけで

138:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b358-+L0J)
[ここ壊れてます] .net
>>135
> 1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
いいえ
1行コメントは「//」ですよ？

139:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f11-1r8X)
[ここ壊れてます] .net
ああ、失礼

次ページ