トップページsoftware
1001コメント311KB

userChrome.css・userContent.cssスレ Part4

■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。2014/05/16(金) 10:16:22.11ID:4llsQKsX0
●前スレ
http://anago.2ch.net/test/read.cgi/software/1369968883/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/

●スクリプト
userChromeJS/UserCSSLoader at master キ Griever/userChromeJS キ GitHub
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS(ユーザースタイルを記入するべきファイル)
userChrome.css(UI) / userContent.css(Web Site)

●関連サイト
userstyles.org
http://userstyles.org/

CSS | MDN
https://developer.mozilla.org/en-US/docs/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0385名無しさん@お腹いっぱい。2014/10/07(火) 10:59:31.69ID:zAUt1n110
ここまで俺の自演
0386名無しさん@お腹いっぱい。2014/10/07(火) 11:03:39.97ID:oRRfLbm+0
>>384
>はいはい、悔しかったら書いてみな、このヴォケが

大ブーメラン
0387名無しさん@お腹いっぱい。2014/10/07(火) 11:06:10.45ID:kL0wMOET0
>>375の言うとおり#unified-back-forward-buttonは現行版には存在しない
なのでこれより”css的に”先は「古い上にクソみたいなムダ」なので削除してみればいい

後は↓とか参考にして調整する
http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/browser.css#872
0388名無しさん@お腹いっぱい。2014/10/07(火) 11:07:06.44ID:cXRLg/s80
結局ここの奴らは誰一人まともに書けないんだな

誰か書けるやついないの?
0389名無しさん@お腹いっぱい。2014/10/07(火) 11:08:45.52ID:hfTN9K3C0
ttp://i.imgur.com/UHcXpkS.png

余裕過ぎンゴwww
0390名無しさん@お腹いっぱい。2014/10/07(火) 11:11:29.18ID:cXRLg/s80
>>389
おぉおおお!!!素晴らしい!!!
ぜひ伝授くださいませ、あなた様を師匠と呼ばせて頂きます!!!

他の馬鹿どもの相手してて疲れました
0391名無しさん@お腹いっぱい。2014/10/07(火) 11:50:24.70ID:cw3wgetU0
revertBackforwardButton.uc.xul使ってる
0392名無しさん@お腹いっぱい。2014/10/07(火) 15:13:38.69ID:NOX7nFqVO
>>372
ほう、こりゃいいな。貰っとくわw
www.dotup.org/uploda/www.dotup.org534999.png
03933922014/10/07(火) 15:18:36.98ID:NOX7nFqVO
9が一つ足りんかったぜ、スマヌ
0394名無しさん@お腹いっぱい。2014/10/07(火) 15:46:49.05ID:cw3wgetU0
http://www.dotup.org/uploda/www.dotup.org5349999.png

ん?
0395名無しさん@お腹いっぱい。2014/10/07(火) 16:00:34.87ID:NOX7nFqVO
>>394
痛み入るm(__)m
0396名無しさん@お腹いっぱい。2014/10/07(火) 18:13:13.66ID:H1KAaEtS0
AutoPagerizeスレ、スクリプトスレに引き続きこっちでも回答を拒否されたのかxqiv75ljlはw
何度言われてもその糞みたいな性格を直せないってことは病気なんだろうなあ
0397名無しさん@お腹いっぱい。2014/10/08(水) 06:17:52.40ID:4ec2UjVN0
うわ、8月からここ読み忘れてた
0398名無しさん@お腹いっぱい。2014/10/08(水) 07:55:50.97ID:NhzONQl/0
昨日はなんで回答するスキルもない奴らがうじゃうじゃ湧いてたの?
0399名無しさん@お腹いっぱい。2014/10/08(水) 08:01:13.72ID:d9m9vWdv0
違うよクズに回答してやるお人好しはいないってことだよ
師匠とか擦り寄っても無駄だったね
0400名無しさん@お腹いっぱい。2014/10/08(水) 08:12:16.88ID:zVuHtHRF0
xqiv75ljlは自分の文章がいかに不自然かを客観視することが出来ないのかな
何故いつもすぐ気付かれるのかちょっとは不思議に思えばいいのに
0401名無しさん@お腹いっぱい。2014/10/08(水) 13:21:29.50ID:KwpUCyDWO
>>398
「煽ってれば、そのうち誰かが答えてくれるだろう作戦」がバレバレだったからだろw
0402名無しさん@お腹いっぱい。2014/10/09(木) 10:40:04.78ID:I5mSNzIV0
>>389
これいいな
マネさせてもらったよ

