userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
>>567
ブックマークサイドバーのURLが変わっている
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul") { >>568
もしよろしければ履歴のURLも教えて頂けませんか
chrome://browser/content/history/history-panel.xul >>569
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul), 下記がいつからか一番上に表示されなくなった。
どう修正すれば良いの?
/*** コンテキストメニューSwift Selection Searchを一番上へ ***/
#jid1-kdtticj6wxvafa_jetpack_sss {
-moz-box-ordinal-group: 0 !important;
} ちなみに62で
chrome://global/skin/icons/folder-item.png
が削除されるので>>429を今のうちにやっておくと後で混乱しなくていいかも 61にしたらサイドバーの背景がもとに戻ってしまった。
なにか変更になったのでしょうか?背景黒にしていたのですが。 >>575
そりゃ変更があったから背景が変わったんだろうなぁ
元々適用していたCSSすら出してないから雑談にしかならないけどな リンク先のurlなどが表示されるステータスバーを昔のFxみたいにページ下に表示する方法を教えて下さい >>579
これをgoogleで検索する→ Status-4-Evarもどき(Firefox57から)
.statuspanel
.statuspanel-inner
.statuspanel-label
css内の上の記述を下のに書き換える
#statuspanel
#statuspanel-inner
#statuspanel-label >>580
横からだけど Status-4-Evarもどき を以前から使っていてFirefox61.0でうまく動かなかったのが解決しました
ありがとう! 便乗質問
Firefox61.0で Status-4-Evarもどき の メニューバーVer を使っているのですが
アドオンのアイコンをステータスバーに配置すると下にずれてしまってアイコンの上半分しか表示されません
(履歴や印刷のアイコンは普通に表示されます)
これを解決する方法を教えてください よろしくお願いします >>582
google検索でこれを検索→ メニューバーに置いたアイコンを右寄せにしたい
このcssを有効にするとボタンがちゃんと表示されると思う
うちの環境だけだったらごめん
長いURLだとアドレスがボタンに重なり見えないし見栄えも悪いので自分はこんな感じにしている
cssの下から11行目以下をこのように
フォントサイズは12か13で。ステータスバーもどきの高さを変更してるならborder: 3pxの値を変えればいいです
#main-window:not([inFullscreen]) #statuspanel-label {
background: transparent !important;
border: 3px solid #666666 !important;
padding: 0px !important;
font-size: 1px !important;
color: #fff !important;
margin-bottom: 0px !important;
background-color: rgba(51, 51, 51, 0.625) !important; >>584
>>582 です
メニューバーに置いたアイコンを右寄せにしたい で上手くいきました
ありがとうございました! >>584
cssの下から11行目以下ってStatus-4-Evarもどき メニューバーVerのcssね >>580
その部分書き換えたら直ったよありがとうございます
もう一つ下記のやつが動作しないんだけど修正箇所分かる人居たら教えて下さい
/*** Swift Selection Searchを一番上へ ***/
#jid1-kdtticj6wxvafa_jetpack_sss {
-moz-box-ordinal-group: 0 !important;
}
ファイル名に_sss無かったから抜いてみても駄目だった >>587
Fx60からは拡張idの後に-menuitem-が入るようになった
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss >>588
ググってもそれらしい情報見つからなくて困ってた所助かりました
皆どっから情報仕入れてるんだろう cssのSearch Bar Show Engine Namesとuc.jsのShowSearchBarHistroryByClick.uc.jsを組み合わせると
検索履歴が半行くらいでしか表示されなくなるの打つ手無い? 豆腐さんにあるuAutoPagerizeの区切り線など利用しています
デフォの黒いバーが消えないんですが消す方法ないでしょうか
.autopagerize_page_separator {
display: none;
} 「豆腐さんにあるuAutoPagerizeの区切り線」とは何なのか、uAutoPagerizeはuc.js版なのかアドオン版なのか
最低限の情報が足りてなさ過ぎだろ アドオン版だという前提で言うと、そもそもデフォの黒いバーなんてない >>594
申し訳ないですuc.js版があるのは知りませんでした
アドオンのuAutoPagerizeです
https://addons.mozilla.org/ja/firefox/addon/uautopagerize/?src=search
豆腐さんのuAutoPagerizeの区切り線はこのページのV2Cで分断されたURLを結合するの次にあります
貼れないのでURL分割してあります
http://tofukko.blog113. fc2.com/page-1.html
スクリーンショットの赤い矢印で示した黒い横線です
uAutoPagerizeが動作するページはすべてこの線が出ます
https://i.imgur.com/e7BaasU.png
このページはYahoo検索です
uAutoPagerizeの区切り線と元々の黒の線と二本あります
https://i.imgur.com/3jWWFsP.png !important付けてみればいいんじゃね?
pageの前にあるタイルは何よ >>597
後出しですいません!important付けないとcssが働かないので付けてました
pageの前にあるタイルというのはuAutoPagerizeの緑のアイコンのことでしょうか?
これはデフォであるものだと思いますけど
クリックするとグレーアウトしuAutoPagerizeの動作を停止させたりできるようになってます すまん、ボケてたuの方か
uAutoPagerize+stylusで黒線消えるけどなぁ >>599
userContent.cssに記入してましたが
Stylishでやってみたら消えました
いろいろとありがとうございました 未読タブの文字に着色できなくなったのかよ。なんてこった…
裏技ありますか? それ助かるけど既存タブをバックグラウンドでリロードしたときに反映されないのが残念 リンク先のurlなどが表示される左下のポップアップ、Status-4-Evarもどきを利用すると移動できるみたいですが、URLバーに表示させるようにはできませんか?
以前は拡張のLink Location Barを使用していて対応していたのですが、使えなくなってしまったので、もしCSSで対応できるならやりかたを教えてください >>605
ttps://userstyles.org/styles/96269/topstatuspanel-in-the-locationbar >>606
紹介どうもありがとうございます
でもこのCSSインストールできますか?
なんかインストールのボタンを押しても無反応で駄目なんです
自分だけでしょうか? >>607
下にスクロールすると出てくるShow CSS Codeをクリックすると
ソースが表示されるからそれをコピペ
あと最新のFirefoxだと
.statuspanelを
#statuspanelに置き換えるはず >>608
修正箇所まで教えてくれてどうもありがとう
今はちょっと試せないのであとでやってみますね ロケーションバーcss動くのかな?
57より前のだよね う〜ん、>>606をいろいろ弄ってみたのですが、>>610さんが言うようにfirefox61だと動かないんですかね? >>606も書き換えるのは>>580と同じだけど
一番上は.付いてないstatuspanelの間違いね >>612
どうもありがとう修正できました!
でもこのCSSって、ロケーションバーに上書きでポップアップを表示させるんですね
URLの代わりに表示させるのは現状のfirefoxだと難しいのかな?
拡張も未対応になったみたいだし 下記でタブの高さを調整したとき、タブ名が上端に位置するのですが、中央に表示するにはどう記述すれば良いのでしょうか?
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
} 検索バーのポップアップの背景色をゼブラ表示にさせるcssなんですが、修正箇所教えてくれませんか?
以前に拾ったときはこんな感じだったのですが
.autocomplete-treebody::-moz-tree-row(even) {
background-color: #eeeeee ;
}
よろしくお願いします。 >>614
タブの高さは変わるけどタブバーの高さは変わらないcssだよね
タブのタイトルはタブの中央にちゃんと位置してると思うよ >>615
.autocomplete-richlistitem:nth-of-type(even) {
background-color: #eee !important;
}
これだとロケーションバーのリストにも適用される
もし検索バーだけにしたければ
#PopupSearchAutoComplete .autocomplete-richlistitem:nth-of-type(even) {
background-color: #eee !important;
} >>617
お〜これでロケーションバーも見やすくなって助かります!
どうもありがとう!! >>616
レスありがとう。
タブの高さ=タブバーの高さと思っていた。
下記でほぼ中央に位置しました。
#TabsToolbar { margin-left: -38px !important; min-height: 33px !important; height: 33px !important;}
.tabbrowser-tab:not([pinned]) {
min-height: 38px !important;
max-height: 38px !important;
}
タブバーにツールボタンを配置してます。
ツールボタンを配置しなかったら、タブの高さ=タブバーの高さで設定すれば良いのでしょうか? 去年から火狐がHDDを100%アクセスする事態が頻発していた原因が何となく分かった。 >>621
自分もタブバーにいくつかボタン置いてるけど
どのcssを利用するかは好みなんじゃないのかな
とりあえず
タブバーの高さを変える(太く・細くする)のは>>557にあります
タブをドラッグしたときタブバーに置いたアイコンが動くのを調整は>>562
>>562さんあらためて感謝です >>623
あまり代わり映えしないので下記にします。
#TabsToolbar { margin-left: -38px !important; min-height: 30px !important; height: 30px !important;}
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
} 52ESRでCTR使っててそろそろWEに移行を考えているんだけど、
このスレではCTRの作者が作っているCustom CSS tweaks for Firefox Quantumは使わないの?
https://github.com/Aris-t2/CustomCSSforFx >>625 半年以上前から既出、css素材として何度も出てる。
もともとCTRは「糞みたいなAustralis UIを何とかしたい!」のが主原動力だから
Quantum以降はそのまま導入する意味がほとんど無い。 ブックマークのファビコンを>>429のfolder-item.pngの左上みたいは白いファイルアイコンにしたいのですが、どう記述すればいいですか? >>626
>>1のテンプレに無かったから皆CSSをゴリゴリ書いているのかと思った
UIを変更したいだけでStylish、Stylusは不要なので、とりあえずこれをベースに色々やってみます
しかし57以降のUIはさらに酷いね… そういやテンプレからstylishを削るときがきたのか… win7でFirefox61.0.1 64bit版を使っています。
61にしたら、サイドバーで出てくるブックマークの行間が広くなってしまったので狭くしたいのと、
ブックマークを検索、とでる検索枠を消したいのと、その上にある★ブックマーク という文字を消したいので、
userChrome.cssに書くcssを教えていただけますでしょうか。
行間は下記を書いているのですが反映されないのです。
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.2em !important;
border-width:1px !important;} StylishからStylusに移行しようと思ってUser Style Extractorで変換したんだけど、なぜかインポートできないUI弄り関係のスタイルがいくつかある
もうよくわからん StylusはちょろめのフォークでUIは弄れないんじゃないの?
旧バージョンのStylishを手に入れるかCTRのカスタムCSSコードで対応かな? >>631
/* トップのバーを外す */
#sidebar-header { visibility: collapse !important;}
/* サイドバーの検索バーを消す */
#bookmarksPanel > hbox,
#history-panel > hbox {
display: none !important;
} >>631
/* サイドバーヘッダーのアイコンとタイトルとドロップマーカーを非表示 */
/*#sidebar-title {
display: none !important;}
#sidebar-switcher-target {
padding: 2px 0px !important;}
#sidebar-switcher-bookmarks > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-history > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-tabs > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
list-style-image: none !important;
width: 0px !important;}
#sidebar-switcher-arrow {
list-style-image: none !important;
width: 0px !important;} >>631のcssでブラウジングライブラリーの行間狭くなっていると思うんだけど
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.4em !important;
border-width:1px !important;
} Firefox56か54ぐらいの間で止めて古いまま使ってます
スタイリッシュも一度あげたんですがカラフルアイコンになってからなんか使いづらくて旧バーションを使ってます
で、なんかブロックとかポリシーとか個人情報とか出てきたんですが
旧アイコンのものも情報収集されてるのでしょうか? >>631
/* ブックマークサイドバーのブックマークの間隔を減らす */
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xul) {
treechildren::-moz-tree-row{
height: 0 !important;
border-width: 1px !important;
}
}
/* サイドバーの履歴の間隔を減らす */
@-moz-document url(chrome://browser/content/places/historySidebar.xul) {
treechildren::-moz-tree-row{
height: 0 !important;
border-width: 1px !important;
}
} ステータスパネルの表示非表示をラグなしにする方法ないでしょうか?
フェードインフェードアウトを無くすことはできたのですが表示非表示間隔を調整する方法が分かりません。
Stutas-4 everでできたようにカーソルをリンクに乗せたらステータスをパっと表示、リンクからカーソルを外したらスっと消えるようにしたいです。 Web版のTwitterのタイムラインやトップページの上にあるglobal-nav-inner部分の
アイコンの並びを変えるのと付け加えるのはどうすればいいのでしょうか?
リスト ホーム 通知 メッセージにしたいです
モメントはli.momentsで消してます >>633
なるほど…
みんなuserChrome.cssに直接書くようになったのかな >>641
>>630のスタイルエディター機能を使っている >>641
UserCSSLoader.uc.js使ってる。 >>641
UIを弄る程度ならCTRの設定からコードを直接書き込めるようになってる
http://imgs.link/twbaHQ.jpg >>631です
教えていただいたものを記述したら出来ました!!
ありがとうございました!!
なんか2行目に書いていたurlほにゃらら〜の記述が邪魔だったみたいです。
消したらうまくできました! userChrome.cssから@importで個別のcssを読み込ませてる お豆腐さんのところのStatus-4-Evarもどきみたいなもの他にもないのかなと探してみたら見つけました
ボタンは置けないけどけっこういい感じです
https://i.imgur.com/2AFDNLh.png >>649
これでググってください一番目に出てきます → Penduin's Pen: How to Fix: Firefox 57+ Status Bar
statuspanelの前に#ね >>650
お礼を言うのを忘れていました ありがとうございました お尋ねさせてください。
以前、userstyles.orgかどこかで、AutoPagerizeで継ぎ足されたページの上部に表示されるページ番号(「Page: 2」等)を
Pixivでも表示できるようにするスタイルをインストールしたことがあるのですが、先日誤って消してしまいました。
もう一度インストールし直したいのですが、検索しても見つけられません。
どなたか、スタイルのURLやコード内容をご存知の方がおられましたら教えていただけないでしょうか。 Stylishから以下の内容(chaikaのスレ一覧で一行おきに色をつけるものです)を
userChrome.cssへコピペしたのですが反映されません
#boardTree treechildren:-moz-tree-row(even) { background-color: WhiteSmoke !important; }
#boardTree treechildren:-moz-tree-row(hover, focus) { background-color: -moz-cellhighlight !important; }
#boardTree treechildren:-moz-tree-row(selected) { background-color: highlight !important; }
これ以外のUI変更については反映できましたので、userChrome.cssの編集をミスってるとかではないと思います
なにかStylishとuserChrome.cssとで変更すべき点があるのでしょうか? それともchaika固有の問題と思われるので
そちらのスレに移動すべきでしょうか? >>656
うまくいきました、ありがとうございます
Stylishでのnamespaceがttp://www.mozilla.org/keymaster/gatekeeper/there.is.only.xulだったので
すっかりuserChrome.cssだと信じてしまってました >>627
自分も似たようなことをしているので以下でどうか
61では実現できてる
.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon,
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-iconic-left > .menu-iconic-icon,
treechildren::-moz-tree-image,
#backForwardMenu .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon
{
fill: transparent !important;
fill-opacity: 0 !important;
background-image: url("") !important;
}
background-imageはご自身で好きな画像を指定して適宜position、size、repeatで微調整
fillとfill-opacityはどちらかだけでもOKかと >>632
Stylus の導入と設定方法(Firefox拡張機能)
https://atstudiota.exblog.jp/27113499/
これを参考にして設定を行ったよ。 サイドバーの幅を規定より小さくできるようにしたんだけど61にしたらできなくなりました。
最新の設定教えてくださいませ >>660
@-moz-document url("chrome://browser/content/browser.xul") {
#sidebar-box,
#sidebar-box > #sidebar {
min-width: 0 !important;
max-width: 480px !important;
overflow-x: hidden !important;
}
} >>658
わざわざ教えてくださってどうもありがとうございます
しかしCSSを指定してみたのですが、ちょっとposition、size、repeatで微調整辺りが良くわからなかったで、上手に表示ができないです
よかったら>>429の画像を使ったもう少し詳しい書き方教えてくれませんか?
よろしくお願いいたします >>663
.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon, /* ブックマークツールバー上のもの */
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-iconic-left > .menu-iconic-icon, /* フォルダ内 */
treechildren::-moz-tree-image, /* サイドバー */
#backForwardMenu .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon /* 戻る進むボタン内 */
{
fill-opacity: 0 !important;
fill: none !important;
list-style-image: none !important;
background-image: url("chrome://global/skin/icons/folder-item.png") !important;
background-repeat: no-repeat !important;
background-size: 32px 48px !important;
background-position: 1px 0px !important;
}
バーの高さ・幅など他所の部分もcssでいじってるならそれらに応じて適宜調整が必要になるでしょう >>665
わざわざ教えてくれて本当にありがとうございました
これで綺麗に表示が出来ました firefox56.0.2を使用しております
ページ内検索バーを常に表示するようにしたいのですが、↓のコードではできませんでした
#FindToolbar{display: -moz-box !important;}
どのように書き換えればよいのでしょうか?
よろしくおねがいします ■ このスレッドは過去ログ倉庫に格納されています