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

userChrome.css・userContent.cssスレ Part4

レス数が900を超えています。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/
0829名無しさん@お腹いっぱい。2015/05/12(火) 21:16:36.76ID:iqxclX9C0
>>828
DOMi知りませんでした
ただchrome://browser/content/browser.xulを入力してinspectを押しても
ページ内検索バーが下のペインに表示されないのですがどうしたら表示されますかね?
0830名無しさん@お腹いっぱい。2015/05/12(火) 22:37:55.13ID:lF7aCC7U0
inspect elementってアドオンも入れて調べたい要素上でシフト+右クリで一発
0831名無しさん@お腹いっぱい。2015/05/13(水) 02:11:51.56ID:uEMZ/fVD0
コンテキストメニューの上部邪魔なナビゲーションとセパレータ変わった?
前から変わってたのかしらんが
#context-navigation,
#context-sep-navigation{
   display: none !important;
}
これだけで消せるようになったのか
0832名無しさん@お腹いっぱい。2015/05/13(水) 06:04:57.48ID:kH2S+apt0
>>830
便利なものを有難うございます
しかし残念ながらページ内検索バーの上でシフト+右クリをしても「要素を点検しなさい」が出てきません
他のところでは出てくることもあるんですが
0833名無しさん@お腹いっぱい。2015/05/13(水) 06:48:56.99ID:yA20CuhS0
あんだ要素を点検しなさいって
ちゃんと最新使ってんだろうな

>>831
32の頃からそれで消してたぞ
0834名無しさん@お腹いっぱい。2015/05/13(水) 07:21:12.41ID:KnEGtyPJ0
.findbar-case-sensitive > .toolbarbutton-text
0835名無しさん@お腹いっぱい。2015/05/13(水) 18:44:12.33ID:kH2S+apt0
>>833
右クリックしてコンテキストメニューに出てくる項目です
アドオンは最新版です

>>834
おおーありがとうございます!おかげで消せました
しかしDOMiを使いこなすのは素人の私には難しそうですね
ちゃんと使えれば楽々なんでしょうね
0836名無しさん@お腹いっぱい。2015/05/13(水) 19:01:17.98ID:aKjWWH/O0
>>835
あ、ごめん
Element Inspectorの方だった
0837名無しさん@お腹いっぱい。2015/05/13(水) 20:52:29.18ID:hvxKpRYM0
inspect elementとやらはシフト+右クリしたらコンテキストメニューが出るのか?
俺が使ってるuserChrome.js版は直接DOMiが立ち上がるけど
0838名無しさん@お腹いっぱい。2015/05/14(木) 13:34:30.18ID:w0pMSm8i0
https://www.google.co.jp/の背景を透過させてデスクトップの画像を見えるようにしたいのですが

@-moz-document url-prefix("http://www.google";), url-prefix("https://www.google";) {

body{ background-image : none !important;}
}

で消えず白いままです
どこか間違ってますか?
0839名無しさん@お腹いっぱい。2015/05/14(木) 13:44:29.88ID:yXsE9PBb0
また礼を言わない奴か
0840名無しさん@お腹いっぱい。2015/05/14(木) 19:52:14.62ID:XccLZDwi0
>838
ここで質問しようとする発想が間違っています
Firefoxに限らずFLOSS界隈では(未実装でなければ)やりたいことを実現する方法はネットで検索すればたいてい見つかります
あなたは既に"CSS"で"透過"したいと十分なキーワードを思いついていますからあとは検索して答えを見つけるだけです
0841名無しさん@お腹いっぱい。2015/05/14(木) 21:01:04.27ID:w0pMSm8i0
>>840
すみません質問する板分からなくて
検索もして色々試してみたんですが背景色は変えられても透過ができず途方に暮れ
たぶん検索の仕方がわるいのかなと
もう一度調べてみます
0842名無しさん@お腹いっぱい。2015/05/15(金) 09:41:10.17ID:aI+dGJ4g0
以下の様な記述が有るサイトでfont-size:18ptを10ptに変更したいのですが
色々試しても上手く行きません。正解の記述をお教え願います。
基礎を理解していないのでネットで色々みてはいるのですが・・・
作業はstylishを利用しています。
--------------------------------------------------------------
<span id="post-img">
  <div style="text-align:center;">
     <span style="font-size:18pt;">
      ・・・・・・・・・・
     </span>
  </div>
