userChrome.css・userContent.cssスレ Part9

**名無しさん＠お腹いっぱい。** · 2018/12/07(金) 08:26:44.73

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

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
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
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 00:06:37.07

効いてるけど？

タブをナビゲーションバーの下にするのなら以下の3つを入れればいい
tabs_below_navigation_toolbar.css
tabs_below_navigation_toolbar_fx65.css
tabs_below_navigation_toolbar_fx68.css

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 01:16:00.96

うーん、>>942の組み合わせでは最新の71では機能しないね
tabs_below_navigation_toolbar_fx68.cssが28日前のものだし
タブ表示が上部に戻ったのはほんの先日のこと

tabs_below_navigation_toolbar_fx65.cssの代わりに
二日前にアップされたtabs_below_navigation_toolbar_fx65_v2.cssを入れたら
一部ナビゲーションバーの中の一部のアイコンの表示が上付きに表示されるけど
タブは下部に表示されるようになった
ちょっと微妙な見栄えだ

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 01:18:07.11

因みに、同じ二日前にtabs_below_navigation_toolbar_fx65.cssがアップされているけど
それを入れてもうまく行かなかった

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 01:32:27.47

訂正
一部ナビゲーションバーの中の一部のアイコンの表示が上付きに表示される
↓
一部メニューバーの中の一部のアイコンの表示が上付きに表示される

更に、メニューバーにおけないアイコンも存在する

また、通常は隠しているブックマークの設定と干渉して、使い物にならない

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 01:44:35.41

干渉の件は修正できたけど
アイコンの表示位置のカスタマイズ時に不安定になることがある
メニューバーにおけないアイコンを無理に置こうとすると
通常では置けないボックスの中に表示されるなど、とんでもないことになる

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 01:48:32.45

カスタマイズ時に伸縮自在のスペースが見えなくなる

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 02:19:29.50

あらら、tabs_below_navigation_toolbar_fx65_v2.css単独でも機能したが
不都合は一緒

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 02:46:29.70

ワロタ、>>942で期待する動作できた
何か、ごみが混じっていたみたい

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 03:27:55.85

>>938
ありがとう
#searchbar{
margin-top: 1px !important;
margin-bottom: 1px !important;
}
にして

ナビゲーションボタンやロケーションバーは
more compact navigation toolbarのfix for toolbar button badgesの下に
margin-top: 1px !important;　を付け加えたら高さが揃いました

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 10:45:46.62

margin: 1px !important;　だけでよかった orz

**名無しさん＠お腹いっぱい。** · 2019/10/03(木) 19:04:03.22

more compact navigation toolbarとは何をするものなんですか

**名無しさん＠お腹いっぱい。** · 2019/10/04(金) 01:26:45.30

>>952
Aris氏のCustomCSSforFxで
custom_css_for_fx_v～の
css/buttons/buttons_on_navbar_more_compact_mode.css
の中の記述で　文字通りナビバーがコンパクト（低く）になるみたいです

**名無しさん＠お腹いっぱい。** · 2019/10/04(金) 12:46:53.60

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

**名無しさん＠お腹いっぱい。** · 2019/10/05(土) 16:30:56.28

今まで

font,table,href,body,td,p,div,span,ul,li,select,input,textarea,em,a,b,h1,h2,h3,h4,h5,h6,h7 {
font-family: 'ヒラギノ角ゴ4' !important;
}

code , kbd , pre , tt , var , samp {
font-family: 'ヒラギノ角ゴ4等幅' !important;
}

select,input {
font-family:'ヒラギノ角ゴ4等幅' !important;
}

こんな感じでCSSでフォントを変更していたのですが、アップデートしてからwebの本文のフォントの変更が効かなくなりました
何がいけないんでしょうか？
CSSで変更できなくなったんですかね？

**名無しさん＠お腹いっぱい。** · 2019/10/07(月) 00:16:29.84

複数のまとめちゃんるで広告の要素に下記が使われています
#PERMALINK_SYSTEM_●●●●●●●●●●
●はランダムな英数字
このIDをdisplay: noneで非表示にするにはどうすればいいですか?

#more div[id^="#PERMALINK_SYSTEM_"]
#more div[id^="/PERMALINK_SYSTEM_"]
#more div[id^="PERMALINK_SYSTEM_"]
#more div[id*="#PERMALINK_SYSTEM_"]
#more div[id*="/PERMALINK_SYSTEM_"]
#more div[id*="PERMALINK_SYSTEM_"]
これでは駄目でした

**名無しさん＠お腹いっぱい。** · 2019/10/07(月) 09:27:23.71

