userChrome.css・userContent.cssスレ Part11

[1 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 0676-wDCc) 2020/03/21(土) 10:16:26.74 ID:NIfQeduv0]

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50

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

[860 【上級国民】 【63円】 (ﾜｯﾁｮｲ c29a-Gt90) 2022/01/02(日) 10:21:55.08 ID:lGG8gvng0]

>>858
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary {
width: 20% !important;
min-width: 0 !important;
}
ytd-watch-flexy:not([theater]):not([fullscreen]) #primary .html5-video-player video {
width: 100% !important;
height: auto !important;
}

[861 【凶】 【518円】 (ﾜｯﾁｮｲ c29a-Gt90) 2022/01/02(日) 10:44:18.13 ID:lGG8gvng0]

>>860
駄目だこれ
プレイヤーのコントロールの幅が狭いままだ

ytd-watch-flexy:not([theater]):not([fullscreen]) #primary .html5-video-player .ytp-chrome-bottom {
width: calc(100% - 12px - 12px) !important;
}

コントロール全体はこれでいいけど
プログレスバーが如何ともしがたい