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

userChrome.css・userContent.cssスレ Part4

レス数が950を超えています。1000を超えると書き込みができなくなります。
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/
0868名無しさん@お腹いっぱい。2015/06/14(日) 19:23:40.59ID:/hRGCg7k0
>>867
まさかとは思うが、名無しさんというのは名前欄を空欄にしたときに表示されるもので、固有のハンドルではないぞ?
0869名無しさん@お腹いっぱい。2015/06/17(水) 11:58:50.53ID:Q5kdclqI0
/* AMOの背景を無効 */
@-moz-document domain("addons.mozilla.org") {
#tabzilla-wrapper { background: none !important; }
}
0870名無しさん@お腹いっぱい。2015/06/17(水) 15:37:26.39ID:D+2sNsKn0
>>868
まさかwwwワロタ
0871名無しさん@お腹いっぱい。2015/06/18(木) 01:38:32.97ID:gPc6vZ090
某所のAnonymous!を謙虚な人のハンドルネームとずっと思っていた俺...が通ります
0872名無しさん@お腹いっぱい。2015/06/28(日) 06:40:19.31ID:0oZBQOKi0
DOMで調べてidがあるのはあれこれいじれるようになったけど
xul:***のようなidが無くclassならわかるやついじる時の書式がわからない…(´・ω・`)
0873名無しさん@お腹いっぱい。2015/06/28(日) 07:30:30.08ID:7iXzgfSa0
>>872
CSS セレクタ
でググればいいのでは?
0874名無しさん@お腹いっぱい。2015/06/28(日) 07:43:52.13ID:07p1Dai00
>>872
どれ、試しに何をしたいのか書いてみてよ
大抵は直近のidを指標に関係性をセレクタで指定する

例えば[戻る]ボタンを[進む]ボタンのデザインに合わせるときはxul:imageだけれどもtoolbarbutton-iconというclassを振られているので↓
#back-button > .toolbarbutton-icon
{border-radius: 4px 0 0 4px !important; padding: 2px 3px !important;}

あと要素名からxul:を外せば普通に通る
#back-button > image
{border-radius: 4px 0 0 4px !important; padding: 2px 3px !important;}

けれども極力、要素名ではなくidやclassがある場合はそれを使った方が良い
0875名無しさん@お腹いっぱい。2015/06/28(日) 11:08:48.35ID:0oZBQOKi0
>>873
ありがとう。ググったりしてるけど具体的な書き方がみつからなくて…

>>874
例えば…「Bookmark Buttonの☆だけを消す」でお願いします
ボタンそのものを消すなら#id {display: none !important;} でいけますけど☆はclassあてだけなので…
874の例でいうところの #*** > .*** {(やりたいこと);} みたいな***にいれるものと「 > . 」の意味がいまいちでして…
0876名無しさん@お腹いっぱい。2015/06/28(日) 12:19:42.88ID:0oZBQOKi0
>>874
連投すみません、その例をヒントにググったことと合わせて式の組み立て方がなんとなくですけど理解できました
Bookmark Buttonの☆だけを消すもいけました
0877名無しさん@お腹いっぱい。2015/06/28(日) 15:25:50.26ID:Qvd7V7x70
何番目の〜とかで選択するとブログ記事内のどの位置に来るか固定されてないタイプの広告がブロックできずに困る
0878名無しさん@お腹いっぱい。2015/06/29(月) 00:16:40.85ID:MJyFLJEH0
>>877
そういう場合はidやclassが無ければ要素の属性や属性値を加えるとか
前方、後方、含む、:not()で否定も使えるし
0879名無しさん@お腹いっぱい。2015/06/29(月) 00:29:06.25ID:hjGK1gRM0
>>878
その辺も固定じゃなかったり条件になるような要素がない状態で
0880名無しさん@お腹いっぱい。2015/06/29(月) 01:46:20.33ID:6PTB6MNX0
素直にurl-prefixで決め打ちしろ
0881名無しさん@お腹いっぱい。2015/06/29(月) 03:10:38.16ID:MJyFLJEH0
DOM Inspectorを眺めていると面白いな
進む戻るボタンの枠線はborderじゃなくてbox-shadowで描いているのだね
あと、heightを固定せずにpaddingでheightを調整している要素が意外と多い
0882名無しさん@お腹いっぱい。2015/07/03(金) 03:10:51.82ID:DqV/TYAl0
ボタンにグラデーションを掛けて立体感を出そうとしているが、違う系統の色のボタンと程度を合わせるのが難しいな
こればかりは数値だけじゃわからないので目で見て微調整するしかないな
0883名無しさん@お腹いっぱい。2015/07/03(金) 06:21:24.98ID:65+8lTwx0
CSSのジェネレーターサイトで試すのも手
0884名無しさん@お腹いっぱい。2015/07/03(金) 06:27:28.83ID:VqJ9/ntd0
ボタンにグラデーションを掛けて立体感を出そう

すでに時代遅れ
0885名無しさん@お腹いっぱい。2015/07/03(金) 06:35:49.66ID:65+8lTwx0
デザインは別に流行りとか最先端が最適解というわけじゃねーから別にいんじゃね?
本人が楽しめれば
0886名無しさん@お腹いっぱい。2015/07/03(金) 07:46:11.84ID:T8wOQoU10
> すでに時代遅れ

デザインの好みを持てず流行りに乗せられる人って何か可哀想だね…(´・ω・`)
0887名無しさん@お腹いっぱい。2015/07/03(金) 11:40:26.51ID:gLrapxaR0
HSLで指定してHだけ変えればそれっぽくなりそうだけど
0888名無しさん@お腹いっぱい。2015/07/03(金) 18:26:57.72ID:DqV/TYAl0
>>887
その手があったか!
最近rgbやrgbaしか使っていなかったからさっぱり忘れていた
どうもありがとう
0889名無しさん@お腹いっぱい。2015/07/03(金) 18:30:35.76ID:oO630Ay40
こりゃいいや
0890名無しさん@お腹いっぱい。2015/07/03(金) 23:35:46.59ID:lDWaZBgy0
アフィ広告がある上の階層のブロックって指定できますか?
ブロック自体はどの位置に来るか不明で名前なども付けられていないので中にアマゾンのアフィがあるかどうかしか判別のしようがありません
アマゾンのアフィだけ消すとその上のブロックのデコレーションだけ残ってすごく邪魔なのでできればブロックごと消したいのですが
0891名無しさん@お腹いっぱい。2015/07/04(土) 01:52:28.99ID:RC51Q/gw0
あーブロック要素で囲ってあって中身だけマッチして消える場合のことか
ひょっとしたら:emptyが使えるかもしれないな
0892名無しさん@お腹いっぱい。2015/07/04(土) 04:53:16.84ID:yH6Cy/rM0
同じ階層にblockquoteが2つ以上ある場合最後のblockquoteを指定することはできますか?
消したいblockquoteがあるとしたらその階層の最後につくんですがblockquote1つだけの場合があってその場合消したいblockquoteがない状態なんです
0893名無しさん@お腹いっぱい。2015/07/04(土) 06:01:44.95ID:CN+HwGEW0
後ろから1つ目のblockquote
って指定すればいいだけのことじゃないの
0894名無しさん@お腹いっぱい。2015/07/04(土) 06:16:33.08ID:yH6Cy/rM0
>>893
2行目の後半にも書いたけど
そうするとblockquoteが1つだった場合消したいblockquoteがない状態な時に必要なほうのblockquoteを消してしまうでしょ?
だから2つ以上ある場合という条件をつける方法があるのかが知りたいんです
0895名無しさん@お腹いっぱい。2015/07/04(土) 06:25:40.97ID:CN+HwGEW0
blockquoteが1つの時は消したくないと言ってるのか
ならblockquoteの隣にあるblockquoteの後ろから1つ目を消す
0896名無しさん@お腹いっぱい。2015/07/04(土) 08:33:17.33ID:RC51Q/gw0
ページURLがないから詳細に判断できないが、>>895の言う通り、同じ階層なら
blockquote + blockquoteだな
0897名無しさん@お腹いっぱい。2015/07/06(月) 00:52:05.41ID:OU1D0G740
urlbarのborderを消したくて苦戦してます…(´・ω・`)
できたら指南お願いします
0898名無しさん@お腹いっぱい。2015/07/06(月) 01:35:28.93ID:w0JNFVAV0
礼を言わない糞しか居ないな
0899名無しさん@お腹いっぱい。2015/07/06(月) 06:55:57.76ID:OZtocdu50
>>897
#urlbar{border: none !important;}
0900名無しさん@お腹いっぱい。2015/07/06(月) 07:46:25.53ID:OU1D0G740
>>899
指南ありがとうございます
でもその記述では消えてくれないので苦戦してまして・・・ブラウザは Firefox 40.0b1 です
他にもwidth color style等、直に指定して変化見たのですが駄目でしてちんぷんかんぷんです
4辺ともに1px solid rgb(160, 160, 160)で完全固定されてるかんじです
ちなみにoutlineは効いてくれるんです…(´・ω・`)
0901名無しさん@お腹いっぱい。2015/07/06(月) 08:02:48.88ID:OU1D0G740
連投すみません、ひょっとして…と思い今NEWProfileで試したら消しも変更も効きます
どうやらCTRが悪さしてるようなのでもう少し試行錯誤してみます
0902名無しさん@お腹いっぱい。2015/07/06(月) 08:26:31.99ID:OU1D0G740
特定したので書いておきます
CTRで戻る進むボタンを移動可能にするを使用するとどうやらurlbarのborderがやられるようです
0903名無しさん@お腹いっぱい。2015/07/07(火) 19:20:32.26ID:OU/20lM90
Firefox36から新しくなった検索バーで
虫眼鏡をクリックした際に下にびろ〜んする"検索設定の変更"って部分を無くしたいと思い
DOMインスペクターと格闘していましたがどうもうまく行きません
バージョン35までの"検索バーの管理"というコメントがあるところまではいけたのですが
該当の"検索設定の変更"というのが見つからず
一応"検索バーの管理"辺りを適当にノンしてみましたが全くダメで
おそらく根本的に私がわかってないからだと思います
何かアドバイスが有ればお願いします
ズバリ回答もどしどしお寄せください
0904名無しさん@お腹いっぱい。2015/07/07(火) 19:47:00.92ID:tggzu5Aq0
@-moz-document url(chrome://browser/content/browser.xul) {
.search-setting-button {
display:none;
}
}
0905名無しさん@お腹いっぱい。2015/07/08(水) 08:06:38.17ID:J829jGON0
titlebar-buttonboxを3つともなら消すことはできるのに
-moz-appearance: none !important;を使ってもやり方が違うのか
titlebar-minとtitlebar-maxだけを消すことができない

