userChrome.css・userContent.cssスレ Part8

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

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

>>754
「履歴とブックマークの管理」も黄色に戻す は不要だからね

62になったら開いてるフォルダ以外を閉じるやつが効かなくなった

AutoCloseBookMarkFolder_Fx37.uc 導入で
サイドバーに表示される
折畳 展開 の背景を暗くしたい(黒色)
見ずらくなるなら文字も(白色)に変更したい
ご教示お願いします

な、age厨だろ

釣り乙

ブックマークサイドバーの縦スクロールバーを非表示にできますでしょうか？

>>759
言われてムカついたからって

すでに同じ話題がでてて他の方は解決済みのようですが、自分の環境？じゃ治らないのでご指南願います

ブックマークのフォルダを黄色に戻す為にChrome.cssに
>>731の内容を追加し>>730の先で拾ったfolder-item.pngをChromeに入れたものの
黄色になりません。あまり詳しくないので何か見落としがあるのかもしれませんorz
よろしくお願いします

userChrome.cssのフォーマットが正しくないんじゃね？

タブ位置の変更やらなんやかんや弄ってるうちにおかしな事になってんのかな(；´Д｀)

これだけで
.bookmark-item[container],
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}

>>761
#bookmarksPanel scrollbar,
#history-panel scrollbar,
#treeBbsMenu scrollbar,
#sbTree scrollbar
{
max-width: 0px !important;
}

>>767
出来ました。本当に有り難う御座います。

mozillaサポートフォーラムのcssでブックマークを編集できますの「ページ縮小表示」と
「サイトアイコン」を消せるはずなんだけどサイトアイコンがなぜか消えてくれない
サイトアイコンも消せた人いたら教えてほしいです
https://support.mozilla.org/ja/questions/1232360

https://i.imgur.com/oY1z9MK.png

>>769
https://i.imgur.com/76zgE0q.png
選ばれた解決策(Chosen solution)の(2)で消えましたよ。
Nightly 64.0a1(2018-09-09)

62だけどこっちも消えてない

https://support.mozilla.org/ja/questions/1232360#answer-1152038
これで消えた

>>761
>>767で確かに消せるんだけど、Macだと、スクロールでバーが表示されて、自動で消えるんだよね。
Winでも出来ないのかな？

>>773
userChrome.js用スクリプトでマウスオーバーしたとき
スクロールバーが出てくるようにはできるけれども
試してみたいならアップするよ

>>772
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
display: none !important;
}
これで消えたありがとう

サイドバーの行間開きすぎなんだけど設定方法変わりました？

>>776
>>712
>>714
>>719
あたり

>>719
これってブックマークツールバーの方にも適応することって出来る？

>>778
Roomy Bookmarks Toolbar風css
ブックマークツールバーのアイコン間隔を詰めたりなどはここにあるcssがいい感じ
https://www.reddit.com/r/firefox/comments/72qkvt/any_replacement_for_roomy_bookmarks_toolbar_i/

/* --- Made by Trustadz --- */から
/* --- [/5] --- */までを利用

/* --- [5] --- */はブックマークツールバー自動開閉なんだけどFirefox環境によってうまくいかなかったりする

ESRもQuantumになったから普通に通常の最新版入れたんだけど
ブックマークメニューの
・ブックマークサイドバーを表示
・すべてのブックマークを表示
・区切り
・ブックマークツールバー
・他のブックマーク
・区切り
これらを非表示にさせる方法わかりますか？
Quantumの前はUI Eraserで消してました

これって、あれ
https://goo.gl/SL2bmU.info

>>781
goo.glのURL短縮サービスの停止は予告されてたよ

スレで以前にあった、
/* 未読タブのタイトル文字色を黄色に変更する */
.tabbrowser-tab[unread]:not([pending='true']) {
color: yellow !important;
}
が効かないのだけど、既出ですか？

（ ＾ω＾）･･･

>>783
スレを一週間くらい溯ってみてください

>>785
だから、それが効かないんだよね。
記述何処か間違ってますか？

>>786
>>602に方法試したの？なら、CSSに

/*はじめ*/
.tabbrowser-tab[unread="true"] .tab-text {
color: yellow !important;
}
/*おわり*/
て書いてみて。

サイドバーにブックマークを表示させた時の検索ボックスですが以前は
Alt+S キーでフォーカスする事が出来たのですがバージョン57辺りから
ショートカットキー(アクセラレーターキー)が廃止されてしまいました
復活させる方法を教えてください

>>788
Ctrl + I
Ctrl + B でブックマークサイドバー表示させたとき検索にフォーカスするから
ブックマークサイドバー出してるときならばCtrl押しながら Bを２回押せばフォーカスするかな

>>788
alice0775さんのaccesskey.uc.jsでAlt+S復活してた
https://github.com/alice0775/userChrome.js/blob/master/accesskey.uc.js

