[過去ログ] userChrome.css・userContent.cssスレ Part9 (1002レス)
1-

このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
1
(1): 2018/12/07(金)08:26 ID:oj22yDj40(1/3) AAS
●※前スレ
userChrome.css・userContent.cssスレ Part8
2chスレ:software

●拡張機能
Stylish
外部リンク:addons.mozilla.org
Stylus
外部リンク:addons.mozilla.org
User Style Manager
外部リンク:addons.mozilla.org
省14
903: 2019/09/17(火)22:41 ID:QBFGmyTx0(1) AAS
Pale Moonでスタイルエディタにvbox#sidebar-box{display: none;}打ったら普通に効いた
そもそもスタイルエディタで「vbox#」って打つと候補の中に「vbox#sidebar-box」出てくる
904: 2019/09/18(水)04:35 ID:45BYkIrk0(1/3) AAS
palemoonのスタイルエディタってなんですか?
教えて下さ
905: 2019/09/18(水)06:47 ID:45BYkIrk0(2/3) AAS
インナーにも指定すればいいみたいです
ありがとぅ
906: 2019/09/18(水)10:24 ID:45BYkIrk0(3/3) AAS
hbox.tree-bodybox :hover{
background-color:red !important;
}
サイドバーをホバーしたときの背景はどのようにして指定するのでしょうか。
907
(2): 2019/09/19(木)17:36 ID:yV7MXj790(1/2) AAS
userChrome.cssデビューをしようと思うんだけど
https://で始まるサイトを表示している時はURLバーの背景色を変えたい
(左側に出る緑の錠前マークだけじゃ分かりづらい)
userChrome.cssでurl-prefixやurlbarを使って設定すればいいんだよね?
そもそもできないよ〜って目的・要望だったりする?
908
(3): 2019/09/19(木)22:06 ID:Acq//Lo50(1) AAS
>>907
userChrome.cssでのurlは表示されてるwebページではなくchrome urlだし
ロケーションバーの親側の要素のどこかにアクティブなurlが設定されてるわけでもないので残念ながらcssだけではできないです
909
(4): 2019/09/19(木)22:35 ID:VAaU0suF0(1) AAS
できるみたいだ
画像リンク[png]:i.imgur.com

外部リンク[php]:forums.mozfr.org
24 dec. 2018, 14:03 のコード
910
(1): 2019/09/19(木)22:40 ID:Ci8m/Wmz0(1) AAS
こんなんでもできたよ

#identity-box.verifiedDomain ~ .urlbar-input-box{
background-color:lightcyan!important;
}
911: 907 2019/09/19(木)23:46 ID:yV7MXj790(2/2) AAS
>>908
userChrome.cssの体系的な基礎が身についていないので
2行の各単語が有機的に繋げられませんでした
このレスがさっと理解できるレベルを目標に頑張ります

>>909,910
参考リンクや書き方の例まで
アプローチの違いが面白いな〜
何事もまず出来そうな事からやってみます

お三方ともありがとうございました
912: 2019/09/20(金)04:39 ID:CBvPz8P00(1/3) AAS
69にしたら多段タブじゃなくなったんだけど
それはもう解決済でした?
913
(1): 2019/09/20(金)05:46 ID:xgD1yI4e0(1) AAS
69だけど多段タブ使えているよ
914: 2019/09/20(金)09:24 ID:CBvPz8P00(2/3) AAS
>>913
そうなんだ もう一回やり直してみる
ありがとう
915: 2019/09/20(金)09:24 ID:gCYkv4iU0(1) AAS
記述を更新してないんだろ
916: 2019/09/20(金)10:22 ID:CBvPz8P00(3/3) AAS
ここで紹介してたからちょっとやってみるよ
外部リンク[html]:seibunji.blog.jp
917: 2019/09/20(金)10:27 ID:iUiFPQUk0(1) AAS
>>909
これって全部に塗られてると流石にちょっと気になり過ぎるんで
ロケーションバーの枠に合わせてちょっと太く四角く色が付くだけとかできますかね
またはURLが始まるhttp前の情報アイコン表示部の背景だけ変わるとかでもいいんだけど
width変更してもアイコンの数が一定じゃないから美しくない
918
(2): 2019/09/20(金)20:41 ID:8pkhJzDm0(1) AAS
>>909
外部リンク[php]:forums.mozfr.org
opacity: 0.2;
0.2を0.1や0.05にすると色が薄くなる

>>ロケーションバーの枠に合わせてちょっと太く四角く色が付くだけ
こんな感じに
画像リンク[png]:i.imgur.com

色はそのまま background を box-shadow に変更

