[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part12 (631ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
1: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ eb6e-X/6k) [sage] 2022/04/21(木)23:24 ID:h1cG3tIy0(1)
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part11
2chｽﾚ:software
●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/
●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager (要userChromeES)
https://greasyfork.org/scripts/35880
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/ VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured
612(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f5e-gzdM) [sage] 2023/11/11(土)08:01 ID:DRpcqQZc0(2/2)
>>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;
}
613: 607 (ﾎﾟｷｯｰT Sd1f-gzdM) [sage] 2023/11/11(土)21:50 ID:iFV/7D8Nd1111(1)
>>612
うまく行きました。
本当にありがとうございます。
このCSSを見ると、自分のスキルではまだまだ無理だと実感しましたw
個人的に、コントロールバーを下にずらしたので、
バーを覆っていた影が気になるため、非表示にしました。
/* プレイヤー下部の影の非表示 */
ytd-watch-flexy .ytp-gradient-bottom {
display: none !important
}
614: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f58-kIyz) [sage] 2023/11/15(水)00:03 ID:6c0l3urr0(1)
>>593
削除されてました
1850342 - Remove :-moz-loading, and avoid exposing :-moz-broken pseudo-class to content.
https://bugzilla.mozilla.org/show_bug.cgi?id=1850342
615(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) [] 2023/11/16(木)15:55 ID:GAfZis5L0(1/3)
ここにある
https://www.userchrome.org/firefox-89-styling-proton-ui.html
↓のように、アクティブタブの上部に青線、だけほしいので書式お願いします。
Container/Active Tab color line:
+Blue Line on active tab
616: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f09-gzdM) [sage] 2023/11/16(木)16:39 ID:dwMVWCtr0(1)
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
617: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) [sage] 2023/11/16(木)20:15 ID:GAfZis5L0(2/3)
>>615
ありがとうございます。試したのですが出来ないみたいですので
とりあえずは、そこのCSS based on above options:
での書式で行きます。
618(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f66-gzdM) [sage] 2023/11/16(木)21:16 ID:9vD6Cyf/0(1)
/* アクティブタブの上に青い線 */
.tab-background:is([selected], [multiselected]) {
border-top: 1px solid Blue !important;
}
619: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-Zoup) [sage] 2023/11/16(木)21:48 ID:GAfZis5L0(3/3)
>>618
ありがとうございます。出来ました。
620: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f58-Zoup) [sage] 2023/11/17(金)19:08 ID:OXKGruvy0(1)
/* アクティブタブの文字色 */
label.tab-text.tab-label[selected="true"]{font-weight: bold !important;}
これが119で動かないんだけどどこを修正すれば動きますか？
621: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ffb8-gzdM) [sage] 2023/11/17(金)19:33 ID:xX6UYbsC0(1)
="true"
を削除
622: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f4f-gzdM) [sage] 2023/11/17(金)20:32 ID:UwG7SfoR0(1)
/* アクティブタブの背景色 */
.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])
623(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c176-hO6y) [sage] 2023/11/18(土)19:17 ID:cgw9DvTW0(1)
firefoxでstylus更新したらCSS効かなくなったんだけどなんで？
624: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a503-hO6y) [sage] 2023/11/18(土)22:56 ID:XB8apQtC0(1)
>>623
バージョンは？
1.5.37 はバグありで取り下げられた
625(1): 名無しさん＠お腹いっぱい。 (HappyBirthday! 520c-hO6y) [sage] 2023/11/20(月)23:52 ID:9MiWme6b0HAPPY(1)
現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか
626(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e92d-rrr/) [sage] 2023/11/21(火)02:53 ID:PceYQi9w0(1)
>>625
.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}
627: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 520c-hO6y) [sage] 2023/11/21(火)04:15 ID:MY2f9Xb80(1)
>>626
ほんと助かります、どうもありがとう
628: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5dee-D72S) [sage] 2023/11/21(火)18:02 ID:KzKE9Xic0(1)
>>626
動くアイコンより見やすくていいね
629: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f925-rrr/) [sage] 2023/11/21(火)19:20 ID:YsTcpB/K0(1)
俺はアイコンで音のオンオフするから全部乗せにてるわ
普通に見やすい
/* サウンドタブをアニメーション化 (赤) */
/* ミュートアイコンに色を付ける (黒) */
/* サウンドタブのファビコンを復活 */
/* サウンドタブの背景色+半透明化 */
630: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 82f4-o99j) [sage] 2023/11/22(水)16:28 ID:5dG5VQLh0(1)
Firefox 120で結構変更入ったっぽい？
まあESR使ってるからあんまり関係ないけど
631: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0676-wJQt) [sage] 2023/11/22(水)16:45 ID:DbYbpYZP0(1)
アクティブタブ上部に線をつけたいです
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 1.271s*