>>790
ありがとうございます
userChrome.jsというのを使ったことがなかったのですが
これから導入してみます

>>787
未読のタブ、黄色にならないね。

uc.jsでunread属性付加してる？

>>793
cssだけでは、ならないのですね。納得。
62では、unread属性が削除されたからか。

/*非アクティブタブの文字色*/
.tabbrowser-tab:not([visuallyselected=true]) {
color: yellow !important;
}
で出来た。

おまけ
/*読み込み完了時のタブが光ったような効果*/
.tab-loading-burst[bursting]::before {
fill: darkorange !important;
}
/*非アクティブタブの背景色*/
.tab-background:not([selected=true]) {
background-color: chocolate !important;
}

>>795
おお、これこれ、cssだけで出来るじゃん。ありがとう。
チョコ色はちょっとね。

でも未読タブではないんじゃね？

せやな

>>797
未読タブと非アクティブタブの違って？

>>799
Yonde Ji no touri

>>799
未読タブ→まだ見てないタブ
非アクティブタブ→見た見ないにかかわらずバックグラウンドになってるタブ

>>801
納得。ありがとう。

未読タブを一瞬でもアクティブにしてしまうと既読タブになってしまうから
２〜３秒間アクティブにしても未読のままにしておく方法あったらいいのにと思う

unreadTabs.uc.jsがこのタイミングでくるとは

https://egg.5ch.net/test/read.cgi/software/1531237226/31-
こっちの不具合かと思ってたこれ

更新したらタブをダブルクリックで再読込みができなくなった
直したいけどどうやんの？

ハイ次の患者さんどうぞ

ブックマークを追加するときに出る画面のフォルダツリーを最初から開いた状態にしたいんですが

ハイ次の患者さんどうぞ

>>808
https://github.com/Endor8/userChrome.js/blob/master/Firefox-57/openbookModokiFor40.uc.js

サンクス、スタイルでちょこちょこって訳にはいかなかったのか
タグの方は見つけたんだけど残念

>>811
タグの方教えて

興味なかったのでちょっと履歴のかなたに消えてた
#editBookmarkPanel #editBMPanel_tagsSelectorRow {
visibility: visible !important;
}
https://www.reddit.com/r/FirefoxCSS/comments/7kti37/how_to_make_it_so_that_show_all_tags_is_expanded/

>>813
スクリプトと併用するといいですね

サイドバー検索窓の背景色を変更したいです

#search-box
{
border: 1px #ffffff solid !important;
background: #444444 !important;
color: #ffffff !important;
}

上のだと検索窓が非アクティブの時には適用されません
非アクティブ時のIDは何ですか?

上タブが好きじゃないんでアドオンでサイドタブに
上タブを消すようにすると殺風景になるからメニューバー（タイトルバー？）を出してほぼほぼ満足なんだけど
色目を黒モードにしようとしても上のバーだけ白のまま

これって黒く出来る？？

>>815
IDは同じ
-moz-appearance: none !important;
が足りない

>>817
適用されました
調べたり試行錯誤をしても分からなかったので、とても助かりました
本当にありがとうございます

>>817
サイドバーの検索boxどうして変化しないと悩んでたところでした
助かりました

>>790
userChrome.jsの入手方法や使い方が全く分からず困っていましたが今日やっと使えました
てゆうか私の書き込みを見てわざわざ作ってくれたんですね
ありがとうございます

特定のサイトだけフォントサイズを大きく(または小さく)する方法を教えてもらえないでしょうか？

最低フォントサイズを14にすると楽天銀行の表示が崩れて
13にすると表示は崩れないのですが、今度はyahoo等の文字が小さく感じています

userContent.cssでサイトの見た目は変えられるみたいですが可能でしょうか？

Stylusってアドオンではだめなのかな
特定サイトのみのCSSを適用できる

>>821
メニューバー → 表示 → ズーム → 文字サイズのみ変更
メニューバー → 右クリック → カスタマイズ → 拡大縮小をナビゲーションバーへドラッグ → +-ボタン → 任意のフォントサイズ

それかminFontSizePerDomain_e10s.uc.js

>>823
ありがとうございます
上の方法をやってみましたがダメでした

https://i.imgur.com/rHGzE3M.png

minFontSizePerDomain_e10s.uc.jsについて調べてみます

>>824
特定のサイトのテキストのみ大きさを変えられると思う
Zoom Page WE ? Firefox 向けアドオン
https://addons.mozilla.org/ja/firefox/addon/zoom-page-we/

cssはuserContent.cssかStylusで
ただcssだとページ内の大きな文字も小さな文字も全て同じ大きさになってしまう
/* 楽天銀行のフォントサイズを変える */
@-moz-document domain("rakuten-bank.co.jp") {
*{
font-size: 13px !important;
}
}