存在してるけど見えないだけでもいいのでアドバイスもしくはズバリお願いします
09069032015/07/08(水) 16:41:11.57ID:+9ERyDJZ0
>>904
ありがとうございます
希望通りに消すことが出来ました
0907名無しさん@お腹いっぱい。2015/07/08(水) 21:27:05.61ID:fToUIHQI0
@-moz-document url("about:addons") { .warning { display: none !important; } }

うん、何か鬱陶しかったんだ
0908名無しさん@お腹いっぱい。2015/07/11(土) 07:54:01.23ID:SL/IIl9K0
一つのスタイルに
domainとurl-prefixを共存させる場合どう記述するのでしょうか
09099082015/07/11(土) 08:05:35.05ID:SL/IIl9K0
すいません解決しました。
0910名無しさん@お腹いっぱい。2015/07/13(月) 17:40:26.97ID:gMrpNGIA0
#bookmarks-menu-buttonの.toolbarbutton-iconと.dropmarker-iconの間にある
縦のseparatorのようなものを消したいのですが、どなたか該当するセレクタを教えていただけないでしょうか?
0911名無しさん@お腹いっぱい。2015/07/13(月) 19:00:24.17ID:ahaqpsAG0
http://mxr.mozilla.org/mozilla-central/source/browser/themes/windows/browser.css#796
0912名無しさん@お腹いっぱい。2015/07/13(月) 19:02:07.47ID:ahaqpsAG0
すまん
http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/browser.css#773
0913名無しさん@お腹いっぱい。2015/07/13(月) 19:44:12.52ID:gMrpNGIA0
>>912
ありがとうございます!消えました
0914名無しさん@お腹いっぱい。2015/07/16(木) 05:30:18.40ID:X0LT18fg0
ブックマークツールバーの文字をマウスオーバー時のみ表示にするスタイルを教えて下さい。
0915名無しさん@お腹いっぱい。2015/07/16(木) 17:31:47.56ID:ngnK8AoV0
>>914
@-moz-document url(chrome://browser/content/browser.xul) {
#PersonalToolbar .toolbarbutton-text{
display:none !important;
}
#navigator-toolbox:hover > #PersonalToolbar .toolbarbutton-text{
display:block !important;
}
}
0916名無しさん@お腹いっぱい。2015/07/16(木) 18:19:48.63ID:ngnK8AoV0
>>915の補足
どこにマウスオーバーさせるかの指定がなかったので915ではツールバーにしたが、一応、個別にテキストを表示したい場合の
スタイルを考えたので置いとく
個人的には、16x*16のアイコンにピンポイントでポインタを重ねるのは捗らないと思うが、ま、好きな方を使ってくれ

