userChrome.css・userContent.cssスレ Part13

■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。 (ワッチョイW 73c8-igId)2023/11/25(土) 08:56:40.96ID:K9T8+5GH0
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part12
https://egg.5ch.net/test/read.cgi/software/1650551086/

●拡張機能
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

[selected=true]

[selected]

>>12
正常に表示出来ました 有り難うございました

こんにちは。
前スレの677でYouTubeプレイヤーのシアターモードのコントロールバーを
下に移動する方法を訊ねた者です。

/* 標準プレイヤーの高さをコントロールバーの分増やす */
ytd-watch-flexy:not([theater]) #player-container-inner {
height: 51px !important
}

標準プレイヤーは自分で作った上の方法で一応うまく行っています。
が、これはプレイヤーコンテナを高くしてコンテナ内で移動する方法であり、
Chromeのアドオンではコンテナの枠の下に出して移動させていることがわかりました。
その方がいろいろと都合がいいので自分でもやってみようと試行錯誤しましたが、
うまく行きません。

もしよろしければご指南ください。

001514 (スップーT Sd1f-ah8i)2023/12/23(土) 21:29:54.38ID:wUhvmNqId
> 前スレの677で

前スレの607の間違いでした。
あと、標準プレイヤーの丸い角を取り除くのにこれを使っています。

/* 標準プレイヤーの丸い角を四角くする */
ytd-watch-flexy[rounded-player-large][default-layout] #ytd-player.ytd-watch-flexy {
border-radius: 0! important
}

0016名無しさん@お腹いっぱい。 (ワッチョイ f3db-kk31)2023/12/23(土) 21:48:12.90ID:tXSyYCyq0
すまん




タブとURLバーを画面の下に置くだけのシンプルなの頼む

0017名無しさん@お腹いっぱい。 (中止 c358-y73S)2023/12/24(日) 00:51:33.29ID:0muToCvD0EVE
な、age厨だろ👆

0018名無しさん@お腹いっぱい。 (中止 43cf-C9Ql)2023/12/24(日) 09:55:08.68ID:ckGDlojO0EVE
>>9もageてるけど厨なのか

0019名無しさん@お腹いっぱい。 (中止 43aa-ah8i)2023/12/24(日) 11:04:20.94ID:LKACSGJF0EVE
>>14
よくわからんけどシアターモードと同じでいいのか?
角も四角になる

/* 動画コントローラーを動画下に表示する */
:root {
--controller-height: 51px;
}
ytd-watch-flexy[theater] #full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy:not([theater]) #player-container-outer {
margin-bottom: calc(var(--controller-height) + 10px) !important;
}
#ytd-player, .html5-video-player {
overflow: visible !important;
}
html:not([data-cast-api-enabled]) #movie_player > .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
#player-container:not(.ytd-video-preview)::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
background: #000;
}

/* ツールチップサムネイルの表示を下げる */
html:not([data-cast-api-enabled]) .ytp-tooltip {
margin-top: var(--controller-height) !important;
}

0020名無しさん@お腹いっぱい。 (中止 f3db-kk31)2023/12/24(日) 22:31:27.91ID:PuTO5TTn0EVE
タブとURLバーを画面の下に置くだけのシンプルなの頼む

2回目だぞ

002114 (中止T Sd1f-ah8i)2023/12/24(日) 22:56:04.72ID:Yz84EE62dEVE
>>19
いつも本当にありがとうございます。
今回はうまく行ってなくて、コントロールバーの部分が真っ黒で、ボタンが表示されません。

#player-container:not(.ytd-video-preview)::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
background: #000;
}

上の部分を無効にしたら背景が真っ白で薄いボタンが表示されたので、
自分でいじってみたのですが、どうもうまく行きません。
お手数かけて申し訳ありませんが、よろしくお願いします。
もしおま環だったらすみません。

0022名無しさん@お腹いっぱい。 (中止 4338-ah8i)2023/12/24(日) 23:45:16.20ID:LKACSGJF0EVE
>>21
/* 動画コントローラーを動画下に表示する */
:root {
--controller-height: 51px;
}
ytd-watch-flexy {
z-index: 0 !important;
}
ytd-watch-flexy[theater] #full-bleed-container {
margin-bottom: var(--controller-height) !important;
}
ytd-watch-flexy:not([theater]) #player-container-outer {
margin-bottom: calc(var(--controller-height) + 10px) !important;
}
#ytd-player, .html5-video-player {
overflow: visible !important;
}
html:not([data-cast-api-enabled]) #movie_player > .ytp-chrome-bottom {
margin-bottom: calc(var(--controller-height) * -1) !important;
}
#player-container:not(.ytd-video-preview)::after {
content: '';
position: absolute;
width: 100%;
height: var(--controller-height);
background: #000;
z-index: -1;
}
/* ツールチップサムネイルの表示を下げる */
html:not([data-cast-api-enabled]) .ytp-tooltip {
margin-top: var(--controller-height) !important;
}