</span>
--------------------------------------------------------------
span#post-img > div:nth-child(1) > span:nth-child(1){
font-size: 10pt;
}
0843名無しさん@お腹いっぱい。2015/05/15(金) 12:07:32.91ID:SneCO3KH0
!impo
0844名無しさん@お腹いっぱい。2015/05/15(金) 13:36:52.94ID:aI+dGJ4g0
>>843
ありがとうございました。
0845名無しさん@お腹いっぱい。2015/05/15(金) 18:54:39.11ID:Jo06o7Ck0
!impotenz でいいの?
0846名無しさん@お腹いっぱい。2015/05/22(金) 21:10:17.78ID:Mhzg1G/w0
質問です。外枠の太さを変えたいと思うのですがどうしたらいいか教えてください。
具体的にはタイトルバー以外のフレームをなくしたいのです。
0847名無しさん@お腹いっぱい。2015/06/04(木) 08:53:56.12ID:xAg/xg6k0
>>846
これをインスコして使いこなす
ttp://firefox.geckodev.org/?DOM%20inspector

CSSの書式を勉強する

出来なきゃ諦める
0848名無しさん@お腹いっぱい。2015/06/08(月) 01:26:14.03ID:0UACcszI0
Puzzle Toolbarというアドオンを利用してロケーションバー上にアドオン操作に関するアイコンをいくつか置いてある環境
そのアイコンのうちいくつかを別リソースに変更するuserChrome.cssを書いていたんだが
Distill Web Monitor というアドオンのアイコンだけどうしても変更できない

元のDOM見てるとこうなってる
<toolbarbutton xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; id="alertbox_tb_action" class="toolbarbutton-1 chromeclass-toolbar-additional"
image="resource://alertbox/ui/img/distill_16.png" label="Distill" tooltiptext="Distill" onclick="if(event.which == 1) { AlertBox_O_O.showPopup() }" orient="horizontal"/>


これをC:\hogeに用意したリソース hoge_distill_16.png に変えようと思って

toolbarbutton#alertbox_tb_action {
list-style-image: url("file:///C:/hoge/hoge_distill_16.png") !important;
}

こう書いたんだけど変わらない
他のアイコンは toolbarbutton#一意なセレクタid で指定してやると素直に消える
でもこいつだけ変わらないんだけどどうすればいい?
0849名無しさん@お腹いっぱい。2015/06/08(月) 15:33:46.00ID:v4hKVKXV0
resource://alertbox/ui/img/distill_16.pngとhoge_distill_16.pngの大きさが一致してないんじゃないの
0850名無しさん@お腹いっぱい。2015/06/08(月) 16:40:59.05ID:4N/uzwqB0
俺もCSS詳しくないから微妙な対処方しかできないが

toolbarbutton#alertbox_tb_action image[src="resource://alertbox/ui/img/distill_16.png"]{display: none;}
toolbarbutton#alertbox_tb_action{padding-left:25px!important;}
toolbarbutton#alertbox_tb_action_ct{background:url("変更したい画像URL") no-repeat 5px center !important;}

あとはズレを直せばいけんじゃね?
0851名無しさん@お腹いっぱい。2015/06/08(月) 16:44:16.21ID:4N/uzwqB0
やべ、一番最後のやつtoolbaritemだった
0852名無しさん@お腹いっぱい。2015/06/08(月) 17:09:41.34ID:1pa+ApRU0
>>845
専ブラ開くたびこのレスが目に入るから
段々面白くなってきた
0853名無しさん@お腹いっぱい。2015/06/08(月) 21:20:27.65ID:0UACcszI0
>>849
xpiバラしてリソースそのものを入れ替えてみたら普通に表示できるから
そのあたりは問題ないっぽい