@-moz-document url(chrome://browser/content/browser.xul) {
#PersonalToolbar .bookmark-item .toolbarbutton-text{
display:none !important;
}
#PersonalToolbar .bookmark-item:hover .toolbarbutton-text{
display:block !important;
}
}
0917名無しさん@お腹いっぱい。2015/07/16(木) 22:44:23.97ID:CYOtvf590
>>905
Firefoxの全画面表示に於ける、ちっこいヤツのことではなくて、
勿論WindowsのButtonboxのことですよね。
これのClosebuttonだけ残して消したいということですか?

私は、どれも消すことができないので、単純に三つとも
visivility:collapse で隠し、
別に Close Button 0.4.1.1 というアドオンを入れています。
3つともなら消せるということでしたら、是非教えてください。
0918名無しさん@お腹いっぱい。2015/07/16(木) 23:04:22.04ID:X0LT18fg0
>>915-916
ありがとうございます。
移動させて使っていたので、#PersonalToolbar を #PlacesToolbarItems に変更して
使わせていただきました m(_ _)m
0919名無しさん@お腹いっぱい。2015/07/17(金) 06:32:49.59ID:hwBaQnxM0
>>917
visible のスペルを間違えるようでは
もうヤメたほうがいいかな。 訂正します。visibility
0920名無しさん@お腹いっぱい。2015/07/17(金) 08:28:45.59ID:edRtqYSf0
>>917
その解釈のとおりです。minとmaxだけを隠すか消すかをしたいのです
#main-window {
-moz-appearance: none !important;
}
でButtonbox単体ではなくそのものを消すことはできるけど当然ながらウインドウのドラッグ等ができなくなりますので
全てメニュー操作になり不憫です。なのでそれ以外で有効な手段を知りたいのです
視覚的な趣向なので今はButtonbox隠しで使っていますがアドオンなどは入れず見えないボタンをクリックして閉じてます
私はdisplay:noneでやってますが…どちらにせよスペル間違えはたまにあることだから気にしなくてもw
0921名無しさん@お腹いっぱい。2015/07/17(金) 10:42:56.28ID:hwBaQnxM0
>>920
Buttonbox そのものの消し方、有難うございました。

