[過去ログ] userChrome.css・userContent.cssスレ Part12 (631レス)
上下前次1-新
このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
551(2): sage (ワッチョイ 4a83-C1SI) 2023/10/25(水)03:16 ID:H2iQZaNw0(2/2) AAS
119.0にしたら
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
省1
552(6): (ワッチョイ fa97-JD/u) 2023/10/25(水)03:45 ID:nbkLrjdD0(1) AAS
>>550
.tab-background[selected]
553: (ワッチョイW 1685-RqDz) 2023/10/25(水)04:13 ID:ngceVmoy0(1) AAS
>>552
出来ました。ありがとうございます♪
554: (ワッチョイ d5cf-ANn9) 2023/10/25(水)08:58 ID:eUF47XP20(1) AAS
>>549
なんの話?w
555: (CA 0Hb1-6fVo) 2023/10/25(水)09:03 ID:3+PMKa0tH(1) AAS
>>549
( ´,_ゝ`)プッ
556: (ワッチョイ 1676-s3V2) 2023/10/25(水)10:32 ID:+AeJOHd60(1) AAS
>>551
これって118.0.2の新規プロファイルで試してみたんですがタブの見た目に変化はありませんでした
どのような感じになるのか画像をお願いできませんでしょうか
もし有用そうなら私も使用しようかなと思いまして
557(2): (ワッチョイ 16cf-JD/u) 2023/10/25(水)14:51 ID:bPHWPtVe0(1/2) AAS
2chスレ:software
/* 選択中のタブの色をツールバーと同一化 */
.tab-background[selected="true"] {
color: var(--toolbar-color) !important;
background-color: var(--toolbar-bgcolor) !important;
}
119.0で効かなくなりました
省1
558: (ワッチョイ 8e13-ptOG) 2023/10/25(水)15:39 ID:B2VqDQqQ0(1) AAS
>>552
横からありがとー
559: (ワッチョイ 16cf-JD/u) 2023/10/25(水)17:24 ID:bPHWPtVe0(2/2) AAS
>>552
>>551のどの部分を置き換えるのでしょうか
新規のuserChrome.cssに>>551だけ書いて
.tab-background[multiselected],
.tab-background[selected="true"]
それぞれどちらかを.tab-background[selected]に置き換えても変化なし
2行とも消して.tab-background[selected]だけ書いても変化なしでした
省1
560(2): (ワッチョイ d676-GRDq) 2023/10/25(水)20:31 ID:y2JWOoIL0(1) AAS
>>557
selected="true"を selected
561(1): (ワッチョイ 1a78-iKuA) 2023/10/25(水)21:25 ID:V2Ry5K2m0(1) AAS
ええ…今迄の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;
省5
562: (ワッチョイ 1676-s3V2) 2023/10/26(木)00:29 ID:nvDVNtCg0(1) AAS
タブバーの背景色をメニューバーから引き継ぎたいんですが、
--toolbar-bgcolorみたいなのありますか?
#tabbrowser-tabs {
background-color: var(--menubar-bgcolor) !important;
}
563(1): (ワッチョイ ce73-dClG) 2023/10/26(木)00:50 ID:rV+4BsPt0(1) AAS
その上の方でroot で色指定してるんじゃね
564: (ワッチョイ bd6c-ptOG) 2023/10/26(木)07:39 ID:0BAp8JMp0(1/2) AAS
>>552
横からだけどありがとう。
同じくタブ上部のラインの色が効かなくてここに来ました。
無事解決した。
565: (ワッチョイ bd6c-ptOG) 2023/10/26(木)07:39 ID:0BAp8JMp0(2/2) AAS
>>552
横からだけどありがとう。
同じくタブ上部のラインの色が効かなくてここに来ました。
無事解決した。
566: (ワッチョイ f5b8-s3V2) 2023/10/26(木)08:10 ID:V+pbOwTC0(1/4) AAS
>>563
上の方ではメニューバーの色を指定してるんですが(rootでは指定していません)、この色が--menubar-bgcolorに反映されません
そもそも--menubar-bgcolorなんてものは無くて、適切な文字列があるのでしょうか?
/* メニューバーの背景色 */
#toolbar-menubar, menubar#main-menubar > menu {
background-color: #E3E4E6 !important;
}
省4
567(1): (ワッチョイ f5b8-s3V2) 2023/10/26(木)08:56 ID:V+pbOwTC0(2/4) AAS
あー、もしかして--toolbar-bgcolor変数なんてものもなくて
cssの上の方で--toolbar-bgcolorをユーザ定義してるってことですかね
でも--toolbar-bgcolorはユーザ定義してないですがちゃんと色入ってますね
568(1): (ワッチョイ 7a97-JD/u) 2023/10/26(木)12:16 ID:kv1Lk2og0(1) AAS
>>567
--toolbar-bgcolorは:rootでブラウザが定義してる
スタイル当てたらそれらしい変数に勝手に割り当ててくれるなんて機能はない
値を使いまわしたいなら:rootでなくてもいいから共通の親で自分でcss変数定義すればいい
569: (ワッチョイ f5b8-s3V2) 2023/10/26(木)13:27 ID:V+pbOwTC0(3/4) AAS
>>568
やっぱり--toolbar-bgcolorはブラウザ定義なんですね
そういうブラウザ定義のリストってどこかにありませんか?
570(1): (ワッチョイ 41cf-iKuA) 2023/10/26(木)13:46 ID:ZvDnGjaS0(1) AAS
このへんじゃね?
chrome://browser/skin/browser-shared.css
571: (ワッチョイ 16cf-JD/u) 2023/10/26(木)14:28 ID:h6pHxydk0(1) AAS
>>552
>>560
ありがとう
でもできなかったです
>>561
こちらでタブ上部ラインとタブの色をツールバーと同一化
できましたありがとう
572: (ワッチョイ f5b8-s3V2) 2023/10/26(木)15:49 ID:V+pbOwTC0(4/4) AAS
>>570
ありがとうございます!
573: (ワッチョイ 4e72-s3V2) 2023/10/27(金)00:03 ID:LduYCR+R0(1) AAS
ブックマークアイテムを右クリックするとコンテキストメニューが出るけど
選択したブックマークアイテムの背景色が選択されてない状態に戻ってしまいます
選択したブックマークアイテムの背景色を残したままコンテキストメニューを開いて選択できるような挙動にするには
どのようなcssになりますか?お願いします
574(1): (ワッチョイ dd5d-ptOG) 2023/10/27(金)18:08 ID:r9Ml0IYI0(1/3) AAS
/* サイドバーの背景色 */
#historyTree,
#bookmarks-view treechildren,
#bookmarksPanel/* 検索ボックスの周囲の色 */ {
background-color: #3C444B!important;
border: solid 1px #3C444B !important;
}
省10
575: (ワッチョイ dd5d-ptOG) 2023/10/27(金)18:08 ID:r9Ml0IYI0(2/3) AAS
/* 非アクティブ状態で選択状態のテキスト */
#bookmarksPanel treechildren::-moz-tree-cell-text(selected) {
color: #ffffff !important;
background-color: #6a788a !important;
}
/* 背景色 */
#bookmarksPanel treechildren::-moz-tree-row(selected) {
省8
576: (ワッチョイ dd5d-ptOG) 2023/10/27(金)18:09 ID:r9Ml0IYI0(3/3) AAS
/* セパレーター */
#bookmarksPanel treechildren::-moz-tree-separator {
border: 1px dotted #c7c7c7 !important;
margin-bottom: 1px !important;
margin-right: 10px !important;
}
577(1): (ワッチョイ cd97-ptOG) 2023/10/27(金)19:59 ID:0ytDqati0(1) AAS
サイドバー開いて、サイドバーのブックマーク欄の空白部分をクリックした時に出るこの水色の点線枠消したいのですが、
お教え下さい。
画像リンク[png]:i.imgur.com
578: (ワッチョイ 4e1b-ptOG) 2023/10/27(金)20:27 ID:LQ21L+jl0(1) AAS
>>574
こうですか?うまく緑になりませんがどこか違うんでしょうね…
#bookmarksMenu menupopup > menuitem treechildren::-moz-tree-row(selected)
{ background-color: green !important; }
579: (ワッチョイ 4a56-JD/u) 2023/10/27(金)22:40 ID:Yu37zTfi0(1) AAS
ツイキャスの配信開始時に出るクリックしないと消えないダイアログ?を出ないようにする方法ありますか?
580(1): (ワッチョイ 814f-Q0z2) 2023/10/29(日)11:14 ID:q6Jtw/pd0(1) AAS
>>577
/* 選択中の点線を消す */
:root {
--default-focusring-width : 0px !important;
}
上記消えない場合か不都合があれば↓で。
/* 選択中の点線を消す */
省4
581: (ニククエ eb6c-Q0z2) 2023/10/29(日)14:06 ID:WwYD5jxO0NIKU(1) AAS
>>580
ありがとうございます!
上のCSSで無事消せました!
感謝です。
582: (スッップ Sd33-ZQZw) 2023/10/30(月)00:19 ID:hKMZydOnd(1/3) AAS
んー上のやってみたがタブの色戻らんなぁ
583: (スッップ Sd33-ZQZw) 2023/10/30(月)00:39 ID:hKMZydOnd(2/3) AAS
ホバーのときはもとので出来るのに
584: (スッップ Sd33-ZQZw) 2023/10/30(月)01:15 ID:hKMZydOnd(3/3) AAS
.tabbrowser-tab[selected] > .tab-stack > .tab-background{
できたわ
585: (ワッチョイ d3ad-Q0z2) 2023/10/30(月)08:07 ID:JtHnNYR10(1/3) AAS
描画速度としてはCSSセレクタは子セレクタ(>でつなげる)よりも、小孫セレクタ(スペースでつなげる)の方が速いらしいって聞いて
子セレクタで書いてたやつをほとんど小孫セレクタに書き換えたわ、体感的には分からんけど
ブラウザで取得できるCSSセレクタも小孫セレクタだしな
586(1): (ワッチョイ d3ad-Q0z2) 2023/10/30(月)09:27 ID:JtHnNYR10(2/3) AAS
タブが1つの時はタブバーを非表示にしたいんですが、以下ではうまくいきませんでした
どのようなセレクタが適切でしょうか?教えて頂ければ幸いです
tab:only-of-type:has(#TabsToolbar)
{
display: none !important;
}
587(1): (ワッチョイ 1397-H9h+) 2023/10/30(月)10:45 ID:r6GkuSgf0(1) AAS
>>586
逆
#TabsToolbar:has(tab:only-of-type) {
display: none !important;
}
588: (ワッチョイ d3ad-Q0z2) 2023/10/30(月)13:54 ID:JtHnNYR10(3/3) AAS
>>587
ありがとうございます、でもhas使いこなせず結局うまくいかなかったので
以下を参考にしてタブバー隠せました
外部リンク:support.mozilla.org
tab:only-of-type, tab:only-of-type + #tabbrowser-arrowscrollbox-periphery
{ display: none !important; }
589: (ワッチョイ 29cf-n4SB) 2023/10/30(月)20:37 ID:RGZ6UolO0(1) AAS
つべの投稿が何日前とかじゃなく投稿日で見えるようにするやつ
前は後者だけだったのだがhoverするまでの位置が安定しなかった
背景はダーク用な
/* 次のの直前:最初からサイズ0なのだが次のの位置決定に悪さする対策 */
tp-yt-paper-tooltip.style-scope.ytd-watch-info-text
{left: 0px !important; top: 0px !important;}
/* 有効になったときに動くと鬱陶しいので元の位置も変えておく */
省5
590: (中止 13f4-XVKo) 2023/10/31(火)00:32 ID:iqpOrJ4W0HLWN(1) AAS
119、visuallyselected使えなくなってる?
591: (ワッチョイ 094a-Q0z2) 2023/11/01(水)15:34 ID:KThtrPBO0(1) AAS
>>0588
横から Many thanks!
592(1): (ワッチョイ d335-Q0z2) 2023/11/01(水)15:53 ID:AjY8Q9D10(1/3) AAS
アドレスバーの候補表示設定を全てチェックを外すとポップアップで候補が表示されなくなりますが
URLをクリックすると青い枠が表示されます
目障りなので青い枠を表示させないようにするcssを教えてください
以下はだめでした
#urlbar:-moz-focusring {
outline: none !important;
}
593(1): (ワッチョイ 2158-9BPk) 2023/11/01(水)16:26 ID:8JmZmfoZ0(1) AAS
以下が効かなくなったのですが修正方法を教えてください
img:-moz-loading{visibility:hidden!important;}
594(1): (ワッチョイ d335-Q0z2) 2023/11/01(水)20:23 ID:AjY8Q9D10(2/3) AAS
ブラウザツールボックス内のコンテキストメニューの縦幅サイズが大きいのですが
ここはuserChrome.cssでのカスタムはムリでしょうか?
以下は効きませんでした
menuitem, menu
{ padding: 2px 5px 2px 5px !important; }
595(1): (ワッチョイ 1397-c8RC) 2023/11/01(水)21:48 ID:wAXBWz1U0(1) AAS
>>594
ブラウザツールボックス用のcssはchrome_debugger_profile\chromeの中に置く
596: (ワッチョイ d335-Q0z2) 2023/11/01(水)22:01 ID:AjY8Q9D10(3/3) AAS
>>595
できました!ありがとうございます
597(1): (ワッチョイ d3ba-Q0z2) 2023/11/02(木)14:09 ID:m2u+gzLF0(1/2) AAS
>>592のやつですが以下で青色が出ないようにはできました
ただ、枠外のボーダーかシャドウがまだ出てしまうので、それも出ないようにしたいです
(つまりURLバーをクリックしても見た目が変わらないようにしたい)
現状以下です、よろしくお願いします
/* アドレスバーにフォーカスしても見た目を変えない */
#urlbar {
--toolbar-field-focus-border-color: var(--toolbar-field-border-color) !important;
省4
598(1): (ワッチョイ b1be-QCFe) 2023/11/02(木)17:28 ID:D5QlkTpH0(1) AAS
>>597
#urlbar-background {
outline: none !important;
box-shadow: none !important;
}
599: (ワッチョイ d3ba-Q0z2) 2023/11/02(木)19:16 ID:m2u+gzLF0(2/2) AAS
>>598
ありがとうございます!
600(1): (ワッチョイ 22f5-jfG6) 2023/11/07(火)21:42 ID:c+tTtFER0(1) AAS
UIのポップアップメニューのマウスオーバー色は変えたいけど
コンテンツ内のプルダウンメニューのマウスオーバー色はデフォルトにしたいです
以下ではblueにはなりませんでしたが、デフォルトのマウスオーバー色にもなりませんでした
ご教示のほどお願いします
/* ポップアップメニューアイテムのマウスオーバー色 */
menuitem:hover {
background-color: blue !important;
省5
601(1): (ワッチョイ 31be-Zzzn) 2023/11/08(水)07:06 ID:+nsDVE5s0(1) AAS
>>600
menupopup:not(#ContentSelectDropdownPopup) :is(menu, menuitem):not([disabled])[_moz-menuactive] {
background-color: blue !important;
}
602: (ワッチョイ 22d3-jfG6) 2023/11/08(水)10:11 ID:oaEIXEKj0(1) AAS
>>601
menuitem:not(.ContentSelectDropdown-item-0):hover
で除外できました。ありがとうございます。
後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。
603: (ワッチョイ 9d11-9NWm) 2023/11/09(木)14:55 ID:mKBsKUDr0(1) AAS
>>560
557じゃないけどありがとうございます
604: (ワッチョイ c64a-jfG6) 2023/11/09(木)16:55 ID:xJjECzt90(1/2) AAS
:where(.aaa, .bbb)
がなんとなく調子悪いので
:is(.aaa, .bbb)
を使ってる
:whereって複数選択できないのかな?
605: (ワッチョイ 4297-sdYh) 2023/11/09(木)17:17 ID:lYn3aIN50(1) AAS
:whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない
606: (ワッチョイ c64a-jfG6) 2023/11/09(木)19:02 ID:xJjECzt90(2/2) AAS
なるほど、やっぱり:isを使うべきか
607(1): (スップーT Sdc2-jfG6) 2023/11/10(金)15:40 ID:voYkgPVmd(1) AAS
Chromeだったらアドオンでいくつかあるのだけど、Firefoxには見当たらないので、
YouTubeのコントロールバーをプレイヤーの下に表示するCSSを作りました。
標準プレイヤーのみの対応ですが、よければ使ってください。
/* 標準プレイヤーの高さをコントロールバーの分増やす */
ytd-watch-flexy:not([theater]) #player-container-inner {
height: 51px !important
}
省10
608: (ワッチョイ 194f-jfG6) 2023/11/10(金)20:24 ID:f3pKcrn20(1/2) AAS
Firefoxのポップアップの背景色だけ有効にしたいでのですが
どのようにすれば良いですか
/* ポップアップ */
.menupopup-arrowscrollbox{
background-color: Pink !important;
}
609: (ワッチョイ 22f5-jfG6) 2023/11/10(金)21:03 ID:WOCSS5Dk0(1) AAS
Pinkじゃなくてとりあえずredで試してみたら?
俺は以下で変えられてる
/* ポップアップメニューの背景色 */
.menupopup-arrowscrollbox {
background-color: #F2F2F2 !important;
}
610: (ワッチョイ 194f-jfG6) 2023/11/10(金)23:08 ID:f3pKcrn20(2/2) AAS
FirefoxのUI以外はどのように除外すればよいのでしょう?
一部のサイトで色が変わってしまいます
611(1): (ワッチョイ 1f5e-gzdM) 2023/11/11(土)06:02 ID:DRpcqQZc0(1/2) AAS
>>607
:root {
--controller-height: 51px;
}
#full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
省19
612(1): (ワッチョイ 1f5e-gzdM) 2023/11/11(土)08:01 ID:DRpcqQZc0(2/2) AAS
>>611
横着したら普通の方のデザインが崩れてたので訂正
:root {
--controller-height: 51px;
}
ytd-watch-flexy[theater] #full-bleed-container {
margin-bottom: var(--controller-height) !important;
省23
613: 607 (ポキッーT Sd1f-gzdM) 2023/11/11(土)21:50 ID:iFV/7D8Nd1111(1) AAS
>>612
うまく行きました。
本当にありがとうございます。
このCSSを見ると、自分のスキルではまだまだ無理だと実感しましたw
個人的に、コントロールバーを下にずらしたので、
バーを覆っていた影が気になるため、非表示にしました。
/* プレイヤー下部の影の非表示 */
省3
614: (ワッチョイ 1f58-kIyz) 2023/11/15(水)00:03 ID:6c0l3urr0(1) AAS
>>593
削除されてました
1850342 - Remove :-moz-loading, and avoid exposing :-moz-broken pseudo-class to content.
外部リンク[cgi]:bugzilla.mozilla.org
615(1): (ワッチョイ 7f76-Zoup) 2023/11/16(木)15:55 ID:GAfZis5L0(1/3) AAS
ここにある
外部リンク[html]:www.userchrome.org
↓のように、アクティブタブの上部に青線、だけほしいので書式お願いします。
Container/Active Tab color line:
+Blue Line on active tab
616: (ワッチョイ 7f09-gzdM) 2023/11/16(木)16:39 ID:dwMVWCtr0(1) AAS
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
617: (ワッチョイ 7f76-Zoup) 2023/11/16(木)20:15 ID:GAfZis5L0(2/3) AAS
>>615
ありがとうございます。試したのですが出来ないみたいですので
とりあえずは、そこのCSS based on above options:
での書式で行きます。
618(1): (ワッチョイ 1f66-gzdM) 2023/11/16(木)21:16 ID:9vD6Cyf/0(1) AAS
/* アクティブタブの上に青い線 */
.tab-background:is([selected], [multiselected]) {
border-top: 1px solid Blue !important;
}
619: (ワッチョイ 7f76-Zoup) 2023/11/16(木)21:48 ID:GAfZis5L0(3/3) AAS
>>618
ありがとうございます。出来ました。
620: (ワッチョイ 9f58-Zoup) 2023/11/17(金)19:08 ID:OXKGruvy0(1) AAS
/* アクティブタブの文字色 */
label.tab-text.tab-label[selected="true"]{font-weight: bold !important;}
これが119で動かないんだけどどこを修正すれば動きますか?
621: (ワッチョイ ffb8-gzdM) 2023/11/17(金)19:33 ID:xX6UYbsC0(1) AAS
="true"
を削除
622: (ワッチョイ 1f4f-gzdM) 2023/11/17(金)20:32 ID:UwG7SfoR0(1) AAS
/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected])
/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected])
/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected])
/* 非アクティブタブの文字色 */
省9
623(1): (ワッチョイ c176-hO6y) 2023/11/18(土)19:17 ID:cgw9DvTW0(1) AAS
firefoxでstylus更新したらCSS効かなくなったんだけどなんで?
624: (ワッチョイ a503-hO6y) 2023/11/18(土)22:56 ID:XB8apQtC0(1) AAS
>>623
バージョンは?
1.5.37 はバグありで取り下げられた
625(1): (HappyBirthday! 520c-hO6y) 2023/11/20(月)23:52 ID:9MiWme6b0HAPPY(1) AAS
現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか
626(2): (ワッチョイ e92d-rrr/) 2023/11/21(火)02:53 ID:PceYQi9w0(1) AAS
>>625
.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}
627: (ワッチョイ 520c-hO6y) 2023/11/21(火)04:15 ID:MY2f9Xb80(1) AAS
>>626
ほんと助かります、どうもありがとう
628: (ワッチョイ 5dee-D72S) 2023/11/21(火)18:02 ID:KzKE9Xic0(1) AAS
>>626
動くアイコンより見やすくていいね
629: (ワッチョイ f925-rrr/) 2023/11/21(火)19:20 ID:YsTcpB/K0(1) AAS
俺はアイコンで音のオンオフするから全部乗せにてるわ
普通に見やすい
/* サウンドタブをアニメーション化 (赤) */
/* ミュートアイコンに色を付ける (黒) */
/* サウンドタブのファビコンを復活 */
/* サウンドタブの背景色+半透明化 */
630: (ワッチョイ 82f4-o99j) 2023/11/22(水)16:28 ID:5dG5VQLh0(1) AAS
Firefox 120で結構変更入ったっぽい?
まあESR使ってるからあんまり関係ないけど
631: (ワッチョイ 0676-wJQt) 2023/11/22(水)16:45 ID:DbYbpYZP0(1) AAS
アクティブタブ上部に線をつけたいです
上下前次1-新書関写板覧索設栞歴
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 2.564s*