>>850-851
ありがとう
元リソースはdispnoneできてうまくいきそうだったけれども
アイコンが消えただけでうまくいかなかった
もうちょっと悩んでみる
0854名無しさん@お腹いっぱい。2015/06/08(月) 21:38:12.47ID:4N/uzwqB0
>>853
最期のやつtoolbaritemにした?
0855名無しさん@お腹いっぱい。2015/06/09(火) 00:04:04.78ID:KwR/w+La0
#alertbox_tb_action > .toolbarbutton-icon{
width:0;
min-height:16px;
-moz-padding-start:16px !important;
background-image:url(chrome://branding/content/icon16.png) !important;
}

適宜「!impotenz」で
0856名無しさん@お腹いっぱい。2015/06/09(火) 17:25:49.30ID:g7P1QdJi0
下記でツールバーへのマウスオーバーON/OFFでメニューバーを表示/非表示出来るのですが、
これをタブバーへのマウスオーバーON/OFFに出来ませんか?
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#toolbar-menubar{
display: none;
}
#navigator-toolbox:hover > #toolbar-menubar{
display: -moz-box;
}
08578562015/06/09(火) 18:24:22.64ID:g7P1QdJi0
無視して下さい。
下記を使うことにした。
https://userstyles.org/styles/101137/hide-menu-item-show-menu-on-mouseover
08588572015/06/09(火) 20:12:49.92ID:g7P1QdJi0
これもダメだった。
ジェスチャーでいいや!
0859名無しさん@お腹いっぱい。2015/06/09(火) 21:26:01.90ID:VNsmYMcj0
バイバイ
08608482015/06/10(水) 00:40:25.99ID:Y1oBLIXc0
>>855
ありがとうありがとう
なんか出来た気がしたけれどもアイコン入替はやっぱり成らず
(空いた部分で操作は可能)
でもなんか良いヒント貰った
バイアグラ飲んで勉強してくる
08618482015/06/10(水) 00:41:53.91ID:Y1oBLIXc0
っと、レス抜けてる
>>854
うん、そこも変えたりいろいろしてみた
こっちもありがとう
0862名無しさん@お腹いっぱい。2015/06/10(水) 00:55:35.86ID:GeLUyUDY0
>>856
あー…これ、夢の逆指定が必要なのじゃないかな。
#toolbar-menubar ~ #TabsToolbar:hoverで兄要素を指定することってまだできないよね?
兄の頭になにかくっつけてできるようにしようという話はあったようななかったような。
逆のメニューバーにマウスオーバーでブックマークツールバーを表示なら楽なのに。
0863名無しさん@お腹いっぱい。2015/06/11(木) 08:09:58.64ID:a0tne1yn0
親セレクタのようなことができる新しい仕様は :has() 疑似クラスというものだけど、動的プロファイルに入ってないからCSSでは使えない
0864名無しさん@お腹いっぱい。2015/06/12(金) 19:14:47.28ID:2Q80hPYk0
38.0.5のロケーションバーの認証局ボタンの右端の縦線を消すにはどう書いたら良いか、
この拙めに教えてくだされ、お大尽様!

                   コレ
                   ↓
(←) 錠 Mozilla Foundation (US) | ttps:support.mozilla.org/ja/
0865名無しさん@お腹いっぱい。2015/06/12(金) 19:26:01.97ID:YPhVPFA40
>>864
http://mxr.mozilla.org/mozilla-release/source/browser/themes/shared/identity-block.inc.css#50
0866名無しさん@お腹いっぱい。2015/06/12(金) 21:30:15.45ID:2Q80hPYk0
>>865
消えたっ!ありがたき幸せ!

borderを見ておかしいな〜とやっていたw
アルファベット順だからbackgroundならすぐ上なのにorz

これでページによって、あれこれ出たり消えたり動いたりするロケーションバーとはおさらばだ!
0867名無しさん@お腹いっぱい。2015/06/14(日) 11:27:49.18ID:g6AiCj/40
>>866
今回だけは教えてやったが
お前もそろそろこのスレで質問繰り返すのおさらばしろよな
正直、お前ウザイ
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
レス数が900を超えています。1000を超えると表示できなくなるよ。