必要ない時は進むボタン非表示ってすると
URLバーの方が丸く凹んだんで
指定部分特定して無効化するのに少しだけ手こずったわw
0403名無しさん@お腹いっぱい。2014/10/11(土) 12:31:12.97ID:dKmA5jRH0
初心者乙
0404名無しさん@お腹いっぱい。2014/10/12(日) 16:05:32.95ID:hPFpMacL0
>>389
いいなー
0405名無しさん@お腹いっぱい。2014/10/13(月) 12:36:59.82ID:gNGB6hWj0
師匠の降臨まだー?
0406名無しさん@お腹いっぱい。2014/10/13(月) 15:35:19.64ID:xPjNquin0
画像をマウスオーバーしたときにopacityを変更してるcssをすべてのサイトで無効にしたいんだけど
どうすれば良いか教えてください
0407名無しさん@お腹いっぱい。2014/10/13(月) 15:44:03.84ID:mNQqAho80
img:hover {opacity: 1.0 !important;}
0408名無しさん@お腹いっぱい。2014/10/13(月) 15:52:57.71ID:OtRIYZwO0
initial
0409名無しさん@お腹いっぱい。2014/10/13(月) 16:00:37.41ID:U3RvKZWO0
aやdivでくくられてる場合も多いし、cssだけじゃ手に負えなさそう
0410名無しさん@お腹いっぱい。2014/10/13(月) 16:28:52.73ID:G2tEGIaT0
大体はこれでいけてる