var minFontSizePerDomain = {
// ==config==
defaultMinSize: 14, // default min font size

// regular expression, or strings wild card * ? +
SITEINFO: [
{url: /^https?:\/\/min\.size\.(com|co\.jp)./ , size: 20}, // ex. regular expression
{url: "https?://min.size.(com|co.jp)*" , size: 20}, // ex. strings wild card: * ? +
{url: "https?://docs.google.(com|co.jp)*" , size: 0},
{url: "https?://rakuten-bank.co.jp*" , size: 13},
],
// ==/config==

minFontSizePerDomain_e10s.uc.jsdで以下のように変更してみたのですが、
楽天銀行のフォントは大きいままでしたが、どこがよくないでしょうか？

>>825
Zoom Page WE入れてみましたが、フォントがある大きさから小さくなることはありませんでした

Google検索結果にアンダーラインcomでも効かなくなったんだけどどうにかならないだろうか

>>826
だったらyahooの方を大きくすればいいんじゃないか？

>>827
うちの62.0.2では今でもこれなら効いてるよ
/* Google検索結果にアンダーライン */
@-moz-document url-prefix("https://www.google.co.jp/";), url-prefix("https://www.google.com/";) {
.rc .r {
text-decoration: underline !important;
font-size: 16px!important;
color: #1B6BDF !important;
}
}

>>829
無理だった
googleのcookieの問題かな

>>827
.r [href],
.r [href] h3 {
text-decoration: underline !important;
}

>>831
おかげで付きましたありがとうございます

>>826
最小フォントサイズだからねぇ

最小フォントサイズより小さければそれが最小フォントサイズになるだけで
もともとが最小フォントサイズより大きいなら何もしないわな(rem指定の先祖が引っかからない限り

ブックマーク追加時にツリーを開くだけなので810は大げさな気がしたので作ってみた

(function(){
document.getElementById("editBookmarkPanel").addEventListener("popupshown", function(event){
gEditItemOverlay.toggleFolderTreeVisibility();
}, true);
})();

ここはcssのスレなんですが

>>834
ども
利用させてもらいます

>>835
今回だけ許して

次の2つに付いて調べているのですが、今の所見つけられていないので、教えて下さい。

�@ブックマーク追加時に、入れるフォルダの一番先頭に来るようにする。
�Aブックマークサイドバーの、ブックマークツールバーとブックマークメニューのフォルダを非表示にする。

cssじゃ無理ですねjsの方かと

スタイルで訪問済みリンクの色を変えるようにしてるんですが、
訪問済み画像リンクにも適用させることはできますか?

な、age厨だろ

さて

>>839
borderを表示すればできるのでは

実画像へリンクしてるサムネ画像をどうすれば訪問済みにできるかってことなのかね

こんな感じですね

Visited :: Firefox向けアドオン
https://addons.mozilla.org/ja/firefox/addon/visited/?src=search

60以降はこちらで
Visited Lite
https://greasyfork.org/ja/scripts/15173-visited-lite

Share on Twitter
https://addons.mozilla.org/ja/firefox/addon/tweetright/
これの右クリックメニューの消し方と、どう調べるかを誰か教えて欲しい
WebExtensionsになってからIDの調べ方がいまいち分からず…
xpi内のbackground.jsでbrowser.contextMenus.createが確認でき
そこでは"id": "tweet-"+contextとなっていて、contextはpage/link/selectionの3つ
しかし#tweet-page{display:none !important;}等では表示が消えず
ucjs_copyMenuList.uc.jsなどでも表示されないので困ってます

>>846
ブラウザーツールボックス - 開発ツール | MDN
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

>>847
今ってこんな方法で探せるんですねー
無事にID調べることが出来ました
ありがとうございました！
#jid1-smvuj9cq3cx13w_jetpack_tweet-page

a:visited > img{ border-color:〜 !important;
border-width: 〜px !important;
border-style: 〜 !important;}

辺りで

面倒だから纏めて指定しちゃうな
border: 2px solid 色指定 !important;
という感じで

>>831
今のcomは.r [href]からh3.rになった

https://bugzilla.mozilla.org/show_bug.cgi?id=1496395
Fx62以降
userContent.cssの記述がChromeのXUL要素に影響するバグがある

>>851
ドメインは関係ないよ
.com でも .co.jp でも、クッキーを消して再読込を繰り返すと
h3.r [href] になったり
div.r [href] h3 になったり
どちらにせよ以後はクッキーを消すまでそっちで固定みたい

「最小化 最大化 閉じる」ボタンを非表示にできますか?
フルスクリーン状態の時表示されるのが邪魔で。

#window-controls
{ display: none !important; }
ツールバー隠せば気にならない気もするけど