#more div[id^="PERMALINK_SYSTEM_"]
で合ってるようにしか見えないが、駄目だった参考URLをひとつでいいから示してほしい
(そもそも#moreが不要じゃないかとも思うが)

**名無しさん＠お腹いっぱい。** · 2019/10/07(月) 10:16:33.16

>>957
#more無しでも駄目でした
何がいけないんでしょうね
ニュースまとめサイトのURLです
もう一度見直してみます

NGワード規制で書き込めませんでした
URLでかな
URL無しのサイト名だけですみません

ニュー速クオリティ
暇つぶしニュース

**名無しさん＠お腹いっぱい。** · 2019/10/07(月) 10:59:31.04

[id^="PERMALINK_SYSTEM_"]

これでいけるやん

**名無しさん＠お腹いっぱい。** · 2019/10/07(月) 11:03:07.06

>>959
それでできました
うーん、なんと言うか本当にすみませんでした
そして検証までしてもらってありがとうございました

**名無しさん＠お腹いっぱい。** · 2019/10/14(月) 00:14:58.26

redditで選択文字列に色をつけるにはどうすればいい？

**名無しさん＠お腹いっぱい。** · 2019/10/15(火) 16:36:39.94

テスト

**名無しさん＠お腹いっぱい。** · 2019/10/15(火) 19:17:38.11

>>276
いただきました。
69.0、70.0では正常ですが、71.0ではバーが隠れないです。

**名無しさん＠お腹いっぱい。** · 2019/10/16(水) 16:11:38.84

Stylishですが、特定のWebサイトだけ効果を無効にすることは出来ますでしょうか？
cssが一部のサイトのインタフェースを崩してしまいます

**名無しさん＠お腹いっぱい。** · 2019/10/16(水) 17:03:28.97

【質問】
タブを多段表示出来るようにネットで調べてuserChrome.css弄ってるんですけど
タブ数が増えてタブが四段以上になると縦スクロールバーが表示されて
それを上下させないと四段目より下のタブを見ることが出来ません
これじゃタブの全体像が掴みにくいのでｗｅｂ画面の表示領域が狭くなってもいいので
縦スクロールバーを表示させずにタブを何段でも下に積み重ねるように表示する方法ってないでしょうか？

【バージョン】６８．０２（６９にすると多段タブ自体が出来なくなったので６８のままです）
【UserAgent】userChrome
【導入しているプラグインとそのバージョン】
・OpenH264 Video Codec　ｖｅｒ1.8.1
・Shockwave Flash　　　　　　
・Widevine Content Decryption Modul　　ｖｅｒ4.10.1440.18

【導入している拡張とそのバージョン】
・Focus On Left Tab After Closing　ｖｅｒ1.0.0
・Gesturefy　ｖｅｒ2.1.2
・Tab Mix - Links　ｖｅｒ0.1.0
・テキストリンク　ｖｅｒ6.0.3

【使用しているテーマ】
・Fantasy of Lights - N.Lights Series 1

**名無しさん＠お腹いっぱい。** · 2019/10/16(水) 19:15:03.76

>>964
特定のドメインだけ除外なら>>661参照

**名無しさん＠お腹いっぱい。** · 2019/10/16(水) 19:22:16.59

>>965
肝心の使ってる多段css書かないでどうするの？
段数制限してないcss使えばいいでしょ

**名無しさん＠お腹いっぱい。** · 2019/10/17(木) 00:55:42.40

>>965
69にしたら69用の多段タブ.ZIPに切り替えなきゃ

**名無しさん＠お腹いっぱい。** · 2019/10/17(木) 19:28:49.52

ブックマークツールバーの自動開閉できる>>276の71.0対応版が欲しいです。

**名無しさん＠お腹いっぱい。** · 2019/10/18(金) 07:24:14.30

サイドバー幅の制限を取り払うCSSをずっと導入していたのですが、
#sidebar-box {overflow-x: hidden !important;}
#sidebar {min-width: 0px !important;max-width: none !important;
overflow-x: hidden !important;}*/

最近、これを有効にしているとこちらの画像サイトの、
左側のSearchの検索ボックスやTagsなどが消えてしまいます
https://danbooru.donmai.us/

サイトの仕様が変わったのかもしれませんが、何故消えてしまうのでしょうか？
Pale Moonというブラウザを使っています

**名無しさん＠お腹いっぱい。** · 2019/10/18(金) 09:25:31.79

多段タブ71用
https://www.reddit.com/r/firefox/comments/dj8iyf/firefox_710b1_breaks_multirow_tabs_in/

**名無しさん＠お腹いっぱい。** · 2019/10/18(金) 12:05:38.84

>>970
userContent.cssにも書いてる予感

**名無しさん＠お腹いっぱい。** · 2019/10/18(金) 19:05:47.52

>>972
Stylishを使用しているんだが

**名無しさん＠お腹いっぱい。** · 2019/10/18(金) 19:59:04.38