img:hover {
opacity: inherit !important;
}
0411名無しさん@お腹いっぱい。2014/10/13(月) 16:43:11.85ID:mNQqAho80
*:hover
0412名無しさん@お腹いっぱい。2014/10/13(月) 20:18:15.61ID:FlqtLABZ0
*
0413名無しさん@お腹いっぱい。2014/10/13(月) 20:22:56.94ID:OtRIYZwO0
)*(
0414名無しさん@お腹いっぱい。2014/10/14(火) 10:51:32.10ID:haaGleOa0
406とは別人ですがちょうど探していたので助かりました
*:hover { opacity: inherit !important; }
で大体うまくいってるようです。ありがとう
0415名無しさん@お腹いっぱい。2014/10/16(木) 03:48:47.55ID:0unymXdQ0
各タブの左端にあるfaviconを、少し右に寄せたいのですが、例えば
.tab-icon-image {
margin-left: 10px !important;
}
としても全く動きません。どう指定すればよいのでしょう?

試しにbackground-color: red;などを指定してみると、画像の部分だけ赤くなるので、
要素はあってると思いますけど…
0416名無しさん@お腹いっぱい。2014/10/16(木) 03:58:57.77ID:zws0BJVi0
普通にそれでできるけど
なんか他でいじってるとかじゃねえの
0417名無しさん@お腹いっぱい。2014/10/16(木) 10:09:49.66ID:0unymXdQ0
>>416
ありがとうございます。

原因分かりました。
Classic Theme Restorerでタブを「四角いタブ(クラシック)」に戻してるのですが、
そこにmarginが切られていました。
ClassicThemeRestorer@ArisT2Noia4dev\content\css\tabs_squared.css 内
.tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
.tabbrowser-tab:not([pinned]) .tab-icon-image{
-moz-margin-start:-3px !important;
-moz-margin-end:3px !important;
}
2箇所の"3"の部分を"1"などに変更すると右に寄りました。

が、!important付で書かれているので、userChrome.cssにコピペして
書き換えてもoverrideできないですね…
0418名無しさん@お腹いっぱい。2014/10/16(木) 10:15:40.54ID:TrPL2gGp0
!importantがあろうが所詮はクラス
ID付きの親からぶら下がれば勝てる
0419名無しさん@お腹いっぱい。2014/10/16(木) 15:09:05.91ID:x6zaPRch0
なるほど、IDにぶら下がれば強くなれるのか
0420名無しさん@お腹いっぱい。2014/10/16(木) 16:20:09.61ID:HwIVJJlM0
                                                |
                                                |
                                                人
                                             /∧∧\
                                             ヽ(・ω・)/  ))
                                           (( \(_.,,_ノ
                                                  > ))
 
0421名無しさん@お腹いっぱい。2014/10/16(木) 17:59:16.72ID:YJwxxlX20
CTR の !important はマジでうんこ
0422名無しさん@お腹いっぱい。2014/10/16(木) 18:30:31.04ID:rVcpRu840
Gmailの行間隔がまた開きやがった
0423前スレ 584 です。2014/10/16(木) 22:27:43.43ID:qXIWGD1w0
前スレの 598 さんありがとう。今気が付きました。
http://anago.2ch.net/test/read.cgi/software/1369968883/598
−−−
タブ名省略時の末尾の「...」を消す方法
about:config の intl.ellipsis に半角スペース
0424名無しさん@お腹いっぱい。2014/10/17(金) 00:01:34.35ID:1dC9l0Fs0
>>418
下のようにやってみたのですが、勝てませんでした……。
ちなみに背景色は赤くなっているので、セレクタが間違っているわけではないようです。

#tabbrowser-tabs .tab-icon-image{
 -moz-margin-start:-1px !important;
 -moz-margin-end:1px !important;
 background-color: red !important;
}
0425名無しさん@お腹いっぱい。2014/10/17(金) 00:44:06.14ID:I32gFqrn0
/* AGENT_SHEET */ じゃね
0426名無しさん@お腹いっぱい。2014/10/17(金) 00:56:04.92ID:1dC9l0Fs0
>>425
userChrome.cssの1行目に/* AGENT_SHEET */と書いてみましたが、overrideできませぬ…
0427名無しさん@お腹いっぱい。2014/10/17(金) 01:02:48.90ID:IaIzH8sk0
.tabbrowser-tab:not([pinned]) .tab-icon-imageで指定してみ
0428名無しさん@お腹いっぱい。2014/10/17(金) 01:22:11.34ID:1dC9l0Fs0
>>427
そのセレクタ指定 + AGENT_SHEETでもダメですね…
アドオンのバージョンアップ毎に対応が必要になりますけど、もうextensionsの中身を直書き換えしてしまおうかと…
0429名無しさん@お腹いっぱい。2014/10/17(金) 01:32:48.95ID:1dC9l0Fs0
というか、アドオンごと変えてしまうという手がお手軽ですね。
四角いタブ表示で、favicon表示のみの細幅なタブにして使いたかったわけですが、
Squared Australis Tabsというアドオンならアイコンの位置が中央ドンピシャのままです。

CTRは多機能だけど、同じ事をやるとアイコンが左揃え位置にズレるんですよ…
0430名無しさん@お腹いっぱい。2014/10/17(金) 02:05:34.85ID:zp59qx+W0
>>428
なんでuserChrome.cssに/* AGENT_SHEET */とか書いてんの?
stylish以下をstylishでやればおk
/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tab:not([locked]) .tab-throbber:not([pinned]),
.tabbrowser-tab .tab-icon-image:not([pinned]){
-moz-margin-start:-1px !important;
-moz-margin-end:1px !important;
}
0431名無しさん@お腹いっぱい。2014/10/17(金) 09:06:38.84ID:QCThiCm20
四角いタブならcssで出来るからCTRなんぞ捨ててしまえ
0432名無しさん@お腹いっぱい。2014/10/17(金) 13:10:06.97ID:hWfXAWuK0
誘導されてこちらへ来ました。
すいません教えて下さい。
Windows7 & Firefox ESR31

