[過去ログ] userChrome.css・userContent.cssスレ Part12 (631レス)
1-

このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
515: (ワッチョイ ff76-NU8j) 2023/09/08(金)11:30 ID:b4gPe3//0(1) AAS
アドオンは40以上入れてるなぁ
516
(2): (ワッチョイ e3b1-bdWa) 2023/09/09(土)06:21 ID:d6J+ZUU30(1) AAS
サイドバーのブックマークで、フォルダをマウスオーバーした時に表示されるツールチップ
の横幅を変更したいです。できたら、通常のブックマークの方も。
517
(1): (ワッチョイ 1acf-bdWa) 2023/09/09(土)07:59 ID:N7NW1TP90(1) AAS
>>516

#bhTooltip > .places-tooltip-box {
width: 300px !important;
}

300のところを好きな幅にする
履歴のツールチップ幅も変わるけど現状cssだけでは対応できないっぽい
518: (アウアウウーT Sa47-MPWR) 2023/09/09(土)08:19 ID:+XBq/axga(1) AAS
>>516
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
省3
519: (ワッチョイ 3f31-Pa4f) 2023/09/17(日)00:09 ID:QBQYaQOc0(1/2) AAS
すべての右クリックメニューの背景色と文字の色を指定したいです
出来ますか?
520
(1): (ワッチョイ 7fae-Pa4f) 2023/09/17(日)00:39 ID:Aj8cCnLp0(1) AAS
できます
521: (ワッチョイ 3f31-Pa4f) 2023/09/17(日)02:15 ID:QBQYaQOc0(2/2) AAS
>>520
ありがとう出来ました
意図しない部分の変更も別途指定しできますた。
522: (ワッチョイ 3fcf-x3r4) 2023/09/17(日)03:45 ID:QODVfJEO0(1/3) AAS
>>517
横からだが助かった
横幅を100にしたついでに
背景色が真っ黒で鬱陶しくて仕方なかったのをグレーにできた
523
(1): (ワッチョイ 0f58-VRQG) 2023/09/17(日)14:23 ID:db/kDgvh0(1) AAS
な、age厨だろ👆
524: (ワッチョイ 3fcf-x3r4) 2023/09/17(日)14:58 ID:QODVfJEO0(2/3) AAS
>>523
何か問題でも?
525
(1): (ワッチョイW ffbf-aT6b) 2023/09/17(日)16:06 ID:ANRRBDc+0(1) AAS
なあ Get You だろ
526: (ワッチョイ 3fcf-x3r4) 2023/09/17(日)16:15 ID:QODVfJEO0(3/3) AAS
>>525
まともに対話もできない基地外かよw
527
(1): (スップ Sdaa-HhTK) 2023/09/28(木)16:40 ID:OyC4DCfed(1) AAS
UIのフォントサイズを変更したいのですが検索バーの 検索 のフォントサイズだけ何を書いても変わりません
どなたかわかりませんでしょうか
528: (ワッチョイ 8676-pPKE) 2023/09/28(木)17:07 ID:DH/NwX0+0(1) AAS
検索バーの 検索 のフォントサイズ

