[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part12 (631ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
341(1): (ｱｳｱｳｳｰT Sa1d-IWyi) 2023/03/09(木)16:47 ID:BwbWpfoQa(1) AAS
>>336
/*** ドロップダウン/コンテキスト/ポップアップ メニューの間隔を調整する ***/
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
min-height: unset !important; /* v92.0 - for padding below 4px */
}
省3
342: (ｵｲｺﾗﾐﾈｵ MM15-mLBL) 2023/03/09(木)18:20 ID:chzehV5oM(5/6) AAS
>>341
:1pxに変更したら、88のようにブックマークツールバーの行間が詰まりました、ありがとうございます。
padding-block: 1px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
343: (ｵｲｺﾗﾐﾈｵ MM15-mLBL) 2023/03/09(木)21:42 ID:chzehV5oM(6/6) AAS
メニューバーのプルダウンメニューのアイテムの行間を行間を狭めたい。88のように。スタイルの定義を教えて。
自力で試したが１ミリも動かせない
344: (ﾜｯﾁｮｲ 7158-X7yB) 2023/03/09(木)22:39 ID:+2sl6Q4R0(1) AAS
こうやって勝手に隙間をつめておいて
あとでバージョンアップで表示が壊れて泣きついてくる
そんな未来がありありと見えます
345: (ﾜｯﾁｮｲ 2958-zdzo) 2023/03/09(木)22:44 ID:lFFwpf+L0(1) AAS
基地外age厨に構うからこうなる
346: (ｵｯﾍﾟｹ Sr9d-5NmK) 2023/03/23(木)21:21 ID:/XQMT6hQr(1) AAS
::selection {
background-color: red;
}
が反映されないサイトがあります
例えばBing検索結果のページでは反映されますが
Bingのチャットタブに移ると反映されなくなります
チャットでも反映されるようにするにはどう書けばいいですか？
347: (ﾆｸｸｴ e56e-3uzD) 2023/03/29(水)22:57 ID:g0hQ0DfP0NIKU(1) AAS
反映されてないのはshadow-rootの部分だから
基本的にはjs案件になるのかな？
348: (ｽｯｯﾌﾟ Sd62-RpmQ) 2023/03/30(木)14:11 ID:9xg5uhi6d(1) AAS
誘導先で忘れた頃に回答
#navigator-toolbox {
border-bottom: none !important;
}
349(3): (ｱﾝﾊﾟﾝ MMdf-Q6cH) 2023/04/04(火)21:55 ID:vKF+nrxgM0404(1) AAS
Thunderbirdのメッセージペインのスクロールバーのスライダー？の色は
* {
scrollbar-color: rgb(200, 200, 200) lightgray !important;
}
で変えられましたがスライダーじゃない部分の色を変える方法をご教示ください
350(1): (ｱﾝﾊﾟﾝ ffcf-jNeE) 2023/04/04(火)21:59 ID:WL1pVbXk00404(1) AAS
lightgray
351(1): (ﾜｯﾁｮｲ df6e-kVuH) 2023/04/05(水)00:30 ID:E4+tSALF0(1) AAS
スライダーじゃない部分とは？
352: (ﾜﾝﾐﾝｸﾞｸ MMdf-Q6cH) 2023/04/05(水)07:08 ID:j9L1BPMIM(1) AAS
>>351
スライダーの上下の部分です
スライダーが車とすれば道路部分といえばいいのでしょうか
353: (ﾜｯﾁｮｲ df58-Rggd) 2023/04/05(水)09:11 ID:8BVXlvIX0(1) AAS
？？？
354: (ﾜｯﾁｮｲ 7f76-kVuH) 2023/04/05(水)13:25 ID:vPp4ELNN0(1) AAS
>>349
Firefoxはスライダーと背景色しか変えられないからThunderbirdも同じなのではないかな
355: (ﾜｯﾁｮｲ ff03-kVuH) 2023/04/06(木)01:28 ID:DbFMzxX80(1) AAS
>>350 が答えのようだが、そこを変えても駄目なら駄目なんじゃないかな
356: 349 (ﾜﾝﾐﾝｸﾞｸ MMdf-Q6cH) 2023/04/06(木)07:12 ID:VJpl4T9xM(1) AAS
ありがとうございます
急に忙しくなってスクショあげたりできずすみません
落ち着いたらまたお聞きするかもしれません
357: (ﾜｯﾁｮｲ ffcf-jNeE) 2023/04/06(木)08:50 ID:IEa5iar20(1) AAS
逃げた?
358(1): 349 (ﾜﾝﾐﾝｸﾞｸ MM52-d6Gd) 2023/04/09(日)19:38 ID:zjn8JiI6M(1/3) AAS
度々すみません
ようやく落ち着きました
画像ﾘﾝｸ[png]:or2.mobi
>>349で変えたのは?で
変え方を知りたいのは?の部分の色です
359(1): (ﾜｯﾁｮｲ 9176-Ay2p) 2023/04/09(日)19:49 ID:dxAs4ZQ10(1/4) AAS
>>358
>>394ので変わりますよ
rgb(200, 200, 200)がレールとボタン lightgrayがスライダー
360: (ﾜｯﾁｮｲ 9176-Ay2p) 2023/04/09(日)19:50 ID:dxAs4ZQ10(2/4) AAS
>>349の
361(1): (ﾜﾝﾐﾝｸﾞｸ MM52-d6Gd) 2023/04/09(日)20:13 ID:zjn8JiI6M(2/3) AAS
>>359
さっそくありがとうございます
画像ﾘﾝｸ[png]:or2.mobi
rgbの方は反映しますが lightgray を他の色にしてみましたがなぜかうまくいきません
どこが間違ってますでしょうか
テーマは標準のLightです
362: (ﾜｯﾁｮｲ 9176-Ay2p) 2023/04/09(日)20:46 ID:dxAs4ZQ10(3/4) AAS
>>361
うちだとこれでいけますけど
何が違うんだろうか
* {
scrollbar-color: green orange !important; /* レールとボタン スライダー */
}
363: (ﾜｯﾁｮｲ 9176-Ay2p) 2023/04/09(日)20:49 ID:dxAs4ZQ10(4/4) AAS
これも同じです
:root {
scrollbar-color: green orange !important;
}
364: (ﾜﾝﾐﾝｸﾞｸ MM52-d6Gd) 2023/04/09(日)21:12 ID:zjn8JiI6M(3/3) AAS
何度もありがとうございます
画像ﾘﾝｸ[png]:or2.mobi
やっぱりダメみたいです
:rootの方もです
いつもこのスレ見てますので何かあれば教えてください
ありがとうございました
365(1): (ﾜｯﾁｮｲ 4958-Ay2p) 2023/04/10(月)01:29 ID:L+JBGeSE0(1) AAS
Thunderbirdはスレチ
366(1): (ﾜｯﾁｮｲ a102-Ld7i) 2023/04/12(水)14:24 ID:vuJL3fUG0(1/2) AAS
#statuspanel {
position: fixed !important;
top: 18px !important;
left: 920px !important;
text-align: left !important;
}
Firefox112にアップしたところ
省5
367(1): (ﾜｯﾁｮｲ 91be-T2rn) 2023/04/12(水)15:14 ID:v2YfpdF90(1) AAS
>>366
display: block !important;
368: (ﾜｯﾁｮｲ a102-Ld7i) 2023/04/12(水)19:09 ID:vuJL3fUG0(2/2) AAS
>>367
できましたーありがとうございます。
369(3): (ﾜｯﾁｮｲ 47b1-baic) 2023/04/15(土)22:42 ID:MO+EbpfT0(1) AAS
FirefoxのUIをuserChrome.cssでカスタマイズしていた人たちに報告。
Firefox113からUIレイアウトが「-moz-box」から「display: flex」に変わるから一部動作しなくなるものがあるみたい。
俺はUIパネルを左にしていたのが効かなくなっちゃった。
もちろん解決方法もあるぞ
「-moz-box-ordinal-group: 0」は「order: -1」に
「-moz-box-orient: vertical」は「flex-direction: column」に
「-moz-box-direction: reverse」は「flex-direction: row-reverse」に
省1
370: (ﾜｯﾁｮｲW 0773-+Cyp) 2023/04/15(土)23:53 ID:1/yPwbgA0(1) AAS
>>369
サンクス
371(1): (ｱｳｱｳｳｰT Sacb-uCKD) 2023/04/17(月)10:49 ID:jjSV3S3/a(1/5) AAS
いつからか、下記動かなくなった。
/*** ページ内検索バーを上に移動 ***/
#main-window:not([chromehidden="true"]) > .browserContainer > findbar {
-moz-box-ordinal-group: 0;
border-top: none !important;
}
372(1): (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/17(月)11:20 ID:qc0dXxZM0(1/6) AAS
>>371
findbar {
-moz-box-ordinal-group: 0 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
transition: none !important;
}
373(1): (ｱｳｱｳｳｰT Sacb-uCKD) 2023/04/17(月)12:44 ID:jjSV3S3/a(2/5) AAS
>>372
ありがとう。
Ver112ではOKなるも113では動作しません。
374(1): (ﾜｯﾁｮｲ 6773-baic) 2023/04/17(月)13:01 ID:3PvOhoii0(1/2) AAS
>>373
369のじゃないの？
375(2): (ﾜｯﾁｮｲ 0702-pJ19) 2023/04/17(月)13:51 ID:7qktzo280(1/2) AAS
/* Gray icon on inactive tabs */
tab .tab-icon, .tab-icon-image, .tab-throbber {
filter: grayscale(1);
}
#TabsToolbar .tabbrowser-tab[selected] .tab-icon,
#TabsToolbar .tabbrowser-tab[selected] .tab-icon-image,
#TabsToolbar .tabbrowser-tab[selected] .tab-throbber {
省5
376(1): (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/17(月)14:18 ID:qc0dXxZM0(2/6) AAS
>>375
112で動作するよ
!important;付けてみるとか
377(3): (ﾜｯﾁｮｲ 0702-pJ19) 2023/04/17(月)15:56 ID:7qktzo280(2/2) AAS
>>376
動作してますか・・オマカンとすれば何かと干渉してるんだろうけど
!important;付けても、userChrome.cssの中身を>>375のだけにしても、スクリプト全部無効にしても
拡張をあれこれ無効にしても、などと色々試してみたけど自分の環境ではダメみたいです。仕方ないです
378: (ﾜｯﾁｮｲW 7fcf-KucE) 2023/04/17(月)16:35 ID:f9k8YEir0(1/2) AAS
>>377
こっちの112でも動作するなあ
しかしこれいいなopacityと組み合わせたらさらに良くなったありがとう
379(1): (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/17(月)16:58 ID:qc0dXxZM0(3/6) AAS
>>377さん動くといいですけどね
マウスオーバー 複数選択 ピン止め加えてみた
.tabbrowser-tab:hover tab .tab-icon, .tabbrowser-tab:hover .tab-icon-image, .tabbrowser-tab:hover .tab-throbber {
filter: grayscale(0) !important;
}
.tabbrowser-tab[multiselected="true"] tab .tab-icon, .tabbrowser-tab[multiselected="true"] .tab-icon-image, .tabbrowser-tab[multiselected="true"] .tab-throbber {
filter: grayscale(40%) !important;
省10
380(1): (ﾜｯﾁｮｲW 7fcf-KucE) 2023/04/17(月)17:08 ID:f9k8YEir0(2/2) AAS
>>379
それは俺も動かないなあ
俺はこう書き変えた
.tab-icon-image {
filter: grayscale(1);
opacity: 0.3;
}
省4
381(1): (ｱｳｱｳｳｰT Sacb-uCKD) 2023/04/17(月)19:38 ID:jjSV3S3/a(3/5) AAS
>>374
いいえ、372です。
369は意味不明です。
382(1): (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/17(月)19:41 ID:qc0dXxZM0(4/6) AAS
>>381
「-moz-box-ordinal-group: 0」を「order: -1」にしないと動かないんじゃないの
383(1): (ｱｳｱｳｳｰT Sacb-uCKD) 2023/04/17(月)20:42 ID:jjSV3S3/a(4/5) AAS
>>382
下記は112でOK
/*** ページ内検索バーを上に移動 ***/
findbar {
-moz-box-ordinal-group: 0 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
省4
384(1): (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/17(月)20:48 ID:qc0dXxZM0(5/6) AAS
>>383
>>369の通りに変更
385: (ｱｳｱｳｳｰT Sacb-uCKD) 2023/04/17(月)22:02 ID:jjSV3S3/a(5/5) AAS
>>384
112でも動かなくなる。
386: (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/17(月)22:16 ID:qc0dXxZM0(6/6) AAS
113からって書いてあるでしょ
387: (ﾜｯﾁｮｲ 6773-baic) 2023/04/17(月)23:04 ID:3PvOhoii0(2/2) AAS
>>380
横からだけと使わせてもらいます
388(1): (ﾜｯﾁｮｲW 7fcf-KucE) 2023/04/20(木)00:59 ID:CO3aaT/J0(1) AAS
再生中のアイコンの背景をアニメーションさせる
/* 再生中アイコンの背景アニメーション */
.tab-icon-stack[soundplaying="true"]:after, .tab-icon-stack[muted="true"]:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
省10
389: (ﾜｯﾁｮｲ 0776-sFbk) 2023/04/20(木)11:39 ID:MQCiqgCF0(1) AAS
>>388
いいですね
390: (ﾜｯﾁｮｲ 9ed7-k7hE) 2023/04/22(土)15:53 ID:+sGm+Gy50(1) AAS
>>377
自分も駄目で色々試したら上手く行ったので、参考までに
その部分だけ別ファイルにして@importで読ませるかCSS_Loader使うかしたらちゃんと動作した
391(3): (ﾜｯﾁｮｲ af0c-KeI6) 2023/05/08(月)23:54 ID:QDUgd/xW0(1) AAS
>>369 さんの情報を参考にしてタブバーを下にできました ありがとうございます
112まで↓
/* タブバーをツールバーの下へ移動 */
#titlebar { -moz-box-ordinal-group: 2; }
113から↓
/* タブバーをツールバーの下へ移動 */
#titlebar { order: 1; }
392: (ﾜｯﾁｮｲ c256-O5MS) 2023/05/09(火)23:14 ID:iirlw2md0(1) AAS
>>391
共有感謝
393(1): (ﾜｯﾁｮｲ 3358-uTC/) 2023/05/10(水)11:29 ID:maed3zUD0(1/2) AAS
113で
タブをダブルクリックでリロード.uc.js
再起動出来なくなった
何方かお願いします
(function(){gBrowser.tabContainer.addEventListener("dblclick", function(e){if(!!e.target.closest('.tabbrowser-tab'))BrowserReload()},false)})()
394(2): (ﾜｯﾁｮｲW b2ec-tOW/) 2023/05/10(水)11:57 ID:3lyqocQ90(1) AAS
>>393
ウチは以下のまま113に上げて問題なく動いてる
(function(){
gBrowser.tabContainer.addEventListener('dblclick', function(e) {
if(!!e.target.closest('.tabbrowser-tab')) BrowserReload();
},false)
})();
395(1): (ﾜｯﾁｮｲ 9eb7-KeI6) 2023/05/10(水)18:34 ID:VeifN0ZI0(1/5) AAS
タブをツールバーの下に配置するだけでいいので、>391の通りuserchrome.cssに
#titlebar { order: 1; }
を1行だけ入れたら、確かにタブは下にはなったが、メニューバーも下になってしまった・・・
タブだけをツールバーの下側にする方法はないんでしょうか
396: (ﾜｯﾁｮｲ 9eb7-KeI6) 2023/05/10(水)18:41 ID:VeifN0ZI0(2/5) AAS
検索して出てきた以下の構文を
#titlebar { order: 1; }
/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 8px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }
省2
397: (ﾜｯﾁｮｲ 9eb7-KeI6) 2023/05/10(水)18:43 ID:VeifN0ZI0(3/5) AAS
↑間違えて投稿しちゃったすいません
検索して出てきた以下の構文を試してみたら、メニューバーは元通りになったものの
今度はウィンドウコントロールボタン（最小化、最大化、閉じる）が左に寄ってしまったｗｗｗ
上手く行かなくて困ってます
#titlebar { order: 1; }
/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex; }
省5
398(4): (ﾜｯﾁｮｲ a7b1-mRyj) 2023/05/10(水)19:07 ID:9NQSUQTP0(1) AAS
>>395
自分はこれでうまくいった
外部ﾘﾝｸ:tofukko.blog.fc2.com
399: (ﾜｯﾁｮｲ 9eb7-KeI6) 2023/05/10(水)19:18 ID:VeifN0ZI0(4/5) AAS
>>398
おお上手く行った！マジでTHX！！！
400: (ﾜｯﾁｮｲ ff76-tcUg) 2023/05/10(水)20:13 ID:wkohtPyF0(1/2) AAS
タブ位置は下にできたけどブックマークメニューのスカスカ具合がなおらない。
何かしらあるなぁ。
401: (ﾜｯﾁｮｲ ff76-tcUg) 2023/05/10(水)20:17 ID:wkohtPyF0(2/2) AAS
連投でごめん、なおせました。
402: (ﾜｯﾁｮｲ c283-O5MS) 2023/05/10(水)21:47 ID:k3pOUTUS0(1) AAS
>>398
直ったーこれなら当分だいじょぶだね、あんがと
いいかげんchromeに移った方がスマホと同じに使えていいんだけどね
403: (ﾜｯﾁｮｲ 3358-uTC/) 2023/05/10(水)22:39 ID:maed3zUD0(2/2) AAS
>>394 有り難うございます私の思い違いでした 動いてました
404: (ﾜｯﾁｮｲW dfb1-1H+b) 2023/05/10(水)23:26 ID:8ye1X4gn0(1) AAS
>>398でタブバーは下になったけど、もう少しタブバーの高さが狭い方がいい
どこ弄れば狭く出来るんだろう
405(1): (ﾜｯﾁｮｲ 9eb7-KeI6) 2023/05/10(水)23:52 ID:VeifN0ZI0(5/5) AAS
ちょっと調べて知ったかぶりで発言するけど、タブの高さを設定している構文がないっぽい
どこかを変更するんじゃなくて構文を追加しないと駄目なんじゃないかな
:root { --tab-min-height : 22px !important; }
と追加してみたら一応出来たみたい（heightの数値は自分で考えて）
見る人が見れば簡単なんだろうけど、何も知らない素人じゃこんなもんよw
406(1): (ﾜｯﾁｮｲ dfb1-KeI6) 2023/05/11(木)01:39 ID:Hn9hdv5g0(1) AAS
>>405
ありがとう
なんとか自分で見つけた
#TabsToolbar {
--tab-min-height: 26px; !important;
}
でいけた
省10
407(2): (ﾜｯﾁｮｲ d607-O5MS) 2023/05/11(木)13:09 ID:5rCOYIc+0(1) AAS
>>398
これでタブの位置は下になるんだけど
タブの形やバーの高さ、ブックマークなどの行間がリセットされちゃってしんどいｗ
408: (ｽﾌｯ Sd32-1H+b) 2023/05/11(木)13:36 ID:3X2sq5MDd(1) AAS
>>407
タブバーの高さは>>406の#TabsToolbarで弄れる
ブックマークバーは#PersonalToolbarだからそれでググればなんか出てくるかも
409: (ﾜｯﾁｮｲ dfb1-KeI6) 2023/05/11(木)15:20 ID:UNujzkwq0(1) AAS
/*** ドロップダウン/コンテキスト/ポップアップ メニューの間隔を調整する ***/
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
省3
410(1): (ﾜｯﾁｮｲ 3358-BCaB) 2023/05/11(木)21:45 ID:xu8iR9zZ0(1) AAS
>>407
なんでわざわざしんどいことをするのか意味不明
マゾなの？
411(1): (ﾜｯﾁｮｲ d607-O5MS) 2023/05/12(金)09:49 ID:so746gC70(1) AAS
>>410
初心者なんだからそんないじめないでくれよｗ
-moz-box-ordinal-group の代わりに order を使うってのをみて
#titlebar {
order: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
省5
412: (ﾜｯﾁｮｲ 035c-gC+C) 2023/05/13(土)15:03 ID:NZg3foP+0(1) AAS
Pushbulletの通知のタテ幅を
112以前の長さに戻す方法を教えてください
413(2): (ﾜｯﾁｮｲ f302-Ztna) 2023/05/14(日)22:35 ID:kxXxwTy80(1) AAS
* {
scrollbar-width: thin !important;
}
/* for about:'pages' */
@-moz-document url-prefix("about:"),
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
window,
省11
414(1): (ﾜｯﾁｮｲ ff76-ZkZz) 2023/05/14(日)22:41 ID:JgOuJUs60(1) AAS
>>413
cssだけだと以前から丸くできなかったのではないかと思ったが
色を変える細くする非表示にするだけでは
415(1): (ﾜｯﾁｮｲW cf44-oh6m) 2023/05/14(日)23:31 ID:yNFraeg+0(1/2) AAS
以前はできたよ、ただし指定する対象はscrollbarじゃなくscrollbar thumb
が、例によって例の如く113ではこれも効かない
416(1): (ﾜｯﾁｮｲW cf44-oh6m) 2023/05/14(日)23:35 ID:yNFraeg+0(2/2) AAS
単に角を丸くしたいだけなら、about:config から widget.non-native-theme.scrollbar.style を1にしてMacOSX風にするのが手っ取り早いかも
417: (ﾜｯﾁｮｲ f302-Ztna) 2023/05/15(月)15:23 ID:ra4YLk4k0(1) AAS
>>414-416
やっぱできなくなったんですね・・
で、>>413を入れることもなく、>>416の値を2にすることで細く丸くなってくれたのでこれで満足です。
ありがとうございました！
418: (ﾜｯﾁｮｲ 6fb7-ZkZz) 2023/05/15(月)20:29 ID:L6aQp1jr0(1) AAS
ユーザーが勝手にカスタマイズするなと言わんばかりの仕様だな
419: (ﾜｯﾁｮｲ cfdc-Np+b) 2023/05/15(月)23:55 ID:zPzzaTR60(1) AAS
なんかのソフト作った人がそういう社風が嫌でモジラやめたっていってたな
420: (ﾜｯﾁｮｲ 3358-zDwv) 2023/05/16(火)00:02 ID:62/FNo7Q0(1) AAS
それ、いつの誰の話だかさっぱりわからんな
421: (ﾃﾃﾝﾃﾝﾃﾝ MM7f-PEqb) 2023/05/19(金)01:03 ID:PSQC+rSCM(1) AAS
>>391
これで直った、ありがたい
感謝
上下前次1-新書関写板覧索設栞歴
あと 210 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.041s