以前からアクティブタブのTITLEをタイトルバーに表示させるために、ucjs_revert_titlebar.uc.js を入れてるのですが
Altキーでメニューを表示した時に、TITLEとメニューの文字が重なって表示されてしまうため、見た目も操作性も悪くなってしまいます。

Altでメニューを出した時に、TITLEの表示をOFFにすることが可能ならば、コードの直し方を教えて下さい。

下記の部分でAltメニューが出たかどうかを判定出来そうな気がするのですが、どう直せば良いでしょうか?

#main-window:not([sizemode="normal"]) #revertedtitle{ \
display: none; \
} \
0433名無しさん@お腹いっぱい。2014/10/17(金) 13:55:19.97ID:zp59qx+W0
>>432
> 下記の部分でAltメニューが出たかどうかを判定出来そうな気がする
できない
デフォルトでは「Altメニュー」に伴って#toolbar-menubarに対する属性inactiveが変化するのみ
Altメニューを押してない状態 #toolbar-menubar[autohide=true][inactive=true]
Altメニューを押した状態 #toolbar-menubar[autohide=true]

で、この#toolbar-menubarはroot直下の#tab-view-deck下の要素
対して#revertedtitleはroot直下の#titlebar下の要素
なので#toolbar-menubarの属性変化をトリガーに#revertedtitleのスタイルを条件づけるのは無理

ついでに…
https://github.com/alice0775/userChrome.js/blob/master/ucjs_revert_titlebar.uc.js#L41
tabsontop属性はobsoleteなのでこのままだとsizemode="normal"、つまり通常サイズの時のみ
タイトル表示するというふうにならないはず
例えばウィンドウを最大化したときにもタイトルが表示されてしまうのでは?
0434名無しさん@お腹いっぱい。2014/10/17(金) 15:03:09.66ID:PXRimxOD0
2年前...
Astralisに対応してる訳もなし
0435名無しさん@お腹いっぱい。2014/10/17(金) 15:04:38.25ID:PXRimxOD0
スペルがAustralis
0436名無しさん@お腹いっぱい。2014/10/17(金) 15:12:50.31ID:20fM4rV40
>>432
>アクティブタブのTITLEをタイトルバーに表示
デフォルトで表示されるはずだけど
0437名無しさん@お腹いっぱい。2014/10/17(金) 19:14:12.93ID:WZOwW3li0
間違って33にアップデートしたときにプロファイル消してしまった…
なんとか元の状態に戻そうと頑張っているんだけどSearchWPのアイコンを検索バーに移動するCSSがわかりません。
わかる方教えてくれませんか?お願いします。
0438名無しさん@お腹いっぱい。2014/10/18(土) 00:02:49.72ID:N69+6lkw0
>>430
バッチリ動きました!
Stylishに書いてやれば良かったのですね、ありがとうございます。

>>431
それもそうですね
0439名無しさん@お腹いっぱい。2014/10/18(土) 08:56:13.31ID:g039s2/P0
Firefox31.2.0に更新したらサイドバーの行間が広くなったので下記のcssを効かせたら
サイドバーの背景色のcssが効かなくなったのですがどこを訂正したらいいですか

/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.2em !important;
border-width:1px !important;

