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:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています