- 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
- 2 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f398-VGk1) mailto:sage [2022/04/23(土) 08:45:13 ID:dkgKxmiT0.net]
- ┌─────┐
│ いちもつ ♪│
└∩───∩┘
ヽ(`･ω･´)ﾉ
- 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
egg.5ch.net/test/read.cgi/software/1577781022/
- 4 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 2458-pW+F) mailto:sage [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;
}
- 5 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 2458-pW+F) mailto:sage [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;
- 6 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/04/25(月) 10:00:35.21 ID:vHfVWPPk0.net]
- こっちか
- 7 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 6776-pEG8) mailto:sage [2022/05/01(日) 18:48:17 ID:+nFSrOLe0.net]
- いちおつ
- 8 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c773-Nh0L) mailto:sage [2022/05/04(水) 22:50:03 ID:QlBJYDEu0.net]
- 100にしたらメニューバーを出した時に青くなるのだけど
99の時のような感じに戻すことはできませんか？
- 9 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ df76-dUGE) mailto:sage [2022/05/05(木) 00:06:17 ID:CWOLVBCp0.net]
- >>8
/* メニュー背景の青い色を元のグレーに戻す */
#main-menubar > menu[_moz-menuactive="true"] {
background-color: hsla(0,0%,0%,.12) !important;
}
- 10 名前：8 (ｺｰﾄﾞﾓ c773-Nh0L) mailto:sage [2022/05/05(木) 05:33:18 ID:geFQXWVq00505.net]
- >>9
ありがとうございます
希望通りの色に戻すことができました
- 11 名前：名無しさん＠お腹いっぱい。 (ｺｰﾄﾞﾓ 67af-aSZx) mailto:sage [2022/05/05(木) 15:29:31 ID:k8U3DNpY00505.net]
- >>4の /*タブをメニューバーの下*/
タブバーにアイコンを置くとタブの高さがそのアイコンのサイズに引っ張られて大変なことになる、凄まじいね
- 12 名前：名無しさん＠お腹いっぱい。 (ｺｰﾄﾞﾓ 0758-eGwh) mailto:sage [2022/05/05(木) 16:12:02 ID:c2N3mFeD00505.net]
- >>10
よくこういう時に「戻った」「直った」という人いるけど
実際には修正ではなくて、カスタマイズなんだという意識はちゃんと持っておくべき
そうでないとトラブった際に話が合わなくなるから
- 13 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e7b1-dFhs) mailto:sage [2022/05/06(金) 06:58:41 ID:70+EZ7PB0.net]
- クソどうでもいいです
- 14 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ df76-dUGE) mailto:sage [2022/05/06(金) 07:54:29 ID:Ke/QcU5c0.net]
- そうどうでもいい
- 15 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b4f-PvPk) mailto:sage [2022/05/11(水) 10:34:40 ID:Kdx8AQ5v0.net]
- https://www.youtube.com/feed/history
上記のサイトで
・履歴タイプ
・再生履歴
・コミュニティ
などのエリア（サイドバー）が広すぎて、動画フィードが狭くなってしまいます
サイドバーを狭くし、動画フィードエリアを広くするには何と記述すればいいでしょうか
- 16 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f99e-yvGd) mailto:sage [2022/05/14(土) 12:31:03 ID:Qgv8N13i0.net]
- 検索履歴を表示した時すぐに検索しないようにする
CSSあれば教えてほしいです
- 17 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq) mailto:sage [2022/05/14(土) 17:54:06 ID:23HAdhMn0.net]
- >>16
そういうのはcssでは無理
検索バーのならjsであったと思う
- 18 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f99e-yvGd) mailto:sage [2022/05/14(土) 19:48:19 ID:Qgv8N13i0.net]
- >>17 ありがとうございます
- 19 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq) mailto:sage [2022/05/14(土) 20:32:24 ID:23HAdhMn0.net]
- >>18
これ
https://github.com/alice0775/userChrome.js/blob/master/search_history_toka_suggest_nogokuwoerabutosokukennsakuniikunowotomeru.uc.js
- 20 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU) mailto:sage [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で可変して読み込めればいいと思うのですが。
- 21 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b15c-cO7h) mailto:sage [2022/05/15(日) 20:13:28 ID:9h7tjqvw0.net]
- 仕様変更されたYouTubeのUIを元に戻したいです
- 22 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU) mailto:sage [2022/05/15(日) 21:17:26 ID:XUiW+4D70.net]
- >>21
YouTubeのUIを元に戻す方法はわかります。
>>20の解決方法はありませんか？
CSS以外のスクリプトやアドオンを使う方法でも構いません。
- 23 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU) mailto:sage [2022/05/15(日) 21:36:46 ID:XUiW+4D70.net]
- このスクリプトでYouTubeのUIが以前のように戻りました。
YouTube - Proper Description
https://greasyfork.org/ja/scripts/440613-youtube-proper-description
- 24 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b15c-cO7h) mailto:sage [2022/05/15(日) 21:44:08 ID:9h7tjqvw0.net]
- >>23
ありがとうございます
>>20の解決方法は分からないです
申し訳ないです。。
- 25 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c77e-vWBU) mailto:sage [2022/05/15(日) 21:51:05 ID:XUiW+4D70.net]
- >>24
いえいえ、お役に立てたようでよかったです。
>>20の解決方法が他の人からもレスがないということは、たぶん無理なのかなと思います。
自分でもいろいろググってみましたから。
それならそれで仕方ないですわ。
- 26 名前：23 (ﾜｯﾁｮｲ c77e-vWBU) mailto:sage [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) mailto:sage [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;
}
- 28 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq) mailto:sage [2022/05/16(月) 22:13:21 ID:a9zM/C3g0.net]
- >>26
こんなサイトあったの知らんかった
- 29 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq) mailto:sage [2022/05/16(月) 22:29:26 ID:a9zM/C3g0.net]
- >>27
<> 消えたけど
- 30 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq) mailto:sage [2022/05/16(月) 22:30:26 ID:a9zM/C3g0.net]
- >>27
いや消えてなかったわ
- 31 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f776-7Nhq) mailto:sage [2022/05/16(月) 22:37:33 ID:a9zM/C3g0.net]
- >>27
消えた
toolbarbutton#scrollbutton-up, toolbarbutton#scrollbutton-down {display:none !important;}
- 32 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5b87-pIuf) mailto:sage [2022/05/16(月) 23:04:00 ID:9+as2peJ0.net]
- >>31
ありがとうございます
出たり消えたりでタブが微妙に動いて気持ち悪かったので
- 33 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cdcf-yvGd) mailto:sage [2022/05/16(月) 23:44:41 ID:wsEPK4980.net]
- >>31
ブックマークたくさんあると, ブックマークフォルダを開いてマウスオーバーするだけで一気にスクロールしまくるし, スクロールボタンも消えるやん
- 34 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL) mailto:sage [2022/05/25(水) 20:39:24 ID:YbifOlfR0.net]
- Firefoxのブックマークツールバーのフォルダボタンを押すと出てくる
メニューの幅が小さくて変えたいです
.bookmark-item[type="menu"] {
width: 500px !important;
}
この辺だと思うのですが、ブックマークアイテムが広がるだけでした
- 35 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 2758-XIF+) mailto:sage [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の制限（その他のポップアップ）となる
- 36 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL) mailto:sage [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;
}
こんな感じで、幅を決めてしまえばなぜかうまく調整できましたがよくわかりません
- 37 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL) mailto:sage [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;
}
- 38 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9a30-gevD) mailto:sage [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だとやり方自体が違うんでしょうか？
- 39 名前：38 (ﾜｯﾁｮｲ 9a30-gevD) mailto:sage [2022/05/27(金) 10:02:42 ID:I7/AZrvv0.net]
- すいません自己解決しました
#context_shareTabURL,
で、「共有」を消せました。失礼しました
- 40 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5e1c-yWkL) mailto:sage [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;
}
これだとマウスオーバーの時にいろが変わりません
何かいい方法を教えてください
- 41 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 97be-GUUK) [2022/05/27(金) 22:16:29 ID:BS3VLMXr0.net]
- >>40
#PlacesToolbar {
--arrowpanel-background: green !important;
--arrowpanel-color: yellow !important;
}
- 42 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b1c-/Gxc) mailto:sage [2022/05/28(土) 08:18:49 ID:YCk82iJr0.net]
- >>41
ありがとう完璧に動きました
こういったセレクタやプロパティなどはどうやって調べるのでしょうか
FireFoxのブラウザーツールボックスでそれっぽいセレクタを手あたり次第
userCrome.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)しておしまい
- 44 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/05/28(土) 13:41:51.72 ID:YCk82iJr0.net]
- >>43
さんくす、丁寧にありがとうございます
ブラウザーツールボックスはこうやって使うんですね
左上の矢印アイコンクリックして左ペインのインスペクターしかみてませんでした
>>41のgreenも確認できました
これは設定できる箇所が大幅に増えそうな予感、ありがとうございました
- 45 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/05/28(土) 13:49:28.73 ID:PF0E3AhX0.net]
- >>43
こんな感じにブラウザーツールボックスの使い方を解説してくれるとありがたいんだけど
ネット上には全くないんですよね
- 46 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0903-yO3c) mailto:sage [2022/05/28(土) 22:18:22 ID:6NdCPfn60.net]
- 触れば分かるからな
分からないのは触ろうとしないから
- 47 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93f4-yO3c) mailto:sage [2022/05/31(火) 23:57:16 ID:JYXMBhsz0.net]
- 101.0 にしてしまいました。
すると，最大化したときにタブバーの上に3mmほどの不要な部分が表示されるようになってしまいました。
最大化しないときは，その不要な部分は表示されません。
何をどういじれば直るか教えてください。
- 48 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW a143-r9m8) mailto:sage [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; }
に置き換え
今まで非最大時のみに働いてた設定が最大時にも働くようになった模様
- 49 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93f4-yO3c) mailto:sage [2022/06/02(木) 20:11:58 ID:WNBHdlOF0.net]
- >>48
レス，ありがとうございます。
しかし，userChrome.css
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
はないです。
tabsintitlebar で検索をかけてもヒットしません。
う～む。
- 50 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW a143-r9m8) mailto:sage [2022/06/03(金) 06:11:20 ID:xTDB0Ajx0.net]
- じゃあ追記して
- 51 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93f4-yO3c) mailto:sage [2022/06/03(金) 18:31:29 ID:eMK/Myis0.net]
- >>50
追記しましたが，変わりませぬ…
- 52 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9376-HnzB) mailto:sage [2022/06/03(金) 20:58:43 ID:fguX+PZB0.net]
- 用いているCSSを見せれば誰かが解明してくれる
- 53 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d397-6SS3) mailto:sage [2022/06/03(金) 21:18:48 ID:EYp1fYZY0.net]
- 多段タブあたりのスクリプトかもしれんし
- 54 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4af4-Rebr) mailto:sage [2022/06/05(日) 21:49:30 ID:mMS3A2Yl0.net]
- 多段タブで，３段までとし，４段以上にするとスクロールするようにしています。
101.0にしてから，
最大化しないと，タブバーの上には何もないのですが，
https://imgur.com/HK4BUeD
最大化すると，タブバーの上に余白ができます。
https://imgur.com/rPlRyvl
この余白をなくすためには，userChrome.css などで何を変更すればよいか教えてください。
- 55 名前：名無しさん＠お腹いっぱい。 mailto:sage [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
画像の縦の長さ分しか効かなくなってしまいました
修正箇所を教えてください
- 56 名前：名無しさん＠お腹いっぱい。 mailto:sage [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; }
}}
- 57 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/06/22(水) 17:14:52.91 ID:FNd1XM0S0.net]
- >>56
body → :root
- 58 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 17cf-sER5) mailto:sage [2022/06/23(木) 00:11:33 ID:vdIrPs5L0.net]
- >>57
出来ましたありがとう
- 59 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f7e-oHrC) mailto:sage [2022/06/27(月) 21:26:00 ID: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) mailto:sage [2022/06/27(月) 22:04:58 ID:K65BvaKl0.net]
- >>59
はい
https://www.reddit.com/r/FirefoxCSS/comments/vl3fob/list_of_tracking_icon_css_element_properties/
- 61 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f7e-oHrC) mailto:sage [2022/06/27(月) 22:20:17 ID:5GeqMVwr0.net]
- >>60
うまく行きました。
ありがとうございます。
- 62 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8fda-Ag9d) mailto:sage [2022/06/28(火) 00:17:57 ID:SMYguXOJ0.net]
- -moz-accent-color、-moz-accent-color-foregroundがそれぞれAccentColor、AccentColorTextに置き換わるので使ってる人は気をつけて
https://bugzilla.mozilla.org/show_bug.cgi?id=1775247
今のところ103で実装予定（Nightly実装済）
- 63 名前：名無しさん＠お腹いっぱい。 [2022/06/28(火) 23:10:25.89 ID: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) [2022/06/29(水) 00:18:14 ID:TieFJLCxd.net]
- 上の
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
は余計な行文でした。
- 65 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/06/29(水) 02:59:37.28 ID:TieFJLCxd.net]
- テーマがタブの枠色を指定しているとそっちが優先されているぽいです。
- 66 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f76-hYij) mailto:sage [2022/06/29(水) 09:42:27 ID:rcduSRph0.net]
- >>65
Firefoxに最初から入ってるテーマだったら青い線出るよ
- 67 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｸｰ MMa3-FPAT) mailto:sage [2022/06/29(水) 11:42:24 ID:1pPD8z2AM.net]
- >>65
outline: none !important;
を追加
- 68 名前：名無しさん＠お腹いっぱい。 (ﾆｸｸｴ Sd5f-PetT) mailto:sage [2022/06/29(水) 12:48:30 ID:TieFJLCxdNIKU.net]
- >>67
出来ました！
ありがとうございます。
マジ感謝です。
これで四角タブの上に青線出せました。
>>66
デフォのダーク システム ライトでは青線出せるのは存てましたが無事67さんのお陰で解決出来ました。
- 69 名前：名無しさん＠お腹いっぱい。 (ﾆｸｸｴ 8f5c-XcFC) mailto:sage [2022/06/29(水) 22:49:54 ID:LGdSgbxk0NIKU.net]
- 「アプリケーションメニューを開きます」を押したとき
メニューが右寄に表示される様に調整したいけど
どうすれば良いか教えてください
- 70 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1) mailto:sage [2022/07/04(月) 23:51:46 ID: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;
}
今のシンプルなアイコンを紫色にしたいです。こんな感じに
https://prismic-io.s3.amazonaws.com/helpcenter/9c3bedbb-5893-4611-bd3b-627b933ee2f9_firefox_tracking_off.jpg
- 71 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b76-tcWx) mailto:sage [2022/07/05(火) 10:06:35 ID:I7+yoYaO0.net]
- >>70
赤色を紫にするだけなら>>60の
fill: red !important; を fill: #7542E5 !important; に
- 72 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1) mailto:sage [2022/07/05(火) 10:27:47 ID:62MlGY5u0.net]
- >>71
すみません
そもそも>>60自体が効かないんです
- 73 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b76-tcWx) mailto:sage [2022/07/05(火) 10:37:08 ID:I7+yoYaO0.net]
- >>72
他に用いているcssは効いてるの？
- 74 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1) mailto:sage [2022/07/05(火) 10:50:19 ID:62MlGY5u0.net]
- >>73
他のは効いています
すいませんどうやらクロスサイトトラッキングが検出されたときにのみ色が変わる様でした
なので動いてること確認できましたありがとうございました
- 75 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b76-tcWx) mailto:sage [2022/07/05(火) 11:15:54 ID:I7+yoYaO0.net]
- おい
- 76 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0aaa-8+q1) mailto:sage [2022/07/05(火) 11:33:43 ID:62MlGY5u0.net]
- >>75
確認不足ですみません
- 77 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/07/09(土) 17:16:54.88 ID:IAbm//gJ0.net]
- googleの検索結果に番号を付けるCSSなんですが、いつの間にか動かなくなっていました
あると便利なので修正箇所分かる方いたら教えてください
よろしくお願いします
@-moz-document url-prefix("www.google.co.jp/search"),
url-prefix("www.google.com/search"),
url-prefix("https://www.google.co.jp/search"),
url-prefix("https://www.google.com/search"){
/* カウンタを生成 */
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 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/07/09(土) 17:39:59.23 ID:u8I2pcepa.net]
- >>77
stylus検討されたし
- 79 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/09(土) 19:52:16 ID:jaCAR1Qz0.net]
- >>77
div.rc ってどこのこと？
rc なんてクラスついた要素ないと思うんだけど
- 80 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL) mailto:sage [2022/07/09(土) 20:07:47 ID:vr6cpyc70.net]
- >>77
https://sutasutashiki.blogspot.com/2019/02/search-engine-ranking-firefox-stylus.html
- 81 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/09(土) 20:26:02 ID:jaCAR1Qz0.net]
- stylus とか好みの問題で関係ない
- 82 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3b1-lXIq) mailto:sage [2022/07/09(土) 22:32:31 ID:IAbm//gJ0.net]
- >>79
今まで使っていたcssをコピペしたので、詳しい事はわかりません、ごめんなさい
>>80
紹介ありがとうございます
ただ、サイトの途中に書いてある
/* Google */
div.r h3::before {
counter-increment: result;
content: counter(result) ". ";
}
に変更してみたのですが、こちらでは動かなかったのですが、自分のミスですかね？
- 83 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/09(土) 22:54:23 ID:jaCAR1Qz0.net]
- >>82
そっちは見るなよ
その上にこうあるだろ
#search h3::before { }
ていうかドメイン限定してるから #search もいらない
ちゃんと自分で検索ページを F12 押して調べなさい
- 84 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/09(土) 22:55:54 ID:jaCAR1Qz0.net]
- そのブログ記事 2021年4月8日更新 だぞ
当時は知らんが div.rc も div.r もないから
- 85 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL) mailto:sage [2022/07/10(日) 18:26:20 ID:PlDH7gqt0.net]
- >>82
それは効かない
- 86 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3b1-lXIq) mailto:sage [2022/07/10(日) 18:55:20 ID:hBTv0RfA0.net]
- >>83,85
お二人ともレスどうもありがとう
やっぱり効かないんですね
番号のつけ方的にそっちのほうが好みなんですが、無理なんですかね？
- 87 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL) mailto:sage [2022/07/10(日) 19:07:51 ID:PlDH7gqt0.net]
- 自分はできません
- 88 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/10(日) 19:
]
- [ここ壊れてます]
- 89 名前：19:33 ID:UtyQIc4w0.net mailto: >>86
効くとか効かないとかじゃなくて
少しは自分でウェブ開発ツールのインスペクタで確認しろよ
そうすりゃ汎用性はないけどなんとかする道はある
だけどそういうのは検索ページの仕様変更ですぐ使えなくなる
それを自分で調べる覚悟がなければ無理 [] - [ここ壊れてます]
- 90 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa09-TkQT) mailto:sage [2022/07/10(日) 19:41:42 ID:eiTcRPNJa.net]
- >>86
「検索結果のナンバリング」で検索されたし
- 91 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/10(日) 19:41:42 ID:UtyQIc4w0.net]
- >>86
これがインスペクタの表示
https://i.imgur.com/tG4frdX.jpg
- 92 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/10(日) 19:44:22 ID:UtyQIc4w0.net]
- >>89
それで出てくる上位は古かったり間違ってたり・・・
自分でやりたいようにやらないと意味ない
- 93 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd58-ypzp) mailto:sage [2022/07/10(日) 19:55:24 ID:UtyQIc4w0.net]
- >>90 の画像は2つに分かれていて
上の方は、検索結果の内容は div#search の中に入っていることを示したもの
下の方は、階層になっている例として
「Firefox 高速プライベートブラウザー - Google Play のアプリ」
「Android 版 Firefox Beta - Google Play のアプリ」
の箇所を示した
ここから法則を導き出して頑張ってくれ
- 94 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ fdb0-TkQT) mailto:sage [2022/07/10(日) 20:49:28 ID:4NqnY4XL0.net]
- オッ、なんかこの時間帯親切なネ申がいるみたいなんで俺も質問
右クリメニュー等の背景に透過png画像(狐ロゴ)を表示させてたんだけど(.menupopup-arrowscrollbox)
内部仕様が変わってメニュー全体が透過されるようになっちゃった
なのでもう一階層下に(.scrollbox-clip)指定し直してみた
すると表示自体は一応元通りにはなったんだが、なぜかタブバーにも画像が現れてしまう
どうしたらいいのか分からん教えろ下さい<m(__)m>
- 95 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a3b1-lXIq) mailto:sage [2022/07/11(月) 23:48:48 ID:bc2Q49FA0.net]
- >>90
遅ればせながら、わざわざ画像まで作って説明してくれてありがとう
自分で解決出来れば一番良いので、この機会に勉強してみます
- 96 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/07/12(火) 16:20:03.92 ID:ICSF3SAm0.net]
- アドレスバーでhttpのサイトのURLを赤く表示するCSSを見つけました。
#identity-box[pageproxystate="valid"].notSecure ~ .urlbar-input-box{ color: red }
で、逆にhttpsのサイトのURLを緑で表示することもできるんじゃないかと思うのですが、
どう書けばいいでしょうか？
素人考えで色をgreenにして、notSecureの部分をSecureにすればいいのではないかと思ったのですが、
ダメでした。
- 97 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/07/12(火) 16:30:39.61 ID:ICSF3SAm0.net]
- 自己解決しました。
ふと思い当たって、notSecureを外せばいいのではないかと試したらうまく行きました。
#identity-box[pageproxystate="valid"] ~ .urlbar-input-box{ color: green }
- 98 名前：93 (ﾜｯﾁｮｲ fdb0-TkQT) mailto:sage [2022/07/14(木) 23:38:30 ID:r4F0p2vW0.net]
- おい、もはやお前らだけが頼りなんだが？
マジで頼むが？
- 99 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4576-uScL) mailto:sage [2022/07/15(金) 00:12:19 ID:yMzH5nh+0.net]
- >>97
素人考え
:not(#TabsToolbar)
- 100 名前：97 (ﾜｯﾁｮｲ 69b0-GsVe) mailto:sage [2022/07/17(日) 14:37:37 ID:F8E2RULa0.net]
- >98㌧
駄目だった…w
他にも
tabbrowser-tabs
toolbar-items
TabsToolbar-customization-target
とか試したけど消えず
つかそもそも上位のIDが指定出来りゃ苦労は無いのに
shadow-rootとかいうわけわからんIDだから困る
引き続き気長にネ申を待つ
|
 |
