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/

このアドオンで日時を表示するところの背景を透過したいのですが、
アドオン自体のCSSを変更しても適用されないようです。
userChrome.cssかuserContent.cssに記述しなければいけないでしょうか。

FoxClocks
https://addons.mozilla.org/ja/firefox/addon/foxclocks/

>>321
レス，ありがとうございます。
ご紹介いただいたものは，以前試してみましたが，私の環境では▼が表示されませんでした。
このたび，改めてダウンロードしてみましたが，中身も同じで，やはり▼は表示されませんでした。
userChrome.cssから，>>318の記述は削除してあります。

>>320
58.xxからですか。何かが変わったんですかね。

>>323
申し訳ありません。動きました。
▼が表示されるのではなく，左端の虫眼鏡をダブルクリックするんですね。
もっと調べてから書き込むべきでした。ありがとうございました。

>>325
これだと▼出たよ
https://egg.5ch.net/test/read.cgi/software/1512639644/506

>>323
▼の表示じゃなく検索ボタンをダブルクリックで履歴表示

>>327
重ねてありがとうございます。

>>326
これもいいですね。直感的には▼が出るこちらの方が私には合います。
ご紹介，ありがとうございます。

>>330
情報，ありがとうございます。

ブックマークフォルダの一番下に出る
「ダブで全て開く」を非表示にする記述を教えてください

/* 「タブですべて開く」メニューを非表示 */


#compact-bk-menu menuitem#bookmarksShowAll,
.openintabs-menuseparator,

menuitem.openintabs-menuitem,

menuseparator[builder="end"],

menuseparator[builder="end"] + menuitem,

.bookmarks-actions-menuseparator {

display: none !important;

}

>>333
消えました
あざーすっ！

右下に出る通知の時間短くしたいんだけど上手くいかない 20sから4sに
@-moz-document url("chrome://global/content/alerts/alert.css") {
#alertBox[animate] {
animation-duration: 4s;
animation-fill-mode: both;
animation-name: alert-animation;
}
}
何処が変なのか教えてください

その記述だとchrome://global/content/alerts/alert.cssを開くときに適用することになってるが
実際に適用したいのは別のページでしょ？

>>336
すみませんテストで書き換えていたのを忘れてました
元々 chrome://global/content/alerts/alert.xul が書かれていました
どちらにせよ動かないのです( ；∀；)

以前はabout:configからalerts.totalopentimeで設定できたけど。

拡張でやろうとしてるか詳細度足りないかじゃね
わかんねえけど

ううむ

サイドバー透過できない

>>335
ていうかそんなファイルがあったんだ…。なんかFirefox自体を観れるchrome://がなかったっけ。
browser.xulみたいな。
こういうのの一覧とかないかなぁ

つhttps://dxr.mozilla.org/

>>343
ありがたい…っ！

これCTRの古い検索スタイルoldsearch.css　58.02でも効くんだけど
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/generalui/oldsearch.css

んで以前からスクロールバーが出た方がいいなておもてて
104行目見たら　display: none !important; になってたでござる

↑　ああああ　すいません　以前消したの投稿してしてしまいました
内容も間違ってます 58.02では効きません

