userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
タブがアクティブになると少し高くなるのですが
高くさせない方法ありますか？ アクティブタブで思い出したが現在のタブって
#tabbrowser-tabs .tabbrowser-tab[selected="true"]
じゃなくて
.tab-background[selected="true"],
.tab-line[selected="true"]
でないと指定できないんだよね。
これ、リモートデバッガ (?; S-C-A-iで開くやつ) で見ても分からなくて、
ググったら同じような質問のフォーラムがヒットしたからいいものの、
普通に詰むところだったわ。 >>269
え？#tabbrowser-tabs .tabbrowser-tab[selected="true"]でできてるけど
ラインとかはその子要素で指定されてるからその指定がいるだけで >>263
セレクターを
.message,
.message > *
にしてみたらどうだろう
たぶん userContent.css のどこかに
* { font-family: sans-serif !important }
こういうのを書いていて、
div.message の子要素の span.escaped に一致したこっちが優先されているんじゃないかな
対象要素をコンテキストメニューの「要素を調査(Q)」で開けば
どのスタイルシート由来のどの宣言が適用されているか確認できるよ
https://i.imgur.com/reBo3Lt.png
他が優先されて効果のなくなっている宣言には、打ち消し線が付く
実際に使用されているフォントの確認は「フォント」タブ ツリー型タブが表示されている時はタブバーを隠し、
ブックマークサイドバーが出るなどしてツリー型タブが非表示の時はタブバーを表示するというようなことは可能でしょうか？ FirefoxPortable57の時URL窓と検索窓の高さが変わるCSSを使ってたのですが
FirefoxPortable58を新しく入れてそのCSSを書くと同じように高さが変わるのですが
このページをブックマークに追加します、Pocketに保存、ページ操作のアイコンが小さくなってしまいます
なんとかならないでしょうか もしくは他の書き方があったらお願いします
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 19px !important;
max-height: 19px !important;
} タブの右クリックメニューに「左側のタブをすべて閉じる」を追加するcssがあったら教えてください。 >>274
cssだけでは無理なので
closeTabsFromTheBeginning@zbinlin.uc.js
というuserChrome.js用スクリプトに頼るか
またはESRに移行して該当機能のあるレガシーアドオンに頼るか >>269
.tab-content[selected="true"] {
は使えないん？ >>275
closeTabsFromTheBeginning@zbinlin.uc.js
でできました。
調べたところ，日本語表記の「左側のタブをすべて閉じる」に変更することもできました。
ありがとうございました。
>>276
紹介，ありがとうございました。 ブックマークボタン押して一番下に出てくる全てのブックマークを表示ってのを消したいんだけどどうすればいいの？
下のやつだと上に出る奴しか消せなかった・・・
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop, ツリー型タブを色々イジってマウスオーバーでサイドバーを展開するようにしているんだけど
ピン留タブが拡大縮小サイズに合わせて整列する動きをするので他のタブが動いて使いづらいのでタブが追従して動がないようにしたいんだけど方法はあるのかな？ Firefox57のブックマークを元の色に戻す
https://00.bulog.jp/archives/228
win10の58では黄色になるのですがlinux mint mateの58だと
フォルダが表示されずスペースが空いてしまいます
おま環ですかね、ubuntu系の方々いかがでしょうか？ >>283
レス速っ ありがとう
後でやってみるね >>283
やってみた。 おま環だわ、きっと。
/* 金色 */ だけはうまくいったけどあとはダメ。
下部のabout:configもダメ。
ただ...これやると他のcss設定が効かなくなる。ぱっと見で
/* サイドバーヘッダースリム化 */
/* サイドバーサーチ部スリム化 */
/* URLバー内の青色星アイコンをグレイ色に変更 */ など。
win10はフォルダの色だけちゃんと反映されたのでwinで使わせてもらいます。
あの黄色いiconよりいいね。mintはグレーで我慢します。 >>282
/***ブックマークメニューとブックマークツールバーのフォルダアイコンを以前の黄色に戻す***/
/* ブックマークメニュー */
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}
/* ブックマークツールバー */
.bookmark-item > .toolbarbutton-icon,
menu.bookmark-item:not([query]):not([label="ブックマークツールバー"]):not([label="他のブックマーク"]) {
list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
} >>286
どーもありがとう
mintだとやっぱり消える
これもwin10だといいんだけどね https://i.imgur.com/8A9dH7o.png
こういう表示スタイルと通常のスタイルの表示をキー打鍵(トリガーはアイコンも選択可)で切り替えが欲しいんですけど
何か方法ありますか? CSSだけでそんなことできことはねえよ
まずお前が進化しろ ____
____(^o^)____ ＜ 退化、トッホッホ
| レ{ V }し |
|＼⌒⌒⌒ ＼
＼| ⌒⌒⌒⌒|
￣￣￣￣ >>296
おはよう
色付いたよぉ！
全体的にカラフルになった。
このuserChrome.cssに今までの記述を張り付けてみたけど
だいたい反映されるみたいだね。
どーもありがとう！！ >>297
＞全体的にカラフルになった。
この userChrome.css の90行目付近で
/* @import url(./css/buttons/icons_colorized.css); /**/
さらに、77行目付近で
/* @import url(./css/buttons/buttons_on_navbar_classic_appearance.css); /**/
とか、340行目付近の
@import url(./css/generalui/bookmark_icons_colorized.css); /**/
この行以外を、バッサリ削除とか
＞このuserChrome.cssに今までの記述を張り付けてみたけど
好きずきだけど、作者的には userChrome.css の最後で
/* Create a new file "my_userChrome.css" and add own/custom code to it. ...****/
@import url(./my_userChrome.css); /**/
を推奨している？
ウチの "my_userChrome.css"
/* タブタイトルのボカシをキャンセル */
@import url(./css/tabs/tab_titles_remove_blur.css); /**/
/* タブ内の余白を調整 */
.tab-content { padding: 0 3px 0 7px !important; }
.tab-content:not([pinned]):hover { padding: 0 9px 0 7px !important; }
.tab-icon-image:not([pinned]) { margin-inline-end: 2px !important; } >>298
おぉ どーもありがとう。
css解らないんで助かったよぉ
三時のお茶です
つ旦 初心者な質問ですみません
このスレのuserChrome.css・userContent.cssは，みなさんfirefoxをカスタマイズしているのでしょうか？
最近firefoxからChromeに乗り換えたのですが，ChromeのStylusでスレ上のcssを利用してUIをカスタマイズすることは可能でしょうか？ 需要はほとんどないかもしれませんが
/*** タブタイトルと同じようにアクティブタブをぼかす ***/
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
mask-image: linear-gradient(to left, transparent, black 1em)!important;
} google他の人はこちらも検索の消し方教えてください >>305
自分はこれでやってる
.exp-outline,.rc div[jsl] >>306
ありがとうございます
おかげさまで邪魔なのは消えました
あと名残の薄い四角い囲み線が残ってるので
それもスッキリ消せないか試行錯誤してみます ちょっと聞くけどuserChrome.cssとかuserContent.cssをChromeフォルダにぶっこんで使えばStylishとか使わなくても動くって事なの？ >>310
アドオン入れたほうが管理、編集効率が飛躍的に上がるけど無くてもいける
俺はXP時代の軽量化重視の癖が抜けなくて未だにアドオンなしで使ってるわ なるほど、管理は確かに使ったほうが楽ですな
情報助かりました ucjsDownloadsStatusModoki.uc.js 下の方で半分埋もれて見えないんだけど ウチだけかな 58.0.2を使っています。
userChrome.cssに
http://mozilla-remix.seesaa.net/article/111361523.html
を記述し，検索バーの履歴をクリックで表示させる▼を表示させていましたが，いつからか表示されなくなりました。
https://babooshka-innerjourneys.blogspot.jp/2012/06/firefox_26.html
に変えてみましたが，やはり▼が表示されません。
何か，仕様が変わったのでしょうか？ 追記
もちろん，検索バーにフォーカスを移動し，↓を押下すれば検索履歴は表示されますし，選択もできます。
キーボードでの↓押下をマウスでのワンクリックで済ませたいのです。 >>318
58.ｘｘあたりから出てこなくなったみたいだね >>318
これ使いやすい
ShowHistroryByDoubleClick.uc.js このアドオンで日時を表示するところの背景を透過したいのですが、
アドオン自体のCSSを変更しても適用されないようです。
userChrome.cssかuserContent.cssに記述しなければいけないでしょうか。
FoxClocks
https://addons.mozilla.org/ja/firefox/addon/foxclocks/ >>321
レス，ありがとうございます。
ご紹介いただいたものは，以前試してみましたが，私の環境では▼が表示されませんでした。
このたび，改めてダウンロードしてみましたが，中身も同じで，やはり▼は表示されませんでした。
userChrome.cssから，>>318の記述は削除してあります。 >>320
58.xxからですか。何かが変わったんですかね。 >>323
申し訳ありません。動きました。
▼が表示されるのではなく，左端の虫眼鏡をダブルクリックするんですね。
もっと調べてから書き込むべきでした。ありがとうございました。 >>323
▼の表示じゃなく検索ボタンをダブルクリックで履歴表示 >>326
これもいいですね。直感的には▼が出るこちらの方が私には合います。
ご紹介，ありがとうございます。 >>329
バージョンアップしたようです
512 506 [] 2018/02/24(土) 19:45:27.77 ID:GpKwCtin0 [2/2] (PC)
https://u6.getuploader.com/script/download/1686
DLした人こっちに変えておいて
余計な記述した結果新しく開いたウィンドウで無効になってたのを修正 ブックマークフォルダの一番下に出る
「ダブで全て開く」を非表示にする記述を教えてください /* 「タブですべて開く」メニューを非表示 */
#compact-bk-menu menuitem#bookmarksShowAll,
.openintabs-menuseparator,
menuitem.openintabs-menuitem,
menuseparator[builder="end"],
menuseparator[builder="end"] + menuitem,
.bookmarks-actions-menuseparator {
display: none !important;
} 右下に出る通知の時間短くしたいんだけど上手くいかない 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みたいな。
こういうのの一覧とかないかなぁ これCTRの古い検索スタイルoldsearch.css 58.02でも効くんだけど
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/generalui/oldsearch.css
んで以前からスクロールバーが出た方がいいなておもてて
104行目見たら display: none !important; になってたでござる ↑ ああああ すいません 以前消したの投稿してしてしまいました
内容も間違ってます 58.02では効きません 虫眼鏡が出るのがうれしかったので… つい (´・ω・`) まっそう気にするなって…
. ∧__∧
( ´･ω･)∧∧l||l >>347
/⌒ ,つ⌒ヽ )
(___ ( _)
"''"" "'ﾞ''` 'ﾞ ﾞﾟ' ''' '' ''' ﾟ` /*タイトルバーにあるボタンの疑似消去*/
#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;
} σ ＜ ワロタ
(V) その時、使ってたヘラ浮きが残っていた
|| 今スキナーで撮ったwww
https://i.imgur.com/la605EO.jpg σ ＜ この間、天袋を覗いたとき見つけ出したwww
(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; /* ">>" の向きを反対にする */
} うーむ
どうやらみっつめの向きが逆になるのしか効かないようです... a:visited { color:#d60031}
履歴も残してるし試しに!important;をつけても訪問済みリンクの色が反映されない
ぐぐるとと57や8でも効いてるぽいのだが理由がわからない
試しにcss全消ししてこれだけ記述しても駄目だった オプションにあるリンク色変更で試しに真っ赤に設定してグーグルの結果見てもデフォルトのうすーい赤のままになってる
もちろん再起動などもした
何がいけないのだ :visited無効化してるとかかね
まあ新規プロファイルで試すのが一番早いんじゃね
つーか:visitedの既定配色って紫じゃないっけ
これを薄い赤と呼んでるなら悪いが 誰かcssで:visited試して見てくれ...
新規プロファイルで作ってもアドオンなしで立ち上げても変わらない... 理由がわかった
ずっとuserchromeに書いてたがusercontentに書くのか･･･
ずっとstylish使ってたからわからんかった
しかし上のbvisited liteだとサイト由来のリンクの色も変わるから悩むな･･･ stylishとか活用して
ハングルが一切見えなくするようにはできませんか？
ごく稀にあの気持ち悪い記号が目に入るのが凄く嫌なんです ■ このスレッドは過去ログ倉庫に格納されています