そうかあ、全画面表示(にして、ちっこいButtonboxのCloseだけ)にすると
Dragできなくなるしなあ。
そうなると、見えない右上隅か ハンバーガーの右下隅しか無いのでは
ありませんか?

あと、スペルミスに対する慰め、忝い。
もしかして「不憫」はワザとかな?
0922名無しさん@お腹いっぱい。2015/07/17(金) 11:05:59.68ID:edRtqYSf0
>>921
これは失礼、素でやらかした(・ω<)
「不便」ですね

この件はあれこれ組み合わせればイケる気もしなくないのでもう少し頑張ってみます
09239212015/07/17(金) 12:16:52.60ID:hwBaQnxM0
>>922

1) 最大化にする
2) 教えていただいたCSSでWindowsのButtonboxを消す
3) 黒く穴が開くのでtitlebar-buttonboxをdisplay:noneにして隠す
4)単純にWindowを閉じるアドオンを入れ、アイコンをタブバーに表示

I am very happy now
Thank You very much!
09249212015/07/17(金) 12:21:35.85ID:hwBaQnxM0
>>923
訂正 タブバー → ナビバー
0925名無しさん@お腹いっぱい。2015/07/17(金) 12:54:46.90ID:W49Y58P00
これ参考にすれば
Firefox UI - Change Window Controls (for personas)
https://userstyles.org/styles/109640/firefox-ui-change-window-controls-for-personas
0926名無しさん@お腹いっぱい。2015/07/17(金) 15:35:20.04ID:edRtqYSf0
>>923
You're welcome :-) and got a swag!
0927名無しさん@お腹いっぱい。2015/07/17(金) 17:53:23.36ID:VQD5Ur8R0
>>925
win8.1はボタンの背景が透けないから、ツールバーにグラデーションを掛けたくても無理だったけど
あれこれ修正して思い通りになったわ
横からだが、ありがとう