虫眼鏡が出るのがうれしかったので…　つい (´・ω・`)

/*タイトルバーにあるボタンの疑似消去*/
#titlebar-buttonbox { display: none;
/* タブカウンター */
#main-window { counter-reset: tabs;}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])){
counter-increment: tabs;
}
#alltabs-button {
visibility: visible!important;
�@ここに↓
margin-bottom: -5px!important;
margin-left:8px;
margin-right:8px;
↑等を記入でできていました
color: black !important;
text-shadow: rgba(255, 255, 255, .5) 0 0px 8px,rgba(255, 255, 255, .7) 0 1px 1px,rgba(255, 255, 255, .2) 0 2px 8px !important;}
#alltabs-button:after { content: "Tab Counter:"counter(tabs);display: -moz-box;}
#alltabs-button > :-moz-any(label, image) { display: none;}

以前は上の書き方�@で↓ができていた
https://i.imgur.com/NCUN9ar.png

58では同じ表記でもこうなってしまう↓(新規タブボタンの有無は気にしないでください)
https://i.imgur.com/dtQzxsj.png

タブカウンターなんてものも実はあまりいらないのですが､この部分に何か置かないと
最小化や最大化自体のボタンは効くのでタブが重なってしまうのでスペースうめとして書いています｡
しかし58にしてから右端の部分が埋められずにビジュアルバランスとして納得できません｡
上記の表記のとおり､数値に限らずmaergin-自体が作動していないように感じます｡
なにか解決方法はありますでしょうか?改行制限のため見難くてすみません｡

解決しました
表記の移行の際該当部分を勘違いしていました

ちなみにこれ系で解決↓
#main-window[tabsintitlebar="true"] #TabsToolbar {
margin-right: -18px !important;
margin-left: 1px !important;
}

　 σ ＜ この間、天袋を覗いたとき見つけ出したwww
　(V)
　 ||

　 σ ＜ ワロタ
　(V) 誤爆した
　 ||

>> 三

ツールバーにあるこれらを左に移す方法はありませんか？

>>354
#nav-bar > * {
-moz-box-ordinal-group: 10 !important;
}
/* ≡ */
#nav-bar > #PanelUI-button {
-moz-box-ordinal-group: 1 !important;
}
/* >> */
#nav-bar > #nav-bar-overflow-button {
-moz-box-ordinal-group: 2 !important;
transform: rotate(180deg) !important; /* ">>" の向きを反対にする */
}

うーむ
どうやらみっつめの向きが逆になるのしか効かないようです...

おっ 解決しました
数字を0にしたら効きました

a:visited { color:#d60031}

履歴も残してるし試しに!important;をつけても訪問済みリンクの色が反映されない
ぐぐるとと57や8でも効いてるぽいのだが理由がわからない
試しにcss全消ししてこれだけ記述しても駄目だった

オプションにあるリンク色変更で試しに真っ赤に設定してグーグルの結果見てもデフォルトのうすーい赤のままになってる
もちろん再起動などもした
何がいけないのだ

:visited無効化してるとかかね
まあ新規プロファイルで試すのが一番早いんじゃね

つーか:visitedの既定配色って紫じゃないっけ
これを薄い赤と呼んでるなら悪いが

https://addons.mozilla.org/ja/firefox/addon/visited/
が死んだので↓使えと言われたので使ってる
Visited Lite
https://greasyfork.org/en/scripts/15173-visited-lite

誰かcssで:visited試して見てくれ...
新規プロファイルで作ってもアドオンなしで立ち上げても変わらない...

https://i.imgur.com/T6T4fLU.png
Nightlyだから参考程度だな

理由がわかった
ずっとuserchromeに書いてたがusercontentに書くのか･･･
ずっとstylish使ってたからわからんかった
しかし上のbvisited liteだとサイト由来のリンクの色も変わるから悩むな･･･

stylishとか活用して
ハングルが一切見えなくするようにはできませんか？
ごく稀にあの気持ち悪い記号が目に入るのが凄く嫌なんです

気にしすぎ

>>365
どうしてもStylishというかCSSでやろうとするなら、font-familyのsrc指定を使って、見たくない文字コード領域が表示されるフォントをされないものに置き換える
素直なやり方としては、拡張かGreasemonkeyスクリプトで、見たくない文字を下駄なり豆腐なりに置換する
ちょうど↓のスレで、そんな話題が出てた

【Adblock】Mozilla Firefox 広告除去/追跡防止 24
https://egg.5ch.net/test/read.cgi/software/1515404854/715-

ただし↑でその話題を続けること自体はスレ違い、拡張かGreasemonkeyスクリプトのスレに行くべき

58にしてなにか違和感感じると思ったら
タブのクローズボタン丸くしてたのが効かなくなってたわ

タブの角の丸みも効かなくなった。

58じゃなく59にしてからだった

59にしたけどタブの角はcssで設定したままだけど？

>>371
丸く出来てるなら、具体的い教えて！

タブのクローズボタンは
#main-window #navigator-toolbox #TabsToolbar .tab-content .close-icon
でいけたわ

>>144
横�dです、とても便利に使わせてもらってます
けど、これタブにポインタ乗せた時には反応しなくて、
ツールバーに乗せた時だけ反応するようにしたくて
#navigator-toolbox:hover {
のトコを色々いじってはいるのだけど上手くいかないっす
タブに反応しないという設定が出来ないってことでFA？

改行入ってるだけで機能しなくなる:emptyに失望した

emptyじゃないのにempty言われたら困る

すいません質問なんですけど全画面状態みたいに普段はツールバー隠れてて
マウスオーバーで出現させるみたいな事を通常のウィンドウでしたいのですが
もし可能でしたらどなたかやり方を教えていただけませんでしょうか？
よろしくお願いします

11月以降のスレ見返せばどこかにある

ブックマークツールバーに置いたアドオンボタンの間隔を狭めるCSS教えてください

ハイ次の患者さんどうぞ

アイコンから文字列データーを作る方法を教えてくだされ。

その文字列見ればぐぐるべきキーワードが出てるのに釣り針にしても大きすぎるわｗ
CSSエアプかな？

>>381
firefoxで画像を表示
画像を右クリック(コンテキストメニュー)
「要素を調査(Q)」
インスペクターで選択された画像要素のタグ <img …> を右クリック
「コピー」メニュー
「画像のデータ URI」

なるへそ、ツールはあるんだな。

>>383
エスパーすごすぎ

「アイコンから文字列データを作る」ってどういうことよ？
スキームのことかなあ

faviconのBase64変換とかじゃないの
検索系のアドオンだとよく要求されるし

こんなお手軽な方法でエンコードできたんだ
知らなんだ

nightly 61　昨日、今日とぶれるな
昨日は少し戻った感じがしたが、今日は、更に、状況が悪くなった

>>383 に加え ローカルに保存した画像から文字列データを作るのに
Base64エンコーダー (画像を簡単に変換)
https://lab.syncer.jp/Tool/Base64-encode/
も利用してる。pngとかアニメーションGIFも変換できて便利。
(※注意：変換済みコードのコピー時に激しく不要な幼女動物ぽいダイアログ絵が出たりする)

Base64すら調べないで文字列データーとか適当用語
馬鹿の脳味噌ってすげえ

前はCopyImgDataURI.uc.jsが使えて便利だった
代替えとしてTampermonkeyで同じものを作っているが
Cross-Domainで思うようにできない

そんな頻繁にbase64エンコードして何に使うの

サイドバーのカスタマイズ(主にツリー型タブ用css)

スレチだけど
img.crossOrigin = "Anonymous";
でCopyImgDataURI.uc.jsもどきが
できた！！
書く場所が関係あんのかよ

過去ログ参考にCSS勉強して大体思い通りの事ができました
過去にコード乗せてくれた人ありがとうございました

多段タブにする場合、現状userChrome.cssを追加するのが一般的のようですが
これはアドオンがまだ存在しないだけなのか、
今後も含めアドオンでの対応が難しいということなのか、
どちらなのでしょう？

userChrome.cssでやってしまうとその事を忘れてしまう可能性が高いのでアドオンを待ってるのですが、
ニーズが高いにも関わらずアドオンがでないということは、
やっぱりアドオンでの対応が難しいんですかね？

>>397
難しいじゃなくて実現不可能だからだよ
今の拡張は出来ることに制約がある

59では非表示になるけど、61では効かない。

/*** リンクにマウスオーバーしたときURL非表示 ***/
statuspanel{display:none!important}

61は#statuspanel

あとこれは59でも同じだがその記述だとステータス表示すべて非表示で
マウスオーバー関係ないだろ
[type="overLink"]にしないと

>>400
ありがとう。

userChrome.cssでブックマークのツールボタンをワンクリックでサイドバーに表示できるにできませんか？

CSSは動的処理を行うものではないのでムリです

cssでブックマークバーの特定のフォルダの色を変える事ってできますかね？
こんな感じでやってるんだけど変わらないっす…

.bookmark-item[label="他"]{
color:red;
}

>>405
colorは文字の色
SVG画像の「背景色」はfill

https://developer.mozilla.org/ja/docs/Web/SVG/Tutorial/Fills_and_Strokes

返信ありがとうございます
結局変わらないのでラベルの指定が間違ってるっぽいっすね

>>407
!important 付けてないからじゃない?
この場合画像の親(.bookmark-item)ではなく画像の要素に直接設定すれば important 無しでも効くけどね
ユーザースタイルシートでは常に !important を付けた方が簡単

.bookmark-item[label="他"] > image {
fill: red !important;
}

すいません変わらないっす…

>>405
colorの代わりにbackground

>>409
もしFirefox 52(現ESR版)を使っているなら画像がSVGじゃないのでfillでは無理

.bookmark-item { fill: red !important }
が効くなら
　cssファイルの文字エンコーディングは間違っていないか(UTF-8で保存すること)
　フォルダ名の方に空白などが混じっていないか
を確認

あとは初歩的なことになるけど
　cssファイルは所定のフォルダにあるか
　userChrome.css に書いているか (userContent.css ではない)
とか

すべて問題ないのに効かないならごめん、お手上げ

>>407
>>408
labelの指定に2バイト文字が使えなかった気がする
少なくとも自分は""で括って上手くいかなかったからlabelの指定先であるフォルダ名を半角英数に変えて""で指定したら成功した
指定方法が悪いのかもしれない、正解が分からない

あれ2バイト文字でいいのか…？とりあえず日本語名

日本語効かないのはuserChrome.cssの文字コードがUTF-8になってない予感

一行目に
@charset "utf-8";
つけてUTF-8で保存

あーそれが411なのか失礼したありがとう

いまどき UTF-8 without BOM 使わない人ってなんなの

仕事で返信遅れて申し訳ないっす（汗
で、解決できましたよ！原因はUTF-8で保存してなかったからでした
返信くれた方々本当にありがとうございました(^▽^)/

>>417
cssの編集は自動的にそうなるように設定しておくと楽だよね

ダイアログのボタンの文字色を変更できないですか？
マウスオーバーすると文字が白くなって見えにくいのですが