userChrome.css・userContent.cssスレ Part12

2022/04/21(木) 23:24:46.59

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

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

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

2022/04/23(土) 08:45:13.75

┌─────┐
│ いちもつ ♪│
└∩───∩┘
　ヽ(`･ω･´)ﾉ

2022/04/25(月) 04:59:15.21

使えそうなやつ

要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Select_an_element
ブラウザーUIの要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
前スレにあったコンテキストメニューの要素名集
https://u6.getuploader.com/script/download/1912
Mozilla Firefox 多段タブスレ Part.1
http://egg.5ch.net/test/read.cgi/software/1577781022/

2022/04/25(月) 09:40:27.96

Firefox99に更新したらー　□　×が隠れてしまいます分かる方お願いします
https://imgur.com/a/Yo97LVQ

/*タブをメニューバーの下*/

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
@import "./tabs_below_navigation_toolbar.css";

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}

2022/04/25(月) 09:41:53.05

つづき
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}

#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;

2022/04/25(月) 10:00:35.21

こっちか

2022/05/01(日) 18:48:17.71

いちおつ

2022/05/04(水) 22:50:03.45

100にしたらメニューバーを出した時に青くなるのだけど
99の時のような感じに戻すことはできませんか？

2022/05/05(木) 00:06:17.18

>>8
/* メニュー背景の青い色を元のグレーに戻す */
#main-menubar > menu[_moz-menuactive="true"] {
background-color: hsla(0,0%,0%,.12) !important;
}

8 (ｺｰﾄﾞﾓ c773-Nh0L) · 2022/05/05(木) 05:33:18.84

>>9
ありがとうございます
希望通りの色に戻すことができました

2022/05/05(木) 15:29:31.38

>>4の　/*タブをメニューバーの下*/
タブバーにアイコンを置くとタブの高さがそのアイコンのサイズに引っ張られて大変なことになる、凄まじいね

2022/05/05(木) 16:12:02.76

>>10
よくこういう時に「戻った」「直った」という人いるけど
実際には修正ではなくて、カスタマイズなんだという意識はちゃんと持っておくべき
そうでないとトラブった際に話が合わなくなるから

2022/05/06(金) 06:58:41.47

クソどうでもいいです

2022/05/06(金) 07:54:29.38

そうどうでもいい

2022/05/11(水) 10:34:40.50

https://www.youtube.com/feed/history

上記のサイトで
・履歴タイプ
・再生履歴
・コミュニティ
などのエリア（サイドバー）が広すぎて、動画フィードが狭くなってしまいます
サイドバーを狭くし、動画フィードエリアを広くするには何と記述すればいいでしょうか

2022/05/14(土) 12:31:03.63

検索履歴を表示した時すぐに検索しないようにする
CSSあれば教えてほしいです

2022/05/14(土) 17:54:06.21

>>16
そういうのはcssでは無理
検索バーのならjsであったと思う

2022/05/14(土) 19:48:19.20

>>17　ありがとうございます

2022/05/14(土) 20:32:24.10

>>18
これ
https://github.com/alice0775/userChrome.js/blob/master/search_history_toka_suggest_nogokuwoerabutosokukennsakuniikunowotomeru.uc.js

2022/05/14(土) 22:40:50.39

YouTubeのプレイヤーでサムネイルを表示する時、高解像度のmaxresdefault.jpgではなく、
高解像度のサムネイルがあるのに低解像度のhqdefault.jpgなどで表示される動画があります。
これをなんとかmaxresdefault.jpgで表示する方法はありませんか？

一応自分でも

.ytp-cued-thumbnail-overlay-image {
background-image: url("https://i.ytimg.com/vi/<;VIDEO ID>/maxresdefault.jpg") !important;
}

みたいなCSSを作ってみましたが、うまく行きません。
<VIDEO ID>の部分をその動画のIDで可変して読み込めればいいと思うのですが。