23/04/09 20:49:58.25 dxAs4ZQ10.net
これも同じです
:root {
scrollbar-color: green orange !important;
}
368:名無しさん＠お腹いっぱい。 (ﾜﾝﾐﾝｸﾞｸ MM52-d6Gd)
23/04/09 21:12:02.27 zjn8JiI6M.net
何度もありがとうございます
URLﾘﾝｸ(or2.mobi)
やっぱりダメみたいです
:rootの方もです
いつもこのスレ見てますので何かあれば教えてください
ありがとうございました
369:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4958-Ay2p)
23/04/10 01:29:33.61 L+JBGeSE0.net
Thunderbirdはスレチ
370:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a102-Ld7i)
23/04/12 14:24:16.94 vuJL3fUG0.net
#statuspanel {
position: fixed !important;
top: 18px !important;
left: 920px !important;
text-align: left !important;
}
Firefox112にアップしたところ
ここかどこかで見た、ステータスパネルを強引にロケーションバー内に移動させるこのCSSが
上からブラウザの下まで縦方向にその幅分全体で表示されるようになってしまいました
元通りに下にあったステータスパネル分の高さで表示するにはどうしたらいいでしょうか
hightを入れてみて一見ウマくいったかと思ったのですが、細く表示されて見えなくなったりするので
スマートは方法はないかと・・
371:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 91be-T2rn)
23/04/12 15:14:48.34 v2YfpdF90.net
>>366
display: block !important;
372:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a102-Ld7i)
23/04/12 19:09:39.31 vuJL3fUG0.net
>>367
できましたーありがとうございます。
373:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 47b1-baic)
23/04/15 22:42:42.00 MO+EbpfT0.net
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」に
「-moz-box-align: center」は「align-content: center 」か「align-items: center」に差し替えると今まで通り
374:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0773-+Cyp)
23/04/15 23:53:17.98 1/yPwbgA0.net
>>369
サンクス
375:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-uCKD)
23/04/17 10:49:45.05 jjSV3S3/a.net
いつからか、下記動かなくなった。
/*** ページ内検索バーを上に移動 ***/
#main-window:not([chromehidden="true"]) > .browserContainer > findbar {
-moz-box-ordinal-group: 0;
border-top: none !important;
}
376:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/17 11:20:01.04 qc0dXxZM0.net
>>371
findbar {
-moz-box-ordinal-group: 0 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
transition: none !important;
}
377:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-uCKD)
23/04/17 12:44:49.29 jjSV3S3/a.net
>>372
ありがとう。
Ver112ではOKなるも113では動作しません。
378:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6773-baic)
23/04/17 13:01:41.15 3PvOhoii0.net
>>373
369のじゃないの？
379:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0702-pJ19)
23/04/17 13:51:42.96 7qktzo280.net
/* 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 {
filter: grayscale(0);
}
↑アクティブじゃないタブのファビコンを全部グレーアウトして目立たなくするというやつなんですけど
現在でも効く方法分かる方いらっしゃったらお願いします。
ググってみると、アドオンとかもあるんですが、112では動かないみたいなんですよね
380:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/17 14:18:22.26 qc0dXxZM0.net
>>375
112で動作するよ
!important;付けてみるとか
381:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0702-pJ19)
23/04/17 15:56:08.42 7qktzo280.net
>>376
動作してますか・・オマカンとすれば何かと干渉してるんだろうけど
!important;付けても、userChrome.cssの中身を>>375のだけにしても、スクリプト全部無効にしても
拡張をあれこれ無効にしても、などと色々試してみたけど自分の環境ではダメみたいです。仕方ないです
382:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 7fcf-KucE)
23/04/17 16:35:38.45 f9k8YEir0.net
>>377
こっちの112でも動作するなあ
しかしこれいいなopacityと組み合わせたらさらに良くなったありがとう
383:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/17 16:58:59.76 qc0dXxZM0.net
>>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;
}
.tabbrowser-tab[multiselected="true"]:hover tab .tab-icon, .tabbrowser-tab[multiselected="true"]:hover .tab-icon-image, .tabbrowser-tab[multiselected="true"]:hover .tab-throbber {
filter: grayscale(0) !important;
}
.tabbrowser-tab[pinned] tab .tab-icon, .tabbrowser-tab[pinned] .tab-icon-image, .tabbrowser-tab[pinned] .tab-throbber {
filter: grayscale(50%) !important;
}
.tabbrowser-tab[pinned]:hover tab .tab-icon, .tabbrowser-tab[pinned]:hover .tab-icon-image, .tabbrowser-tab[pinned]:hover .tab-throbber {
filter: grayscale(0) !important;
}
384:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 7fcf-KucE)
23/04/17 17:08:12.41 f9k8YEir0.net
>>379
それは俺も動かないなあ
俺はこう書き変えた
.tab-icon-image {
filter: grayscale(1);
opacity: 0.3;
}
.tabbrowser-tab:hover .tab-icon-image, .tabb
385:rowser-tab[selected] .tab-icon-image { filter: grayscale(0); opacity: 1; }
386:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-uCKD)
23/04/17 19:38:28.98 jjSV3S3/a.net
>>374
いいえ、372です。
369は意味不明です。
387:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/17 19:41:33.58 qc0dXxZM0.net
>>381
「-moz-box-ordinal-group: 0」を「order: -1」にしないと動かないんじゃないの
388:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-uCKD)
23/04/17 20:42:47.44 jjSV3S3/a.net
>>382
下記は112でOK
/*** ページ内検索バーを上に移動 ***/
findbar {
-moz-box-ordinal-group: 0 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
transition: none !important;
}
113ではダメです。
”-moz-box-ordinal-group: 0”をどう修正するの？
389:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/17 20:48:59.02 qc0dXxZM0.net
>>383
>>369の通りに変更
390:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacb-uCKD)
23/04/17 22:02:04.43 jjSV3S3/a.net
>>384
112でも動かなくなる。
391:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/17 22:16:34.92 qc0dXxZM0.net
113からって書いてあるでしょ
392:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6773-baic)
23/04/17 23:04:32.21 3PvOhoii0.net
>>380
横からだけと使わせてもらいます
393:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 7fcf-KucE)
23/04/20 00:59:18.95 CO3aaT/J0.net
再生中のアイコンの背景をアニメーションさせる
/* 再生中アイコンの背景アニメーション */
.tab-icon-stack[soundplaying="true"]:after, .tab-icon-stack[muted="true"]:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
margin: -2px;
background: rgba(128, 128, 128, 0.5);
border-radius: 50%;
animation: scaling .6s alternate infinite;
z-index: -1;
}
@keyframes scaling {
0% {scale: 0.8;}
100% {scale: 1.2;}
}
394:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0776-sFbk)
23/04/20 11:39:48.14 MQCiqgCF0.net
>>388
いいですね
395:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9ed7-k7hE)
23/04/22 15:53:23.74 +sGm+Gy50.net
>>377
自分も駄目で色々試したら上手く行ったので、参考までに
その部分だけ別ファイルにして@importで読ませるかCSS_Loader使うかしたらちゃんと動作した
396:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ af0c-KeI6)
23/05/08 23:54:50.90 QDUgd/xW0.net
>>369 さんの情報を参考にしてタブバーを下にできました ありがとうございます
112まで↓
/* タブバーをツールバーの下へ移動 */
#titlebar { -moz-box-ordinal-group: 2; }
113から↓
/* タブバーをツールバーの下へ移動 */
#titlebar { order: 1; }
397:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c256-O5MS)
23/05/09 23:14:38.26 iirlw2md0.net
>>391
共有感謝
398:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3358-uTC/)
23/05/10 11:29:41.69 maed3zUD0.net
113で
タブをダブルクリックでリロード.uc.js
再起動出来なくなった
何方かお願いします
(function(){gBrowser.tabContainer.addEventListener("dblclick", function(e){if(!!e.target.closest('.tabbrowser-tab'))BrowserReload()},false)})()
399:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW b2ec-tOW/)
23/05/10 11:57:18.75 3lyqocQ90.net
>>393
ウチは以下のまま113に上げて問題なく動いてる
(function(){
gBrowser.tabContainer.addEventListener('dblclick', function(e) {
if(!!e.target.closest('.tabbrowser-tab')) BrowserReload();
},false)
})();
400:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9eb7-KeI6)
23/05/10 18:34:05.01 VeifN0ZI0.net
タブをツールバーの下に配置するだけでいいので、>391の通りuserchrome.cssに
#titlebar { order: 1; }
を1行だけ入れたら、確かにタブは下にはなったが、メニューバーも下になってしまった・・・
タブだけをツールバーの下側にする方法はないんでしょうか
401:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9eb7-KeI6)
23/05/10 18:41:20.26 VeifN0ZI0.net
検索して出てきた以下の構文を
#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; }
/* ツールバーの上にメニューバーのスペースを確保する */
#navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 32px transparent !important; }
402:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9eb7-KeI6)
23/05/10 18:43:11.08 VeifN0ZI0.net
↑間違えて投稿しちゃったすいません
検索して出てきた以下の構文を試してみたら、メニューバーは元通りになったものの
今度はウィンドウコントロールボタン（最小化、最大化、閉じる）が左に寄ってしまったｗｗｗ
上手く行かなくて困ってます
#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; }
/* ツールバーの上にメニューバーのスペースを確保する */
#navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 32px transparent !important; }
403:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a7b1-mRyj)
23/05/10 19:07:05.94 9NQSUQTP0.net
>>395
自分はこれでうまくいった
URLﾘﾝｸ(tofukko.blog.fc2.com)
404:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9eb7-KeI6)
23/05/10 19:18:32.78 VeifN0ZI0.net
>>398
おお上手く行った！マジでTHX！！！
405:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff76-tcUg)
23/05/10 20:13:18.93 wkohtPyF0.net
タブ位置は下にできたけどブックマークメニューのスカスカ具合がなおらない。
何かしらあるなぁ。
406:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff76-tcUg)
23/05/10 20:17:57.49 wkohtPyF0.net
連投でごめん、なおせました。
407:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c283-O5MS)
23/05/10 21:47:27.13 k3pOUTUS0.net
>>398
直ったーこれなら当分だいじょぶだね、あんがと
いいかげんchromeに移った方がスマホと同じに使えていいんだけどね
408:名無しさん＠お腹いっぱい。
23/05/10 22:39:59.43 maed3zUD0.net
>>394 有り難うございます私の思い違いでした 動いてました
409:名無しさん＠お腹いっぱい。
23/05/10 23:26:01.10 8ye1X4gn0.net
>>398でタブバーは下になったけど、もう少しタブバーの高さが狭い方がいい
どこ弄れば狭く出来るんだろう
410:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9eb7-KeI6)
23/05/10 23:52:02.90 VeifN0ZI0.net
ちょっと調べて知ったかぶりで発言するけど、タブの高さを設定している構文がないっぽい
どこかを変更するんじゃなくて構文を追加しないと駄目なんじゃないかな
:root { --tab-min-height : 22px !important; }
と追加してみたら一応出来たみたい（heightの数値は自分で考えて）
見る人が見れば簡単なんだろうけど、何も知らない素人じゃこんなもんよw
411:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-KeI6)
23/05/11 01:39:13.44 Hn9hdv5g0.net
>>405
ありがとう
なんとか自分で見つけた
#TabsToolbar {
--tab-min-height: 26px; !important;
}
でいけた
ついでにツールバーもちょっと狭く出来たわ
#nav-bar {
height: 30px !important;
}
#urlbar {
min-height: 26px !important;
}
#searchbar {
min-height: 26px !important;
}
412:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d607-O5MS)
23/05/11 13:09:40.25 5rCOYIc+0.net
>>398
これでタブの位置は下になるんだけど
タブの形やバーの高さ、ブックマークなどの行間がリセットされちゃってしんどいｗ
413:名無しさん＠お腹いっぱい。 (ｽﾌｯ Sd32-1H+b)
23/05/11 13:36:18.73 3X2sq5MDd.net
>>407
タブバーの高さは>>406の#TabsToolbarで弄れる
ブックマークバーは#PersonalToolbarだからそれでググればなんか出てくるかも
414:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-KeI6)
23/05/11 15:20:16.14 UNujzkwq0.net
/*** ドロップダウン/コンテキスト/ポップアップ メニューの間隔を調整する ***/
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 {
--arrowpanel-menuitem-padding: 4px 8px !important;
}
これ使えてる
415:名無しさん＠お腹いっぱい。
23/05/11 21:45:56.02 xu8iR9zZ0.net
>>407
なんでわざ�
416:墲ｴしんどいことをするのか意味不明 マゾなの？
417:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d607-O5MS)
23/05/12 09:49:26.49 so746gC70.net
>>410
初心者なんだからそんないじめないでくれよｗ
-moz-box-ordinal-group の代わりに order を使うってのをみて
#titlebar {
order: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
にしたらタブの位置が下になった
その他はいじらなくても今までのまま
いろいろあげてくれるみなさんのおかげです
ありがとう
418:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 035c-gC+C)
23/05/13 15:03:09.48 NZg3foP+0.net
Pushbulletの通知のタテ幅を
112以前の長さに戻す方法を教えてください
419:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f302-Ztna)
23/05/14 22:35:40.46 kxXxwTy80.net
* {
scrollbar-width: thin !important;
}
/* for about:'pages' */
@-moz-document url-prefix("about:"),
@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
window,
page,
html,
.main-content,
scrollbar {
scrollbar-width: thin !important;
}
}
113になってスクロールバーを弄る系のスクリプトが全滅してて、いまだ解決策がないようで
ググってみると、userContentに記入する↑のようなcssがあって、もうこの細いだけのやつでもいいかって感じなんですが
このスクロールバーの両端を丸くラウンドさせる方法ってありますでしょうか？
border-radiusじゃダメで。これも効かなくなったのかな
420:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff76-ZkZz)
23/05/14 22:41:46.79 JgOuJUs60.net
>>413
cssだけだと以前から丸くできなかったのではないかと思ったが
色を変える細くする非表示にするだけでは
421:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW cf44-oh6m)
23/05/14 23:31:44.60 yNFraeg+0.net
以前はできたよ、ただし指定する対象はscrollbarじゃなくscrollbar thumb
が、例によって例の如く113ではこれも効かない
422:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW cf44-oh6m)
23/05/14 23:35:20.84 yNFraeg+0.net
単に角を丸くしたいだけなら、about:config から widget.non-native-theme.scrollbar.style を1にしてMacOSX風にするのが手っ取り早いかも
423:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f302-Ztna)
23/05/15 15:23:58.77 ra4YLk4k0.net
>>414-416
やっぱできなくなったんですね・・
で、>>413を入れることもなく、>>416の値を2にすることで細く丸くなってくれたのでこれで満足です。
ありがとうございました！
424:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6fb7-ZkZz)
23/05/15 20:29:49.30 L6aQp1jr0.net
ユーザーが勝手にカスタマイズするなと言わんばかりの仕様だな
425:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cfdc-Np+b)
23/05/15 23:55:57.32 zPzzaTR60.net
なんかのソフト作った人がそういう社風が嫌でモジラやめたっていってたな
426:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3358-zDwv)
23/05/16 00:02:16.18 62/FNo7Q0.net
それ、いつの誰の話だかさっぱりわからんな
427:名無しさん＠お腹いっぱい。
23/05/19 01:03:57.15 PSQC+rSCM.net
>>391
これで直った、ありがたい
感謝
428:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa8f-FgTA)
23/05/28 21:13:44.23 ke9D4HAJa.net
アドレスバーと検索バーの細い枠線を常時表示できませんか？
429:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7b58-SW8h)
23/05/28 21:44:28.09 HdQ0lM+F0.net
どういうこと？
430:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f76-S+HU)
23/05/28 21:54:49.56 hIobAH8H0.net
こういうのかな
#urlbar-input-container, #searchbar {
border: 1px solid var(--panel-separator-color) !important;
/*border: 1px solid ThreeDLightShadow !important;*/
}
431:名無しさん＠お腹いっぱい。
23/05/29 07:21:49.18 UuWTyIega.net
>>424
ありがとう、思い通りです。
しかし次のCSSで検索バーはうまくいくのですが、URLバーの丸みが崩れます。
回避策ありませんか？
/*** 検索バー&URLバーに丸み ***/
#searchbar {border-radius: 0.8em !important;}
#urlbar-background{border-radius: 0.8em !important;}
432:425
23/05/29 07:44:26.70 UuWTyIega.net
ごめん、もともとうまく行ってなかったと思う。
検索バー、URLバーが非アクティブでも丸みをつけられませんか？
433:名無しさん＠お腹いっぱい。
23/05/29 08:18:34.08 Y1fQC6ng0.net
/*
URLバーと検索バーの照準時の枠線を常に表示させる。
URLﾘﾝｸ(searchfox.org)
*/
#urlbar-background,
#searchbar {
outline: var(--focus-outline) !important;
outline-offset: var(--focus-outline-inset) !important;
outline-color: var(--toolbar-field-focus-border-color) !important;
border-color: transparent !important;
/* 角を丸める */
border-radius: 0.8em !important;
}
434:425
23/05/29 09:14:04.64 UuWTyIega.net
>>427
おー、見事ですね。
424案でも検索バー&URLバーに丸みを外すとスッキリしますね。
427案にするか迷うところです。
435:名無しさん＠お腹いっぱい。
23/06/01 00:12:14.84 cX6AAFIB0.net
ツールバーの拡張機能のボタンをクリックした時の順番を
任意の順番に変えるuserChrome.jsってありますか？
一応、ボタンクリックしてツールバーにピン留めし、順番に
戻した順に下には行くようですが、これだといちいちやり直す
必要もあるので。
436:429
23/06/01 00:14:29.26 cX6AAFIB0.net
すみません。スレチでした。
437:名無しさん＠お腹いっぱい。
23/06/01 08:37:50.44 cX6AAFIB0.net
ところでFirefoxのツールバーの拡張機能アイコンをクリックすると出るメニューの大きさ
これはuserChrome.cssで小さく変えることは可能ですか？
以前はextensions.unifiedExtensions.enabledをFalseで出来たけど
今はそれも出来なくなってしまったので
438:名無しさん＠お腹いっぱい。
23/06/01 11:32:47.08 K2Hgm0vJ0.net
>>431
URLﾘﾝｸ(github.com)
439:名無しさん＠お腹いっぱい。
23/06/01 21:20:41.04 cX6AAFIB0.net
>>432
有難うございます。
１のほうを少し自分で変えて適用してみました。
いい感じです。
440:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ eb5c-c8Mb)
23/06/01 23:30:47.03 SSdsf0DN0.net
アプリケーションメニューを左側に移動する方法を教えてください
441:名無しさん＠お腹いっぱい。
23/06/02 00:24:02.87 RDvau/OG0.net
祈るのです
442:名無しさん＠お腹いっぱい。
23/06/02 10:24:07.42 kpk57Z4e0.net
アプリケーションメニューて何のこと
443:名無しさん＠お腹いっぱい。
23/06/02 20:00:21.31 Zx5YDwG20.net
三
444:名無しさん＠お腹いっぱい。
23/06/02 21:10:11.00 kpk57Z4e0.net
ハンバーガーボタンを左に移動 */
#PanelUI-button {
order: -1 !important;
margin-left: 1px !important;
margin-right: -12px !important;
}
445:名無しさん＠お腹いっぱい。
23/06/02 21:11:37.73 kpk57Z4e0.net
/* ハンバーガーボタンを左に移動 */
#PanelUI-button {
order: -1 !important;
margin-left: 1px !important;
margin-right: -12px !important;
}
446:名無しさん＠お腹いっぱい。
23/06/02 22:09:22.35 Zx5YDwG20.net
ハンバーガーありがとう
447:名無しさん＠お腹いっぱい。
23/06/02 23:37:34.60 vQWMdEiq0.net
>>439
横からだけどありがたい
ハンバーガーメニューのsvgファイルをFirefoxロゴのsvgに替えて使っていたけど、右のままだったから様にならなくて
448:名無しさん＠お腹いっぱい。
23/06/04 14:06:51.37 Pg6hW7Em0.net
見てるサイトをブクマに登録する時にURLバーの右にある星マークをクリックして
「ブックマークを追加」のダイアログボックスを開いてブクマ登録するわけだが
そのダイアログボックスの「保存場所」の候補のファイルが出てくる枠が狭くて使いづらいんで
その枠を広げたいんだけどなんとかならんの？
解決する方法があったらおしえてくれ
あと、この板ってどの程度の間隔で書き込みできるんだ？
449:名無しさん＠お腹いっぱい。
23/06/04 15:16:59.57 Ltslx8IG0.net
な、age厨だろ👆
450:名無しさん＠お腹いっぱい。
23/06/04 15:26:38.50 1N2aq9Ki0.net
>>442
#editBMPanel_folderTree {
min-width: 440px !important;
min-height: 300px !important;
}
451:名無しさん＠お腹いっぱい。
23/06/04 16:08:08.74 Pg6hW7Em0.net
>>444
サンキュー、まさにそれ
452:名無しさん＠お腹いっぱい。
23/06/10 00:15:33.63 q2nvfC+W0.net
ズーム拡大・フォントサイズ変更・ボールド設定以外の方法で
サイト上の細い文字を太くする方法はありますか？
453:名無しさん＠お腹いっぱい。
23/06/10 07:41:39.51 CnRZ1mnJ0.net
>>446
fontweight使いたくないならhtmlのstrongとかbタグで囲うしかない
そもそもサイト上のことならstylusとかuserscriptでやることだからそっちで聞いた方がいいよ
454:名無しさん＠お腹いっぱい。
23/06/10 11:33:28.19 ddBiCN7L0.net
-webkit-text-stroke: 1px;
455:名無しさん＠お腹いっぱい。
23/06/10 20:12:59.96 q2nvfC+W0.net
>>447
よろしければURL教えてください
456:名無しさん＠お腹いっぱい。
23/06/11 02:09:27.10 iPD9o2vG0.net
>>449
とりあえずJavaScriptの質問板で聞いてみたら？
何をどうしたいのかよくわからんからもっと具体的に説明した方がいいと思う
457:名無しさん＠お腹いっぱい。
23/06/11 10:20:06.21 bjPGNWMR0.net
普通にfont-familyで好きなフォント指定すればいいじゃん
458:名無しさん＠お腹いっぱい。
23/06/11 21:31:36.45 .net
AutohideSidebar2.uc.js動かなくなってない？俺だけ？
459:名無しさん＠お腹いっぱい。
23/06/11 21:51:27.67 JvPPcZ4V0.net
>>452
動いてるよ
460:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c566-oUpu)
23/06/17 01:31:00.93 mTapJV7E0.net
アプデしたら動かなくなったからまた更新されたら直るのかも…と思ってたけど115.0b6になっても自動開閉起動せず
マジで俺だけなの
461:名無しさん＠お腹いっぱい。 (ﾌﾞｰｲﾓ MM57-runv)
23/07/05 16:09:46.89 wZah20GEM.net
俺も115で動かなくなったが直せた
alice0775の103のinstall folderにあるconfig.jsを落として上書きすればいい
ついでに106にあるuserchrome.jsも新しくしておくといい
462:あめ ◆P0jSlC5fJs (ﾜｯﾁｮｲ ebfe-c6L3)
23/07/06 13:29:06.12 ccQJv+CM0.net
>>455
助かった
463:名無しさん＠お腹いっぱい。 (ｽｯｯﾌﾟ Sdbf-P5a+)
23/07/09 02:36:56.11 wKQ3AjUfd.net
103と106変えても何一つ効かなくなったわ
もういいや
464:名無しさん＠お腹いっぱい。 (ｽｯｯﾌﾟ Sdbf-P5a+)
23/07/09 02:48:58.77 vgjThEb7d.net
chromeフォルダに入れる初歩的なミスしてたわ
治った
465:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b715-NtER)
23/07/11 02:47:41.70 3/905PVO0.net
config.jsとuserchrome.jsはたまにチェックしないとあかんな
466:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a473-NGsf)
23/07/16 10:08:03.60 k7QhfB6X0.net
>>63 >>411
求めていたものがあった
467:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b656-7EKy)
23/07/16 14:47:51.24 EwhTeWCf0.net
スレチなんだけど...
468:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3efe-f2TS)
23/07/17 01:24:57.59 SWo6KQxV0.net
>>455
サンキュー助かったわ
唐突に動かなくなるの内部で何弄ってるからなんだろうな
469:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ be76-1j9t)
23/08/02 16:53:18.45 W/nEQZS50.net
ツールバーの[ブックマークを表示します](☆の下に_みたいなアイコン)の
「ブックマークサイドバーを表示」「ブックマークを検索」「ブックマークを管理」
を非表示にする方法を教えてください。
#BMB_searchBookmarks, #BMB_bookmarksShowAllTop, #BMB_view
470:BookmarksSidebar { display: none !important; }
471:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b43-IjPS)
23/08/03 13:19:48.52 +kh0d1+h0.net
Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？
472:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b43-IjPS)
23/08/03 13:19:54.19 +kh0d1+h0.net
Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？
473:名無しさん＠お腹いっぱい。 (ｽﾌﾟﾌﾟT Sd8a-IjPS)
23/08/03 22:10:24.56 x9melOx2d.net
Firefox 116になってから以下のCSSが効かなくなっているようですが、
修正はできますかね？
/* ピン留めしたタブとしていないタブの間にある隙間を調節 */
.tabbrowser-tab[first-visible-unpinned-tab="true"] {
margin-left: 0px !important;
}
474:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ eacf-IjPS)
23/08/04 11:41:33.90 8kGcLRoK0.net
>>466
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}
475:466 (ｽﾌﾟﾌﾟT Sd8a-IjPS)
23/08/04 21:48:23.60 ToMMuTcFd.net
>>467
ありがとうございます。
うまく行きました。
476:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 315c-lukV)
23/08/11 00:18:33.06 o22dTUxE0.net
Youtubeの「もっと見る」を
最初から開いた状態にできますか？
477:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6bf5-SCbl)
23/08/11 01:19:39.49 ys8VRm0m0.net
そういやYouTubeのコメントの「続きを読む」が短いコメントにも表示される問題を直す
font.blacklist.underline_offset に Meiryo を追加
が効果なくなった
478:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 315c-lukV)
23/08/11 03:47:43.09 o22dTUxE0.net
youtubeの視聴回数を「もっと見る」押さなくても
詳細表示させる方法ありますか？
479:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0312-vKG+)
23/08/18 01:58:20.90 XXIf+bDL0.net
ツール＞設定と設定タブを開いたときにアクティブなタブの右隣に設定タブを開く方法はありますか？
480:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1acf-yhDR)
23/08/18 15:13:39.82 Bin2S4kt0.net
それはcssでは無理
481:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 2758-UD7Y)
23/08/18 18:26:37.66 f7lABQ540.net
CSSを魔法かなにかと思ってるのかね？
482:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f63b-yhDR)
23/08/18 20:21:16.40 RYFeAZHd0.net
JavaScriptも勉強しないとな！
483:464 (ﾜｯﾁｮｲ 2143-q59E)
23/08/21 09:21:58.28 WX7R1u2f0.net
>Thunderbird115のメニューバーとツールバーを旧バージョンの様に逆にできますか？
同じように思っている方がいて、検索でたどり着きました。↓
URLﾘﾝｸ(support.mozilla.org)
参考まで
484:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9376-zwO0)
23/08/21 10:38:44.46 fAoiKJwQ0.net
Thunderbirdをここに書くとスレチと言われるんだよ
んでThunderbirdスレに書くと誰も反応しない
485:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3958-qCje)
23/08/21 21:53:45.50 vBItB2p70.net
CSSの話であればスレチじゃないよ
486:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9376-zwO0)
23/08/21 22:10:23.10 fAoiKJwQ0.net
>>478
>>349-365
487:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3958-qCje)
23/08/22 02:10:11.01 6miEzrdo0.net
だから？
>>365 のアホは無視すればいいだけ
userChrome.css と userContent.css の仕組みは一緒なんだからさ
それくらい判断できないの？
488:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a1b0-QT26)
23/08/22 09:16:26.74 hP4EF7m70.net
スレチかスレチじゃないかは俺が決めることにするよ
489:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 93cf-0WDc)
23/08/22 22:47:25.04 hFXEtfYP0.net
テンプレにStylishとか書いてるからcssならなんでもいいのか？
490:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/28 00:36:06.98 hzjB7R5N0.net
cssはcss専用のスレ住人じゃないと対応が難しいそうですね・・・
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
でアクティブタブの形状を付箋のようにしていました
最初は-1の値を調整することで更新による変更も再調整可能でしたが、長いこと前から更新でツールバーとタブの境界線が復活しています
116.03でも通用するアクティブタブ形状の付箋化・記述例はないものでしょうか？m(vv)m
491:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d958-Hbvz)
23/08/28 04:00:43.98 yqNEI0Yl0.net
css専用のスレ住人なんてものは存在しない
だいたいどこのスレも見てる
適した場所があるだけ
492:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4acf-vHpx)
23/08/28 18:00:17.43 cBsg+R4S0.net
>>483
タブを下段に表示してるならこれでできる
.tabbrowser-tab[selected="true"] {
--tab-border-radius: 4px 4px 0 0 !important;
margin-bottom: -4px !important;
}
これをいれると線が消えてフラットになる
#navigator-toolbox{
border-bottom: none !important;
}
493:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:21:09.05 4TrQjH5M0.net
>>483
アドバイス有難うございます、いずれも未達成でした
494:ngワードが酷い (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:21:40.78 4TrQjH5M0.net
調整で知ったのですが、私の現行コードも厳密には効いている様子で、タブの枠である真っ黒な線をツールバーのグレー枠に変更している
つまりタブ由来の黒枠の下側をきっちり消去しているっぽいんです、これは盲点でした
495:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:23:22.35 4TrQjH5M0.net
その上で度重なる更新によりツールバーのグレー線が「タブ枠より優先されて表示された」結果が、現在のようです
496:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:23:57.48 4TrQjH5M0.net
アクティブタブのタブに隣接するツールバー枠で、border-topが無くなれば旧ブラウザのような付箋のように上手くなるんですが
497:余所で規制の次はNGワードか (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:26:55.46 4TrQjH5M0.net
駄目だ意味不明なNGワード禁止と出てろくに書き込めませんorz
お礼や現状の報告などを書こうにも、小出しなら通ったのに・・・
まだ書くべき報告がありますがこれ以上は厳しいので割愛します
皆さん連投すみませんでした
498:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:37:34.45 4TrQjH5M0.net
せっかく比較画像を用意したのにリンクが書き込めません！
何なのこのスレ仕様・・・ゴミすぎるわ
499:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d958-Hbvz)
23/08/29 02:41:05.05 umPfNiu10.net
>>491
https をカットするとかやり方あるんじゃない？
なんども書き込むと規制されちゃうよ
500:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4d74-vHpx)
23/08/29 02:48:53.35 4TrQjH5M0.net
めっちゃ試しましたが拡張子辺りもNGな様子で、駄目でした
全てNGワードで、普通の文章も先のように一行ずつ投稿すると書き込めましたし
そりゃこのスレが荒れたり昔のようにまともなコードの話が無くなるはずだわと痛感していますorz
変な自治オナニー行為か何かで板またはスレの投稿条件を絞りまくっているのでしょうかねえ
そういうの2ch時代からもそうですが、実に愚かで馬鹿らしいですわ（苦笑）
501:名無しさん＠お腹いっぱい。 (ﾆｸｸｴ 6db1-dglu)
23/08/29 12:37:14.02 5pu4dRtC0NIKU.net
(暗黒微笑)
502:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e5c2-FxOr)
23/08/31 08:07:41.57 6TPFbkuE0.net
■ 質問テンプレ
【質問】
アップデートで117に切り替わったところ、メニューバーがタブに埋もれるようになりました
トラブルシューティングモードでは通常に表示できているため、既存ｃｓｓと何かがコンフリクトしてるのかもしれません。
改めてメニューバーの表示を「タブの上に」1列つくりたいのですが、cssで対応できるでしょうか・・・？
【バージョン】 117.0
【UserAgent】 Mozilla/5.0 (Windows NT 10.0; Win64;
503:x64; rv:109.0) Gecko/20100101 Firefox/117.0
504:495 (ﾜｯﾁｮｲ e5c2-FxOr)
23/08/31 08:33:20.87 6TPFbkuE0.net
すみません、多分質問を間違えました！
タブのブラウザ上の位置はどの変数でいじるのかを聞くべきでした申し訳ありあません。
505:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4a76-dlFE)
23/08/31 17:21:34.50 Ap50IFki0.net
dblclick-tab-pinned.uc.js
// @name dblclick Tab Pinned
// @description タブのダブルクリックでピン留めトグル
// @version 1.0.1
修正できますか？働かなくなった
506:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4acf-d2nv)
23/08/31 22:04:41.20 OsHvAYMb0.net
jsはjavascriptだからスレチ
507:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4a76-X24D)
23/08/31 22:08:21.35 7d+lPrR80.net
そうくると思った
508:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a9cf-dlFE)
23/08/31 22:11:10.05 f5DspAX20.net
>>497
そら全部がコメント行やし 実行したところで何もせんわ
509:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d958-Hbvz)
23/09/01 02:11:44.07 VYi11f0M0.net
スクリプトのヘッダーコメントだけでは特定できんよ入手元URL示せ
そしてなによりスレチだ
510:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f31-aK+6)
23/09/02 00:27:17.62 U72UNYHo0.net
ワイは117ダブクリピン留トグル編集無しで普通に効いてるわ
511:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f3d-aK+6)
23/09/06 19:32:36.89 sz+aC+zU0.net
メルカリの検索結果サムネイルにマウスオーバーすると表示されるハートを非表示にしたいです
以下ではうまくいかないようです。良い方法があれば教えてください
@-moz-document domain("mercari.com") {
div.sc-e8382dd3-1 {
display: none !important;
}
}
512:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f76-NU8j)
23/09/06 20:49:52.76 wiJCYeUS0.net
どこにハートが
513:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f3d-aK+6)
23/09/06 21:01:04.75 sz+aC+zU0.net
検索結果のサムネにマウスオーバーするとこのように
URLﾘﾝｸ(i.imgur.com)
514:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f76-NU8j)
23/09/06 21:11:16.54 wiJCYeUS0.net
>>505
ログインしないと出てこないかな
それなら自分は無理
515:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6f3d-aK+6)
23/09/06 21:16:31.65 sz+aC+zU0.net
確かにログイン状態で出てきますね
516:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cf58-+GlB)
23/09/06 21:39:03.58 36/D3TyX0.net
AutoCloseBookMarkFoldeが使えなくなったら凄く不便になった。
別にVivaldiを使っているけど、こっちは自動で閉じないけど右クリックで全フォルダを閉じるって出来るから、使い勝手が逆転してしまった。
517:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffcf-aK+6)
23/09/07 05:56:01.19 IO+3owDN0.net
>>503
@-moz-document domain("mercari.com") {
.icon-container {
display: none !important;
}
}
518:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f343-aK+6)
23/09/07 07:16:31.84 26KXcKup0.net
>>509
ありがとうございます
でもなぜか消えないです
519:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffcf-aK+6)
23/09/07 20:41:13.83 IO+3owDN0.net
>>510
よく見たら>>503と書いてることは一緒だね
Stylusでは消えたからcssじゃなく何か別の原因があるんだろう
520:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6340-aK+6)
23/09/08 07:48:18.48 FJv/lYFy0.net
>>511
メルカリページが変な読み込み方をしているようで、userContent.cssでは効かなかったため
ユーザスクリプト.jsで非表示にしました。
ありがとうございました（Stylusも使ってみようかなぁ…）
521:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 239c-QH8v)
23/09/08 10:00:55.12 3+Tu9z6D0.net
Firefox内部ページあるいは全ページに適用したい場合以外にuserContent.cssがStylusに勝るメリットはほぼないような（再起動しなくていいし）
まあStylishの件もあったし極力第三者のアドオン入れたくないってのはあるのか
要素非表示したいだけなら広告ブロッカーでjp.mercari.com##.icon-containerを指定するのでもいいな
522:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6340-aK+6)
23/09/08 10:30:29.14 FJv/lYFy0.net
>>513
これまでuserContent.css変更してリロードで反映されてたと思ったんですが、
確かに再起動したら >>509 でいけました
お騒がせしました
そうですね、アドオンはできるだけ少なくしたいです
523:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff76-NU8j)
23/09/08 11:30:08.65 b4gPe3//0.net
アドオンは40以上入れてるなぁ
524:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e3b1-bdWa)
23/09/09 06:21:19.78 d6J+ZUU30.net
サイドバーのブックマークで、フォルダをマウスオーバーした時に表示されるツールチップ
の横幅を変更したいです。できたら、通常のブックマークの方も。
525:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1acf-bdWa)
23/09/09 07:59:41.59 N7NW1TP90.net
>>516
#bhTooltip > .places-tooltip-box {
width: 300px !important;
}
300のところを好きな幅にする
履歴のツールチップ幅も変わるけど現状cssだけでは対応できないっぽい
526:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa47-MPWR)
23/09/09 08:19:34.34 +XBq/axga.net
>>516
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}
527:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3f31-Pa4f)
23/09/17 00:09:30.82 QBQYaQOc0.net
すべての右クリックメニューの背景色と文字の色を指定したいです
出来ますか？
528:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7fae-Pa4f)
23/09/17 00:39:37.37 Aj8cCnLp0.net
できます
529:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3f31-Pa4f)
23/09/17 02:15:26.46 QBQYaQOc0.net
>>520
ありがとう出来ました
意図しない部分の変更も別途指定しできますた。
530:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3fcf-x3r4)
23/09/17 03:45:34.30 QODVfJEO0.net
>>517
横からだが助かった
横幅を100にしたついでに
背景色が真っ黒で鬱陶しくて仕方なかったのをグレーにできた
531:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-VRQG)
23/09/17 14:23:09.41 db/kDgvh0.net
な、age厨だろ👆
532:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3fcf-x3r4)
23/09/17 14:58:27.65 QODVfJEO0.net
>>523
何か問題でも？
533:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW ffbf-aT6b)
23/09/17 16:06:11.95 ANRRBDc+0.net
なあ Get You だろ
534:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3fcf-x3r4)
23/09/17 16:15:53.42 QODVfJEO0.net
>>525
まともに対話もできない基地外かよｗ
535:名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sdaa-HhTK)
23/09/28 16:40:20.27 OyC4DCfed.net
UIのフォントサイズを変更したいのですが検索バーの 検索 のフォントサイズだけ何を書いても変わりません
どなたかわかりませんでしょうか
536:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8676-pPKE)
23/09/28 17:07:56.67 DH/NwX0+0.net
検索バーの 検索 のフォントサイズ
どこなのか不明
537:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ bb8b-UFWh)
23/09/28 18:17:23.82 YdB6/Yin0.net
URLﾘﾝｸ(qiita.com)
ここを参考にマウスオーバーでラベルを表示出来るようにしていたんだけどアップデートでesr115になったら出来なくなりました
良い方法があれば教えてください
538:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacf-CSnM)
23/09/28 19:45:48.21 psHg24vPa.net
>>529
Group Speed Dial利用してないなら下記
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar {
position: absolute;
top: 63px;
left: 0;
width: 100%;
height: 33px;
z-index: 9999;
visibility: collapse !important;
-moz-transition-duration: .15s !important;
-moz-transition-timing-function: ease-in-out !important;
}
#navigator-toolbox:h
539:over > #PersonalToolbar { visibility: visible !important; -moz-transition: .15s ease-in-out;
540:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacf-CSnM)
23/09/28 19:48:36.11 psHg24vPa.net
いまは下記を利用
#PersonalToolbar{
--uc-bm-height: 20px;
--uc-bm-padding: 4px;
--uc-autohide-toolbar-delay: 300ms;
--uc-autohide-toolbar-focus-rotation: 0deg;
--uc-autohide-toolbar-hover-rotation: 0deg;
}
:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
#PersonalToolbar:not([customizing]){
position: relative;
margin-bottom: calc(0px - var(--uc-bm-height) - 3.5 * var(--uc-bm-padding));
transform: rotateX(90deg);
transform-origin: top;
transition: transform 160ms linear var(--uc-autohide-toolbar-delay) !important;
z-index: 1;
}
#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
}
#navigator-toolbox:hover > #PersonalToolbar{
transition-delay: 300ms !important;
transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
}
#navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {
transform: rotateX(0);
}
541:名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sacf-CSnM)
23/09/28 19:50:20.77 psHg24vPa.net
表示したとき、下ねズレても良いなら
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
-moz-transition-duration: .15s !important;
-mozt-ransition-timing-function: ease-in-out !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
-moz-transition: .15s ease-in-out;
}
542:名無しさん＠お腹いっぱい。 (ﾆｸｸｴ d34f-3hLy)
23/09/29 23:47:09.01 AoXvNtgi0NIKU.net
>>527
/* URLバー,検索バー */
#urlbar-input-container,
#searchbar,#urlbar,
#navigator-toolbox .searchbar-textbox
{
background-color: #252525!important;
color: #ffffff!important;
font-size: 11px !important;
border-radius: 5px;
Outline: none !important;
}
543:名無しさん＠お腹いっぱい。 (ﾆｸｸｴ d34f-3hLy)
23/09/29 23:54:57.50 AoXvNtgi0NIKU.net
/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder {
color: transparent !important;
}
544:名無しさん＠お腹いっぱい。
23/10/03 13:55:03.07 glxmpd8/0.net
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？
/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
background-color: #ff0000 !important;
}
545:名無しさん＠お腹いっぱい。
23/10/03 13:55:22.93 glxmpd8/0.net
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？
/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
background-color: #ff0000 !important;
}
546:名無しさん＠お腹いっぱい。
23/10/03 13:55:41.66 glxmpd8/0.net
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線＋グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか？
/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected, [is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
background-color: #ff0000 !important;
}
547:名無しさん＠お腹いっぱい。
23/10/04 07:38:29.93 CD/qDaPUM.net
メールって何の話だ？
548:名無しさん＠お腹いっぱい。
23/10/04 10:39:17.09 b6Ry5t2R0.net
>>535
最後の
background-color: #ff0000 !important;
の行頭だけ全角の空白になっているけどそれのせいでは?
549:名無しさん＠お腹いっぱい。
23/10/04 15:02:24.11 toq88rwo0.net
スレッドツリーって要素名出てるじゃん。
試しに537の適用してみたら空色系のストライプになるのな。
が、俺じゃ537のやりたい事は解決できんかったわ。
550:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9d58-Hwqz)
23/10/07 17:06:54.98 gMquilR20.net
age厨に構うなよ
基地外が感染るぞ
551:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4681-GYY9)
23/10/07 19:38:44.76 9JpcC6Gl0.net
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}
の!important外したら良いんじゃ無いか？
552:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c9b1-+36z)
23/10/14 03:47:46.43 p9c68WWW0.net
はーい。○○（なんか名前）ちゃん。至急、1階理科室に来てねー♪」（校内放送風）
553:名無しさん＠お腹いっぱい。
23/10/15 01:52:19.51 wH/HU4v80.net
536です。542で提示された方法で上手くいきました。感謝
554:！
555:名無しさん＠お腹いっぱい。
23/10/15 01:52:33.12 wH/HU4v80.net
536です。542で提示された方法で上手くいきました。感謝！
556:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 49c2-Def0)
23/10/15 19:04:37.00 t8mjpJIG0.net
久しぶりにfirefox入れたらタブとタブの境目がなくなって難儀してます
/* タブ間のセパレータ表示 */
#tabbrowser-arrowscrollbox .tabbrowser-tab {
border-right: 1px solid color-mix(in srgb, -moz-accent-color-foreground 30%, transparent) !important;
padding-inline: 0px !important;
}
前に使ってたcssはこれっぽかったんですが、今は使えないみたいなのでよければ教えてくれるとうれしいです
557:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d371-T9H3)
23/10/15 19:39:22.72 7JMt6y890.net
Firefox 103以降
以下の変更があるので注意
-moz-accent-color-foreground は AccentColorText に変更
-moz-accent-color は AccentColor に変更
558:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 865d-1API)
23/10/22 09:35:55.31 NgoL7Nu20.net
>>547
あ、なるほど。ありがとうございます。そりゃだめなわけだ 書き直しですね・・・
559:名無しさん＠お腹いっぱい。
23/10/24 13:02:13.78 audtL+8s0.net
皆この馬鹿みたいに無駄で長いコンテキストメニュー使ってんの？
やっぱChromeに戻るわ
560:sage
23/10/25 03:15:54.66 H2iQZaNw0.net
119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか？
561:sage
23/10/25 03:16:07.22 H2iQZaNw0.net
119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
が効かなくなってしまった。もうアクティブタブのラインって無理ですか？
562:名無しさん＠お腹いっぱい。
23/10/25 03:45:13.02 nbkLrjdD0.net
>>550
.tab-background[selected]
563:名無しさん＠お腹いっぱい。
23/10/25 04:13:13.12 ngceVmoy0.net
>>552
出来ました。ありがとうございます♪
564:名無しさん＠お腹いっぱい。
23/10/25 08:58:47.66 eUF47XP20.net
>>549
なんの話？w
565:名無しさん＠お腹いっぱい。
23/10/25 09:03:45.28 3+PMKa0tH.net
>>549
（ ´,_ゝ`）ﾌﾟｯ
566:名無しさん＠お腹いっぱい。
23/10/25 10:32:45.07 +AeJOHd60.net
>>551
これって118.0.2の新規プロファイルで試してみたんですがタブの見た目に変化はありませんでした
どのような感じになるのか画像をお願いできませんでしょうか
もし有用そうなら私も使用しようかなと思いまして
567:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16cf-JD/u)
23/10/25 14:51:47.05 bPHWPtVe0.net
ｽﾚﾘﾝｸ(software板:238番)
/* 選択中のタブの色をツールバーと同一化 */
.tab-background[selected="true"] {
color: var(--toolbar-color) !important;
background-color: var(--toolbar-bgcolor) !important;
}
119.0で効かなくなりました
修正箇所ありましたら教えてください
568:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8e13-ptOG)
23/10/25 15:39:59.51 B2VqDQqQ0.net
>>552
横からありがとー
569:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16cf-JD/u)
23/10/25 17:24:24.10 bPHWPtVe0.net
>>552
>>551のどの部分を置き換えるのでしょうか
新規のuserChrome.cssに>>551だけ書いて
.tab-background[multiselected],
.tab-background[selected="true"]
それぞれどちらかを.tab-background[selected]に置き換えても変化なし
2行とも消して.tab-background[selected]だけ書いても変化なしでした
118.0.2では>>551,557で反映されていました
570:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d676-GRDq)
23/10/25 20:31:07.85 y2JWOoIL0.net
>>557
selected="true"を selected
571:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1a78-iKuA)
23/10/25 21:25:46.63 V2Ry5K2m0.net
ええ…今迄のCSSそのまま使えるんなら、.tab-context-lineまで馬鹿正直に指定し直したのは無駄だったんか
/* 選択タブ上部のラインを強調 */
.tabbrowser-tab:is([multiselected],[selected="true"]):not(:-moz-lwtheme) .tab-stack .tab-background {
background: rgb(255,255,255) !important;
}
.tabbrowser-tab:is([multiselected],[selected="true"]) .tab-stack .tab-background .tab-context-line {
border-top: 2px solid rgb(64,128,251) !important;
}
/* 非選択タブ上部の枠線
572: */ .tabbrowser-tab:not([multiselected],[selected="true"]) .tab-stack .tab-background { background: linear-gradient(to bottom, rgba(100, 100, 100, 1.0) 1px, rgba(77, 77, 77, .20) 0%, rgba(77, 77, 77, .20) 100%) !important; }
573:名無しさん＠お腹いっぱい。
23/10/26 00:29:42.90 nvDVNtCg0.net
タブバーの背景色をメニューバーから引き継ぎたいんですが、
--toolbar-bgcolorみたいなのありますか？
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important;
}
574:名無しさん＠お腹いっぱい。
23/10/26 00:50:54.58 rV+4BsPt0.net
その上の方でroot で色指定してるんじゃね
575:名無しさん＠お腹いっぱい。
23/10/26 07:39:17.71 0BAp8JMp0.net
>>552
横からだけどありがとう｡
同じくタブ上部のラインの色が効かなくてここに来ました｡
無事解決した｡
576:名無しさん＠お腹いっぱい。
23/10/26 07:39:25.81 0BAp8JMp0.net
>>552
横からだけどありがとう｡
同じくタブ上部のラインの色が効かなくてここに来ました｡
無事解決した｡
577:名無しさん＠お腹いっぱい。
23/10/26 08:10:57.31 V+pbOwTC0.net
>>563
上の方ではメニューバーの色を指定してるんですが（rootでは指定していません）、この色が--menubar-bgcolorに反映されません
そもそも--menubar-bgcolorなんてものは無くて、適切な文字列があるのでしょうか？
/* メニューバーの背景色 */
#toolbar-menubar, menubar#main-menubar > menu {
background-color: #E3E4E6 !important;
}
/* タブバーの背景色 */
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important; /* 反映されない？ */
}
578:名無しさん＠お腹いっぱい。
23/10/26 08:56:11.14 V+pbOwTC0.net
あー、もしかして--toolbar-bgcolor変数なんてものもなくて
cssの上の方で--toolbar-bgcolorをユーザ定義してるってことですかね
でも--toolbar-bgcolorはユーザ定義してないですがちゃんと色入ってますね
579:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7a97-JD/u)
23/10/26 12:16:41.38 kv1Lk2og0.net
>>567
--toolbar-bgcolorは:rootでブラウザが定義してる
スタイル当てたらそれらしい変数に勝手に割り当ててくれるなんて機能はない
値を使いまわしたいなら:rootでなくてもいいから共通の親で自分でcss変数定義すればいい
580:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f5b8-s3V2)
23/10/26 13:27:59.67 V+pbOwTC0.net
>>568
やっぱり--toolbar-bgcolorはブラウザ定義なんですね
そういうブラウザ定義のリストってどこかにありませんか？
581:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 41cf-iKuA)
23/10/26 13:46:30.08 ZvDnGjaS0.net
このへんじゃね?
chrome://browser/skin/browser-shared.css
582:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 16cf-JD/u)
23/10/26 14:28:50.61 h6pHxydk0.net
>>552
>>560
ありがとう
でもできなかったです
>>561
こちらでタブ上部ラインとタブの色をツールバーと同一化
できましたありがとう
583:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f5b8-s3V2)
23/10/26 15:49:39.80 V+pbOwTC0.net
>>570
ありがとうございます！
584:名無しさん＠お腹いっぱい。
23/10/27 00:03:37.40 LduYCR+R0.net
ブックマークアイテムを右クリックするとコンテキストメニューが出るけど
選択したブックマークアイテムの背景色が選択されてない状態に戻ってしまいます
選択したブックマークアイテムの背景色を残したままコンテキストメニューを開いて選択できるような挙動にするには
どのようなcssになりますか？お願いします
585:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dd5d-ptOG)
23/10/27 18:08:13.21 r9Ml0IYI0.net
/* サイドバーの背景色 */
#historyTree,
#bookmarks-view treechildren,
#bookmarksPanel/* 検索ボックスの周囲の色 */ {
background-color: #3C444B!important;
border: solid 1px #3C444B !important;
}
/* クリック中選択状態のボーダーを消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important;
outline: none !important;
}
/* クリック中選択状態のアイテム */
#bookmarksPanel treechildren::-moz-tree-row(selected,current,focus) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}
586:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dd5d-ptOG)
23/10/27 18:08:46.58 r9Ml0IYI0.net
/* 非アクティブ状態で選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: #ffffff !important;
background-color: #6a788a !important;
}
/* 背景色 */
#bookmarksPanel treechildren::-moz-tree-row(selected) {
background-color: #6a788a !important;
border: solid 1px #495361 !important;
}
/* アクティブ状態で、選択状態のテキスト */
about:stylish-edit?id=15#bookmarksPanel treechildren::-moz-tree-cell-text(selected,focus) {
color: #ffffff !important;/*白抜き文字*/
background-color: #6a788a !important;
}
587:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dd5d-ptOG)
23/10/27 18:09:56.96 r9Ml0IYI0.net
/* セパレーター */
#bookmarksPanel treechildren::-moz-tree-separator {
border: 1px dotted #c7c7c7 !important;
margin-bottom: 1px !important;
margin-right: 10px !important;
}
588:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ cd97-ptOG)
23/10/27 19:59:41.11 0ytDqati0.net
サイドバー開いて､サイドバーのブックマーク欄の空白部分をクリックした時に出るこの水色の点線枠消したいのですが､
お教え下さい｡
URLﾘﾝｸ(i.imgur.com)
589:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4e1b-ptOG)
23/10/27 20:27:12.12 LQ21L+jl0.net
>>574
こうですか？うまく緑になりませんがどこか違うんでしょうね…
#bookmarksMenu menupopup > menuitem treechildren::-moz-tree-row(selected)
{ background-color: green !important; }
590:名無しさん＠お腹いっぱい。
23/10/27 22:40:40.30 Yu37zTfi0.net
ツイキャスの配信開始時に出るクリックしないと消えないダイアログ？を出ないようにする方法ありますか？
591:名無しさん＠お腹いっぱい。
23/10/29 11:14:49.21 q6Jtw/pd0.net
>>577
/* 選択中の点線を消す */
:root {
--default-focusring-width : 0px !important;
}
上記消えない場合か不都合があれば↓で。
/* 選択中の点線を消す */
treechildren::-moz-tree-row(current, focus) {
border: 1px dotted #F3D982 !important; /* 周囲と同じ色を指定する */
outline: none !important;
}
592:名無しさん＠お腹いっぱい。
23/10/29 14:06:26.62 WwYD5jxO0NIKU.net
>>580
ありがとうございます！
上のCSSで無事消せました！
感謝です｡
593:名無しさん＠お腹いっぱい。
23/10/30 00:19:05.47 hKMZydOnd.net
んー上のやってみたがタブの色戻らんなぁ
594:名無しさん＠お腹いっぱい。
23/10/30 00:39:04.32 hKMZydOnd.net
ホバーのときはもとので出来るのに
595:名無しさん＠お腹いっぱい。
23/10/30 01:15:04.63 hKMZydOnd.net
.tabbrowser-tab[selected] > .tab-stack > .tab-background{
できたわ
596:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3ad-Q0z2)
23/10/30 08:07:53.73 JtHnNYR10.net
描画速度としてはCSSセレクタは子セレクタ（>でつなげる）よりも、小孫セレクタ（スペースでつなげる）の方が速いらしいって聞いて
子セレクタで書いてたやつをほとんど小孫セレクタに書き換えたわ、体感的には分からんけど
ブラウザで取得できるCSSセレクタも小孫セレクタだしな
597:名無しさん＠お腹いっぱい。
23/10/30 09:27:01.83 JtHnNYR10.net
タブが１つの時はタブバーを非表示にしたいんですが、以下ではうまくいきませんでした
どのようなセレクタが適切でしょうか？教えて頂ければ幸いです
tab:only-of-type:has(#TabsToolbar)
{
display: none !important;
}
598:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1397-H9h+)
23/10/30 10:45:47.94 r6GkuSgf0.net
>>586
逆
#TabsToolbar:has(tab:only-of-type) {
display: none !important;
}
599:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3ad-Q0z2)
23/10/30 13:54:38.64 JtHnNYR10.net
>>587
ありがとうございます、でもhas使いこなせず結局うまくいかなかったので
以下を参考にしてタブバー隠せました
URLﾘﾝｸ(support.mozilla.org)
tab:only-of-type, tab:only-of-type + #tabbrowser-arrowscrollbox-periphery
{ display: none !important; }
600:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 29cf-n4SB)
23/10/30 20:37:26.66 RGZ6UolO0.net
つべの投稿が何日前とかじゃなく投稿日で見えるようにするやつ
前は後者だけだったのだがhoverするまでの位置が安定しなかった
背景はダーク用な
/* 次のの直前:最初からサイズ0なのだが次のの位置決定に悪さする対策 */
tp-yt-paper-tooltip.style-scope.ytd-watch-info-text
{left: 0px !important; top: 0px !important;}
/* 有効になったときに動くと鬱陶しいので元の位置も変えておく */
div#description div#tooltip.style-scope.tp-yt-paper-tooltip,
div#description div#tooltip.style-scope.tp-yt-paper-tooltip.hidden
{display:block !important; width:621px; height:13px;
position:absolute; top:-3px; left:-5px;
background:#282828; font-size:13px !important;}
601:名無しさん＠お腹いっぱい。 (中止 13f4-XVKo)
23/10/31 00:32:26.75 iqpOrJ4W0HLWN.net
119、visuallyselected使えなくなってる？
602:名無しさん＠お腹いっぱい。
23/11/01 15:34:22.06 KThtrPBO0.net
>>0588
横から Many thanks!
603:名無しさん＠お腹いっぱい。
23/11/01 15:53:27.22 AjY8Q9D10.net
アドレスバーの候補表示設定を全てチェックを外すとポップアップで候補が表示されなくなりますが
URLをクリックすると青い枠が表示されます
目障りなので青い枠を表示させないようにするcssを教えてください
以下はだめでした
#urlbar:-moz-focusring {
outline: none !important;
}
604:名無しさん＠お腹いっぱい。
23/11/01 16:26:18.91 8JmZmfoZ0.net
以下が効かなくなったのですが修正方法を教えてください
img:-moz-loading{visibility:hidden!important;}
605:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d335-Q0z2)
23/11/01 20:23:59.23 AjY8Q9D10.net
ブラウザツールボックス内のコンテキストメニューの縦幅サイズが大きいのですが
ここはuserChrome.cssでのカスタムはムリでしょうか？
以下は効きませんでした
menuitem, menu
{ padding: 2px 5px 2px 5px !important; }
606:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1397-c8RC)
23/11/01 21:48:46.01 wAXBWz1U0.net
>>594
ブラウザツールボックス用のcssはchrome_debugger_profile\chromeの中に置く
607:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d335-Q0z2)
23/11/01 22:01:33.38 AjY8Q9D10.net
>>595
できました！ありがとうございます
608:名無しさん＠お腹いっぱい。
23/11/02 14:09:26.40 m2u+gzLF0.net
>>592のやつですが以下で青色が出ないようにはできました
ただ、枠外のボーダーかシャドウがまだ出てしまうので、それも出ないようにしたいです
（つまりURLバーをクリックしても見た目が変わらないようにしたい）
現状以下です、よろしくお願いします
/* アドレスバーにフォーカスしても見た目を変えない */
#urlbar {
--toolbar-field-focus-border-color: var(--toolbar-field-border-color) !important;
--toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important;
box-shadow: 0px !important;
border: 0px !important;
}
609:名無しさん＠お腹いっぱい。
23/11/02 17:28:01.25 D5QlkTpH0.net
>>597
#urlbar-background {
outline: none !important;
box-shadow: none !important;
}
610:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d3ba-Q0z2)
23/11/02 19:16:48.26 m2u+gzLF0.net
>>598
ありがとうございます！
611:名無しさん＠お腹いっぱい。
23/11/07 21:42:22.00 c+tTtFER0.net
UIのポップアップメニューのマウスオーバー色は変えたいけど
コンテンツ内のプルダウンメニューのマウスオーバー色はデフォルトにしたいです
以下ではblueにはなりませんでしたが、デフォルトのマウスオーバー色にもなりませんでした
ご教示のほどお願いします
/* ポップアップメニューアイテムのマウスオーバー色 */
menuitem:hover {
background-color: blue !important;
}
/* コンテンツ内プルダウンメニューアイテムのマウスオーバー色 */
.ContentSelectDropdown-item-0:hover {
background-color: initial !important;
}
612:名無しさん＠お腹いっぱい。
23/11/08 07:06:08.77 +nsDVE5s0.net
>>600
menupopup:not(#ContentSelectDropdownPopup) :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: blue !important;
}
613:名無しさん＠お腹いっぱい。
23/11/08 10:11:01.21 oaEIXEKj0.net
>>601
menuitem:not(.ContentSelectDropdown-item-0):hover
で除外できました。ありがとうございます。
後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。
614:名無しさん＠お腹いっぱい。
23/11/09 14:55:57.94 mKBsKUDr0.net
>>560
557じゃないけどありがとうございます
615:名無しさん＠お腹いっぱい。
23/11/09 16:55:27.65 xJjECzt90.net
:where(.aaa, .bbb)
がなんとなく調子悪いので
:is(.aaa, .bbb)
を使ってる
:whereって複数選択できないのかな？
616:名無しさん＠お腹いっぱい。
23/11/09 17:17:51.52 lYn3aIN50.net
:whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない
617:名無しさん＠お腹いっぱい。
23/11/09 19:02:11.37 xJjECzt90.net
なるほど、やっぱり:isを使うべきか
618:名無しさん＠お腹いっぱい。 (ｽｯﾌﾟｰT Sdc2-jfG6)
23/11/10 15:40:27.75 voYkgPVmd.net
Chromeだったらアドオンでいくつかあるのだけど、Firefoxには見当たらないので、
YouTubeのコントロールバーをプレイヤーの下に表示するCSSを作りました。
標準プレイヤーのみの対応ですが、よければ使ってください。
/* 標準プレイヤーの高さをコントロールバーの分増やす */
ytd-watch-flexy:not([theater]) #player-container-inner {
height: 51px !important
}
/* プレイヤーバックの色変更 */
ytd-watch-flexy:not([theater]) #movie_player {
background-color: #000000 !important
}
なお、コントロールバーは一定時間�
619:oてば消えますが、 常時表示したい場合は、次のスクリプトをインストールしてください。 YouTube Permanent ProgressBar https://greasyfork.org/ja/scripts/426283-youtube-permanent-progressbar このCSS、シネマモードでも使えるようにしたいのですが、どうもうまく行きません。 もしいい方法があれば、助言お願いします。
620:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 194f-jfG6)
23/11/10 20:24:32.44 f3pKcrn20.net
Firefoxのポップアップの背景色だけ有効にしたいでのですが
どのようにすれば良いですか
/* ポップアップ */
.menupopup-arrowscrollbox{
background-color: Pink !important;
}
621:名無しさん＠お腹いっぱい。
23/11/10 21:03:58.18 WOCSS5Dk0.net
Pinkじゃなくてとりあえずredで試してみたら？
俺は以下で変えられてる
/* ポップアップメニューの背景色 */
.menupopup-arrowscrollbox {
background-color: #F2F2F2 !important;
}
622:名無しさん＠お腹いっぱい。
23/11/10 23:08:12.50 f3pKcrn20.net
FirefoxのUI以外はどのように除外すればよいのでしょう？
一部のサイトで色が変わってしまいます
623:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM)
23/11/11 06:02:19.50 DRpcqQZc0.net
>>607
:root {
--controller-height: 51px;
}
#full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
ytd-watch-flexy[theater] .html5-video-player {
overflow: visible !important;
}
ytd-watch-flexy[theater] .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
ytd-watch-flexy[theater] #player-container::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
margin-bottom: calc(var(--controller-height) * -1);
background: #000;
z-index: -1;
}
--controller-heightでコントローラー位置を調節できる
624:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM)
23/11/11 08:01:50.19 DRpcqQZc0.net
>>611
横着したら普通の方のデザインが崩れてたので訂正
:root {
--controller-height: 51px;
}
ytd-watch-flexy[theater] #full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy[theater] {
z-index: 0 !important;
}
ytd-watch-flexy[theater] .html5-video-player {
overflow: visible !important;
}
ytd-watch-flexy[theater] .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
ytd-watch-flexy[theater] #player-container::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
margin-bottom: calc(var(--controller-height) * -1);
background: #000;
z-index: -1;
}
ついでにツールチップの位置を下げるやつ
.ytp-tooltip {
margin-top: var(--controller-height) !important;
}
625:607
23/11/11 21:50:24.44 iFV/7D8Nd1111.net
>>612
うまく行きました。
本当にありがとうございます。
このCSSを見ると、自分のスキルではまだまだ無理だと実感しましたw
個人的に、コントロールバーを下にずらしたので、
バーを覆っていた影が気になるため、非表示にしました。
/* プレイヤー下部の影の非表示 */
ytd-watch-flexy .ytp-gradient-bottom {
display: none !important
}
626:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f58-kIyz)
23/11/15 00:03:48.32 6c0l3urr0.net
>>593
削除されてました
1850342 - Remove :-moz-loading, and avoid exposing :-moz-broken pseudo-class to content.
URLﾘﾝｸ(bugzilla.mozilla.org)
627:名無しさん＠お腹いっぱい。
23/11/16 15:55:02.31 GAfZis5L0.net
ここにある
URLﾘﾝｸ(www.userchrome.org)
↓のように、アクティブタブの上部に青線、だけほしいので書式お願いします。
Container/Active Tab color line:
+Blue Line on active tab
628:名無しさん＠お腹いっぱい。
23/11/16 16:39:40.94 dwMVWCtr0.net
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
629:名無しさん＠お腹いっぱい。
23/11/16 20:15:35.11 GAfZis5L0.net
>>615
ありがとうございます。試したのですが出来ないみたいですので
とりあえずは、そこのCSS based on above options:
での書式で行きます。
630:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f66-gzdM)
23/11/16 21:16:15.52 9vD6Cyf/0.net
/* アクティブタブの上に青い線 */
.tab-background:is([selected], [multiselected]) {
border-top: 1px solid Blue !important;
}
631:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup)
23/11/16 21:48:31.17 GAfZis5L0.net
>>618
ありがとうございます。出来ました。
632:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f58-Zoup)
23/11/17 19:08:03.92 OXKGruvy0.net
/* アクティブタブの文字色 */
label.tab-text.tab-label[selected="true"]{font-weight: bold !important;}
これが119で動かないんだけどどこを修正すれば動きますか？
633:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffb8-gzdM)
23/11/17 19:33:17.61 xX6UYbsC0.net
="true"
を削除
634:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f4f-gzdM)
23/11/17 20:32:00.21 UwG7SfoR0.net
/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected])
/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected])
/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected])
/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected], [multiselected])
/* アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:is([selected], [multiselected])
/* アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:is([selected], [multiselected])
/* 非アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected])
/* 非アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:not([selected], [multiselected])
635:名無しさん＠お腹いっぱい。
23/11/18 19:17:35.84 cgw9DvTW0.net
firefoxでstylus更新したらCSS効かなくなったんだけどなんで？
636:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a503-hO6y)
23/11/18 22:56:43.75 XB8apQtC0.net
>>623
バージョンは？
1.5.37 はバグありで取り下げられた
637:名無しさん＠お腹いっぱい。
23/11/20 23:52:25.21 9MiWme6b0HAPPY.net
現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか
638:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e92d-rrr/)
23/11/21 02:53:40.34 PceYQi9w0.net
>>625
.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}
639:名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 520c-hO6y)
23/11/21 04:15:33.59 MY2f9Xb80.net
>>626
ほんと助かります、どうもありがとう
640:名無しさん＠お腹いっぱい。
23/11/21 18:02:55.23 KzKE9Xic0.net
>>626
動くアイコンより見やすくていいね
641:名無しさん＠お腹いっぱい。
23/11/21 19:20:04.63 YsTcpB/K0.net
俺はアイコンで音のオンオフするから全部乗せにてるわ
普通に見やすい
/* サウンドタブをアニメーション化 (赤) */
/* ミュートアイコンに色を付ける (黒) */
/* サウンドタブのファビコンを復活 */
/* サウンドタブの背景色+半透明化 */
642:名無しさん＠お腹いっぱい。
23/11/22 16:28:41.22 5dG5VQLh0.net
Firefox 120で結構変更入ったっぽい？
まあESR使ってるからあんまり関係ないけど
643:名無しさん＠お腹いっぱい。
23/11/22 16:45:50.24 DbYbpYZP0.net
アクティブタブ上部に線をつけたいです
644:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています