[過去ﾛｸﾞ]
userChrome.css・userContent.cssスレ Part12 (631ﾚｽ)
userChrome.css・userContent.cssスレ Part12 http://egg.5ch.net/test/read.cgi/software/1650551086/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
ﾘﾛｰﾄﾞ規制
です｡10分ほどで解除するので､
他のﾌﾞﾗｳｻﾞ
へ避難してください｡
602: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 22d3-jfG6) [sage] 2023/11/08(水) 10:11:01.21 ID:oaEIXEKj0 >>601 menuitem:not(.ContentSelectDropdown-item-0):hover で除外できました。ありがとうございます。 後方でinitial等で初期値を上書きできればと思ったんですが、うまくいかないものですね。 http://egg.5ch.net/test/read.cgi/software/1650551086/602
603: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9d11-9NWm) [sage] 2023/11/09(木) 14:55:57.94 ID:mKBsKUDr0 >>560 557じゃないけどありがとうございます http://egg.5ch.net/test/read.cgi/software/1650551086/603
604: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c64a-jfG6) [sage] 2023/11/09(木) 16:55:27.65 ID:xJjECzt90 :where(.aaa, .bbb) がなんとなく調子悪いので :is(.aaa, .bbb) を使ってる :whereって複数選択できないのかな？ http://egg.5ch.net/test/read.cgi/software/1650551086/604
605: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4297-sdYh) [sage] 2023/11/09(木) 17:17:51.52 ID:lYn3aIN50 :whereは詳細度上がらないから有無を言わさずルール上書きしたい場合に向かない http://egg.5ch.net/test/read.cgi/software/1650551086/605
606: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c64a-jfG6) [sage] 2023/11/09(木) 19:02:11.37 ID:xJjECzt90 なるほど、やっぱり:isを使うべきか http://egg.5ch.net/test/read.cgi/software/1650551086/606
607: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟｰT Sdc2-jfG6) [sage] 2023/11/10(金) 15:40:27.75 ID:voYkgPVmd 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 } なお、コントロールバーは一定時間経てば消えますが、 常時表示したい場合は、次のスクリプトをインストールしてください。 YouTube Permanent ProgressBar https://greasyfork.org/ja/scripts/426283-youtube-permanent-progressbar このCSS、シネマモードでも使えるようにしたいのですが、どうもうまく行きません。 もしいい方法があれば、助言お願いします。 http://egg.5ch.net/test/read.cgi/software/1650551086/607
608: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 194f-jfG6) [sage] 2023/11/10(金) 20:24:32.44 ID:f3pKcrn20 Firefoxのポップアップの背景色だけ有効にしたいでのですが どのようにすれば良いですか /* ポップアップ */ .menupopup-arrowscrollbox{ background-color: Pink !important; } http://egg.5ch.net/test/read.cgi/software/1650551086/608
609: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 22f5-jfG6) [sage] 2023/11/10(金) 21:03:58.18 ID:WOCSS5Dk0 Pinkじゃなくてとりあえずredで試してみたら？ 俺は以下で変えられてる /* ポップアップメニューの背景色 */ .menupopup-arrowscrollbox { background-color: #F2F2F2 !important; } http://egg.5ch.net/test/read.cgi/software/1650551086/609
610: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 194f-jfG6) [sage] 2023/11/10(金) 23:08:12.50 ID:f3pKcrn20 FirefoxのUI以外はどのように除外すればよいのでしょう？ 一部のサイトで色が変わってしまいます http://egg.5ch.net/test/read.cgi/software/1650551086/610
611: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM) [sage] 2023/11/11(土) 06:02:19.50 ID:DRpcqQZc0 >>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でコントローラー位置を調節できる http://egg.5ch.net/test/read.cgi/software/1650551086/611
612: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM) [sage] 2023/11/11(土) 08:01:50.19 ID:DRpcqQZc0 >>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; } http://egg.5ch.net/test/read.cgi/software/1650551086/612
613: 607 (ﾎﾟｷｯｰT Sd1f-gzdM) [sage] 2023/11/11(土) 21:50:24.44 ID:iFV/7D8Nd1111 >>612 うまく行きました。 本当にありがとうございます。 このCSSを見ると、自分のスキルではまだまだ無理だと実感しましたw 個人的に、コントロールバーを下にずらしたので、 バーを覆っていた影が気になるため、非表示にしました。 /* プレイヤー下部の影の非表示 */ ytd-watch-flexy .ytp-gradient-bottom { display: none !important } http://egg.5ch.net/test/read.cgi/software/1650551086/613
614: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f58-kIyz) [sage] 2023/11/15(水) 00:03:48.32 ID:6c0l3urr0 >>593 削除されてました 1850342 - Remove :-moz-loading, and avoid exposing :-moz-broken pseudo-class to content. ttps://bugzilla.mozilla.org/show_bug.cgi?id=1850342 http://egg.5ch.net/test/read.cgi/software/1650551086/614
615: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) [] 2023/11/16(木) 15:55:02.31 ID:GAfZis5L0 ここにある https://www.userchrome.org/firefox-89-styling-proton-ui.html ↓のように、アクティブタブの上部に青線、だけほしいので書式お願いします。 Container/Active Tab color line: +Blue Line on active tab http://egg.5ch.net/test/read.cgi/software/1650551086/615
616: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f09-gzdM) [sage] 2023/11/16(木) 16:39:40.94 ID:dwMVWCtr0 /* タブの上部のライン */ .tab-background[multiselected], .tab-background[selected] { background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important; outline: none !important; } http://egg.5ch.net/test/read.cgi/software/1650551086/616
617: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) [sage] 2023/11/16(木) 20:15:35.11 ID:GAfZis5L0 >>615 ありがとうございます。試したのですが出来ないみたいですので とりあえずは、そこのCSS based on above options: での書式で行きます。 http://egg.5ch.net/test/read.cgi/software/1650551086/617
618: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f66-gzdM) [sage] 2023/11/16(木) 21:16:15.52 ID:9vD6Cyf/0 /* アクティブタブの上に青い線 */ .tab-background:is([selected], [multiselected]) { border-top: 1px solid Blue !important; } http://egg.5ch.net/test/read.cgi/software/1650551086/618
619: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) [sage] 2023/11/16(木) 21:48:31.17 ID:GAfZis5L0 >>618 ありがとうございます。出来ました。 http://egg.5ch.net/test/read.cgi/software/1650551086/619
620: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f58-Zoup) [sage] 2023/11/17(金) 19:08:03.92 ID:OXKGruvy0 /* アクティブタブの文字色 */ label.tab-text.tab-label[selected="true"]{font-weight: bold !important;} これが119で動かないんだけどどこを修正すれば動きますか？ http://egg.5ch.net/test/read.cgi/software/1650551086/620
621: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffb8-gzdM) [sage] 2023/11/17(金) 19:33:17.61 ID:xX6UYbsC0 ="true" を削除 http://egg.5ch.net/test/read.cgi/software/1650551086/621
622: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f4f-gzdM) [sage] 2023/11/17(金) 20:32:00.21 ID:UwG7SfoR0 /* アクティブタブの背景色 */ .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]) http://egg.5ch.net/test/read.cgi/software/1650551086/622
623: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c176-hO6y) [sage] 2023/11/18(土) 19:17:35.84 ID:cgw9DvTW0 firefoxでstylus更新したらCSS効かなくなったんだけどなんで？ http://egg.5ch.net/test/read.cgi/software/1650551086/623
624: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a503-hO6y) [sage] 2023/11/18(土) 22:56:43.75 ID:XB8apQtC0 >>623 バージョンは？ 1.5.37 はバグありで取り下げられた http://egg.5ch.net/test/read.cgi/software/1650551086/624
625: 名無しさん＠お腹いっぱい。 (HappyBirthday! 520c-hO6y) [sage] 2023/11/20(月) 23:52:25.21 ID:9MiWme6b0HAPPY 現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか http://egg.5ch.net/test/read.cgi/software/1650551086/625
626: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e92d-rrr/) [sage] 2023/11/21(火) 02:53:40.34 ID:PceYQi9w0 >>625 .tabbrowser-tab:is([soundplaying], [muted]) .tab-background { background-color: #f00 !important; } http://egg.5ch.net/test/read.cgi/software/1650551086/626
627: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 520c-hO6y) [sage] 2023/11/21(火) 04:15:33.59 ID:MY2f9Xb80 >>626 ほんと助かります、どうもありがとう http://egg.5ch.net/test/read.cgi/software/1650551086/627
628: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5dee-D72S) [sage] 2023/11/21(火) 18:02:55.23 ID:KzKE9Xic0 >>626 動くアイコンより見やすくていいね http://egg.5ch.net/test/read.cgi/software/1650551086/628
629: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f925-rrr/) [sage] 2023/11/21(火) 19:20:04.63 ID:YsTcpB/K0 俺はアイコンで音のオンオフするから全部乗せにてるわ 普通に見やすい /* サウンドタブをアニメーション化 (赤) */ /* ミュートアイコンに色を付ける (黒) */ /* サウンドタブのファビコンを復活 */ /* サウンドタブの背景色+半透明化 */ http://egg.5ch.net/test/read.cgi/software/1650551086/629
630: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 82f4-o99j) [sage] 2023/11/22(水) 16:28:41.22 ID:5dG5VQLh0 Firefox 120で結構変更入ったっぽい？ まあESR使ってるからあんまり関係ないけど http://egg.5ch.net/test/read.cgi/software/1650551086/630
631: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0676-wJQt) [sage] 2023/11/22(水) 16:45:50.24 ID:DbYbpYZP0 アクティブタブ上部に線をつけたいです http://egg.5ch.net/test/read.cgi/software/1650551086/631
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.020s