>>973
旧式stylishか？
ブラウザUIにのみ適用するものはエディタ画面の「挿入(I)」→「XUL名前空間を基準とする」

**名無しさん＠お腹いっぱい。** · 2019/10/20(日) 13:00:27.84

すいませんスレチかもしれないんですが、
ここ最近何もいじってないのにブラウザがちょくちょく動作停止になったりして困ってます。
userChromeとかをいじってそうなることはあるんでしょうか？

**名無しさん＠お腹いっぱい。** · 2019/10/20(日) 17:15:25.02

セーフモードでも発生するのかい？

**名無しさん＠お腹いっぱい。** · 2019/10/21(月) 01:14:36.26

>>974
こんな設定あったんだ、ありがとうございます

**名無しさん＠お腹いっぱい。** · 2019/10/21(月) 01:18:47.37

挿入の設定は弄ったことありませんでした

他のHTML 名前空間を基準とする、という設定はどういう効果がありますか？

**名無しさん＠お腹いっぱい。** · 2019/10/22(火) 14:20:01.81

本スレで紹介されたものだと思いますが、70.0では正常なるも、71.0でブックマークツールバーが隠れない。
詳しい方よろしくです。

**979** · 2019/10/22(火) 14:20:21.41

/*ブックマークツールバーをマウスオーバーで自動開閉*/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 200ms !important;
position: absolute !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}

**名無しさん＠お腹いっぱい。** · 2019/10/22(火) 15:29:55.62

>>980
71は既定ルールであるdisplay: -moz-box;時に位置指定が効かなくなってるので
display: block;
width: 100%;
を上のルール内に追加

**名無しさん＠お腹いっぱい。** · 2019/10/22(火) 15:41:46.71

>>981
ありがとう、無事正常になりました。

**名無しさん＠お腹いっぱい。** · 2019/10/23(水) 17:16:48.44

多段タブ.zipに70のがないけど69のままでいいの。
一応正常に動作してるっぽい。

**名無しさん＠お腹いっぱい。** · 2019/10/23(水) 18:01:39.57

Firefox 70
検索バーに出てくる
今回だけ使う検索エンジン ←の文字を非表示にして段を詰めたいんですけど
どなたかCSSご教授お願いします｡

**名無しさん＠お腹いっぱい。** · 2019/10/23(水) 18:22:22.43

自分はこれで消してみた。

.search-panel-one-offs-header-label
{ display: none !important; }

これが正しいかは分からないけど非表示にはなってます。

**名無しさん＠お腹いっぱい。** · 2019/10/23(水) 18:28:26.26

>>985
早速ありがとうございます
無事消すことが出来て無駄な段が消えてスッキリました
感謝です

**名無しさん＠お腹いっぱい。** · 2019/10/24(木) 02:53:11.94

パスが.active.navigation-link.tw-interactiveのリンクを/directoryから/directory?sort=VIEWER_COUNTに改変したい場合、

www.twitch.tv##.active.navigation-link.tw-interactive:style(href="/directory?sort=VIEWER_COUNT")では駄目でした
ネットで散々検索しましたが断念、どうか助けて下さい

**名無しさん＠お腹いっぱい。** · 2019/10/24(木) 03:54:16.17

駄目だ少しでもファイル名や何らかの文字を書くと余所でやれになってまともに書き込めない
最初のスレでもお礼すら言えなかったしどうなってんだよ5ch

**名無しさん＠お腹いっぱい。** · 2019/10/24(木) 03:55:54.51

いけたか、取り敢えずようやっと自己解決しました
987を含め色々と70での改悪内容を書いて周知させたいのですがムリポ
残念です

**名無しさん＠お腹いっぱい。** · 2019/10/24(木) 10:34:47.56

70、71では問題ないも、71ではアドレスバーの丸みが効かない。
#searchbar {
border-radius: 6px !important;
}
#urlbar {
border-radius: 6px !important;
}

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 00:50:42.47

71では効いてるが72の間違いか？
要素名変わったんじゃね
ツールボックスで調べようぜ

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 01:32:31.01

#urlbar-background
でいけそう

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 07:14:19.27

>>991
ゴメン、72です。
>>992
#urlbar-backgroundでいけました。ありがとう。

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 09:53:18.69

新しいタブ＋　消せない

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 11:29:52.81

>>994
toolbarbutton#tabs-newtab-button{display:none !important;}

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 12:00:19.67

ふめ

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 12:47:16.91

カスタマイズで消せるものを何故cssで消したがるのか

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 15:03:13.39

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

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 19:16:49.50

999

**名無しさん＠お腹いっぱい。** · 2019/10/25(金) 19:20:33.32

梅

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 322日 10時間 53分 49秒