[過去ログ] userChrome.css・userContent.cssスレ Part9 (1002レス)
上下前次1-新
このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
154(1): 2019/01/20(日)18:44 ID:XE3v/u7K0(1) AAS
アクティブなピン留めタブのみタブに色を付けるにはどうすればいいでしょうか?
ググってもピン留めタブかピン留めタブを除くしか見つかりません
これだとピン留めしたすべてのタブに色が付きます
.tabbrowser-tab[pinned] {
background-color: red;
}
155(1): 2019/01/21(月)07:04 ID:ZBfAdNRl0(1) AAS
.tabbrowser-tab[pinned][selected="true"]
もしくは
.tabbrowser-tab[pinned][selected]じゃね?
156: 154 2019/01/21(月)12:21 ID:FnPNUDCX0(1) AAS
>>155
.tabbrowser-tab[pinned][selected]
でいけました
感謝感謝
157(1): 2019/01/23(水)12:35 ID:trlip6hU0(1) AAS
誘導されてきたよ
DEV版だけど昨日のアップデートでタブの多段表示が解除されてしまったよ悲しいよ
あのやさしい多段表示に戻すにはどうしたらいいんだい教えてえらい人
158: 2019/01/25(金)19:01 ID:2KTfrb4M0(1) AAS
>>157
redditのFirefoxCSSでその質問してる人がいて、そこでgithubのfirefox-csshacksが紹介されてて
そこにmulti-row_tabs_Fx66ってcssのシリーズがあってDEV版66〜で使えたよ
俺か?俺は未来のお前だ
159: 2019/01/25(金)19:37 ID:44U4CtlK0(1) AAS
redditっていろいろ学べていいよね
160: 2019/01/25(金)21:21 ID:kdHkO/HC0(1) AAS
なんかこわい
161: 2019/01/26(土)21:19 ID:TLyNLmcW0(1) AAS
Firefoxのタブ幅120ピクセルに固定したいんだが
.tabbrowser-tab:not([pinned]) {
min-width: 120px !important;
max-width: 120px !important;
}
を書いても大きいままで変わらない
何か他に書く事あるのかな?
162: 2019/01/27(日)01:50 ID:BWHkdAce0(1) AAS
それで動くはずだけど?
userContentに入れてるんじゃないよねまさか
163(2): 2019/01/27(日)19:18 ID:pcWdk5KJ0(1/4) AAS
外部リンク[html]:dotup.org
ちょっと聞きたいんだがこの画像のように
非アクティブなタブのタイトル文字列にも
メニューバーやタイトルバーみたいに
文字が埋もれないような白い薄いボヤボヤとしたエフェクト?みたいのを追加したいんだがCSSで可能?
IDも分からんしどうボヤボヤさせればいいかも分からんしそもそもCSSでできるのかも分からん
おなしゃす!
164: 2019/01/27(日)19:45 ID:t04i2lsI0(1) AAS
>>163
そのぼやぼやのcssのリンク張らないと
165: 2019/01/27(日)19:54 ID:pcWdk5KJ0(2/4) AAS
ちょっと何言ってるか分かんないです
166: 2019/01/27(日)20:16 ID:nXKNp0vA0(1/4) AAS
>>163
text-shadow
167: 2019/01/27(日)22:37 ID:pcWdk5KJ0(3/4) AAS
え?これtext-shadowじゃないでしょ?
168: 2019/01/27(日)22:42 ID:nXKNp0vA0(2/4) AAS
どう見てもtext-shadow
外部リンク:developer.mozilla.org
169(3): 2019/01/27(日)22:51 ID:pcWdk5KJ0(4/4) AAS
oh…まじスマンかったd
だが非アクティブなタブタイトルのIDどうやって調べたらいいかワカンネ
昔あったinspectorなくなっちゃったんでしょ?
170(1): 2019/01/27(日)23:13 ID:nXKNp0vA0(3/4) AAS
アクティブなタブを「否定」しろ
171(1): 2019/01/27(日)23:15 ID:nXKNp0vA0(4/4) AAS
開発ツールに都合のいいものがある
172(1): 2019/01/27(日)23:25 ID:tGupB02x0(1) AAS
>>169
ブラウザーツールボックスでぐぐれ
173: 2019/01/27(日)23:38 ID:qZExTtam0(1) AAS
ブラウザーツールボックスはガチで神ツールだは
174: 169 2019/01/28(月)00:13 ID:dam+cbtd0(1) AAS
>>170-172 d
なんとかイケそうだは!
ありがとね
175: 2019/01/28(月)09:39 ID:GTxXiSQR0(1) AAS
ボヤボヤのcssのリンク張れない人が
IDとかブラウザーツールボックス分かるとか
どうなってるの
釣りだったの
176: 2019/01/28(月)16:41 ID:gPuDHnVJ0(1) AAS
その"ボヤボヤ"がcssでできるかどうかもわからないって言ってんのに
cssのリンクを張れとか無茶ぶりだと思うんだが
さすがに釣りだよなぁ
177(1): 169 2019/01/29(火)00:49 ID:1d40W4Ao0(1/2) AAS
いや、ただID調べてtext-shadow当てるだけだから普通に出来たけど…
つーか『cssのリンクを張る』?さっぱり意味が分からんのだが
昨夜から一体何を言ってるのこの人は?
どなたか解説願います
178(1): 2019/01/29(火)01:15 ID:SeDNQZLC0(1) AAS
>>177
ただマウント取りたいだけの馬鹿です
全く相手にされなかったので悔しくて
蒸し返してるだけなので無視してください
179: 2019/01/29(火)02:14 ID:1d40W4Ao0(2/2) AAS
>>178 d
あ〜やっぱりただの馬鹿だったんですね…
180: 2019/01/29(火)06:52 ID:6b+i37LE0(1) AAS
お前はsage厨荒らしだろがバカ
181(1): 2019/01/29(火)13:25 ID:dTFS+Zb20(1/2) AAS
firefox65でタブを下に出来たのですがタブバーがちょっと厚いので細くしたいです。神様お願いします‼
182: 2019/01/29(火)13:26 ID:McrKUxus0(1) AAS
過去ログ漁って幸せになれよ人様
183(3): 2019/01/29(火)20:13 ID:IRxH8ykJ0(1) AAS
>>181
firefox66だけど自分はこれで設定している
#TabsToolbar { margin-left: -38px !important; min-height: 26px !important; height: 26px !important;}
#TabsToolbar, .tabbrowser-tab { max-height: 26px !important;}
184(1): 2019/01/29(火)21:23 ID:ztDO1M750(1) AAS
Firefox65にしたらタブバーが上に戻ってしまったので下にするcss教えてください
お礼もしますので
185: 2019/01/29(火)22:19 ID:kqi+nq1l0(1) AAS
64から65に変えるとまた見かけ整えるのに煩わされるな
一応、タブバーは下におき、ツールーバーはマウスオーバーで表示するようにできたのだけど
全画面表示した時、 カーソルを上辺にもって行っても
ナビゲーションツールバーとタブバーが出てこない
186: 2019/01/29(火)23:36 ID:dTFS+Zb20(2/2) AAS
>>183
ありがとうございます♪利用させて頂きますね。
後もう1つわからないのがタブを多く開くと両端に<>が出るのですが、これの消し方解りませんか?
187: 2019/01/30(水)00:17 ID:0V2SFvDN0(1/2) AAS
65のツールバー検索で出てくるようになったの消し方教えてください
188: 2019/01/30(水)00:30 ID:0V2SFvDN0(2/2) AAS
すみません解決したのでなしで
189: sage 2019/01/30(水)03:58 ID:1HMwJmik0(1) AAS
>>183
181です。一応自分なりにやってみたのですが
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 26px !important;
max-height: 26px !important;
}
これも合っていますか?あと186のやつはこれで合っていますかね?
.tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down {
display:none !important;
}
190(1): 2019/01/30(水)10:05 ID:Ymfv1YLF0(1/12) AAS
まだ、65に更新するのは控えたが良いみたい
なぜ、バグ積み込んで見切り発車したのか理解できない
191: 2019/01/30(水)11:15 ID:OqevC4CI0(1/2) AAS
CTRの人んちのcssでタブバーとナビゲーションバー入れ変えられたけど
間のborderじゃない境界線のようなものが消せない!
ソムリエたのんます
192: 2019/01/30(水)11:16 ID:OqevC4CI0(2/2) AAS
>>184
おいお礼とは何だ
それを先に書きなさい
193: 2019/01/30(水)11:51 ID:q3SCABPn0(1) AAS
非アクティブなタブのファビコンを白黒にするアドオン「Desaturate Favicons」を
CSSで再現したもの+アルファ
194: 2019/01/30(水)11:55 ID:Ymfv1YLF0(2/12) AAS
下にする方法は既出のようだけど
65は全画面表示する時に問題含んでいて
ナビゲーションツールバーとタブバーが表示・非表示がままならない
環境依存かと無垢の新規プロファイルで試してみたけど
それをセーフモードで起動したときの不都合がやばかった
そんなんでは、その上で環境構築してもいろいろ問題が出てくるだろう
セーフモードのことを不問にして全画面モードにすると
ポインティングカーソルをモニタの上辺に持って行っても表示されない
Ctrl+F4のキーボード操作を必要とする
そうなるとマウス持つ手とキーボード操作が交差してちょっと面白くない
195: 2019/01/30(水)12:03 ID:87rtNS0s0(1/3) AAS
>>190
去年11月のNightly65の段階で仕様変更されてるのに何言ってんだ?
196(1): 2019/01/30(水)12:09 ID:Ymfv1YLF0(3/12) AAS
まさか、セーフモード起動で不都合があるのには気づかなかった
そんなことまで追い込まれることはなかったのでな
197: 2019/01/30(水)12:32 ID:87rtNS0s0(2/3) AAS
>>196
うちの環境だとセーフモード&F11でポインタ上に持ってけば教示される(65、66Dev、67a1)
198: 2019/01/30(水)12:43 ID:Ymfv1YLF0(4/12) AAS
表示はもともとだけど
それが消えないし、そうなると再表示もままならない
Webサイトの表示も不都合が見られる
右側のアイコンで出なかったり、反応しなかったり、ままならないねぇ
199: 2019/01/30(水)12:47 ID:Ymfv1YLF0(5/12) AAS
65、66、67で環境作ってるけど
Ctrl+F4で再表示まではできるようにしている
したがって、ポインティングカーソルで上辺に持っていったとき自動でポップあっ不出来な痛げだけど
セーフモードの不都合はひどすぎる
200: 2019/01/30(水)12:50 ID:Ymfv1YLF0(6/12) AAS
途中で投稿になってしまった
65、66、67で環境作ってるけど
Ctrl+F4で再表示まではできるようにしている
したがって、ポインティングカーソルで上辺に持っていった時に自動でポップアップができないだけだけど
セーフモードの不都合はひどすぎる
201: 2019/01/30(水)12:51 ID:Ymfv1YLF0(7/12) AAS
Linux環境を含め発現する
202: 2019/01/30(水)12:59 ID:87rtNS0s0(3/3) AAS
ロケーションがずれるのは知ってるが他は知らん
外部リンク[cgi]:bugzilla.mozilla.org
203: 2019/01/30(水)13:31 ID:Ymfv1YLF0(8/12) AAS
画像リンク[png]:i.imgur.com
204: 2019/01/30(水)13:40 ID:Ymfv1YLF0(9/12) AAS
コンテキストメニューがコンテキストに対応していません
これほどのバグはfirefoxでは、初めて出会いました
205: 2019/01/30(水)15:12 ID:4syLE0S60(1) AAS
じゃあコンテキストなしメニューということで改名したらいい
206: 2019/01/30(水)15:18 ID:Ymfv1YLF0(10/12) AAS
いや、セーフモードはこんなことが起こるなんて
それも幾つも
207: 2019/01/30(水)16:00 ID:vHbRR2Ka0(1) AAS
職場のなんでまだWindows7だけど、>70さんと>183さんが出してくれたのを使ってみた
タブバーに置いている拡張のアイコンが大きく表示される
それにあわせてタブバーが太くなる
起動直後は普通の高さなのに拡張のアイコンが読み込まれると太くなる
ツールバーに移動すると問題ない
ちなみに uBlockOrigin と Close Other Tabs Button だけど拡張の方の問題かな?
それと、メニューバー非表示にしても文字が消えるだけでメニューバー分が常に表示
されてる
画像リンク[png]:or2.mobi
208: 2019/01/30(水)17:25 ID:Ymfv1YLF0(11/12) AAS
65です、ゴタゴしてます
画像リンク[png]:i.imgur.com
画像リンク[png]:i.imgur.com
209(1): 2019/01/30(水)18:42 ID:OjpEgSmP0(1) AAS
65.0になって効かなくなった。
どう直せば良いの?
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-min,
#titlebar-max,
#titlebar-close
{display:none !important;}
210: 2019/01/30(水)19:32 ID:UWPPCVOD0(1/2) AAS
65にしたら選択してるタブだけheight効かなくなった
原因の切り分けめんどくさい
211: 2019/01/30(水)19:36 ID:tiZCfmrM0(1) AAS
65.0は見合わせだな
212: 2019/01/30(水)19:49 ID:Ymfv1YLF0(12/12) AAS
65になったらタブが上のほうに戻ってしまったので
Nightlyで試していた環境をコピーした
タブバーがナビケージョンツールバーとちょっと離れ過ぎていたけど未調整だった
だけど、常用環境の一つがアップデートしたのでちょっと弄ってみた
なんか当てずっぽう関係ありそうな数値を増減して見かけだけで整えた
へんなことにならないか観察したけど落ち着いていたので採用した
訳ワカメの間々作業を終えたwwww
64の実行環境も温存してます
213: 2019/01/30(水)20:09 ID:UWPPCVOD0(2/2) AAS
どこぞの多段タブus.js使ってるけど中身の--tab-min-heightを--multirowtab-heightに書き換えて
--multirowtab-height使ってタブの高さ指定したらでけた
タブアイコンとテキスト位置も直したけど
素人の継ぎ接ぎだからまた破綻するなこれ
214: 2019/01/30(水)23:21 ID:Ske48M0+0(1) AAS
タブの多段化で二段以降をドラッグすると好きな位置にタブを配置できない
みんなどうしてる?
215: 2019/01/30(水)23:30 ID:z7g3yzQX0(1) AAS
移動したいタブをアクティブにしてShift+Ctrl+Page UP/Downでタブ左右移動で妥協
複数選択してもアクティブなタブしか移動しないのが不満
216(1): 2019/01/30(水)23:33 ID:VL5R9dyf0(1) AAS
65にしたらタブバーとアドレスバーが上下入れ替わってしまったんだけどどこがおかしいでしょう?
/* Tab bar below Navigation & Bookmarks Toolbars
For best results, show Title Bar or Menu Bar */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
省8
217: 2019/01/31(木)01:04 ID:Z4APR0Jf0(1) AAS
左寄せになっているブックマークツールバーのファビコンを中央表示にしたいのですが
どう記述したらよいでしょうか?
218: 2019/01/31(木)01:24 ID:JpQf+vFM0(1) AAS
.tabbrowser-tab::after tabbrowser-tab::beforeを使った
仕切り線消すCSS効かなくなってもうた
219(1): 2019/01/31(木)03:42 ID:lj6cmiM30(1) AAS
>>216
タブバーの場所が移動されたんで他のツールバーと同じ階層にないからgroupが使えなくなった
やるならこうか?
#TabsToolbar{
position: absolute;
top:130px; ←ここは各自のツールバー表示設定に合わせて要微調整
}
#PersonalToolbar{
-moz-box-ordinal-group: 2 !important;
margin-bottom: 30px;
省1
220(1): 209 2019/01/31(木)08:05 ID:oRFiPeeD0(1) AAS
誰か、頼む!
221: 2019/01/31(木)11:41 ID:ORqvp3Bh0(1/3) AAS
>>219
ありがと、でもだめですねタブバーが表示されません
222: 2019/01/31(木)11:53 ID:A981oUGh0(1/2) AAS
>>220
毎回人に頼まず自分でやり方を覚えろ
ブラウザーツールボックス起動して左端の要素選択をクリック
そのあと自分が消したい要素をクリックすれば必要な情報がわかる
あとはclassなりidなりが設定されていたらそれを使う
classは「.」idは「#」を頭につける
223: 2019/01/31(木)12:16 ID:ORqvp3Bh0(2/3) AAS
このcssの構文説明してるサイトってありますか?
224: 2019/01/31(木)12:25 ID:A981oUGh0(2/2) AAS
>>1
225: 2019/01/31(木)12:54 ID:ORqvp3Bh0(3/3) AAS
いえ、65で変わったとこが知りたいのですが
226: 2019/01/31(木)13:43 ID:D9Hov32D0(1/2) AAS
自分もアドバーとタブバーの上下が入れ替わって困ってます
どなたか上下入れ替えるcss教えて下さいませ
227: 2019/01/31(木)14:43 ID:D9Hov32D0(2/2) AAS
できた!参考ブログ
外部リンク:accessmania.hatenablog.com
chromeフォルダに入れる場合 ./css/tabs/ を ./ に編集すればおけです
228(1): 2019/01/31(木)15:17 ID:82EE6ErS0(1/4) AAS
こんな風に歯抜けになるのは治らないんでしょうか
画像リンク[jpg]:i.imgur.com
タブのmax-widthを指定するとこうなるんですけど指定しないとタブ幅が長すぎです
解決策お願いします
229: 2019/01/31(木)17:03 ID:mAxOSPjv0(1) AAS
66.0b3になったらマウスジェスチャーが効かなくなって
さらにタブや右クリックなどの一部フォントが英字準拠になった
なんじゃこりゃあ
230(1): 2019/01/31(木)17:04 ID:vNFZJPqg0(1/4) AAS
>>228
CSS張らないと分からないよ
231(2): 2019/01/31(木)17:41 ID:82EE6ErS0(2/4) AAS
>>230
こんな感じなのですが
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
margin-right: -30px !important;
}
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
省10
232: 2019/01/31(木)17:53 ID:82EE6ErS0(3/4) AAS
あ、歯抜けはタブを閉じると左詰めにならず歯抜けになるという現象です
233(1): 2019/01/31(木)17:55 ID:vNFZJPqg0(2/4) AAS
>>231
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
こうじやないかな
.tabbrowser-tab[fadein]:not([pinned]) {
234: 2019/01/31(木)18:01 ID:82EE6ErS0(4/4) AAS
>>233
うわぁーすごい解決しました!ありがとうございます、もうずっとCSS対応になってから悩んでましたよやったー!
235: 2019/01/31(木)20:23 ID:DyH1PWs60(1) AAS
うぜえ
236(1): 2019/01/31(木)22:14 ID:Czp2bG+D0(1/2) AAS
こういう形で組んでみたけどうまく作動しない…どこか不都合なところがあるのかな??
もし分かる方がいたらご教授ください <(_ _)>
********************************************************
/* 選択中のタブの文字を強調表示 */
.tabbrowser-tab[selected] {
font-weight: 900;
}
/* 未読タブのタイトル文字色を変更する */
.tabbrowser-tab[unread="true"] {
color: #FD3C2F !important;
省1
237: 2019/01/31(木)22:54 ID:vNFZJPqg0(3/4) AAS
>>236
/*** アクティブタブの文字強調 ***/
.tabbrowser-tab[selected="true"] {
font-weight: bold !important;
color: blue !important;
}
未読タブの文字色変更などは61から内部的に不可能になったので
userChrome.jsスクリプトを用いる必要がある
以下二つのどちらか一つ好みで
setAttribute_unread.uc.js
省18
238(1): 2019/01/31(木)22:55 ID:vNFZJPqg0(4/4) AAS
続き
/* Mark new and unread tabs 未読タブCSS */
.tabbrowser-tab[unread] {
font-style: italic !important;
}
.tabbrowser-tab[busy] {
font-style: italic !important;
}
.tabbrowser-tab[pending] {
font-style: italic !important;
省4
239: 2019/01/31(木)23:16 ID:Czp2bG+D0(2/2) AAS
>>238
返信ありがとうございました <(_ _)>
未読の文字色変更は駄目になってたのですね・・・委細了解です
userChrome.jsスクリプトで早速試してみます
ありがとうございました!
240(1): sage 2019/02/01(金)15:17 ID:ppLZs/Xr0(1/3) AAS
これを使ってブックマークツールバーをボタンにしているんだけどダークモードが反映してくれません。どこを修正したらいいのか。
#PersonalToolbar toolbarbutton,
#PlacesToolbar toolbarbutton {
-moz-appearance: toolbarbutton !important;
background: unset !important;
box-shadow: unset !important;
padding-left: 3px !important;
padding-right: 3px !important;
margin-left: 0px !important;
margin-right: 0px !important;
省11
241(1): 2019/02/01(金)16:18 ID:l+ZbmkUQ0(1/3) AAS
>>240
適用してみたけどボタンにならない
242: 2019/02/01(金)16:58 ID:ppLZs/Xr0(2/3) AAS
タイトルバーのcssで色変更って無理ですか?macだとここだけダークモードにならなくて。ブラウザツールボックスでも選択できなくて参ったよ
243: 2019/02/01(金)17:03 ID:ppLZs/Xr0(3/3) AAS
>>241
ボタンは諦めます(泣)
244: 2019/02/01(金)19:30 ID:ckNVUykj0(1/2) AAS
自作uc.jsのアイコンをmask使ってテーマに合わせて色を変えられるようにしてたんだけど
65になったら表示されなくなってしまった
もうあの時のような情熱は無いし何故かブラウザーツールボックス起動しなくなっちゃったし
もうどうでもいいや
245(3): 2019/02/01(金)19:45 ID:K12gTAKE0(1/2) AAS
ブラウザーツールボックスが起動しなくなった時はプロファイルフォルダにあるchrome_debugger_profileを削除
246: 2019/02/01(金)20:01 ID:ckNVUykj0(2/2) AAS
>>245
ブラウザーツールボックス起動したよ
ほんとありがと
247(2): 2019/02/01(金)21:14 ID:GcpgZTFo0(1/2) AAS
65にアップデートしたらタブバー左端のウィンドウをドラッグするためのスペースが下記コードで消えなくなりました。
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {display: none !important;}
65でも非表示にするためにはどのように記述したらいいですか?
248(1): 2019/02/01(金)21:21 ID:K12gTAKE0(2/2) AAS
.titlebar-placeholder → .titlebar-spacer
249(1): 2019/02/01(金)21:21 ID:l+ZbmkUQ0(2/3) AAS
>>247
これじゃないかな
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
250: 247 2019/02/01(金)21:41 ID:GcpgZTFo0(2/2) AAS
>>248
>>249
ありがとうございます消すことができました。
251: 2019/02/01(金)22:16 ID:JiGJm2lz0(1) AAS
65以降でFirefox_ToolBarButtons.uc.jsが提供する
「ページ情報」アイコンをオーバーフローメニューにおくと
セーフモードで起動時に
最初に表示されるべきコンテンツが空白表示されたり
ツールバーの >> 三 が無反応になり
コンテキストメニューが異常表示されることが観察されました
「ページ情報」アイコンをオーバーフローメニューにおかねば障害は回避されます
「ページ情報」アイコンをツールバーにおくと
最初に表示されるべきコンテンツが空白表示されるけど
他の障害は見受けられません
252: 2019/02/01(金)22:26 ID:l+ZbmkUQ0(3/3) AAS
uc.jsも想定していないことが当然起こるよね
cssでもプロファイル壊れたりするコードあるもの
253(1): 2019/02/02(土)02:26 ID:1/+6WJX30(1) AAS
なにそれこわい
cssで?
上下前次1-新書関写板覧索設栞歴
あと 749 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 0.029s