#urlbar[pageproxystate='valid'] #identity-box.verifiedDomain:after{
background: #3bdc2a; /* Firefox Green 60 */
省6
919: 2019/09/20(金)22:34 ID:ID2IOtI/0(1) AAS
これはおしゃれだ
920: 2019/09/21(土)09:43 ID:iZAUmEdZ0(1) AAS
>>918
917です。枠のみいただきました
スゴイですまさに理想でした
921
(1): 2019/09/24(火)06:45 ID:At2S8FnT0(1) AAS
>>908はなんでウソついたの
922: 2019/09/24(火)06:58 ID:5XBbP3ji0(1) AAS
嘘付いたのではなく発想が足りなかったんだろう
923: 2019/09/24(火)08:48 ID:A30gkx7F0(1/2) AAS
普通に考えてuserChrome.cssでこれをできると思いつかないよ
924
(1): 2019/09/24(火)10:43 ID:RR3nAKEH0(1/2) AAS
>>909,918の画像が今の69なら
ロケーションバー内に現在のファビコンを表示してるやつを教えて欲しい
925
(1): 2019/09/24(火)13:08 ID:812kWhtE0(1) AAS
>>921
>>908はロケーションバーにタイしてURLをCSS属性セレクタにできないと言っているから正しい
926
(2): 2019/09/24(火)17:59 ID:A30gkx7F0(2/2) AAS
>>924
68.0.2だけどこれ
外部リンク[js]:github.com
927: 2019/09/24(火)20:45 ID:RR3nAKEH0(2/2) AAS
>>926
ありがとうーまさに求めていたモノです
ググってずっと探してたんだけど見付けきれなかった
ていうかこれデフォルトでいいのに・・
928: 2019/09/26(木)09:38 ID:P1+wSe780(1) AAS
ファビコンは詐欺サイトとかで偽装されやすいから廃止になったんだよ
929: 2019/09/26(木)20:15 ID:xHhEmSk10(1/2) AAS
ファビコン表示されなくなったのってFirefox14からなんだな
930: 2019/09/26(木)21:15 ID:cnv+NWiF0(1/2) AAS
まじかよ
14っていつだかわからん
931: 2019/09/26(木)21:18 ID:xHhEmSk10(2/2) AAS
これら見て知った

Mozilla Firefoxのバージョンの変遷 - Wikipedia
外部リンク:ja.wikipedia.org

