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/
0039名無しさん＠お腹いっぱい。
2014/05/23(金) 19:41:03.90ID:VK/UkQgo00040名無しさん＠お腹いっぱい。
2014/05/23(金) 19:41:44.93ID:eSJTpyD/0borderは見えなくなりましたが、やはりごみは残ってしまいますね…
treechildren::-moz-tree-row{margin: 1px;}とすればゴミが残ることは回避できますが、今度はボーダーが消せなくなってしまいます
0041名無しさん＠お腹いっぱい。
2014/05/23(金) 19:43:08.21ID:eSJTpyD/0outlineは盲点でした！
無事解決しました、ありがとうございます
0042名無しさん＠お腹いっぱい。
2014/05/23(金) 20:02:11.02ID:kHg3bUOd0http://mxr.mozilla.org/mozilla-release/source/toolkit/themes/windows/global/tree-aero.css#124
0043名無しさん＠お腹いっぱい。
2014/05/23(金) 20:23:14.12ID:LXfLnDWS00044名無しさん＠お腹いっぱい。
2014/05/23(金) 20:25:00.00ID:OBPdWnGt00045名無しさん＠お腹いっぱい。
2014/05/25(日) 10:28:37.58ID:uJS65EG50cssで出来ないかな？
0046名無しさん＠お腹いっぱい。
2014/05/25(日) 10:43:17.19ID:X0hW+tsY00047名無しさん＠お腹いっぱい。
2014/06/03(火) 18:13:36.38ID:Of5gQL110border : none !important;
の二つを使ってツールバーのボタンを平ら(マウスオーバーしても浮き出させなくする)
にしてるんだけど、nav-barに対して効かない。他のバーには効く。
戻るボタンやその他ナビゲーションバーに置いた他のアイコンも浮き出てしまう。
何でだろ？
0048名無しさん＠お腹いっぱい。
2014/06/03(火) 18:33:27.00ID:ouK7/ory00049名無しさん＠お腹いっぱい。
2014/06/03(火) 18:51:40.28ID:T4hD+9fD00050名無しさん＠お腹いっぱい。
2014/06/03(火) 18:53:06.61ID:6fFzs3B10http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/browser.css#725[以下]
ツールバーボタンではなくその下層のイメージに対して掛かってるから
あと#nav-bar上のボタンは-moz-appearanceを使っていない
0051名無しさん＠お腹いっぱい。
2014/06/03(火) 19:17:24.94ID:T4hD+9fD00052名無しさん＠お腹いっぱい。
2014/06/08(日) 15:23:48.49ID:1rSVJyX40全画面にしないと収まりきらないようなサイトの横幅を指定するには
どのようにuserContent.cssへ書けばいいですか
0053名無しさん＠お腹いっぱい。
2014/06/08(日) 16:18:21.32ID:IEauFhDY0要素#xxxと#yyyの２つだけ表示させて、残りは全部非表示にする
ということはできるのでしょうか？
要らない要素が多いゴテゴテしたページはいちいち消すより
表示させる物だけ指定したほうが効率いいと思いまして・・・
0054名無しさん＠お腹いっぱい。
2014/06/08(日) 16:30:00.25ID:WS2zxznt00055名無しさん＠お腹いっぱい。
2014/06/08(日) 16:56:17.63ID:IEauFhDY0その後に{ display: none !important; }は付けるんでしょうか
これを付けるとページ全体が消えてしまい
付けなければ何も消えませんでした・・・
0056名無しさん＠お腹いっぱい。
2014/06/08(日) 17:01:57.43ID:EEo7nrrp00057名無しさん＠お腹いっぱい。
2014/06/08(日) 17:02:47.06ID:Ax/xRyop00058名無しさん＠お腹いっぱい。
2014/06/08(日) 17:03:54.24ID:s7hXUG1Q00059名無しさん＠お腹いっぱい。
2014/06/08(日) 17:09:10.78ID:WS2zxznt0工夫して条件付けしないと全部消える
例えばブログ系の広告とかで親要素にもidある場合で
/* #hoge直下の#xxxと#yyy以外全部消す */
#hoge>div:not(#xxx):not(#yyy){display:none !important;}
みたいに狙い撃ちしないといけない
div:not(#xxx):not(#yyy){display:none !important;}
だけだと#hogeはもちろん#xxxでも#yyyでもないので当然全部消える
0060名無しさん＠お腹いっぱい。
2014/06/08(日) 17:38:52.55ID:IEauFhDY0>>59
ホントにありがとうございます！
ようやく理解できました
その場合ですと、#hoge内の#xxxと#yyy以外は見事に消えてくれましたが
別階層にある要素は消えないんですね
<BODY>
#hoge
|___#xxx
|___#yyy
#hoge2
#hoge3
・・・
</BODY>
#hoge2・３・４〜なども全部消したかったですがさらに複雑になるのでしょうか？
ともかく、教えて頂いた内容でも十分目的は達成できました！
0061名無しさん＠お腹いっぱい。
2014/06/08(日) 22:46:15.14ID:IEauFhDY0#hoge2なども not:() の方法で消せないかと試していたのですができませんでした
<BODY>
#hoge
|___#vvv
|___#www
|___#xxx
|___#yyy
#hoge2
|___#zzz
#hoge3
・・・
</BODY>
>>59さんに教えて頂いた方法で消えるのは
#vvvと#wwwだけで
#hoge2（と#zzz）や#hoge3などは表示されてしまいます
これもまとめて消すにはどうしたらいいですか？
直接指定して #hoge2{display:none !important;}というのは分かるのですが・・・
0062名無しさん＠お腹いっぱい。
2014/06/08(日) 23:45:44.36ID:7WiqXWPi0Remove It Permanently
0063名無しさん＠お腹いっぱい。
2014/06/09(月) 00:07:10.90ID:U0JYXnj70今来たからよく読んでないけど↓みたいなのは？
@-moz-document url-prefix(http://www.w3.org/Style/みたいなURL指定){
body > * > div:not(#xxx):not(#yyy){display:none !important;}
}
0064名無しさん＠お腹いっぱい。
2014/06/09(月) 00:12:36.25ID:U0JYXnj70ミス
body > *:not(#hoge) > div:not(#xxx):not(#yyy){display:none !important;}
0065名無しさん＠お腹いっぱい。
2014/06/09(月) 00:22:19.86ID:Gqhe2d/D0div:not(#hoge):not(#xxx):not(#yyy){display:none !important;}
で良くね？
0066名無しさん＠お腹いっぱい。
2014/06/09(月) 00:33:33.47ID:Gqhe2d/D00067名無しさん＠お腹いっぱい。
2014/06/09(月) 00:43:53.10ID:rVJ+lr/s00068名無しさん＠お腹いっぱい。
2014/06/09(月) 01:21:10.94ID:U0JYXnj70@-moz-document url-prefix(http://www.w3.org/Style/みたいなURL指定){
#hoge>div:not(#xxx):not(#yyy){display:none !important;}
body > *:not(#hoge)
}
0069名無しさん＠お腹いっぱい。
2014/06/09(月) 01:22:33.22ID:U0JYXnj70@-moz-document url-prefix(http://www.w3.org/Style/みたいなURL指定){
#hoge>div:not(#xxx):not(#yyy){display:none !important;}
body > *:not(#hoge){display:none !important;}
}
0070名無しさん＠お腹いっぱい。
2014/06/09(月) 02:07:51.67ID:nsrc7GjP0>表示させる物だけ指定したほうが効率いいと思いまして・・・
できるけど要素が多いゴテゴテしたページは同じかそれ以上手間がかかる
0071名無しさん＠お腹いっぱい。
2014/06/09(月) 02:41:04.04ID:TrLVkygN0IDしか出てこないのも訳が分からん
消したい複数の要素がありそれをなるべくまとめてやりたいなら
それら複数要素に共通し、かつそれなりに限定された属性を
まず調べるのが筋じゃないの？
0072名無しさん＠お腹いっぱい。
2014/06/09(月) 02:52:09.02ID:NOZp5myk00073名無しさん＠お腹いっぱい。
2014/06/09(月) 07:18:24.69ID:i28Zvhwr00074名無しさん＠お腹いっぱい。
2014/06/09(月) 13:19:18.16ID:+29CasK80Site gigazine themes and skins - userstyles.org
http://userstyles.org/styles/browse/site/gigazine?as=1&;per_page=50&sort=updated_date&sort_direction=desc
0075５３
2014/06/09(月) 21:51:31.43ID:USLhUOHC0>>69さん本当にありがとうございます！
動作しましたよ！凄いですね
>>72
仰るとおりでした
>>62さんの拡張で対処するのもありですね
情報ありがとうございます〜
0076名無しさん＠お腹いっぱい。
2014/06/10(火) 00:37:00.12ID:Y14+n5nK0:notをどう書くの？
0077名無しさん＠お腹いっぱい。
2014/06/10(火) 00:42:39.23ID:T4A3bK8E0<div class=bar>ならばdiv:not(.bar)
0078名無しさん＠お腹いっぱい。
2014/06/10(火) 00:42:39.68ID:Q+GqtISN0"CSS 擬似要素 not" でぐぐれかす
ttps://developer.mozilla.org/ja/docs/Web/CSS/:not
0079名無しさん＠お腹いっぱい。
2014/06/10(火) 01:27:55.03ID:aiVbq0tM00080名無しさん＠お腹いっぱい。
2014/06/10(火) 07:04:06.38ID:URcUkqWh00081名無しさん＠お腹いっぱい。
2014/06/10(火) 08:25:18.82ID:BjH/7w3Y0こんなことってあるのか？ いや実際あったんだが
0082名無しさん＠お腹いっぱい。
2014/06/10(火) 08:57:33.18ID:hAJCPhkt00083名無しさん＠お腹いっぱい。
2014/06/10(火) 12:09:37.05ID:Q+GqtISN00084名無しさん＠お腹いっぱい。
2014/06/10(火) 12:42:08.37ID:T4A3bK8E0> It is possible to rewrite other rules. E.g. foo:not(bar)will match
> the same element as the simple foo. Nevertheless the specificity
> of the first one is higher.
これが↓になる理由を知りたいものだ…
> 他のルールを書き直すことはできません。例： foo:not(bar) は、単に foo と
> 記述したときと同じ要素にマッチします。こう書いても 1 つ目の 詳細度 のほうが
> 高くなります。
008581
2014/06/10(火) 12:43:26.70ID:fCaKsNlL00086名無しさん＠お腹いっぱい。
2014/06/11(水) 06:19:56.70ID:5xS++TA30>>81 と >>84 みたいな雑魚みたいな質問に答えられる筈
0087名無しさん＠お腹いっぱい。
2014/06/11(水) 07:02:30.41ID:vzY/wP6Q0訳した奴がバカだった
> foo:not(bar) は、単に foo と> 記述したときと同じ要素にマッチします。こう書いても 1 つ目の 詳細度 のほうが高くなります。
「書きなおすことはできません」「こう書いても」とかしてるところをみると例が何を言いたいのか
分かってないのかもしれない
「1 つ目[foo:not(bar)]の 詳細度 のほうが高くなります」なのに「書きなおすことはできません」
とか書いててオカシイと思わないのかね
0088名無しさん＠お腹いっぱい。
2014/06/11(水) 07:40:47.60ID:cdykbt/Z0自演乙
008985
2014/06/11(水) 09:44:39.03ID:AeHhI92s00090名無しさん＠お腹いっぱい。
2014/06/11(水) 09:48:04.53ID:vzY/wP6Q0「謎」ってのが謎なんだが…
なんかのページなのか？
であればズール名前空間で書いてたならダメだろ
009189
2014/06/11(水) 12:33:17.66ID:gUp+VeDF0いや、Fx本体のUIに適用させるCSSで
今まであちこちのIDに共通で適用できてた
だがどうしてもそこだけ当たらないIDが一つ出てきて
名前空間削ったら当たった…という流れ
0092名無しさん＠お腹いっぱい。
2014/06/11(水) 15:33:58.00ID:TyFu71cL00093名無しさん＠お腹いっぱい。
2014/06/11(水) 16:16:48.01ID:vzY/wP6Q0「謎にどうしてもCSSが当たらなくて」ってあるからcssの適用先の符牒なのかと思った
「今まであちこちのIDに」って時点で以下は見当外れなんだけど
（一応）「@namespace url削ったら当たって」有効になる例
xulがデフォルトの名前空間として宣言されている場合
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
textbox .textbox-input::-moz-placeholder{
font-style: normal !important;
}
これだと要素はデフォルトの@namespaceのものとみなされるので
urlbarやsearchbarのプレースホルダのスタイル（例えばサーチエンジン名のイタリック）は
xulの要素ではないので上記スタイルは適用されない
しかし@namespaceを取っ払うとスタイルが有効になる
（本来は「@namespace html url("http://www.w3.org/1999/xhtml";);」という
追加の@namespaceを入れてhtml要素にはprefix「html」を付ける）
まあ具体的に問題のcssの箇所を示したほうが話は早いと思う
009491
2014/06/11(水) 17:09:28.36ID:LpFRMDQL0んなるほどおおおおお!!! だからか!!
またひとつ勉強になりました 本当にありがとうございましたm(_ _)m
0095名無しさん＠お腹いっぱい。
2014/06/11(水) 18:54:08.72ID:epuNLhdA0ここも赤米orz
0096名無しさん＠お腹いっぱい。
2014/06/11(水) 18:56:51.99ID:epuNLhdA0交通量調査員が通せんぼしてるよーなもん
あほか
0097名無しさん＠お腹いっぱい。
2014/06/11(水) 19:22:27.28ID:whiBlQJE00098名無しさん＠お腹いっぱい。
2014/06/11(水) 20:44:56.03ID:epuNLhdA0おまえが失せろ、ボケ
0099名無しさん＠お腹いっぱい。
2014/06/11(水) 23:53:10.82ID:kNpQeA190痛い奴だな
0100名無しさん＠お腹いっぱい。
2014/06/12(木) 02:55:40.12ID:rI3LXBGJ0わお、横からなるほど！
0101名無しさん＠お腹いっぱい。
2014/06/12(木) 06:17:30.68ID:vAfk4YQd0前スレ800の人、本当にありがとう！
本当に助かった やっと、2つのシートを併用できるよ…
0102名無しさん＠お腹いっぱい。
2014/06/13(金) 17:06:39.62ID:0yLM/fqa00103名無しさん＠お腹いっぱい。
2014/06/13(金) 17:25:37.85ID:DJFwjnMM00104名無しさん＠お腹いっぱい。
2014/06/13(金) 18:51:33.36ID:kkYEjor50下記のようにしてみたんだが当たってくれない
ググっても消すのはたくさんあるんだが変更したいの
どう書けばいいのでしょうかおながいします
#file-menu > .menubar-text:befor {
content: "File" !important;
}
#file-menu > label {
display: none !important;
}
0105名無しさん＠お腹いっぱい。
2014/06/13(金) 19:01:59.90ID:IfS/zlwK00106名無しさん＠お腹いっぱい。
2014/06/13(金) 19:27:28.96ID:RcsSePGX00107名無しさん＠お腹いっぱい。
2014/06/13(金) 19:36:50.87ID:kkYEjor50ttp://mozilla-remix.seesaa.net/article/248667431.html
コレがガセってこと？
0108名無しさん＠お腹いっぱい。
2014/06/13(金) 19:54:14.92ID:IfS/zlwK00109名無しさん＠お腹いっぱい。
2014/06/13(金) 20:06:23.96ID:h5/6FS5y0#file-menu::before {
position: absolute;
margin: 1px 6px 2px 6px;
content: "::beforeの綴りと働きを調べような…";
color:red;
}
#file-menu > .menubar-text {
display:none;
}
0110名無しさん＠お腹いっぱい。
2014/06/13(金) 20:18:36.31ID:Bakz8Hwa0S3.Menu Wizardなら簡単だよ
0111名無しさん＠お腹いっぱい。
2014/06/13(金) 20:24:01.77ID:kkYEjor50試させて頂きましたがコレだと左横のアイコンが消えてしまうようです…
>>110 あれ良さげですよね ただ今後メニュー以外の場所も変更するかもしれないので、記述だけでも伺おうかと…
0112名無しさん＠お腹いっぱい。
2014/06/13(金) 20:28:51.17ID:h5/6FS5y0「左横のアイコン」って何？そんな言及あった？
自分で::beforeで入れてんなら::afterに変えればいいだけじゃないの？
「どう書けばいいのでしょうか」って言うから書いたまでで、書いてないことまでは知らんよ
0113名無しさん＠お腹いっぱい。
2014/06/13(金) 20:41:26.86ID:kukTVw3B00114名無しさん＠お腹いっぱい。
2014/06/13(金) 20:47:18.13ID:o1dE7rrF00115名無しさん＠お腹いっぱい。
2014/06/13(金) 20:58:55.91ID:kkYEjor50あっ！そうでした自分で表示させてたのを忘れてました うっかりしてました大変失礼しました
そりゃわかるわけないですよね 申し訳ない ありがとうございました
0116名無しさん＠お腹いっぱい。
2014/06/14(土) 09:16:16.15ID:92sfc91500117名無しさん＠お腹いっぱい。
2014/06/15(日) 03:28:00.07ID:1brvGyOp0まともな奴に出てきてもらうまでが大変だな
0118名無しさん＠お腹いっぱい。
2014/06/15(日) 09:46:18.46ID:45U13cCt00119名無しさん＠お腹いっぱい。
2014/06/15(日) 16:17:16.65ID:LRil+Xxy00120名無しさん＠お腹いっぱい。
2014/06/15(日) 16:25:02.42ID:kTjSKOtu00121名無しさん＠お腹いっぱい。
2014/06/15(日) 20:42:00.75ID:3ptzhclK00122名無しさん＠お腹いっぱい。
2014/06/15(日) 20:49:32.80ID:tZvXQb/C0ストレートに間違いを指摘すれば済む話じゃないのか
0123名無しさん＠お腹いっぱい。
2014/06/16(月) 03:07:02.83ID:bX6Scd/T00124名無しさん＠お腹いっぱい。
2014/06/16(月) 08:18:24.70ID:YlBoiaND00125名無しさん＠お腹いっぱい。
2014/06/20(金) 02:37:29.12ID:Zr1JQC0100126名無しさん＠お腹いっぱい。
2014/06/21(土) 15:02:16.81ID:Ryandhca0@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url(http://www.w3.org/1999/xhtml);
@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista),
(-moz-windows-default-theme) and (-moz-os-version: windows-win7) {
.tab-background-middle[selected=true],
html|*#tab-background-fill {
background-color:#FFCB00 !important;
}
}
0127名無しさん＠お腹いっぱい。
2014/06/21(土) 15:07:52.43ID:Ryandhca00128名無しさん＠お腹いっぱい。
2014/06/21(土) 18:13:27.14ID:AiZkrOgJ0あ、こっちのスレでした
わざわざどうも有難う御座います
0129名無しさん＠お腹いっぱい。
2014/06/21(土) 18:59:37.49ID:4nZ1jikK0俺もスレ間違えてたごめん。
そしてありがとう！やっとスッキリした！
0130名無しさん＠お腹いっぱい。
2014/06/21(土) 20:47:12.92ID:BBl+JBp30現在のものでは暗すぎて視認しずらいので、教えてください。
0131名無しさん＠お腹いっぱい。
2014/06/21(土) 23:29:23.74ID:uHRFBSJj0以前から使ってるこれがまだ効いているよ
/* アクティブタブ以外はグレーテキスト */
tab {
color: GrayText !important;
}
tab[selected="true"] {
color: MenuText !important;
font-weight: normal;
}
0132名無しさん＠お腹いっぱい。
2014/06/22(日) 00:43:01.58ID:VbhFEJ5u0どうもありがとうございます。
しかし自分の環境では文字を弄っただけでは視認しやすくはあまりなりませんでした。
タブの背景色を変えたいのですが分かりませんかね？
0133名無しさん＠お腹いっぱい。
2014/06/22(日) 01:03:03.15ID:BbiSgHnT0https://userstyles.org/styles/101036/brighter-background-tabs-australis-firefox-29
https://userstyles.org/styles/101038/high-visibility-background-tabs-australis-fx29
0134名無しさん＠お腹いっぱい。
2014/06/22(日) 03:26:04.14ID:VbhFEJ5u0紹介ありがとうございました。
見やすくなり満足です！
0135名無しさん＠お腹いっぱい。
2014/06/25(水) 10:14:02.31ID:5bHyM52Z0一覧で表示できなくなってスクロールしなければならなくなってしまいました。
サブフォルダとかできないから増え続けるしかないので、（スクロールさせないで）可視領域を増やすことはできませんか。
ほかこちらも使用中です。
Yahoo! Japan Mail BETA 広告削除
https://userstyles.org/styles/99504/yahoo-japan-mail-beta
0136名無しさん＠お腹いっぱい。
2014/06/25(水) 13:00:29.74ID:zZD+1KMd00137名無しさん＠お腹いっぱい。
2014/06/25(水) 18:20:36.29ID:BhDkHqmz0言い方は悪いが同意だな
>>135
まず自分でCSS勉強して作ってみなよ
何も努力してない人に答えだけ渡しても
どうせまた動かなくなったら動かなくなったんだけどって
戻ってくるだけだし意味がない
0138名無しさん＠お腹いっぱい。
2014/06/25(水) 20:44:59.49ID:QNqRQVpe0■ このスレッドは過去ログ倉庫に格納されています