適当なペルソナをあててみた図
http://up.mugitya.com/img/Lv.1_up73200.png
0928名無しさん@お腹いっぱい。2015/07/17(金) 18:14:04.97ID:edRtqYSf0
>>925
ほんとありがとう!
思い通りに仕上がりました。感謝ですm(_ _)m
09299232015/07/17(金) 22:47:12.80ID:hwBaQnxM0
http://getworld.ddo.jp/pt/file/1437140433.jpg
0930名無しさん@お腹いっぱい。2015/07/18(土) 09:04:45.75ID:dcZ93Es00
≡ ごうどう
0931名無しさん@お腹いっぱい。2015/07/18(土) 23:35:01.08ID:xZbypriN0
ビュン≡( っ`・ω・´)っ
0932名無しさん@お腹いっぱい。2015/07/24(金) 19:14:31.13ID:4Khdy2uM0
pixivの右下のpixivスケッチ始めましたって広告が邪魔なんだけど
出てこないようにするやつってなんかいいのない?
0933名無しさん@お腹いっぱい。2015/07/24(金) 19:29:34.78ID:IaHgy4hY0
Stylish
0934名無しさん@お腹いっぱい。2015/07/24(金) 19:34:57.09ID:4Khdy2uM0
だからそのstylishのフィルターが見当たらないんだよ
この広告まじで邪魔なんだがw
0935名無しさん@お腹いっぱい。2015/07/24(金) 21:26:35.18ID:4Khdy2uM0
自己解決した
._toolmenu {display: none !important;}
これで完全勝利だ。やはり雑魚渋は俺の敵ではなかったなw
0936名無しさん@お腹いっぱい。2015/07/25(土) 18:52:33.71ID:3MJ17ccK0
!
0937名無しさん@お腹いっぱい。2015/07/25(土) 20:48:08.58ID:dfW12Jas0
今度のおねだりは >>174 では消えないのか
地味に鬱陶しいから現運営にはポシャってもらって
広告入りでもかまわんから 別の運営者に代わってほしいもんだ
0938名無しさん@お腹いっぱい。2015/07/25(土) 20:52:40.53ID:3MJ17ccK0
>>937
あんな上部をドデーンと使わなくとも左側の死にスペースを活用すればいいのにと思うわ
左側なら常時表示されてても余り気にならないし
0939名無しさん@お腹いっぱい。2015/07/25(土) 22:18:31.87ID:fJ0wwmXX0
#centralNoticeを消してたから言われるまで気付かなかった
0940名無しさん@お腹いっぱい。2015/07/26(日) 06:44:22.63ID:5u5ZNj7p0
@-moz-document domain("wikipedia.org") {
#centralNotice, .noprint:empty { display: none !important }
#content { margin-top: 5em !important }
[style^="top:"] { top: 0 !important }
#mw-panel { top: 160px !important }
#p-logo { top: -160px !important }
}
0941名無しさん@お腹いっぱい。2015/07/27(月) 00:03:32.41ID:fR3VqNRQ0
ブログを見ているとたまに「上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。」と下のほうに出ることがあるのですがcssでこれを消すことってできませんか?
0942名無しさん@お腹いっぱい。2015/07/27(月) 07:25:43.06ID:64/UYahm0
Google検索バー固定
https://userstyles.org/styles/105553/google
他のスクリプトの影響を受けてると思うのですが、検索結果のトップ縦方向に
半文字ぶん隠れます。スクロールで表示されますが・・・
ソースのどこを弄れば良いのか?
cssの知識ないので教えて!
09439422015/07/27(月) 07:39:07.38ID:64/UYahm0
27、28行の100→90にしたら正常になった。
0944名無しさん@お腹いっぱい。2015/07/27(月) 10:58:01.76ID:AiT69NiN0
>>941
ブログにも色々あるのでURLを張ってもらわないと何とも言えん
そういうのって大体が他のエントリーと同じ扱いで特徴がないことが多いのだよな
nthやfirstで行けるかもな
0945名無しさん@お腹いっぱい。2015/07/27(月) 15:58:13.84ID:fR3VqNRQ0
>>944
言われてみればURLがないと分かりませんよね、すみません
ttp://shira2paper.blog.fc2.com/blog-entry-63.html
参考にこことか見てると広告と一緒に表示されるのですが、CSSだと非表示にはできないですかね?
0946名無しさん@お腹いっぱい。2015/07/27(月) 16:24:00.60ID:Q4G6UQNO0
>>945
そのサイトなら uBlock 豆腐フィルタが 消してくれてるな
shira2paper.blog.fc2.com###fc2_bottom_bnr_img
0947名無しさん@お腹いっぱい。2015/07/27(月) 21:13:29.58ID:TI5LtTNx0
>>940
d
使わせてもらいます
0948名無しさん@お腹いっぱい。2015/07/28(火) 07:22:24.49ID:Mq0LwbPM0
>>945
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("fc2.com")
{

/* スクロール位置で表示位置が上下する広告 */
#fc2_bottom_bnr,
/* トップエントリーとして表示される広告 */
#main > .content:first-child
{display: none !important;}

}
0949名無しさん@お腹いっぱい。2015/07/28(火) 07:32:17.37ID:Mq0LwbPM0
あ、すまん、>>948の#main > .content:first-childはナシで
更新されているブログでも頭のエントリー消しちゃうわw
0950名無しさん@お腹いっぱい。2015/07/28(火) 18:03:04.79ID:eFTffdgi0
下記userstylesでマウスオーバーで表示した時、表示ページをズラさずに上書きするように修正して欲しい。
Autohide Bookmarks Toolbar Timed Delayed - Fx 4+
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}
#PersonalToolbar:not([collapsed="true"]) {
visibility: collapse !important;
opacity: 0.5;
-moz-transition: visibility 1s, opacity 1s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
 
0951名無しさん@お腹いっぱい。2015/07/28(火) 18:31:48.45ID:tYOMWEIA0
>>946
わざわざ教えてくれてありがとう
しかしuBlock使っていないので出来たらCSSで消せたらと思っています

>>948
お手数をかけてどうもすみません
消せた!と思ったのですが
ttp://xuox.blog55.fc2.com/blog-entry-486.html
ここだと#main > .content:first-child を無しにすると消えてくれません
なんかいい方法ありますか?
0952名無しさん@お腹いっぱい。2015/07/28(火) 19:15:01.99ID:rZY4Uzsa0
>>950
適当
@-moz-document url("chrome://browser/content/browser.xul"){
#PersonalToolbar{
position:fixed; top:7.5em; left:2px !important;
border:none !important;
}

#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}
#PersonalToolbar:not([collapsed="true"]) {
visibility: hidden !important;
opacity: 0.5;
-moz-transition: visibility 1s, opacity 1s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
}
0953名無しさん@お腹いっぱい。2015/07/28(火) 19:50:43.27ID:rybqzJx40
>>951
/* FC2ブログの広告を非表示 */
@-moz-document regexp("^https?://[^/]+\\.blog\\d*\\.fc2\\.com/.*$") {
/* 広告テキストリンク */
a[href$=".fc2.com/?overture"],
/* 広告IFRAME */
iframe[src*=".fc2.com/fc2ad.php?"],

/* 記事形式広告 (1) */
div#main > div.content:first-child > h2#e,
div#main > div.content:first-child > h2#e ~ *,

/* 記事形式広告 (2) */
div#main > div#e.content,

/* 記事形式広告 (3) */
/* 記事本文 */
div#main > div#contents > div.entry_box:nth-child(2) > div.entry_body > div[style="text-align:center;margin-bottom:10px;"],
/* 記事フッタ "上記の広告は1ヶ月以上更新のないブログに表示されています。" */
div#main > div#contents > div.entry_box:nth-child(2) > div.entry_body > div[style="font-size:8px;"]:last-child,

/* 画面下部に貼り付くバナー広告 */
#fc2_bottom_bnr {
display: none !important;
}
}
0954名無しさん@お腹いっぱい。2015/07/28(火) 20:30:50.14ID:zDdbF38O0
>>952
わざわざ作ってくれて、ありがとう。
動きは良いのですが、独自背景を作らないと表示ページと重なってブックマークツーバーが見難くなります。
また、ツールバーのかなり下に表示されます。
0955名無しさん@お腹いっぱい。2015/07/28(火) 20:53:15.39ID:rZY4Uzsa0
>>954
それはそちらの環境に依存する問題だと思われ
http://up.mugitya.com/img/Lv.1_up74051.png
0956名無しさん@お腹いっぱい。2015/07/28(火) 20:53:51.99ID:aUwPRZgq0
>>940
ありがとう、助かりました
0957名無しさん@お腹いっぱい。2015/07/28(火) 23:34:36.28ID:Mq0LwbPM0
>>955
俺もサイドバーの枠線だけ透ける
初期状態に適用
0958名無しさん@お腹いっぱい。2015/07/28(火) 23:54:35.76ID:Mq0LwbPM0
>>955
すまん自己解決
z-indexで順位を上げてやれば透けないわ
0959名無しさん@お腹いっぱい。2015/07/29(水) 10:32:23.93ID:dEuLf9Fx0
>>953
ちゃんと消えました!
わざわざ作っていただきどうもありがとうございました
0960名無しさん@お腹いっぱい。2015/07/31(金) 01:48:55.36ID:d7QwbE8M0
fx40以降で使えるツールバーボタンの余白を詰めるCSSオナシャス!
0961名無しさん@お腹いっぱい。2015/07/31(金) 16:58:45.41ID:2MNitlm50
https://userstyles.org/styles/101008/bookmark-bookmarks-toolbar-autohide-with-hover
このスタイル気に入ってるんだけど、表示後マウスで合わせにくい。
左マウスを押しながらなら合わせられる。
CSS詳しい方、どこを弄れば、すぐバーが消えないように出来るの?
0962名無しさん@お腹いっぱい。2015/07/31(金) 17:37:35.59ID:DFp4HXxD0
適当に直してみた

#navigator-toolbox > #PersonalToolbar {
z-index: 0;
position: fixed;
margin-top: -25px !important;/*Change Position*/
padding: 3px 0;
width:100%;
-moz-transition: margin-top 1.5s 0s !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
margin-top: 0px !important; /*Change Position*/
-moz-transition: margin-top 1.5s 0s !important;
}
0963名無しさん@お腹いっぱい。2015/07/31(金) 18:10:50.80ID:2MNitlm50
>>962
動きはバッチリです。
表示ページと重なって見難くなりますので、独自背景で元の表示を隠せませんか?
09649522015/07/31(金) 18:33:14.90ID:jn5KvaC90
メニューバーをAltで出した時に一部重なってたので修正
@-moz-document url("chrome://browser/content/browser.xul"){
#PersonalToolbar{
border:none !important;
z-index:2 !important;
}
#main-window[sizemode="normal"] #PersonalToolbar{
position:fixed; top:8.1em; left:2px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar[inactive="true"] ~ #PersonalToolbar{
position:fixed; top:7.5em; left:2px !important;
}
#main-window[sizemode="maximized"] #PersonalToolbar{
position:fixed; top:8.6em; left:2px !important;
}
#main-window[sizemode="maximized"] #toolbar-menubar[inactive="true"] ~ #PersonalToolbar{
position:fixed; top:6.7em; left:2px !important;
}
#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}
#PersonalToolbar:not([collapsed="true"]) {
visibility: hidden !important;
opacity: 0.5;
-moz-transition: visibility 1.5s, opacity 1s ease !important;
}
#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: visibility !important;
}
}
0965名無しさん@お腹いっぱい。2015/07/31(金) 18:46:37.07ID:jn5KvaC90
>>960
適当
@-moz-document url("chrome://browser/content/browser.xul"){
#nav-bar .toolbarbutton-1:not(#back-button){
padding:0 !important;
border: 0 solid !important;
}

#nav-bar .toolbarbutton-1:not(#back-button):not(#forward-button) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-container,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{
padding:3px 0 !important;
border: 0 solid !important;
width: 100% !important;
height: 100% !important;
}

#nav-bar{
padding-right: 5px !important;
}
}

スクショ
http://up.mugitya.com/img/Lv.1_up74239.png
0966名無しさん@お腹いっぱい。2015/07/31(金) 19:21:18.21ID:2MNitlm50
>>964
やはり、表示ページと重なって見難いです。
隠れた時の動きは良いのですが、ツールバーに重なって表示されてます。
0967名無しさん@お腹いっぱい。2015/07/31(金) 19:24:27.45ID:jn5KvaC90
>>966
スクショくれ
レス数が950を超えています。1000を超えると書き込みができなくなります。