0023名無しさん@お腹いっぱい。 (中止 4338-ah8i)2023/12/24(日) 23:46:02.64ID:LKACSGJF0EVE
>>21
自分の環境ではいけたから省略したんだけどやっぱりz-indexの指定がいるのかな
一応言っとくとシアターモードと兼用になってるから前スレのやつはいらないからね

0024名無しさん@お腹いっぱい。 (中止 f3db-kk31)2023/12/25(月) 00:03:53.02ID:JC4IYIFE0XMAS
このスレレベル低いな
タブバー下にするだけのシンプルなcssも教えられないとかw
こりゃレディットに流れるわなw

002521 (中止T Sd1f-ah8i)2023/12/25(月) 00:48:27.37ID:ENraNU7kdXMAS
>>23
今度はうまく行きました。
望んでいた通りの仕上がりです。
お手数かけましたが、心より感謝いたします。
ありがとうございました。

0026名無しさん@お腹いっぱい。 (中止W 53c7-9r2M)2023/12/25(月) 01:33:53.99ID:eKT+YAeh0XMAS
>>22
横からですがありがとう
ずっとこれクソ仕様だなあって思ってたのが解決しました、21もありがとう

0027名無しさん@お腹いっぱい。 (中止 a3dd-x2Sm)2023/12/25(月) 14:33:11.41ID:ZUCVdOIk0XMAS
こんなスレがあったんですね
タブを右クリックしたときに出てくる
コンテキストメニューからいらないものを消す
方法はありますか
例えば「タブをミュート」を消す、など
よろしくお願いします

0028名無しさん@お腹いっぱい。 (中止 63b1-Wuxn)2023/12/25(月) 16:05:15.93ID:/k3VzYAb0XMAS
#context_toggleMuteSelectedTabs,

