userChrome.css・userContent.cssスレ Part4
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん＠お腹いっぱい。
2014/05/16(金) 10:16:22.11ID:4llsQKsX0http://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/
0799名無しさん＠お腹いっぱい。
2015/04/23(木) 19:48:12.29ID:kJt7ObVX0わざわざ試して頂いてありがとうございます
ただ星アイコンを出しっぱなしのうえ先頭に置かないといけないのがあれですね
ブックマーク済みかどうかの確認のためだけに表示させている星を無くしたいがために思いついたことなのですが
私のスキルでは手に負えそうにないのでいつの日か似たようなことを考えた人が公開してくれるのを待ちたいと思います
お付き合いいただきありがとうございました
0800名無しさん＠お腹いっぱい。
2015/04/23(木) 20:39:40.09ID:4aeR3y/d0何故display: noneすればいいだけだというとこまで頭が回らないのか
0801名無しさん＠お腹いっぱい。
2015/04/23(木) 20:51:42.18ID:y9XhePq30☆が★の時、☆に隣接するurlバーの周りの色を#c4ffffにしなさいってコードなのに
☆をdisplay:noneしたらダメじゃん
0802名無しさん＠お腹いっぱい。
2015/04/23(木) 21:15:46.73ID:O2BfPFPh00803名無しさん＠お腹いっぱい。
2015/05/02(土) 14:25:08.82ID:Z84a+gFZ00804名無しさん＠お腹いっぱい。
2015/05/02(土) 14:54:13.40ID:qTA5wPgq00805名無しさん＠お腹いっぱい。
2015/05/02(土) 15:09:09.94ID:OVjqCGaa00806名無しさん＠お腹いっぱい。
2015/05/02(土) 15:28:47.72ID:qTA5wPgq00807名無しさん＠お腹いっぱい。
2015/05/02(土) 17:44:28.71ID:FZu/qsy80馬鹿ほどイキガル法則ｗ
0808名無しさん＠お腹いっぱい。
2015/05/02(土) 21:44:59.93ID:/guVhsKC00809名無しさん＠お腹いっぱい。
2015/05/02(土) 22:49:06.83ID:U7q6QrEP00810名無しさん＠お腹いっぱい。
2015/05/02(土) 22:52:48.00ID:QdrENgPE0.tab-background-middle[selected=true]:not(:-moz-lwtheme) {
background-color: hsl(0,0%,80%) !important;
}
.tab-background-start[selected=true]::before{
clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start)!important;
}
.tab-background-end[selected=true]::before{
clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end)!important;
}
.tab-background .tab-background-start[selected=true]::before,.tab-background .tab-background-end[selected=true]::before{
content:""!important;
display:-moz-box!important;
background-color: hsl(0,0%,80%) !important;
background-image:url("chrome://browser/skin/customizableui/background-noise-toolbar.png"),
linear-gradient(#FFF, rgba(240,240,240,.65))!important;
}
どうも真ん中とサイドで別れるんだよなぁ
0811名無しさん＠お腹いっぱい。
2015/05/02(土) 23:10:55.50ID:bhlLykPv0cssのことをコードとか言ってて草
必然的に>>799なのもバレて馬鹿丸出し
「私のスキルでは手に負えそうにない」（笑）
0812名無しさん＠お腹いっぱい。
2015/05/02(土) 23:29:27.16ID:2aKoLNUJ00813名無しさん＠お腹いっぱい。
2015/05/02(土) 23:46:29.01ID:V1S5DmZe0いじめられっ子丸出しでﾜﾛﾀ
0814名無しさん＠お腹いっぱい。
2015/05/03(日) 01:22:03.50ID:cK3LJwKZ00815名無しさん＠お腹いっぱい。
2015/05/03(日) 02:06:54.43ID:ZHeB2qqL00816名無しさん＠お腹いっぱい。
2015/05/03(日) 04:39:51.39ID:FIkMKA2K00817名無しさん＠お腹いっぱい。
2015/05/03(日) 15:17:44.24ID:R29nikjp0どうも固有のアドオンとかでもCSSでいじれるようなのですが
http://i.imgur.com/1AVpGMF.png
0818名無しさん＠お腹いっぱい。
2015/05/04(月) 08:32:32.90ID:5RqPUzfa00819名無しさん＠お腹いっぱい。
2015/05/04(月) 12:58:47.16ID:8ro34fpg00820名無しさん＠お腹いっぱい。
2015/05/04(月) 13:00:18.86ID:FfqnuM4O0DOM Inspector
0821名無しさん＠お腹いっぱい。
2015/05/06(水) 13:44:43.93ID:Hz4EVw740どうやればいいですか？
画面の一番下ってすごく使いにくい。。。
0822名無しさん＠お腹いっぱい。
2015/05/11(月) 02:18:53.93ID:vZD1PQdh0しかし表示が
アクティブタブのタイトル-Mozilla Firefox
となってしまい見にくいです
-Mozilla Firefoxの部分を非表示にしたいのですがどこをどういじったらいいですか？
0823名無しさん＠お腹いっぱい。
2015/05/11(月) 14:38:41.47ID:S2cHYzua0要素内のテキストを文字単位で制御するのは「CSSじゃ」無理でしょ
0824名無しさん＠お腹いっぱい。
2015/05/11(月) 17:05:03.47ID:4yuIYxgQ00825名無しさん＠お腹いっぱい。
2015/05/11(月) 18:05:24.63ID:44veNiGT00826名無しさん＠お腹いっぱい。
2015/05/11(月) 18:46:44.60ID:4yuIYxgQ0教えてくれてありがとう！
さっそく設定してみました
0827名無しさん＠お腹いっぱい。
2015/05/12(火) 19:35:54.99ID:iqxclX9C0どう記述したらいいですか？
0828名無しさん＠お腹いっぱい。
2015/05/12(火) 19:39:58.67ID:0h/rz4Md00829名無しさん＠お腹いっぱい。
2015/05/12(火) 21:16:36.76ID:iqxclX9C0DOMi知りませんでした
ただchrome://browser/content/browser.xulを入力してinspectを押しても
ページ内検索バーが下のペインに表示されないのですがどうしたら表示されますかね？
0830名無しさん＠お腹いっぱい。
2015/05/12(火) 22:37:55.13ID:lF7aCC7U00831名無しさん＠お腹いっぱい。
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便利なものを有難うございます
しかし残念ながらページ内検索バーの上でシフト＋右クリをしても「要素を点検しなさい」が出てきません
他のところでは出てくることもあるんですが
0833名無しさん＠お腹いっぱい。
2015/05/13(水) 06:48:56.99ID:yA20CuhS0ちゃんと最新使ってんだろうな
>>831
32の頃からそれで消してたぞ
0834名無しさん＠お腹いっぱい。
2015/05/13(水) 07:21:12.41ID:KnEGtyPJ00835名無しさん＠お腹いっぱい。
2015/05/13(水) 18:44:12.33ID:kH2S+apt0右クリックしてコンテキストメニューに出てくる項目です
アドオンは最新版です
>>834
おおーありがとうございます！おかげで消せました
しかしDOMiを使いこなすのは素人の私には難しそうですね
ちゃんと使えれば楽々なんでしょうね
0836名無しさん＠お腹いっぱい。
2015/05/13(水) 19:01:17.98ID:aKjWWH/O0あ、ごめん
Element Inspectorの方だった
0837名無しさん＠お腹いっぱい。
2015/05/13(水) 20:52:29.18ID:hvxKpRYM0俺が使ってるuserChrome.js版は直接DOMiが立ち上がるけど
0838名無しさん＠お腹いっぱい。
2015/05/14(木) 13:34:30.18ID:w0pMSm8i0@-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:yXsE9PBb00840名無しさん＠お腹いっぱい。
2015/05/14(木) 19:52:14.62ID:XccLZDwi0ここで質問しようとする発想が間違っています
Firefoxに限らずFLOSS界隈では(未実装でなければ)やりたいことを実現する方法はネットで検索すればたいてい見つかります
あなたは既に"CSS"で"透過"したいと十分なキーワードを思いついていますからあとは検索して答えを見つけるだけです
0841名無しさん＠お腹いっぱい。
2015/05/14(木) 21:01:04.27ID:w0pMSm8i0すみません質問する板分からなくて
検索もして色々試してみたんですが背景色は変えられても透過ができず途方に暮れ
たぶん検索の仕方がわるいのかなと
もう一度調べてみます
0842名無しさん＠お腹いっぱい。
2015/05/15(金) 09:41:10.17ID:aI+dGJ4g0色々試しても上手く行きません。正解の記述をお教え願います。
基礎を理解していないのでネットで色々みてはいるのですが・・・
作業は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:SneCO3KH00844名無しさん＠お腹いっぱい。
2015/05/15(金) 13:36:52.94ID:aI+dGJ4g0ありがとうございました。
0845名無しさん＠お腹いっぱい。
2015/05/15(金) 18:54:39.11ID:Jo06o7Ck00846名無しさん＠お腹いっぱい。
2015/05/22(金) 21:10:17.78ID:Mhzg1G/w0具体的にはタイトルバー以外のフレームをなくしたいのです。
0847名無しさん＠お腹いっぱい。
2015/06/04(木) 08:53:56.12ID:xAg/xg6k0これをインスコして使いこなす
ttp://firefox.geckodev.org/?DOM%20inspector
CSSの書式を勉強する
出来なきゃ諦める
0848名無しさん＠お腹いっぱい。
2015/06/08(月) 01:26:14.03ID:0UACcszI0そのアイコンのうちいくつかを別リソースに変更する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:v4hKVKXV00850名無しさん＠お腹いっぱい。
2015/06/08(月) 16:40:59.05ID:4N/uzwqB0toolbarbutton#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/uzwqB00852名無しさん＠お腹いっぱい。
2015/06/08(月) 17:09:41.34ID:1pa+ApRU0専ブラ開くたびこのレスが目に入るから
段々面白くなってきた
0853名無しさん＠お腹いっぱい。
2015/06/08(月) 21:20:27.65ID:0UACcszI0xpiバラしてリソースそのものを入れ替えてみたら普通に表示できるから
そのあたりは問題ないっぽい
>>850-851
ありがとう
元リソースはdispnoneできてうまくいきそうだったけれども
アイコンが消えただけでうまくいかなかった
もうちょっと悩んでみる
0854名無しさん＠お腹いっぱい。
2015/06/08(月) 21:38:12.47ID:4N/uzwqB0最期のやつtoolbaritemにした？
0855名無しさん＠お腹いっぱい。
2015/06/09(火) 00:04:04.78ID:KwR/w+La0width: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に出来ませんか？
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#toolbar-menubar{
display: none;
}
#navigator-toolbox:hover > #toolbar-menubar{
display: -moz-box;
}
0857856
2015/06/09(火) 18:24:22.64ID:g7P1QdJi0下記を使うことにした。
https://userstyles.org/styles/101137/hide-menu-item-show-menu-on-mouseover
0858857
2015/06/09(火) 20:12:49.92ID:g7P1QdJi0ジェスチャーでいいや！
0859名無しさん＠お腹いっぱい。
2015/06/09(火) 21:26:01.90ID:VNsmYMcj00860848
2015/06/10(水) 00:40:25.99ID:Y1oBLIXc0ありがとうありがとう
なんか出来た気がしたけれどもアイコン入替はやっぱり成らず
（空いた部分で操作は可能）
でもなんか良いヒント貰った
バイアグラ飲んで勉強してくる
0862名無しさん＠お腹いっぱい。
2015/06/10(水) 00:55:35.86ID:GeLUyUDY0あー…これ、夢の逆指定が必要なのじゃないかな。
#toolbar-menubar ~ #TabsToolbar:hoverで兄要素を指定することってまだできないよね？
兄の頭になにかくっつけてできるようにしようという話はあったようななかったような。
逆のメニューバーにマウスオーバーでブックマークツールバーを表示なら楽なのに。
0863名無しさん＠お腹いっぱい。
2015/06/11(木) 08:09:58.64ID:a0tne1yn00864名無しさん＠お腹いっぱい。
2015/06/12(金) 19:14:47.28ID:2Q80hPYk0この拙めに教えてくだされ、お大尽様！
コレ
↓
(←) 錠 Mozilla Foundation (US) | ttps:support.mozilla.org/ja/
0865名無しさん＠お腹いっぱい。
2015/06/12(金) 19:26:01.97ID:YPhVPFA40http://mxr.mozilla.org/mozilla-release/source/browser/themes/shared/identity-block.inc.css#50
0866名無しさん＠お腹いっぱい。
2015/06/12(金) 21:30:15.45ID:2Q80hPYk0消えたっ！ありがたき幸せ！
borderを見ておかしいな〜とやっていたｗ
アルファベット順だからbackgroundならすぐ上なのにorz
これでページによって、あれこれ出たり消えたり動いたりするロケーションバーとはおさらばだ！
0867名無しさん＠お腹いっぱい。
2015/06/14(日) 11:27:49.18ID:g6AiCj/40今回だけは教えてやったが
お前もそろそろこのスレで質問繰り返すのおさらばしろよな
正直、お前ウザイ
0868名無しさん＠お腹いっぱい。
2015/06/14(日) 19:23:40.59ID:/hRGCg7k0まさかとは思うが、名無しさんというのは名前欄を空欄にしたときに表示されるもので、固有のハンドルではないぞ？
0869名無しさん＠お腹いっぱい。
2015/06/17(水) 11:58:50.53ID:Q5kdclqI0@-moz-document domain("addons.mozilla.org") {
#tabzilla-wrapper { background: none !important; }
}
0870名無しさん＠お腹いっぱい。
2015/06/17(水) 15:37:26.39ID:D+2sNsKn0まさかｗｗｗワロタ
0871名無しさん＠お腹いっぱい。
2015/06/18(木) 01:38:32.97ID:gPc6vZ0900872名無しさん＠お腹いっぱい。
2015/06/28(日) 06:40:19.31ID:0oZBQOKi0xul:***のようなidが無くclassならわかるやついじる時の書式がわからない…(´・ω・｀)
0873名無しさん＠お腹いっぱい。
2015/06/28(日) 07:30:30.08ID:7iXzgfSa0CSS セレクタ
でググればいいのでは？
0874名無しさん＠お腹いっぱい。
2015/06/28(日) 07:43:52.13ID:07p1Dai00どれ、試しに何をしたいのか書いてみてよ
大抵は直近の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ありがとう。ググったりしてるけど具体的な書き方がみつからなくて…
>>874
例えば…「Bookmark Buttonの☆だけを消す」でお願いします
ボタンそのものを消すなら#id {display: none !important;} でいけますけど☆はclassあてだけなので…
874の例でいうところの #*** > .*** {（やりたいこと）;} みたいな***にいれるものと「 > . 」の意味がいまいちでして…
0876名無しさん＠お腹いっぱい。
2015/06/28(日) 12:19:42.88ID:0oZBQOKi0連投すみません、その例をヒントにググったことと合わせて式の組み立て方がなんとなくですけど理解できました
Bookmark Buttonの☆だけを消すもいけました
0877名無しさん＠お腹いっぱい。
2015/06/28(日) 15:25:50.26ID:Qvd7V7x700878名無しさん＠お腹いっぱい。
2015/06/29(月) 00:16:40.85ID:MJyFLJEH0そういう場合はidやclassが無ければ要素の属性や属性値を加えるとか
前方、後方、含む、:not()で否定も使えるし
0879名無しさん＠お腹いっぱい。
2015/06/29(月) 00:29:06.25ID:hjGK1gRM0その辺も固定じゃなかったり条件になるような要素がない状態で
0880名無しさん＠お腹いっぱい。
2015/06/29(月) 01:46:20.33ID:6PTB6MNX00881名無しさん＠お腹いっぱい。
2015/06/29(月) 03:10:38.16ID:MJyFLJEH0進む戻るボタンの枠線は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+8lTwx00884名無しさん＠お腹いっぱい。
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:gLrapxaR00888名無しさん＠お腹いっぱい。
2015/07/03(金) 18:26:57.72ID:DqV/TYAl0その手があったか！
最近rgbやrgbaしか使っていなかったからさっぱり忘れていた
どうもありがとう
0889名無しさん＠お腹いっぱい。
2015/07/03(金) 18:30:35.76ID:oO630Ay400890名無しさん＠お腹いっぱい。
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があるとしたらその階層の最後につくんですがblockquote1つだけの場合があってその場合消したいblockquoteがない状態なんです
0893名無しさん＠お腹いっぱい。
2015/07/04(土) 06:01:44.95ID:CN+HwGEW0って指定すればいいだけのことじゃないの
0894名無しさん＠お腹いっぱい。
2015/07/04(土) 06:16:33.08ID:yH6Cy/rM02行目の後半にも書いたけど
そうするとblockquoteが1つだった場合消したいblockquoteがない状態な時に必要なほうのblockquoteを消してしまうでしょ？
だから2つ以上ある場合という条件をつける方法があるのかが知りたいんです
0895名無しさん＠お腹いっぱい。
2015/07/04(土) 06:25:40.97ID:CN+HwGEW0ならblockquoteの隣にあるblockquoteの後ろから1つ目を消す
0896名無しさん＠お腹いっぱい。
2015/07/04(土) 08:33:17.33ID:RC51Q/gw0blockquote + blockquoteだな
0897名無しさん＠お腹いっぱい。
2015/07/06(月) 00:52:05.41ID:OU1D0G740できたら指南お願いします
0898名無しさん＠お腹いっぱい。
2015/07/06(月) 01:35:28.93ID:w0JNFVAV0■ このスレッドは過去ログ倉庫に格納されています