/* サイドバーのブックマークと履歴の背景色を設定*/
#bookmarks-view, #historyTree {
background-color: #f5f5f5 !important;
}
0440名無しさん@お腹いっぱい。2014/10/18(土) 09:07:53.53ID:gWAUuOX00
treechildren{background-color: #f5f5f5;}
0441名無しさん@お腹いっぱい。2014/10/18(土) 11:30:38.10ID:nESleeQa0
>>439
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.2em !important;
border-width:1px !important;
} /* ←これが抜けてるから */

/* サイドバーのブックマークと履歴の背景色を設定*/
#bookmarks-view, #historyTree {
background-color: #f5f5f5 !important;
}

なお以下を追加しないとツリー要素をホバーしていった際の残像が残るようになる
(#f5f5f5だと気にならないかもしれないけど…redとかに変えて試してみればいい)
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-row(current, focus),
.sidebar-placesTreechildren::-moz-tree-row(hover) {
outline-color:transparent !important;
}
0442名無しさん@お腹いっぱい。2014/10/18(土) 12:03:05.00ID:g039s2/P0
ありがとうございます おかげで快適になりました
0443名無しさん@お腹いっぱい。2014/10/18(土) 13:28:26.37ID:L0RQNtT00
>>433
素早いレスありがとうございます。お礼が遅れてすいません。
なるほど、出来ない理由についてよく分かりました。

後半部分については、
たしかに元コードは下記ですが、
#main-window:not([sizemode="normal"])[tabsontop="true"] #revertedtitle{ \
visibility: collapse; \
} \

試行錯誤して修整した結果、
#main-window:not([sizemode="normal"]) #revertedtitle{ \
display: none; \
} \

通常時だけ表示され、最大時や全画面時には出ないように出来ました。

>>436
???それは数年前の話では?
0444名無しさん@お腹いっぱい。2014/10/18(土) 19:11:10.72ID:Pp4nVm/80
カスタマイズの画面すら見ないのかこいつは
0445名無しさん@お腹いっぱい。2014/10/18(土) 22:40:21.34ID:L0RQNtT00
標準機能で出せるタイトルバーだと無駄に太いし、タブバー周辺のデザインと統一感がない。
revertedtitle使う人はそういう理由でしょ。
0446名無しさん@お腹いっぱい。2014/10/18(土) 23:35:09.47ID:arFkNmY50
デフォルトでタイトルバーが表示されていたのはバージョン3までだったと思う
0447名無しさん@お腹いっぱい。2014/10/19(日) 15:26:08.41ID:n7Z1ObZF0
タブバーの領域をウインドウ右端まで広げたいのですが、cssの書き方のアドバイスをお願いします。
(タイトルバーを非表示のまま実現したい)

図で説明↓
https://lh3.googleusercontent.com/-dglSeYgWd9E/VENSUkRFFlI/AAAAAAABGJk/9Rj9OFOQTPQ/s0/firefox_australis_tabbar_3.png

該当するコードは下記のページ内かと推測しますが、自信ありません。
http://mxr.mozilla.org/mozilla-esr31/source/browser/themes/windows/browser.css
0448名無しさん@お腹いっぱい。2014/10/19(日) 15:38:58.57ID:RUbikMgp0
#TabsToolbar {
margin-top: 20px !important;
}

#titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
display: none !important;
}
0449名無しさん@お腹いっぱい。2014/10/19(日) 17:04:36.82ID:yA4FsIaa0
>>448
横から失礼!
自分もタブバーの領域をウインドウ右端まで広げたかったのでありがたかったのですが、タブバーをタイトルバーに移動してしまってるのでタブが右端まで行ったときにウィンドを閉じるや最大化のボタンが被さってしまいます。
ウィンドの右端までタブを開くのではなく、ボタンに被らないようボタンそばまで開くようにはできませんか?
0450名無しさん@お腹いっぱい。2014/10/19(日) 17:17:36.18ID:678oo9AA0
>>449
どうやって「タブバーをタイトルバーに移動して」るのかわからないのでこのまま効くとは限らないけど
.titlebar-placeholder[type="caption-buttons"] {
margin-left: 0px;
}
/* Altでメニューバーを表示した場合は右端まで */
#toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar > .titlebar-placeholder[type="caption-buttons"] {
display:none;
}
0451名無しさん@お腹いっぱい。2014/10/19(日) 17:27:08.17ID:yA4FsIaa0
>>450
情報不足だった件はどうもすみませんでした。
教えてもらったものでちゃんと重ならないようになりました!
どうもありがとうございました。
0452名無しさん@お腹いっぱい。2014/10/19(日) 19:11:10.78ID:n7Z1ObZF0
>>448
ありがとうございます。

