userChrome.css・userContent.cssスレ Part6©2ch.net
レス数が1000を超えています。これ以上書き込みはできません。
Stylishのアプリスタイル用のCSSを書くときだけ入力補完が利かなくなった
サイトスタイルを書くときはきちんと補完してくれる
Firefox56.0 Stylish 2.0.7
似たような経験をした人いるかい？ >>921
stylusは確かchromeのスタイルをそのまま試せないのではなかったっけか
何れにせよWEの57以降はできないのだっけ？
不便になるな あれ？
56.0で#editBMPanel_descriptionRowをvisibility: visible !important;しても、
説明があるページでも表示されないぞ
今までこれで行けたのに >>923
もう解決しただろうがググったら出てきたサイト置いておく
ttp://www.01.246.ne.jp/~hatch/firefox.html
/* ブックマーク編集パネルにURL欄を表示 */
#editBMPanel_locationRow,
/* ブックマーク編集パネルに説明欄を表示 */
#editBMPanel_descriptionRow {
visibility: unset;
} >>924
ありがとう、けれどもそれはもう試したよ
inheritも試したけれども効果なしだよ
collapseとhiddenは論外だし
相変わらず説明があるページでも中身は表示されないよ 57.0b10で>>924が効くからCSSを疑うよりプロファイル疑った方がいいんじゃね？ >>926
当然、真っ先にやったよ
欄だけ表示されてdescriptionの内容は反映されない
もちろんブックマークして変更を加えているというオチもない
念のために言うとeditBMPanelはブックマークのプロパティとは別だよ いや、表示できてるけどなと思ってやりなおしてわかった
新しく開いたページをブックマークに追加するときパネル上で説明を入れて
その後ブックマーク編集パネルで表示されることを確認したんだが
この編集パネルは最後の記述がそのまま保持される仕組みなんだな
情報の入力はできるけど出力されない >>928
そうそう、そうなんだ
例えばhttps://www.mozilla.jp/なら、ブックマークされていなければ、ブックマークボタンを押したときはmetaにある通り、
"一般社団法人 Mozilla Japan は、2017 年 7 月より WebDINO Japan と名前を変え..."
と表示されなければいけないはずなのに、空なんだ googlemonkeyRでプレビューイメージをオン、4列表示にしてるんですが
たまに検索結果が空白になる事があります。同じような人いますか？
一瞬普通に表示されるのにすぐ全部消えて空白になるという感じです スクリプトスレと間違えました
向こうに書き直します アクティブタブの背景色の設定下記で効かない。
間違い指摘方よろしく。
tab[selected=true] {
background-color:#9eed17 !important;
} >>933
.tab-background-start[selected="true"]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before{
background-image: url(chrome://browser/skin/tabbrowser/tab-selected-start.svg);
}
.tab-background-middle[selected="true"] {
background-color: -moz-dialog;
background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4)), none;
}
.tab-background-end[selected="true"]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before {
background-image: url(chrome://browser/skin/tabbrowser/tab-selected-end.svg);
}
このあたりを弄れ >>934
レス、ありがとう。
が、まったく反応しませんでした。 57のかな？
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,blue,white,red) !important;
} >>936
はい、57です。
ダメでした。
結構厄介なんですめ。
背景色じゃなく文字色、フォントでもOKです。
CSSの知識なく、すみません これで出来た。
/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(0,0,0,1) !important;
background: #f7e9af !important;
background-clip: padding-box !important;
border-color: rgba(0,0,0,.25) !important;
font-weight: 900;//201703/17追記
}
#TabsToolbar .tab-background {
margin: 0 !important;
background: transparent !important;
} 下記CSSだとブックマークツールバーが半透明になるのはなぜなんでしょうか？？
これが無効のときは透明になりません。
/*** Auto-hide Bookmarks Toolbar ***/
@namespace url(・・・・);
#navigator-toolbox {
position: relative;
transition: all 0.3s ease 0s !important;
}
#PersonalToolbar {
/*overflow: hidden;*/
margin-top: -20px !important;
transition: all 0.3s ease 0s !important;
}
#navigator-toolbox:hover {
margin-bottom: -20px !important;
transition-delay: 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
margin-top: 0 !important;
transition-delay: 0s !important;
} 「マウスをする」ってまるで「マッチを擦る」みたいだな Googleカレンダーが仕様変更になって土日の色を変更してたけど機能しなくなったわ
新仕様に対応した土日の色を変更してくれるCSSってどこかに無いかな？ 56.0では問題なく、57.0で半透明になります。
新しいプロファイルで、アドオンなしでは正常でした。
元のプロファイルでアドオンをすべて無効化しても修復出来ず。
57.0のバグかな？ 新規プロファイルで問題ないならおま環だろ
アドオン無効にしたってインストール前の状態に戻してくれる訳じゃない コンテキストメニューの スクリーンショットを撮る を非表示にしたいのですが、IDというのでしょうか？分かる方教えてくれませんか IDぐらい自分でブラウザーツールボックス使って調べろ
導入の仕方、使い方はググれば出てくるから 原因が分かった。
デーマをデフォルトに戻して直った。 >>946
#screenshots_mozilla_org_create-screenshot {display: none !important;}
Firefox screenshots自体を全く使わないというなら
extensions.screenshots.disabledをtrueにした方がいい
WebExtensionsのメニューはDOM Inspectorならメニュー開いた時に末尾に追加されてるのが分かるが
ブラウザツールボックスだと反応してないように見えるね >>949
ちゃんと消すことができスッキリしました
どうもありがとうございました 57.0でsearchbarへ丸みは下記でいけるのですが、urlbarへの丸みどう記述すれば良いのですか？
.searchbar-textbox {
border-radius: 10px !important;
} #urlbar {
border-radius: 10px !important;
} >>954
.search-go-button { display: none !important; } 57.0でブックマークツールバーの高さを変えたい。
下記じゃダメなの？
PersonalToolbar {height: 25px !important;} >>943
自分でやってみたけど数字の色しか変更できないわ。
新バージョンには帯の部分のセレクターがないっぽい。 >>943>>961
なんぼのもんじゃいと思ってみてみたけど、こういうことじゃいかんのか？
tr > td:nth-child(7){
background: rgba(0,128,255,.25);
}
セレクタもうちょっと工夫すれば背景の重複も解消すると思う。 >962
ありがとうございます。
でもこれ新バージョンには適応してないみたい？
現行バージョンには効くけど。
backgroundの色の範囲はさらに昔のバージョンに戻ると思って慣れるしかないかな。 >>963
失礼しました。選ばないと新バージョンにならないのね。こうだね。
クラス名はコロコロ変わるかもしれないから工夫の余地はある。
.PhLhOd:nth-child(1),
.t8qpF:nth-child(1){
background: rgba(255,0,0,.1);
}
.PhLhOd:nth-child(7),
.t8qpF:nth-child(7){
background: rgba(0,128,255,.1);
} >>964
ありがとうございます。大変参考になりました。
自分は使ってないけどミニカレンダーのほうはこんな感じですね。
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
} >>964,>>965
ありがとうございます、理想通りの見た目になりました stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる
sytlishを無効
http 色変わらない(薄グレーのまま
https 色変る(指定した色になる
ftp 色変わらない(薄グレーのまま
これってstylishがuserChrome.cssを読みに行ってるのかな？？
css分からなくて拾ってきたの繋ぎ合わせて使ってるんだけどstylish無しで使えるようにしたいです Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの >>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした
stylishの時はこれで動いていたのですが
https://pastebin.com/4KeFmARX
解る方いましたらご指南くださいませ >>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url＾＝」を
通常の正規表現「url＾＝」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。 わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね >>971
コードをざっと見た感じ セレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった；ので心配になって確認してみた。動いた。 ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・ https://sites.google.com/site/mymemomemo/freesoft/firefox
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理（アイテム削除）したい。まとめてくれてるサイトありませんか？ >>976
そのサイトにも書いてあるよ、ちょっと古いけど
最新版はこれ
menuitem#context_reloadTab /* タブを再読み込み */
menuitem#context_toggleMuteTab /* タブをミュート */
menuitem#context_toggleMuteTab + menuseparator /* タブをミュート 直後の区切線 */
menuitem#context_pinTab /* タブをピン留め */
menuitem#context_unpinTab /* タブのピン留めを外す */
menuitem#context_duplicateTab /* タブを複製 */
menuitem#context_openTabInWindow /* 新しいウィンドウへ移動 */
menuseparator#context_sendTabToDevice_separator /* タブを端末へ送信 メニュー直前の区切線 */
menu#context_sendTabToDevice /* タブを端末へ送信 メニュー */
menu#context_sendTabToDevice + menuseparator /* タブを端末へ送信 メニュー直後の区切線 */
menuitem#context_reloadAllTabs /* すべてのタブを再読み込み */
menuitem#context_bookmarkAllTabs /* すべてのタブをブックマーク… */
menuitem#context_closeTabsToTheEnd /* 右側のタブをすべて閉じる */
menuitem#context_closeOtherTabs /* 他のタブをすべて閉じる */
menuitem#context_closeOtherTabs + menuseparator /* 他のタブをすべて閉じる 直後の区切線 */
menuitem#context_undoCloseTab /* 閉じたタブを元に戻す */
menuitem#context_closeTab /* タブを閉じる */
https://dxr.mozilla.org/mozilla-central/rev/083a9c84fbd0/browser/base/content/browser.xul#79 に基づく それ、一度も使わないからいつも消しているわ
ナビゲーション、画像の URL をメールで送信、デスクトップの背景に設定、ページを端末に送るも消している 印刷コマンドとかもうちプリンタないから消してる
ぶっちゃけ誤クリックがめんどくさい それ俺も消してるわ
プリンタあるけどバグだらけでまともに印刷できないからねぇ >>977 横からありがとう、参考になります。
>>980-981
確かに誤クリックしがちだ；俺も印刷メニュー消そうかな
印刷する時はいつもPrint Edit WEでページ編集してからだし。 >>977
あれ、お礼言うの忘れてた。
ありがとう、助かりました。 57.0、マウスオーバーでブックマークツールバーを自動表示すること出来ませんか？
userstyles.orgでいくつか公開されてるけどダメでした。 cssだけじゃ無理なことを出来ると思ってるらしいな https://www.axfc.net/u/3860755.css
↑ネットで見つけたcss用の多段タブを微調整してある程度タブの横幅が固定になってる以外は、違和感なくできたんですが
これをTabMixPlusのようにタブの横幅を可変式？にすることは出来るでしょうか？
いろいろやってみたんですが、ほとんど知識のない自分には、見つけられませんでした。
どう書き加えたらいいかどなたかよろしくお願いします。 >>988
/*
* Tab width fits to tab title
* from tab_mix_plus-0.5.0.4-fx/chrome/content/overlay/browser.css
*/
.tabbrowser-tabs[orient="horizontal"] > .tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0 !important;
width: auto !important;
} >>989
返信ありがとうございます。
自分が想像してるタブの可変？は、タブが少ないときは、最大値で表示してタブが増えるごとに
少しずつ小さくなって多段タブになった時には、最小値になってるって感じなんです。
せっかく教えてくれたのに説明不足で申し訳ないです。
ありがとうございました。 今日になって突然stylishが動かなくなった（Firefox 56.0.2）
放心状態でこのスレに来た
サイドバーを右に移す（デフォルトは左）にはどうしたらいいのでしょうか？ サイドバーとかアドオン使わんでも右左自由に動かせるだろ >>991
Firefox55からはユーザーcss使わなくてもサイドバー上の切り替えメニューで右に移動できるぞ
stylish3.0.0にされてるなら不具合だらけで取り下げられてるから、2.1.1か2.0.7に入れなおしてきな >>994
ホントにありがとう！
stylish3がこんなに不具合あるなんて・・
全ておっしゃるとおりでした >>991
だから自動アップデートは切って置けとあれほど Live editor for CSS and LESS
https://addons.mozilla.org/ja/firefox/addon/live-editor-for-css-and-less/
スタイルシート編集しつつ、リアルタイムで確認できる。これめっちゃイイ！
Custom Style Script (Inject desired CSS or JS)
https://addons.mozilla.org/en-US/firefox/addon/custom-style-script/
特定のページに対してJSとcssを個別にまとめて(；)適用・管理できる。 このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 826日 16時間 19分 58秒 レス数が1000を超えています。これ以上書き込みはできません。