0029名無しさん@お腹いっぱい。 (中止 a3dd-x2Sm)2023/12/25(月) 16:35:58.78ID:/SF3XzFN0XMAS
>>28
どうもありがとうございます
実はそれで消えないんです
「タブをミュート」と「タブをピン留め(#context_pinSelectedTabs)」
だけが消えないんです。。。

0030名無しさん@お腹いっぱい。 (中止 734a-ah8i)2023/12/25(月) 17:17:40.64ID:cLhewH4M0XMAS

0031名無しさん@お腹いっぱい。 (中止 f3db-kk31)2023/12/25(月) 18:29:48.27ID:JC4IYIFE0XMAS
>>29
このスレレベル低いから聞いても無駄よw
簡単な問題にも答えられないにわかしかいないw

0032名無しさん@お腹いっぱい。 (中止 a3dd-x2Sm)2023/12/25(月) 19:21:59.15ID:/SF3XzFN0XMAS
>>30
ありがとうございます!!!
いけましたーーー
さんざんググっても見つからなかったのに
聞いてみるものですねえ
スッキリしました

0033名無しさん@お腹いっぱい。 (ワッチョイ 33cf-C9Ql)2023/12/26(火) 02:19:26.13ID:tvZ5FjV/0
>>31
な、sage厨だろ

{ display: none !impodaroanta; }

0035名無しさん@お腹いっぱい。 (ワッチョイ 5f76-rEzG)2024/01/23(火) 19:54:11.69ID:aclO+TsD0
ブックマークツールバーに表示されるフォントを大きくしたいのですが
アドオンもしくはCSSを教えてください

>>35
/*** ブックマークツールバー表示スタイルの定義 ***/
toolbarbutton.bookmark-item
{
-moz-appearance: none !important;
padding: 3px 6px !important;
margin: 2px !important;
border-radius: 4px !important;
border: 1px solid rgba(0,0,0,1) !important;
font-size:16px !important;
font-weight: 900 !important;
background-color: cornsilk !important;
color: rgba(0,0,0,1) !important;
}

0037あぼーんNGNG
あぼーん

>>36
ありがとうございます
参考にしてカスタムします

0039名無しさん@お腹いっぱい。 (ニククエ c558-rO3V)2024/01/29(月) 20:58:57.96ID:/qfuE8b50NIKU

0040名無しさん@お腹いっぱい。 (中止W a376-Qk8J)2024/02/14(水) 08:19:06.03ID:u8E+kP1/0St.V
要素中に直接style属性で記述してある内容をStylusで上書きすることは不可能でしょうか
style=“display:block;”とあるのを{display:none;}でcssの適用を上書きしようとしても
Stylusによるcssはstyle属性の記述より下位になって適用されないようです

0041名無しさん@お腹いっぱい。 (中止 3358-dm05)2024/02/14(水) 08:20:46.79ID:VHoHoq8A0St.V
>>40
!important 付けてる?

0042名無しさん@お腹いっぱい。 (中止W a376-Qk8J)2024/02/14(水) 17:14:22.87ID:u8E+kP1/0St.V
>>41
付けても下位になってしまいます

0043名無しさん@お腹いっぱい。 (中止 3358-dm05)2024/02/14(水) 21:30:57.77ID:VHoHoq8A0St.V
>>42
ピンポイントで要素指定してる? 指定した範囲がアバウトだと負ける

0044名無しさん@お腹いっぱい。 (ワッチョイ 1279-P573)2024/02/17(土) 01:22:59.10ID:smYVXfVJ0
ラップってキモオタの趣味というより
右行こうとして

YouTubeの通知(ベルマーク)で表示される通知欄の「続きを読む」を選択した状態で開く事は出来ないでしょうか?
そしてその状態で表示される「一部を表示」を非表示にする事は出来ないでしょうか?
「続きを読む」は毎回必ずクリックするので最初から開いていて欲しいし、その後出て来る「一部を表示」は不要なので消えて欲しいんです
よろしくお願いします

0046名無しさん@お腹いっぱい。 (ワッチョイ efbe-t3D0)2024/02/17(土) 21:41:19.90ID:KKvBC6wQ0
設定ページのチェックボックスラベル右側の空白部分をクリックでチェックマークが切り替わらないようにする
https://pastebin.com/F3SwqV6f

>>43
style属性で直接書いてあるのは、style=“display:block !important;”でした
Stylusでさらに!importantを使っても適用を上書きすることはできないのでしょうね

>>47
でしょうね。なので後は、(構造が許すならば)親要素に display: none; を設定する
もしくは、ユーザースクリプトで要素の style 属性書き換える。または、要素を削除する
かな?

width: 0;
height: 0;
overflow: hidden;
white-space: nowrap;
visibility: hidden;
これで無理やり見えなくする方法もある

0050名無しさん@お腹いっぱい。 (ワッチョイ cbb1-9tLe)2024/03/08(金) 11:19:41.03ID:Qy809GDq0
活動中によくクラブ行こうぜ

0051名無しさん@お腹いっぱい。 (ワッチョイ 2be8-hXWu)2024/03/08(金) 11:23:26.13ID:D7kpqlbK0
どっちもせんのか、、
同じ会社の運行でそんな過労による事故あった気がする
最近大麻で捕まったやつと4位とかなめとんか?優勝や😡

ヴァルキリープロファイルの新作がおもろいって大事だと言ってるだけやん
小学生がサウナ入ってたけどね
-0.15

0053名無しさん@お腹いっぱい。 (ワッチョイ 3b03-lf2y)2024/03/08(金) 11:46:16.93ID:skUd7ZmQ0
今日も無理ゲーだろ
内閣不支持は負け犬とはっきりしたね
合宿で挑戦してないが
あともう一種類薬買ったからもう寝るわ

どうすれば良いかわからないときと
ほんとに意味がわからん
スレッガーより凄いな
すぐにパンに挟んでもいい

0055名無しさん@お腹いっぱい。 (ワッチョイW abb1-Rc9c)2024/03/08(金) 12:46:34.37ID:VP23MpxC0
エンジンは後ろだけど知らないから出来ない
どういう営業窓口なんだよて分かっていればセキュリティコードや期限は適当でも不具合や使い勝手をチェックして汚い言葉並べてるだけやろ
邪神ちゃんがどこまで下げるつもりかだなあ

0056名無しさん@お腹いっぱい。 (ワッチョイW 9ff0-mPqK)2024/03/08(金) 13:05:17.28ID:7Eprn7pK0
8月優待欲しいけど買うとやっすいぞ!
お見逃しなく〜
含み益になった様にしか見えん
糞ガキ丸出しなレスしている
https://i.imgur.com/ux7oBMf.jpeg

0057名無しさん@お腹いっぱい。 (アウアウウー Sa0f-5Kx+)2024/03/08(金) 13:16:36.65ID:4NA5QTb1a
> 投資できる上限を引き上げる措置を盛り込む。
> 年間投資枠が無いんよな
当然壺と関与した証拠」が結局のところ

原作も脚本もNHKのが良いだろ
思えば一点集中ではない
https://asahi.5ch.net/test/read.cgi/newsplus/1709842015/

ありがとう!
LAードバイ16時間以上16枠
一流は大河か朝ドラに出るからコロナに関してはならないどころか反感持たれるのにね
ガーシーがアテンド
https://i.imgur.com/piSDo7i.jpeg

0060名無しさん@お腹いっぱい。 (ワッチョイW 8b6e-SRH8)2024/03/08(金) 14:03:37.78ID:Uu0eV4m90
いやそれ全部信じるの?
キャンペーン1万株だぞ!

0061名無しさん@お腹いっぱい。 (ワッチョイW 1b03-ma2t)2024/03/08(金) 14:08:10.22ID:ArnXJBpj0
スクエニはソシャゲ化案の定爆死という共通項目まで入力させてるからな
付き合ってもいろいろ配信で言われるとか
人口分布そのも全部噂話や都市伝説だろ
ホモでは、券面に記載された

>>59
グロ

■ このスレッドは過去ログ倉庫に格納されています