ウインドウがmaximizedの時には上部のマージンは不要なので下記の部分だけ使わせて頂きました。
#titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
display: none !important;
}

教えてもらえて大変に感謝しています。
0453名無しさん@お腹いっぱい。2014/10/20(月) 16:56:26.46ID:Bhcu7x2h0
今気づいたけどテンプレに DOM Inspector ないのな
0454名無しさん@お腹いっぱい。2014/10/20(月) 23:09:15.47ID:cq5Tmaxz0
度々すいません。
ピン留めタブの右クリックメニューにも、「右側のタブをすべて閉じる」 を追加する方法を教えて下さい。

「普通のタブ」で「右側のタブをすべて閉じる」を非表示にする方法は見つかったのですが、その真逆にする方法が分かりません。

menuitem[label="右側のタブをすべて閉じる"] {
display:none!important;
}
0455名無しさん@お腹いっぱい。2014/10/20(月) 23:18:11.94ID:lIu5qqqr0
#context_closeTabsToTheEnd {
display: inline !important;
}
0456名無しさん@お腹いっぱい。2014/10/20(月) 23:58:34.27ID:cq5Tmaxz0
>>455
いつもありがとうございます。
大変に助かります。

#context_closeTabsToTheEnd

*menuitem[label="右側のタブをすべて閉じる"]

働きとしては同じ。

display: none の逆として今回の場合は display: inline で良い。

などいろいろ勉強になりました。
0457名無しさん@お腹いっぱい。2014/10/21(火) 00:26:39.72ID:+Hb6O7m40
見返してみれば -moz-box の方が良いんだか
表示的にはなんも変わらんけど
0458名無しさん@お腹いっぱい。2014/10/21(火) 22:45:23.57ID:vQK49UbC0
ナビゲーションツールバーの上下の余分なスペースを詰める時、
「戻る」ボタンの上下と左が切れないようにするにはどうすれば良いでしょうか?

図で説明
https://lh4.googleusercontent.com/-5wI61Ia8Czc/VEZiNH1dlgI/AAAAAAABGLE/Na6kRG13zRw/s0/firefox_australis_navbar_2.png

/* ナビゲーションツールバーの高さを調整する */
#navigator-toolbox #nav-bar .toolbarbutton-1 {
padding: 0px 0px !important; ←★
}
#navigator-toolbox #nav-bar {
padding: 2px 3px !important;
}

★の部分に 1px 1px を指定すると、URLバー(白地の部分)まで影響を受けてしまいます。
「戻る」ボタンの円の部分だけを修整出来ないでしょうか?

(browser.cssを見てもどうしても分からないのです)
0459名無しさん@お腹いっぱい。2014/10/21(火) 22:55:57.98ID:nYN/rb1Y0
>>458
Firefox Small Icons - userstyles.org
https://userstyles.org/styles/100548/

↑これちょうど良かった
スレチかもしれんが参考にどぞ
0460名無しさん@お腹いっぱい。2014/10/21(火) 23:04:58.78ID:VotWyK/Z0
>>459
横から

