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/
0762名無しさん＠お腹いっぱい。
2015/03/30(月) 19:28:23.40ID:ImO8FM9n00763名無しさん＠お腹いっぱい。
2015/03/30(月) 19:34:14.81ID:ImO8FM9n0あ、ごめんなさい
フォルダアイコン消すスタイルが邪魔してただけでした
notで除外でアイコン出ました
0764名無しさん＠お腹いっぱい。
2015/03/30(月) 19:45:26.33ID:8WuOkPiW0作者さん便利に使わせてもらってます(*^_^*)
0765名無しさん＠お腹いっぱい。
2015/03/30(月) 19:49:46.08ID:vR38BVrh0フォルダ名をUnsortedで出来たぜ
http://up.mugitya.com/img/Lv.1_up65129.png
.bookmark-item[label="Unsorted"]{
list-style-image: url(chrome://browser/skin/places/unsortedBookmarks.png) !important;
-moz-image-region: auto !important;
}
.bookmark-item[label="Unsorted"] > .toolbarbutton-text{
display:none !important;
}
0766名無しさん＠お腹いっぱい。
2015/03/30(月) 19:50:32.97ID:vR38BVrh0リロードするんだったぜ
0767名無しさん＠お腹いっぱい。
2015/03/30(月) 19:52:39.17ID:8WuOkPiW00768名無しさん＠お腹いっぱい。
2015/03/31(火) 02:46:38.01ID:bNY9y8cX0＞CSSで「非表示になってるアイコンを表示」する
それで間違いないんですけど、なんでScrapBook Xなどのアドオンには適用されないんでしょうか
0769名無しさん＠お腹いっぱい。
2015/03/31(火) 05:56:56.56ID:9cOMCR/C0よくそんなので今まで生きてこれたな
0770名無しさん＠お腹いっぱい。
2015/04/01(水) 15:45:54.07ID:92x3ma7I0このページの一覧表示エリアを下方向に拡大したいのですが上手く行きません。
stylishを利用しています。
height: 320px → height: 800px にしたい
@-moz-document domain("2channeler.com"){
div[style="height"] {
height: 800px;
}
}
を元に色々記述変更しながら試しましたが、CSSの基礎すら理解していないので
何が間違っているのか判っておりません。どなたかお救いの手を下さいませ
0771名無しさん＠お腹いっぱい。
2015/04/01(水) 15:50:03.23ID:92x3ma7I0ttp://2channeler.com/past.cgi?n=1443
大変失礼しました。
0772名無しさん＠お腹いっぱい。
2015/04/01(水) 16:42:57.02ID:MmSIuyLP0@-moz-document domain("2channeler.com") {
#main > div:nth-child(1){
height: えっくすpx !important;
}
#main > div:nth-child(1) > div:nth-child(1){
height: えっくすpx !important;
}
#main > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
height: えっくすpx !important;
}
#main > div:nth-child(1) > div:nth-child(1) > div:nth-child(3){
height: わいpx !important;
}
}
こんな感じか？
"えっくす"に好きな数字を"わい"には"えっくす-21"で
0773名無しさん＠お腹いっぱい。
2015/04/01(水) 17:09:15.57ID:92x3ma7I0レス感謝します。完璧でした。
今は記述内容に関して正直チンプンカンプンですが、じっくり理解していきたいと思います。
ありがとうございました。
0774名無しさん＠お腹いっぱい。
2015/04/02(木) 23:07:06.12ID:iRc7mk0z0firefox syncでユーザースタイルも保存してくれる上にグリモンスクリプトも全部保存できるわ
sync有効にするとアドオン勝手に消されたりブックマークぐちゃぐちゃになったりしてたが
これで現在のPCの状態を基準にしたり、他の設定とマージしたりとか指定できるようになった
英語読めないで適当に選ぶと設定全部消えるから注意な
replace A with B は AをBで上書き
まあそんなミスしないと思うけど念のため
0775名無しさん＠お腹いっぱい。
2015/04/02(木) 23:27:59.48ID:RPuA8Yd800776名無しさん＠お腹いっぱい。
2015/04/03(金) 02:33:52.75ID:mqC9Ny5o0ブックマークのプロパティ画面を大きく表示。標準は3行で使いにくいから。
横幅を広げたければ、userchrome.jsの「ucjsResizeWindow」もセットで。
Firefox - use bookmark properties as notes - Themes and Skins for Browser - userstyles.org
https://userstyles.org/styles/3281/firefox-use-bookmark-properties-as-notes
Userstyles.orgの検索結果ページで、トータルのダウンロード数を表示。どうして最初から表示されないのかw
userstyles.org - Show Install Count & Rating - Themes and Skins for Userstyles.org - userstyles.org
https://userstyles.org/styles/21187/userstyles-org-show-install-count-rating
AMOページ最下部の「ページ情報」を最初から開いた状態に。
AMO - Always display "Version Information" - Themes and Skins for Mozilla - userstyles.org
https://userstyles.org/styles/60874/amo-always-display-version-information
0777名無しさん＠お腹いっぱい。
2015/04/03(金) 03:02:58.60ID:N4913Jue0どういうクラスになっているのか調べようとしても間に合わない
少なくともbodyではないようなんだが、html *{ で変わったので
上書き自体は可能なようだ どこ弄ったりいいんでしょうね？
0778名無しさん＠お腹いっぱい。
2015/04/03(金) 03:08:50.51ID:12SEt5jn00779名無しさん＠お腹いっぱい。
2015/04/03(金) 19:19:05.68ID:CaA+dtMY0久々ancia使ってみたらメニューアイコンよくて見やすかった
0780名無しさん＠お腹いっぱい。
2015/04/03(金) 19:23:53.44ID:tFItkl6L00781名無しさん＠お腹いっぱい。
2015/04/04(土) 08:56:42.25ID:5TBkLDq/00782名無しさん＠お腹いっぱい。
2015/04/10(金) 22:45:01.48ID:w6ugACOM0上と下の奴頂きました ㌧
0783名無しさん＠お腹いっぱい。
2015/04/14(火) 19:18:00.97ID:OrmGI2Fj0https://userstyles.org/styles/78857/google
これをUserCSSLoaderで動かすと画像検索の設定ボタンやセーフサーチボタンなどが
サイドバーの方に重なって表示されてしまいます
関連検索ワードもどこに移動したのか表示されないのですが
Stylishで動かさないとダメなんでしょうか？
0784名無しさん＠お腹いっぱい。
2015/04/14(火) 19:22:39.37ID:KHoU/Jiv0UserCSSLoaderは知らないけど
googleの仕様変更で要素名が変わったっぽい
そのうち作者が直すんじゃない？
0785名無しさん＠お腹いっぱい。
2015/04/14(火) 20:18:12.31ID:dT03kdkW00786名無しさん＠お腹いっぱい。
2015/04/14(火) 20:42:32.78ID:fB4+Etnw0読み込みが完了しても残ってるから調べてみ
<div id="loading" style="display: none;">
0787名無しさん＠お腹いっぱい。
2015/04/14(火) 21:18:56.21ID:OrmGI2Fj0最新の2.3.0にしてみましたが変りませんでした
別プロファイルにStylish入れて動かしたら直ってたので
UserCSSLoaderじゃダメなんでしょうね
0788783
2015/04/15(水) 23:41:15.13ID:R7Ikuam+02.3.1の更新ありがとうございました
0789名無しさん＠お腹いっぱい。
2015/04/15(水) 23:59:45.02ID:Gg2npkMi0calcが解釈できないとかそういうバグなのかと思ってた
どうせなら画像検索で画像クリックしてIFRAME開いた時のスタイルが全く対応できてないのも直して欲しい
0790名無しさん＠お腹いっぱい。
2015/04/21(火) 08:22:12.91ID:kYS5+Y+D00791名無しさん＠お腹いっぱい。
2015/04/21(火) 11:21:13.68ID:cD4Zr0RT00792名無しさん＠お腹いっぱい。
2015/04/21(火) 17:43:24.24ID:iAd7BXtW0同じ質問にはなってしまうが、どうかご容赦。
Mac版のFireFox37.0.2にニコ動の動画再生ページ改善のスタイルシート入れて使ってるんだが、
ここ何日か左上のサムネがズレるようになったんだけど、同じ症状の人っているかな？
0793名無しさん＠お腹いっぱい。
2015/04/21(火) 18:27:35.63ID:/u4H+gh500794名無しさん＠お腹いっぱい。
2015/04/21(火) 18:29:11.32ID:OmAIMxD80ご意見ご要望はブロマガまでどうぞ
0795792
2015/04/21(火) 20:24:02.52ID:iAd7BXtW0皆様のとても親切でわかりやすいアドバイスは非常に役に立ちました。
ありがとうございました。
0796名無しさん＠お腹いっぱい。
2015/04/21(火) 20:29:31.10ID:NQ7nz9ed0＞FireFox37.0.2
0797名無しさん＠お腹いっぱい。
2015/04/22(水) 08:51:39.21ID:WkzGb6R20全然わからない
セキュアなページでロケーションバー・・・の真似して
#bookmarks-menu-button[cui-areatype="toolbar"][starred] .autocomplete-textbox-container {
background-color: #c4ffff !important;
}
こういうことじゃないんでしょうか？
ならないからこうじゃないのはわかりますが・・・
0798名無しさん＠お腹いっぱい。
2015/04/22(水) 12:05:59.38ID:88ON4vg80ブックマークボタンをロケーションバーの左に置いて↓とやるだけで出来たけど
#bookmarks-menu-button[cui-areatype="toolbar"][starred] + #urlbar-container {
background-color: #c4ffff !important;
}
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ありがとうありがとう
なんか出来た気がしたけれどもアイコン入替はやっぱり成らず
（空いた部分で操作は可能）
でもなんか良いヒント貰った
バイアグラ飲んで勉強してくる
■ このスレッドは過去ログ倉庫に格納されています