Firefox、アドレスバーに表示されるファビコンをブロック | マイナビニュース
外部リンク:news.mynavi.jp
932: 2019/09/26(木)21:33 ID:cnv+NWiF0(2/2) AAS
14、意外と最近だった
933: 2019/09/27(金)01:04 ID:TP+wCOB30(1) AAS
歳をとるほど、一年を短く感じるからねぇ
934
(1): 2019/09/27(金)11:47 ID:F9hy6M9W0(1) AAS
ディスプレイを大きくしたのですべて少し大きくしたところ
今まで気にならなかったサイドバーのブックマークのあきがなんとかならないかなと
インデントを詰めるのは見つけたのですが
矢印マークを消すにはどうしたらいいですか?
69.01
935: 2019/09/27(金)15:02 ID:DFstvHKt0(1) AAS
普段userChrome.cssは開発ツールから弄ってるんだけど
開発ツールのスタイルエディターの左サイドバーからuserChrome.cssを探し当てるのが毎回ちょっとめんどくさい
何かスマートな対処法ってない?
936: 2019/09/27(金)19:07 ID:EUfwEs8X0(1) AAS
>>934
どこからか拾ったもの
/* サイドバーのフォントサイズを変更 */
treechildren::-moz-tree-cell-text {
font-size: 11px !important;
}
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row {
min-height: 1.5em !important;
height: 1.5em !important;
省16
937: 2019/10/02(水)12:00 ID:cnJBDCLh0(1) AAS
ナビゲーションバーの高さが68より上下2pixずつ高くなってる希ガス
more compact navigation toolbar とかで調節ができない
938
(1): 2019/10/02(水)17:02 ID:Oa6YzaHF0(1) AAS
検索バー表示してるなら、#searchbarの上下marginを0にしてみ
939: 2019/10/02(水)20:03 ID:c7vzmPY40(1) AAS
ツールバーの履歴ボタンまたはブックマークメニューをクリック
最近閉じたタブの一覧、ブックマークメニューの一覧のフォントサイズを変えたい
サイドバー一覧の方は変更したのですがツールバーの方が変わらず
ブラウジングライブラリーからも履歴とブックマークへいけます
940: 2019/10/02(水)20:50 ID:kYnunf1w0(1) AAS
最近の71で、タブを下に表示する
userChrome-tabs_on_bottom_Fx65.css
が機能しない

タブが上部に戻り、タブが表示される部分が空白になる
つまり、二倍の高さのブックマークツールバーになるのだが
ブックマークアイコンは
上列に表示される
941: 2019/10/02(水)21:29 ID:GKmp13Mp0(1) AAS
71ナイトリーはposition系が効かなくなってるっぽいな
942
(2): 2019/10/03(木)00:06 ID:1caNJp7p0(1) AAS
効いてるけど?

タブをナビゲーションバーの下にするのなら以下の3つを入れればいい
tabs_below_navigation_toolbar.css
tabs_below_navigation_toolbar_fx65.css
tabs_below_navigation_toolbar_fx68.css
943: 2019/10/03(木)01:16 ID:dHr8gvWu0(1/7) AAS
うーん、>>942の組み合わせでは最新の71では機能しないね
tabs_below_navigation_toolbar_fx68.cssが28日前のものだし
タブ表示が上部に戻ったのはほんの先日のこと

tabs_below_navigation_toolbar_fx65.cssの代わりに
二日前にアップされたtabs_below_navigation_toolbar_fx65_v2.cssを入れたら
一部ナビゲーションバーの中の一部のアイコンの表示が上付きに表示されるけど
タブは下部に表示されるようになった
ちょっと微妙な見栄えだ
944: 2019/10/03(木)01:18 ID:dHr8gvWu0(2/7) AAS
因みに、同じ二日前にtabs_below_navigation_toolbar_fx65.cssがアップされているけど
それを入れてもうまく行かなかった
945: 2019/10/03(木)01:32 ID:dHr8gvWu0(3/7) AAS
訂正
一部ナビゲーションバーの中の一部のアイコンの表示が上付きに表示される

一部メニューバーの中の一部のアイコンの表示が上付きに表示される

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

また、通常は隠しているブックマークの設定と干渉して、使い物にならない
946: 2019/10/03(木)01:44 ID:dHr8gvWu0(4/7) AAS
干渉の件は修正できたけど
アイコンの表示位置のカスタマイズ時に不安定になることがある
メニューバーにおけないアイコンを無理に置こうとすると
通常では置けないボックスの中に表示されるなど、とんでもないことになる
947: 2019/10/03(木)01:48 ID:dHr8gvWu0(5/7) AAS
カスタマイズ時に伸縮自在のスペースが見えなくなる
948: 2019/10/03(木)02:19 ID:dHr8gvWu0(6/7) AAS
あらら、tabs_below_navigation_toolbar_fx65_v2.css単独でも機能したが
不都合は一緒
949: 2019/10/03(木)02:46 ID:dHr8gvWu0(7/7) AAS
ワロタ、>>942で期待する動作できた
何か、ごみが混じっていたみたい
950: 2019/10/03(木)03:27 ID:bV4864u80(1/2) AAS
>>938
ありがとう
#searchbar{
margin-top: 1px !important;
margin-bottom: 1px !important;
}
にして