もうちょいスリムにしたい感じに思えたので-7でセットして○が切れないカツカツの範囲
margin-top: -7px !important;
margin-bottom: -7px !important
0461名無しさん@お腹いっぱい。2014/10/21(火) 23:07:53.33ID:VotWyK/Z0
ごめん
-7だとページ遷移したとき切れるわ
-6が良い感じだな
ちょい太いが
0462名無しさん@お腹いっぱい。2014/10/21(火) 23:18:50.70ID:nYN/rb1Y0
http://i.imgur.com/UV21aw1.png

で、他にもあれこれやってこんな感じかな
0463名無しさん@お腹いっぱい。2014/10/21(火) 23:25:14.46ID:U+5qMq8R0
/* ナビゲーションツールバーの高さを調整する */
#back-button {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
padding-top: 0;
padding-bottom: 0;
}

ネガティブマージンはあまり使いたくない派
0464名無しさん@お腹いっぱい。2014/10/22(水) 14:32:30.41ID:ORUzwVKE0
ううむ
0465名無しさん@お腹いっぱい。2014/10/22(水) 16:08:51.16ID:piYU3Gvc0
ピン留めタブをスリムにするCSSお願いします
0466名無しさん@お腹いっぱい。2014/10/22(水) 17:18:25.53ID:YYOkg51V0
Firefox32までだと以下のcssで滑らかに違和感なく使えていたのですが
Firefox33だとナビゲーションツールバーにめり込むようにしてブックマークツールバーが隠れるようになり非常に違和感があります
Firefox32と同様の動きにしたいのですがどこを直せばいいでしょうか

/*ナビゲーションツールバーとブックマークツールバーの背景を透明にする*/
#PersonalToolbar { background-color: RGBA(213, 213, 213, 0.7) !important; }
#nav-bar{ background: none !important;}
/*ブックマークツールバーをマウスオーバーで自動開閉する*/
#navigator-toolbox {
position: relative; border-bottom: none !important; overflow: visible!important;}
#PersonalToolbar {
width: 100%; min-height: 0px !important; height: 0px !important; overflow: hidden !important; position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid threedshadow !important;
-moz-transition-property: all;
-moz-transition-delay: 1.0s;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease;
}
#navigator-toolbox:hover > #PersonalToolbar {
min-height: 27px !important;
height: 27px !important;
bottom: -27px;
-moz-transition-property: all;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease;
}
0467名無しさん@お腹いっぱい。2014/10/22(水) 19:51:16.22ID:3yxCCKGT0
>>466
Bug 867317 - Implement transition for showing and hiding toolbars
https://hg.mozilla.org/releases/mozilla-release/diff/4a9dfa33774d/browser/themes/windows/browser.css

transitionに!importantをつけるなりして上記スタイルを上書きすればいい
0468名無しさん@お腹いっぱい。2014/10/22(水) 20:35:23.29ID:j8LBLvnj0
>>466
mouseover-open-bookmark-folder.uc.js
0469名無しさん@お腹いっぱい。2014/10/22(水) 21:44:32.93ID:sWia/lpd0
え?
0470名無しさん@お腹いっぱい。2014/10/22(水) 22:59:15.48ID:5jGdUeO30
タブを四角くするスタイルがいくつかありますが
画像を使って置き換えるものとcssでコツコツ修正しているのでは
どちらがパフォーマンス的にいいのでしょうか
0471名無しさん@お腹いっぱい。2014/10/22(水) 23:07:15.04ID:4nOG2rFx0
とりあえずcssだけで十分満足
それより>>389が欲しくてたまらん
0472名無しさん@お腹いっぱい。2014/10/22(水) 23:44:34.67ID:1O45O51x0
>>459-464
ありがとうございました。
まだ微妙に狙ったとおりにならない所があって、引き続き試行錯誤しています。

そもそも toolbarbutton-1 が何を意味してるのかググっても意味が分からないですし。
0473名無しさん@お腹いっぱい。2014/10/23(木) 00:06:45.81ID:I1LdmAtW0
ググったら普通に出てくるのに?
0474名無しさん@お腹いっぱい。2014/10/23(木) 00:23:38.30ID:Z97srMdO0
>>472
ハイフン入った語をググるときは "" で囲むんだよ