どこなのか不明
529
(1): (ワッチョイ bb8b-UFWh) 2023/09/28(木)18:17 ID:YdB6/Yin0(1) AAS
外部リンク:qiita.com
ここを参考にマウスオーバーでラベルを表示出来るようにしていたんだけどアップデートでesr115になったら出来なくなりました
良い方法があれば教えてください
530: (アウアウウーT Sacf-CSnM) 2023/09/28(木)19:45 ID:psHg24vPa(1/3) AAS
>>529
Group Speed Dial利用してないなら下記
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar {
position: absolute;
省12
531: (アウアウウーT Sacf-CSnM) 2023/09/28(木)19:48 ID:psHg24vPa(2/3) AAS
いまは下記を利用
#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;
省23
532: (アウアウウーT Sacf-CSnM) 2023/09/28(木)19:50 ID:psHg24vPa(3/3) AAS
表示したとき、下ねズレても良いなら
/*#nav-bar {
background-color:transparent !important;
}
#PersonalToolbar:not(:hover) {
visibility: collapse !important;
background-color:transparent !important;
省7
533: (ニククエ d34f-3hLy) 2023/09/29(金)23:47 ID:AoXvNtgi0NIKU(1/2) AAS
>>527

/* URLバー,検索バー */
#urlbar-input-container,
#searchbar,#urlbar,
#navigator-toolbox .searchbar-textbox
{
background-color: #252525!important;
省5
534: (ニククエ d34f-3hLy) 2023/09/29(金)23:54 ID:AoXvNtgi0NIKU(2/2) AAS
/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder {
color: transparent !important;
}
535
(1): (ワッチョイ abff-siUq) 2023/10/03(火)13:55 ID:glxmpd8/0(1/3) AAS
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線+グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか?

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
省9
536: (ワッチョイ abff-siUq) 2023/10/03(火)13:55 ID:glxmpd8/0(2/3) AAS
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線+グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか?

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
省9
537: (ワッチョイ abff-siUq) 2023/10/03(火)13:55 ID:glxmpd8/0(3/3) AAS
メールの背景色をストライプにして、選択行のフォントをサイズアップする事まではできたんですが、
選択行の背景色を変える事ができません。開発ツールで見たところ、選択行の background-color が
取り消し線+グレーアウトで無効化されているようです。うまく背景色も変える方法はありませんか?

/* 今現在、こんな感じです、、、orz */
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
省9
538: (テテンテンテン MMcb-N/UI) 2023/10/04(水)07:38 ID:CD/qDaPUM(1) AAS
メールって何の話だ?
539: (ワッチョイ 25be-wXmr) 2023/10/04(水)10:39 ID:b6Ry5t2R0(1) AAS
>>535
最後の
 background-color: #ff0000 !important;
の行頭だけ全角の空白になっているけどそれのせいでは?
540: (ワッチョイW ab5b-gcGo) 2023/10/04(水)15:02 ID:toq88rwo0(1) AAS
スレッドツリーって要素名出てるじゃん。
試しに537の適用してみたら空色系のストライプになるのな。
が、俺じゃ537のやりたい事は解決できんかったわ。
541: (ワッチョイ 9d58-Hwqz) 2023/10/07(土)17:06 ID:gMquilR20(1) AAS
age厨に構うなよ
基地外が感染るぞ
542: (ワッチョイ 4681-GYY9) 2023/10/07(土)19:38 ID:9JpcC6Gl0(1) AAS
#threadTree tr:nth-of-type(even) {
background-color: #c8c8ff !important;
}
#threadTree tr:nth-of-type(odd) {
background-color: #e0e0ff !important;
}  

の!important外したら良いんじゃ無いか?
543: (ワッチョイW c9b1-+36z) 2023/10/14(土)03:47 ID:p9c68WWW0(1) AAS
はーい。○○(なんか名前)ちゃん。至急、1階理科室に来てねー♪」(校内放送風)
544: (ワッチョイ 2b83-f0fU) 2023/10/15(日)01:52 ID:wH/HU4v80(1/2) AAS
536です。542で提示された方法で上手くいきました。感謝!
545: (ワッチョイ 2b83-f0fU) 2023/10/15(日)01:52 ID:wH/HU4v80(2/2) AAS
536です。542で提示された方法で上手くいきました。感謝!
546: (ワッチョイ 49c2-Def0) 2023/10/15(日)19:04 ID:t8mjpJIG0(1) AAS
久しぶりに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はこれっぽかったんですが、今は使えないみたいなのでよければ教えてくれるとうれしいです
547
(1): (ワッチョイ d371-T9H3) 2023/10/15(日)19:39 ID:7JMt6y890(1) AAS
Firefox 103以降

以下の変更があるので注意
-moz-accent-color-foreground は AccentColorText に変更
-moz-accent-color は AccentColor に変更
548: (ワッチョイ 865d-1API) 2023/10/22(日)09:35 ID:NgoL7Nu20(1) AAS
>>547
あ、なるほど。ありがとうございます。そりゃだめなわけだ 書き直しですね・・・
549
(2): (ワッチョイ aa12-s3V2) 2023/10/24(火)13:02 ID:audtL+8s0(1) AAS
皆この馬鹿みたいに無駄で長いコンテキストメニュー使ってんの?
やっぱChromeに戻るわ
550
(1): sage (ワッチョイ 4a83-C1SI) 2023/10/25(水)03:15 ID:H2iQZaNw0(1/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
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の中に置く
1-
あと 36 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.021s