ナビゲーションボタンやロケーションバーは
more compact navigation toolbarのfix for toolbar button badgesの下に
margin-top: 1px !important; を付け加えたら高さが揃いました
951: 2019/10/03(木)10:45 ID:bV4864u80(2/2) AAS
margin: 1px !important; だけでよかった orz
952
(1): 2019/10/03(木)19:04 ID:Lx37pd200(1) AAS
more compact navigation toolbarとは何をするものなんですか
953
(1): 2019/10/04(金)01:26 ID:n+/C5oBw0(1) AAS
>>952
Aris氏のCustomCSSforFxで
custom_css_for_fx_v〜の
css/buttons/buttons_on_navbar_more_compact_mode.css
の中の記述で 文字通りナビバーがコンパクト(低く)になるみたいです
954: 2019/10/04(金)12:46 ID:I94UJPk50(1) AAS
>>953
ありがとうございます
955: 2019/10/05(土)16:30 ID:U+V6+sOl0(1) AAS
今まで

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;
}
省3
956: 2019/10/07(月)00:16 ID:AYZuvvxC0(1/3) AAS
複数のまとめちゃんるで広告の要素に下記が使われています
#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_"]
省1
957
(1): 2019/10/07(月)09:27 ID:VogN8KEJ0(1/2) AAS
#more div[id^="PERMALINK_SYSTEM_"]
で合ってるようにしか見えないが、駄目だった参考URLをひとつでいいから示してほしい
(そもそも#moreが不要じゃないかとも思うが)
958: 2019/10/07(月)10:16 ID:AYZuvvxC0(2/3) AAS
>>957
#more無しでも駄目でした
何がいけないんでしょうね
ニュースまとめサイトのURLです
もう一度見直してみます

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

ニュー速クオリティ
暇つぶしニュース
959
(1): 2019/10/07(月)10:59 ID:VogN8KEJ0(2/2) AAS
[id^="PERMALINK_SYSTEM_"]

これでいけるやん
960: 2019/10/07(月)11:03 ID:AYZuvvxC0(3/3) AAS
>>959
それでできました
うーん、なんと言うか本当にすみませんでした
そして検証までしてもらってありがとうございました
961: 2019/10/14(月)00:14 ID:tLM+JRZ20(1) AAS
redditで選択文字列に色をつけるにはどうすればいい?
962: 2019/10/15(火)16:36 ID:iQFKUCAp0(1/2) AAS
テスト
963: 2019/10/15(火)19:17 ID:iQFKUCAp0(2/2) AAS
>>276
いただきました。
69.0、70.0では正常ですが、71.0ではバーが隠れないです。
964
(1): 2019/10/16(水)16:11 ID:oWEUciei0(1) AAS
Stylishですが、特定のWebサイトだけ効果を無効にすることは出来ますでしょうか?
cssが一部のサイトのインタフェースを崩してしまいます
965
(2): 2019/10/16(水)17:03 ID:zL5lm/lP0(1) AAS
【質問】
タブを多段表示出来るようにネットで調べてuserChrome.css弄ってるんですけど
タブ数が増えてタブが四段以上になると縦スクロールバーが表示されて
それを上下させないと四段目より下のタブを見ることが出来ません
これじゃタブの全体像が掴みにくいのでweb画面の表示領域が狭くなってもいいので
縦スクロールバーを表示させずにタブを何段でも下に積み重ねるように表示する方法ってないでしょうか?

【バージョン】68.02(69にすると多段タブ自体が出来なくなったので68のままです)
【UserAgent】userChrome
【導入しているプラグインとそのバージョン】
・OpenH264 Video Codec ver1.8.1
省9
966: 2019/10/16(水)19:15 ID:Kcde3ly40(1) AAS
>>964
特定のドメインだけ除外なら>>661参照
967: 2019/10/16(水)19:22 ID:x1Sdyf7L0(1) AAS
>>965
肝心の使ってる多段css書かないでどうするの?
段数制限してないcss使えばいいでしょ
968: 2019/10/17(木)00:55 ID:0f2TX+tr0(1) AAS
>>965
69にしたら69用の多段タブ.ZIPに切り替えなきゃ
969: 2019/10/17(木)19:28 ID:wfji8p6m0(1) AAS
ブックマークツールバーの自動開閉できる>>276の71.0対応版が欲しいです。
970
(1): 2019/10/18(金)07:24 ID:sNpwIdQw0(1) AAS
サイドバー幅の制限を取り払うCSSをずっと導入していたのですが、
#sidebar-box {overflow-x: hidden !important;}
#sidebar {min-width: 0px !important;max-width: none !important;
overflow-x: hidden !important;}*/

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

サイトの仕様が変わったのかもしれませんが、何故消えてしまうのでしょうか?
Pale Moonというブラウザを使っています
971: 2019/10/18(金)09:25 ID:9MMwCO4i0(1) AAS
多段タブ71用
外部リンク:www.reddit.com
972
(1): 2019/10/18(金)12:05 ID:J91PdRYh0(1/2) AAS
>>970
userContent.cssにも書いてる予感
973
(1): 2019/10/18(金)19:05 ID:4ku6I7Ae0(1) AAS
>>972
Stylishを使用しているんだが
974
(1): 2019/10/18(金)19:59 ID:J91PdRYh0(2/2) AAS
>>973
旧式stylishか?
ブラウザUIにのみ適用するものはエディタ画面の「挿入(I)」→「XUL名前空間を基準とする」
975: 2019/10/20(日)13:00 ID:sKqfOsJs0(1) AAS
すいませんスレチかもしれないんですが、
ここ最近何もいじってないのにブラウザがちょくちょく動作停止になったりして困ってます。
userChromeとかをいじってそうなることはあるんでしょうか?
976: 2019/10/20(日)17:15 ID:/dLOvCHq0(1) AAS
セーフモードでも発生するのかい?
977
(1): 2019/10/21(月)01:14 ID:2D0nmMVe0(1/2) AAS
>>974
こんな設定あったんだ、ありがとうございます
978: 2019/10/21(月)01:18 ID:2D0nmMVe0(2/2) AAS
挿入の設定は弄ったことありませんでした