Creating toolbar buttons (Customize Toolbar Window) - Mozilla | MDN
https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Toolbars/Creating_toolbar_buttons

XUL要素 | Firefoxアドオン開発
http://so-zou.jp/add-on/tech/firefox/ui/xul/elements/
0475名無しさん@お腹いっぱい。2014/10/23(木) 00:45:21.75ID:RzXNzuT70
>>467
全部にimportant付けてとりあえず以前の動きを取り戻せました
ありがとうございました
0476名無しさん@お腹いっぱい。2014/10/23(木) 01:16:03.74ID:yom/mRIG0
>>462
about:addonsの並び
スクショのまんまにするcss
よければ教えて下さいm(_ _)m

あとAddonPage.uc.jsはどちらのものをお使いになってます?
それアイコンがシンプルで羨ましい……
アイコン自作で差し替えですか?
0477名無しさん@お腹いっぱい。2014/10/23(木) 01:23:10.54ID:m7dK3xk70
-moz-box-ordinal-group
0478名無しさん@お腹いっぱい。2014/10/23(木) 08:40:26.90ID:hkjuR65p0
>>476
@-moz-document url("about:addons") {
#category-availableUpdates {-moz-box-ordinal-group: 1;}
#category-recentUpdates {-moz-box-ordinal-group: 2;}
#category-extension {-moz-box-ordinal-group: 3;}
#category-userstyle {-moz-box-ordinal-group: 4;}
#category-greasemonkey-user-script {-moz-box-ordinal-group: 5;}
#category-userchromejs {-moz-box-ordinal-group: 6;}
#category-plugin {-moz-box-ordinal-group: 7;}
#category-theme {-moz-box-ordinal-group: 8;}
#category-locale {-moz-box-ordinal-group: 9;}
#category-service {-moz-box-ordinal-group: 10;}
#category-discover {-moz-box-ordinal-group: 11;}
}

↑こんな感じ。

http://u6.getuploader.com/script/download/1341/AddonsPage.uc.js

↑変更したやつうpしてみた。これはFugueアイコンだったかな
自分で用意したアイコンをオンラインとかでbase64変換すると好きなのに変更できるよ
580行目あたり
0479名無しさん@お腹いっぱい。2014/10/23(木) 12:00:09.57ID:a+hZxWF10
palemoonでfindbarを右上に持ってきたいんですけど、そういうcssありますか?
リンク先のでは25以降にしか適用できません。
クローム風のとかはあったんですけど、そこだけクロームっぽくなっても浮いてしまうので。

https://userstyles.org/styles/93867/findbar-on-top-right
0480名無しさん@お腹いっぱい。 転載せんといてや ©2ch.net2014/10/23(木) 12:05:44.29ID:rOWTfr1c0
>>479
ある
0481名無しさん@お腹いっぱい。2014/10/23(木) 12:08:37.29ID:a+hZxWF10
>>480
教えろ下さい、お願いします。
04824762014/10/23(木) 12:10:40.55ID:wxV/EN900
>>476
丁寧にありがとうございますm(_ _)m
AddonsPage.uc.js 2014.09.11版でも580行目変更でアイコン変更できました!!
about:addonsの並び替えもできました!!

http://i.imgur.com/kZWrfqm.png

とりあえずイメージ的にわかりやすいmozdev.orgのfaviconにしてみましたが…
ちょっと微妙なのでいろいろ変えて遊んでみます
ちょうど配布開始されたGoogleの「Material Design Icons」辺りに良いのがあればいいなー
04834762014/10/23(木) 12:25:41.95ID:wxV/EN900
>>482>>478さんへです
ミスりました…orz
04844792014/10/23(木) 17:54:13.33ID:a+hZxWF10
findbar move cssで検索したらありました。
■ このスレッドは過去ログ倉庫に格納されています