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/
0002名無しさん＠お腹いっぱい。
2014/05/16(金) 15:28:18.22ID:DBMD14IF0おつ
0003名無しさん＠お腹いっぱい。
2014/05/16(金) 16:00:12.22ID:gq0z8sUo0https://developer.mozilla.org/ja/docs/Web/CSS
0004名無しさん＠お腹いっぱい。
2014/05/16(金) 16:31:23.50ID:K+Em62al00005名無しさん＠お腹いっぱい。
2014/05/16(金) 18:18:53.83ID:BHQMRjfB00006名無しさん＠お腹いっぱい。
2014/05/16(金) 19:00:45.05ID:xw8gkFd/0黒をベースにしたテーマに変更すると青色のスターから真っ白のスターに変わって見辛くなりました
なんとかスターの色を変更する方法はないでしょうか？
0007名無しさん＠お腹いっぱい。
2014/05/16(金) 19:16:16.58ID:3jvbn+QM00008名無しさん＠お腹いっぱい。
2014/05/17(土) 00:24:50.72ID:7yCnP6ZJ00009名無しさん＠お腹いっぱい。
2014/05/17(土) 03:55:47.81ID:R7m4ICNi0入れてみたらXML パースエラーって出て管理画面が出せないんだけど
0010名無しさん＠お腹いっぱい。
2014/05/17(土) 07:57:50.47ID:R7m4ICNi0見た目は消せるんだけど最小化ボタンとかがあった場所をクリックすると見えないだけでまだボタンがある。
0011名無しさん＠お腹いっぱい。
2014/05/17(土) 11:30:20.41ID:G+T51JHC0gitにある開発版ならたぶん大丈夫なはず
0012名無しさん＠お腹いっぱい。
2014/05/17(土) 19:20:06.83ID:R7m4ICNi0ダメだわ
どっちもXMLパースエラーが出る。
AMOのバージョン遡ってみたら動くバージョンあったよ
×1.1.1
×1.1
○1.0
1.1と1.1.1は動かなかったのを修正したとか書いてあるけど逆に動かなくなるわｗ
CTR入れてないからかねぇ
とりあえずサンクス
0013名無しさん＠お腹いっぱい。
2014/05/17(土) 19:24:48.04ID:R7m4ICNi0管理画面
×1.1.1
×1.1
○1.0
スタイル作成
○1.1.1
△1.1
×1.0
うーん、微妙
0014名無しさん＠お腹いっぱい。
2014/05/17(土) 21:49:37.59ID:y1misR2r0/* 「黒をベースにしたテーマ」の場合にブックマーク済みを示すスターの色を青に変更 */
#bookmarks-menu-button[cui-areatype="toolbar"][starred]:-moz-lwtheme-brighttext > .toolbarbutton-menubutton-button:not([disabled=true]){
list-style-image: url(chrome://browser/skin/Toolbar.png);
}
/* ついでに…
* ブックマーク未登録の場合、誤ってスターボタンを押してブックマークしてしまうことがあるので
* せめて視覚的にブックマークボタンを明示しようという試み */
/* ブックマーク未登録時に限りスターボタン上でのカーソルを変更 */
#bookmarks-menu-button:not([starred]) > .toolbarbutton-menubutton-button:not([disabled=true]){
cursor: pointer;
}
/* ブックマーク未登録時、スターボタンホバーの際のバックグラウンドを変更 */
#nav-bar #bookmarks-menu-button:not([starred]) > .toolbarbutton-menubutton-button:not([disabled]):not([open]):not(:active):hover > .toolbarbutton-icon,
#TabsToolbar #bookmarks-menu-button:not([starred]) > .toolbarbutton-menubutton-button:not(:-moz-any([disabled=true],[open])):hover{
background-color: Highlight;
list-style-image: url("chrome://browser/skin/Toolbar-inverted.png");
}
0015名無しさん＠お腹いっぱい。
2014/05/18(日) 18:18:38.77ID:VAD5uT4B00016名無しさん＠お腹いっぱい。
2014/05/18(日) 22:45:07.05ID:PVkK3NEc0userChrome.jsでやった方が自由度もあって簡単だった。
0017名無しさん＠お腹いっぱい。
2014/05/19(月) 20:44:24.98ID:TyRH0C5y0popup, panelの位置を調整してないからpopup関連がガタガタだな
0018名無しさん＠お腹いっぱい。
2014/05/20(火) 00:50:38.64ID:qi+ovjOX0http://anago.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ（実質 Part2）
http://anago.2ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
http://anago.2ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3（実質 Part4）
http://anago.2ch.net/test/read.cgi/software/1369968883/
このスレPart5なんだよな〜
0019名無しさん＠お腹いっぱい。
2014/05/20(火) 01:33:32.33ID:EQJ7gI+K00020名無しさん＠お腹いっぱい。
2014/05/20(火) 02:11:44.22ID:0jbMw6uS0んじゃ、これでいいかな？
>>1
過去スレ、次は Part6 につき、次スレを立てる際に注意
userChrome.css・userContent.cssスレ Part6
userChrome.css・userContent.cssスタイルスレ
http://anago.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ（実質 Part2）
http://anago.2ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
http://anago.2ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3（実質 Part4）
http://anago.2ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4（実質 Part5）
http://anago.2ch.net/test/read.cgi/software/1400202982/
0021名無しさん＠お腹いっぱい。
2014/05/20(火) 03:39:30.22ID:ZhTapaKQ00022名無しさん＠お腹いっぱい。
2014/05/20(火) 03:41:31.15ID:qi+ovjOX00023名無しさん＠お腹いっぱい。
2014/05/20(火) 13:04:56.29ID:EP9TF1nu0マウスカーソルが消えていますが、アドオンマネージャーのタブがポイントされている状態です
そのhover状態のタブも、表示中のタブみたいに下にはみ出させたいのですが、上手くいきません
「.tabbrowser-tab[selected]」より「.tabbrowser-tab:hover」の重なり順が上になれば希望の
動作になりそうなのですが、どのように記述すればよいか教えて頂けませんでしょうか
0024名無しさん＠お腹いっぱい。
2014/05/20(火) 13:14:30.09ID:ZhTapaKQ00025名無しさん＠お腹いっぱい。
2014/05/20(火) 13:21:11.12ID:v94GsOoT0.tabbrowser-tab:hoverのz-indexを2にすればいいんじゃないの
002623
2014/05/20(火) 13:38:43.81ID:EP9TF1nu0ご返答ありがとうございます
position: relative; と z-index: 2; で望み通りになりました
http://i.imgur.com/4l7BQ9Y.png
0027名無しさん＠お腹いっぱい。
2014/05/20(火) 18:34:02.42ID:hL+dApBd00028名無しさん＠お腹いっぱい。
2014/05/21(水) 13:49:09.93ID:UJNHnkJa0ブックマークツールバー側のフォルダアイコンは非表示にしました
サイドバー側のフォルダアイコンは表示させたまま使いたいのですが
デフォルトのフォルダアイコンはどうも今のフラットUIに馴染んでいないようで残念です
何かサイドバーのブックマークフォルダアイコンを
オシャレにするおすすめのcssあったら教えて欲しいです(>_<)
(欲を言えば茶色やベージュ系背景色に合うものがいいです…)
0029名無しさん＠お腹いっぱい。
2014/05/22(木) 09:56:37.90ID:N/MQqYds0>>22
http://freestyler.ws/
これも追加しなきゃなｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
0030名無しさん＠お腹いっぱい。
2014/05/22(木) 16:05:05.30ID:OZTKkd1D0アドオンマネージャ画面の右クリックメニューのドロップシャドウを非表示にしたいんだけど
消し方教えてくだしあ
#addonitem-popup {
box-shadow: none !important;
}
ではダメでしたおながいしますm(_ _)m ttp://www.age2.tv/rd05/src/up2282.jpg
0031名無しさん＠お腹いっぱい。
2014/05/22(木) 16:19:14.20ID:T73zrKfj0それってOS側の問題じゃないの
テーマの管理画面にそういう設定あるはず
0032名無しさん＠お腹いっぱい。
2014/05/22(木) 16:25:27.15ID:O2elKWbE029 入れて新規プロファイルで撮った
ちなみに>>31が言ってる設定で影切ってる
0033名無しさん＠お腹いっぱい。
2014/05/22(木) 16:51:43.09ID:OZTKkd1D0お手数おかけしました ありがとうございましたm(_ _)m >>31-32
0034名無しさん＠お腹いっぱい。
2014/05/22(木) 23:29:13.29ID:30CmYsN40俺も知らんかった
0035名無しさん＠お腹いっぱい。
2014/05/23(金) 00:33:18.58ID:AYGXUky300036名無しさん＠お腹いっぱい。
2014/05/23(金) 03:56:17.81ID:adDc6taf00037名無しさん＠お腹いっぱい。
2014/05/23(金) 19:22:39.27ID:eSJTpyD/0treechildrenの背景色を変えるとよく分かるのですが、hoverした項目が変化した際にborderの一部が再描画されずに残ってしまいます
-moz-tree-row(hover)のborderとは別のborderが上下の行にはみ出して描画されていることが原因だと思うのですが、このborderを削除する方法をどなたかご存知ありませんか
http://i.imgur.com/l2M0JuU.png
0038名無しさん＠お腹いっぱい。
2014/05/23(金) 19:33:20.08ID:4uvTWJm50background-color: 888;border:
1px solid transparent;
}
treechildren::-moz-tree-row(hover){
border: 1px solid red;
}
かな？
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をどう書くの？
■ このスレッドは過去ログ倉庫に格納されています