他のHTML 名前空間を基準とする、という設定はどういう効果がありますか?
979
(1): 2019/10/22(火)14:20 ID:/qLUVwdk0(1/3) AAS
本スレで紹介されたものだと思いますが、70.0では正常なるも、71.0でブックマークツールバーが隠れない。
詳しい方よろしくです。
980
(1): 979 2019/10/22(火)14:20 ID:/qLUVwdk0(2/3) AAS
/*ブックマークツールバーをマウスオーバーで自動開閉*/
#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;
}
981
(1): 2019/10/22(火)15:29 ID:3bG8MHar0(1) AAS
>>980
71は既定ルールであるdisplay: -moz-box;時に位置指定が効かなくなってるので
display: block;
width: 100%;
を上のルール内に追加
982: 2019/10/22(火)15:41 ID:/qLUVwdk0(3/3) AAS
>>981
ありがとう、無事正常になりました。
983: 2019/10/23(水)17:16 ID:ueVaxYuJ0(1) AAS
多段タブ.zipに70のがないけど69のままでいいの。
一応正常に動作してるっぽい。
984: 2019/10/23(水)18:01 ID:wVE2svjB0(1/2) AAS
Firefox 70
検索バーに出てくる
今回だけ使う検索エンジン ←の文字を非表示にして段を詰めたいんですけど
どなたかCSSご教授お願いします。
985
(1): 2019/10/23(水)18:22 ID:I5vfcGeX0(1) AAS
自分はこれで消してみた。

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

これが正しいかは分からないけど非表示にはなってます。
986: 2019/10/23(水)18:28 ID:wVE2svjB0(2/2) AAS
>>985
早速ありがとうございます
無事消すことが出来て無駄な段が消えてスッキリました
感謝です
987: 2019/10/24(木)02:53 ID:MWbiFzQo0(1) AAS
パスが.active.navigation-link.tw-interactiveのリンクを/directoryから/directory?sort=VIEWER_COUNTに改変したい場合、

www.twitch.tv##.active.navigation-link.tw-interactive:style(href="/directory?sort=VIEWER_COUNT")では駄目でした
ネットで散々検索しましたが断念、どうか助けて下さい
988: 2019/10/24(木)03:54 ID:hyiA87Q30(1/2) AAS
駄目だ少しでもファイル名や何らかの文字を書くと余所でやれになってまともに書き込めない
最初のスレでもお礼すら言えなかったしどうなってんだよ5ch
989: 2019/10/24(木)03:55 ID:hyiA87Q30(2/2) AAS
いけたか、取り敢えずようやっと自己解決しました
987を含め色々と70での改悪内容を書いて周知させたいのですがムリポ
残念です
990: 2019/10/24(木)10:34 ID:uWIIs3c20(1) AAS
70、71では問題ないも、71ではアドレスバーの丸みが効かない。
#searchbar {
border-radius: 6px !important;
}
#urlbar {
border-radius: 6px !important;
}
991
(1): 2019/10/25(金)00:50 ID:mfK91U420(1) AAS
71では効いてるが72の間違いか?
要素名変わったんじゃね
ツールボックスで調べようぜ
992
(1): 2019/10/25(金)01:32 ID:OJvA7rxt0(1) AAS
#urlbar-background
でいけそう
993: 2019/10/25(金)07:14 ID:arZF4zon0(1) AAS
>>991
ゴメン、72です。
>>992
#urlbar-backgroundでいけました。ありがとう。
994
(1): 2019/10/25(金)09:53 ID:spKwEmRk0(1/2) AAS
新しいタブ+ 消せない
995
(1): 2019/10/25(金)11:29 ID:ynE04qKW0(1) AAS
>>994
toolbarbutton#tabs-newtab-button{display:none !important;}
996: 2019/10/25(金)12:00 ID:RzFCNmD80(1/2) AAS
ふめ
997: 2019/10/25(金)12:47 ID:nZYSrjEv0(1) AAS
カスタマイズで消せるものを何故cssで消したがるのか
998: 2019/10/25(金)15:03 ID:spKwEmRk0(2/2) AAS
>>995
ありがとうございます
999: 2019/10/25(金)19:16 ID:RzFCNmD80(2/2) AAS
999
1000: 2019/10/25(金)19:20 ID:OmHas8II0(1) AAS

1001
(1): 1001 Over 1000 Thread AAS
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 322日 10時間 53分 49秒
1002
(1): 1002 Over 1000 Thread AAS
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。

───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
省4
1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.253s*