userChrome.css・userContent.cssスレ Part7

■ このスレッドは過去ログ倉庫に格納されています
2017/11/11(土) 18:54:58.08ID:hti5ZF6m0
●前スレ
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.net/test/read.cgi/software/1438959541/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master キ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader

●CSS(ユーザースタイルを記入するべきファイル)
userChrome.css(UI) / userContent.css(Web Site)

●関連サイト
userstyles.org
http://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
2017/11/17(金) 19:54:10.45ID:XuyQ53Uz0
すみませんかぶりました
自分は1の方法は難しく2でいけました
2017/11/17(金) 19:56:16.07ID:J+sWG7e80
>>113
ついでですがBOMのありなしの判定には
「文字コード判定&変換ツール.NET」というソフトを使用しました
2017/11/17(金) 20:12:29.97ID:30y9vAlo0
>>113
惜しいけどスレ違い。こちらで
Firefox userChrome.js greasemonkeyスクリプトスレ35
http://itest.5ch.net/test/read.cgi/software/1506030128/
2017/11/17(金) 20:12:49.15ID:KUNs3wWe0
まともなテキストエディタぐらい揃えておけよ
BOMの判定?のためにわざわざ そんなもん使うな
とりあえず Mery とかで十分
2017/11/17(金) 20:20:31.74ID:J+sWG7e80
>>121
Meryの紹介ありがとうございます
2017/11/17(金) 20:39:10.54ID:7j9i2TvK0
>>113です。
>>115さん,>>116さん,レスありがとうございました。
しかし,その1,その2を試すも成功せず。です。
UTF-8(BOMあり)と(BOMなし)の件も確認しながら進めました。
でも,うまくいかない…
そもそも userChrome.js が正しく起動した場合,どのようになるのでしょうか?
とりあえず,私は AutoCloseBookMarkFolder_Fx37.uc.js が使いたいのですが…
2017/11/17(金) 20:40:48.70ID:7j9i2TvK0
>>113です。
>>120さん,ご指摘ありがとうございました。かつ,申し訳ありません。
紹介いただいたスレも3日前から覗いているのですが…
2017/11/17(金) 20:46:16.69ID:XuyQ53Uz0
>>123
自分もよくわからんのですが
userChrome.jsはただ入れておくだけ

Chromeフォルダにいろんなjsファイル入れれば
定められた動作がするというものだと思います

例えばうちで動いたものとしてこんなのがありました
?closeTabsFromTheBeginning@zbinlin.uc.js
?タブコンテキストメニューに左のタブを閉じる項目「Close Tabs from the Left」を追加

?SearchClipboard.uc.js
?検索エンジンボタンをミドルクリックし、クリップボード内の文字列で検索
?メニューの検索エンジンをミドルクリックし、クリップボード内の文字列で検索

?closeTabsFromTheBeginning@zbinlin.uc.js
?タブコンテキストメニューに左のタブを閉じる項目「Close Tabs from the Left」を追加
2017/11/17(金) 20:48:19.03ID:ENn7NSOB0
他に誘導して教えてあげれば?
2017/11/17(金) 20:53:49.07ID:J+sWG7e80
>>123
続きは >>116 >>120
128名無しさん@お腹いっぱい。
垢版 |
2017/11/17(金) 20:54:31.97ID:cn74sa5o0
firefoxのタブ文字が右に行くほどフェードアウトしてるのですが、これはuserchromeで直せますか?
2017/11/17(金) 21:15:56.13ID:7/3kXYFD0
未読込タブの色変えるのできる?
ググって出るような今までのやつ試したけどできなかった
2017/11/17(金) 21:44:34.67ID:Or6sJ0+30
>>128
>>110は誘導されたからまあ良しとして、マルチするのはどうなの
2017/11/17(金) 22:38:03.54ID:79SWM2Vv0
firefoxを起動したときにアドレスバーがフォーカスするようになっていますが
画面真ん中の検索欄にフォーカスすることはできますか?
132名無しさん@お腹いっぱい。
垢版 |
2017/11/17(金) 22:58:28.80ID:AV9aN4rB0
>>129
既出

/* タブの色を変える */
/* 未読 */
.tabbrowser-tab[unread="true"]
{color: red !important}
/* 非ロード */
.tabbrowser-tab[pending="true"]
{color: yellow !important}
133名無しさん@お腹いっぱい。
垢版 |
2017/11/17(金) 23:36:18.07ID:aptMruhY0
「Google 検索ツールをサイドバーへ」
https://userstyles.org/styles/78857/google
が、Stylishを使うと適用されるんですが、usercontent.cssに記述すると適用されません。
原因が分かる方いますか?
Windows7 64bit
FirefoxESR 52.5.0
2017/11/17(金) 23:40:59.34ID:ctHqQUBj0
>>132
それだと文字色だけ変わってタブ全体は変わらないよね?
かと言ってbackground-color使ってもやっぱりタブ全体は変わらない…
2017/11/18(土) 00:19:53.08ID:wYmovHeg0
これでもダメだったの?
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;}
2017/11/18(土) 00:20:16.73ID:zJR+TYej0
win10 デフォルトテーマ、コンパクト用
/*----------------- Tab Text color--------------------------*/
.tabbrowser-tab[unread="true"] { color: #aa0000 !important;}
.tabbrowser-tab:not([unread] ){ color: rgba(0,0,0,0.8) !important;}
.tabbrowser-tab[selected="true"] { color: rgba(0,0,0,1) !important;}
.tabbrowser-tab[busy]:not([selected="true"]) { color: #aa0000 !important;}
.tabbrowser-tab[busy] .tab-text { background: rgba(255, 153, 0, 0.6);}
/*****************************************************/
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content
{background-color: rgba(250,250,250,0.6) !important;}

#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content,
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-content
{border-top: 1px solid var(--tabs-border) !important;}
.tab-line {height:0px !important;}
.tab-line[selected=true]
{height:1px !important;
background-color: var(--tabs-border) !important;}

Arisさんのcssを参考に52ESRで使ってたcssを手直し
Australisより前の形にしたいならArisさんのcss使えばいい
2017/11/18(土) 00:23:46.57ID:HK81CTBi0
>>134
デフォルトなら>>132をbackground-colorにすれば変わるよ
2017/11/18(土) 00:50:45.03ID:kLozC4ZZ0
>>20
横から感謝
モヤモヤが消えた
2017/11/18(土) 01:43:53.10ID:AMPaprFb0
>>133
全てに「!important」を追加すれば適用される
140名無しさん@お腹いっぱい。
垢版 |
2017/11/18(土) 03:25:14.87ID:cP+BJfS80
>139さん
ありがとうございます。適用できたようです。
2017/11/18(土) 12:14:06.45ID:KbWQOk/l0
Find in Searchbar Highlightが機能しないことがあるのはおま環ですかね
再起動すれば大体は直るんですけど
他のuc.jsはこんなこと無いのですが古いからfx57で上手く動いてないって事でしょうか?
2017/11/18(土) 13:05:44.35ID:KbWQOk/l0
書き込むスレ間違えました・・・失礼しました
2017/11/18(土) 20:20:20.58ID:zJR+TYej0
userChrome.cssで
@import url(XXXXXX_XXXXX.css);
を使用して外部ファイルを読み込むようにすると管理が簡単
2017/11/18(土) 20:47:02.72ID:nZ80k2qH0
3つほど質問があるのですがお願いします

古いStylishのやつがAbout this versionのところに残ったままなんだけどこれ消すにはどうしたらいいんでしょうか?
3以降でも書き方は同じで大丈夫でしょうか?
あと新しい保存データってどこにあるんでしょうか?
2017/11/18(土) 21:09:37.30ID:aDznNPW60
>>143
@import "foo.css";
の方が簡潔じゃない?
2017/11/18(土) 21:16:15.14ID:LTee+NAc0
@import の処理って重い(遅い)んじゃないの?
そう思って面倒でも1ファイル内にべたべた張り付けて並べてる
2017/11/18(土) 22:29:55.87ID:nazjQW2j0
分割管理してuserChrome.cssとして出力すればいいのでは
簡易的にはcat/typeとか
2017/11/18(土) 22:51:21.04ID:aDznNPW60
>>146
ローカルファイルで@importがそんなに問題になるとは思えんが
気になるなら >>147 だな
Windwosならcopyに/bオプションつければ結合できる
2017/11/18(土) 23:01:35.47ID:pA9vaO4i0
どうせなら、Web周りなんだから Node.js 環境でスマートにやろうぜ
2017/11/19(日) 01:48:48.28ID:T5GpXshk0
>>132
これツリー型タブのサイドバーには適用されないのか…困った
2017/11/19(日) 02:04:47.58ID:QmAYsybD0
>>150
57のツリー型タブにしたらきかなくなったよね
2017/11/19(日) 02:05:15.42ID:zQtAp7uC0
ツリー型タブの設定からcssいじれなかったけ
2017/11/19(日) 02:17:45.32ID:s8R2no0y0
>>152
発見した
ありがとう
154名無しさん@お腹いっぱい。
垢版 |
2017/11/19(日) 06:17:13.46ID:6qbOUGEG0
ホバーしているタブのコントロールをしたいのですが、cssでの指定はどうすればいいのでしょうか
2017/11/19(日) 10:55:08.55ID:AsvFqp5o0
Firefoxのアドレスバーと検索バーのあるバーの高さを狭くするのはどうしたらいいでしょうか?
26ptぐらいにしたいです。
いろいろやってみたのですがアドレスバーだけ狭くなってしまったりします。
2017/11/19(日) 11:26:28.77ID:bCmHF5h90
Find in Searchbar Highlight.uc.jsで
・最初からハイライトボタンを表示
・検索ボタンの左クリックは検索実行のままにする
に変更したいのですがどこを編集すればよいのでしょうか?
2017/11/19(日) 11:30:54.67ID:AsvFqp5o0
>>141
おまかんじゃないと思う。
再起動直後は使えてもしばらくすると元の検索エンジンの検索に戻っちゃうね。
2017/11/19(日) 11:33:43.30ID:hFvH78yw0
>>155
自分用だから好きにイジって
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
2017/11/19(日) 11:38:38.31ID:/D3yjMTd0
>>156
どこかの書き込みをメモしたものだから動くかは不明

/* 検索バーの → を常に表示するように固定 */
.search-go-button {
display: inline-block !important;
}
2017/11/19(日) 12:14:50.60ID:cT4y2GXG0
大したものじゃないがメモ書き
Googleとかで丸i周辺デカくなるのがうざかった
/*-- URLバー --*/
/* |区切りと…消去 */
#pageActionSeparator,#pageActionButton{display: none !important;}
/* iの部位スリム化 */
#identity-box{
max-width: 20px !important;
padding-left: 2px !important;}
/* URLバー短く、オンマウスで広げる */
#urlbar-container{max-width: 200px !important;}
#urlbar-container:hover{max-width: 500px !important;}
2017/11/19(日) 12:22:34.42ID:bCmHF5h90
>>159
ありがとうございます
動作はして検索ボタンは常に表示されるようにはなりましたがハイライトについては変わりありませんでした

スレ違いでしたので移動します
162名無しさん@お腹いっぱい。
垢版 |
2017/11/19(日) 12:41:21.80ID:6qbOUGEG0
メニューバーの文字色と、タブのホバーの指定方法教えてください
2017/11/19(日) 12:45:21.72ID:qr+Mg0fn0
このスレ見てるとID調べるのが死ぬほどめんどくせえってのが
存在してる一番の理由だよな
2017/11/19(日) 13:05:34.91ID:VhqkVc3K0
>>80
ブックマークを新タブで開く時にカレントタブからフォーカスを移動しない(user.js)

user_pref("browser.tabs.loadBookmarksInBackground", true);
2017/11/19(日) 13:14:41.07ID:cT4y2GXG0
>>160
全く上手く動いてなかったので手直し
/* URLバー短く、オンマウスで広げる */
#urlbar,#urlbar-container{
max-width: 200px !important;
min-width: 100px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 350px !important;}
2017/11/19(日) 14:19:12.19ID:4Y4XL7CY0
urlバーを縮めて、検索バーの長さを広げたい場合は
どう記述したら良いんでしょうか
2017/11/19(日) 14:28:43.28ID:4Y4XL7CY0
>>158に似たようなコードが書いてあったのでまねしてみたら形にはなりました
よく読まずに書き込んで申し訳ありません。手直し必要な部分があったら教えて下さい
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}

#nav-bar .toolbarbutton-1〜の部分はよく分からなかったので記述しませんでした
2017/11/19(日) 15:27:54.90ID:MTRsSD+R0
そんなものわざわざcssでやらなくても両欄の間をドラッグすればいいような
2017/11/19(日) 15:50:25.72ID:4B40ylyq0
バーにフォルダを置く人には必要なんだよ
2017/11/19(日) 17:13:40.45ID:aIoRvUYY0
Stylishじゃサイドバーの行間とか調整できなくなった?
2017/11/19(日) 17:35:35.25ID:UAEg6dYe0
サイドバーはchrome領域だからuserChrome.cssで指定する
172名無しさん@お腹いっぱい。
垢版 |
2017/11/19(日) 17:55:37.75ID:6qbOUGEG0
userchromeのリファレンスってどこにあるんですか?
メニューバーの色
アクティブなタブ
非アクティブでホバーされたタブ
非アクティブなタブ
をコントロールしたいですが、それぞれの書き方を知りたいです

また、waterfox55なんですが、角タブ化ってuserchromeでは無理なんでしょうか
cssの書き方はだいたいわかります
2017/11/19(日) 17:58:58.53ID:T1ki6HR+0
>>172
無い
本来ブラウザツールボックスつかってインスペクタで調べて
自力でどうにかできる人向けのものだからね
174名無しさん@お腹いっぱい。
垢版 |
2017/11/19(日) 18:10:54.47ID:6qbOUGEG0
そういうもんなんですか
頑張ります
2017/11/19(日) 18:13:22.88ID:V0aT5S9M0
>>174
「firefox chrome url」でググると良いよ
176名無しさん@お腹いっぱい。
垢版 |
2017/11/19(日) 18:19:40.98ID:6qbOUGEG0
ちなみに55の角タブ化ってuserchromeでは無理ですか?
ctrでは出来るんですが
2017/11/19(日) 18:27:28.63ID:V0aT5S9M0
>>176
出来るよ
自分もWaterfox使ってて角タブに変えているよ
2017/11/19(日) 18:33:39.21ID:ArJdQymq0
コンパクトテーマじゃダメなの
2017/11/19(日) 18:49:42.64ID:AB56stOk0
Waterfoxスレでやれよハゲ
2017/11/19(日) 18:56:52.22ID:AsvFqp5o0
>>158
ありがとう。
#urlbar,
.searchbar-textbox
でやったらうまくいきました。
2017/11/19(日) 23:00:40.24ID:+NIxrQYG0
57ではフォントをいじれなくなったのかな?
MSPゴシック指定してるサイトはメイリオに置換してたが出来ない
游ゴシックを游ゴシックMediumにもできないしfont-weghitも効かないから辛い
182名無しさん@お腹いっぱい。
垢版 |
2017/11/19(日) 23:19:42.50ID:ps4liQuE0
>>181
どういう指定してるのか書かないと。
あとね。
>font-weghit

そもそもそれ誤字なんだけど。
2017/11/19(日) 23:19:59.15ID:AB56stOk0
できます
2017/11/20(月) 05:35:43.66ID:aI1wVpB60
>>181
うちもフォントの設定がおかしくなったけど試しに新規プロファイルでやってみたら普通にできたから
もしかしたらプロファイルの問題かもね
2017/11/20(月) 11:15:20.63ID:OEQ1cW6K0
下記でアクティブタブに丸みがつくのですが、すべてのタブに丸みをつけるにはどう書けば良いのでしょうか?
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}
2017/11/20(月) 11:34:32.44ID:ARUVS9T10
「font-weghit」とか書いてたらそりゃ動くわけねーわ
アホかよ
2017/11/20(月) 12:17:38.79ID:EI4o1zsL0
>>185
この間教えてもらったものです
>>186をつなげてください

/* タブの角を丸くする */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}

.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
border-top:2px solid #3030E0 !important;
}
2017/11/20(月) 12:18:04.30ID:EI4o1zsL0
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
2017/11/20(月) 12:40:07.80ID:OEQ1cW6K0
>>187
うーん、残念!
アクティブタブのみ丸くなり、その他間の仕切りも消えます。
>>188も繋げてます。
2017/11/20(月) 12:46:11.31ID:EI4o1zsL0
>>189
一応うちのは丸くなって入るんですが
自分はさっぱりわけわかめなので
https://i.imgur.com/xRO0eun.png
2017/11/20(月) 12:50:37.07ID:8iuGUSOv0
お世話になります この2か所の調整できますでしょうか
https://i.imgur.com/8GzBRjf.png
よろしくお願いします
2017/11/20(月) 12:52:21.98ID:MWA60KGr0
両方共どっかでみたことある
無理ではないと思う
193191
垢版 |
2017/11/20(月) 12:57:29.42ID:8iuGUSOv0
ありがとうございます
パンツ脱いで待ってます
どなた様かよろしくお願いします
2017/11/20(月) 13:07:00.55ID:tZVR/Gli0
サイドバーのタイトルバーをそもそも表示させないって言うのなら利用させてもらっている

/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }
2017/11/20(月) 13:13:37.00ID:UYkMLTv00
自分も>>185だけで全てのタブに反映されてる
196193
垢版 |
2017/11/20(月) 13:19:50.03ID:8iuGUSOv0
>>194
早速ありがとうございます。
2017/11/20(月) 13:22:36.06ID:pf0hInfk0
>>195
俺はカレントタブだけ丸みが付いているように見えるけど、他のタブにカーソル乗せてみると
やっぱり丸み付いてるから、>>185の環境でタブと背景が同色で丸みが見えないだけだと予想
2017/11/20(月) 13:24:52.42ID:MWA60KGr0
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}

素人だけどこれのwidthをheightにしてなんかすればいいんじゃね
2017/11/20(月) 13:27:28.48ID:OEQ1cW6K0
>>190
radiusが3pで丸みが見えず、仕切り線も消えてますね。
2017/11/20(月) 13:31:14.91ID:OEQ1cW6K0
>>197
それはない。はっきり仕切り線も出てる。
201193
垢版 |
2017/11/20(月) 13:38:46.27ID:8iuGUSOv0
>>198
ありがとうございます が、ダメでした
202193
垢版 |
2017/11/20(月) 13:55:49.10ID:8iuGUSOv0
とりあえず urlバー できました

/* urlバーの高さを変更する */
#urlbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}

https://i.imgur.com/eLfWAMX.png

>>198 ヒントどーもありがとっす
2017/11/20(月) 14:22:18.16ID:MWA60KGr0
何だこのXPみたいな10は
2017/11/20(月) 14:23:16.53ID:bmuV53Mz0
>>202
一瞬xpかと思った凝ってるな
2017/11/20(月) 14:24:10.18ID:EI4o1zsL0
>>202
検索バーの高さも変更できたら教えて
2017/11/20(月) 14:28:35.23ID:MWA60KGr0
正確にはxpのclassicか
2017/11/20(月) 14:29:05.06ID:U8fW6n0S0
XPというよりは2000だろ
208名無しさん@お腹いっぱい。
垢版 |
2017/11/20(月) 14:45:57.08ID:r/XZBm/K0
履歴アイコンクリックした時に「最近閉じたタブ」一覧が折りたたまれてるんだけど
これを最初から開けるようにって出来ませんか?
userchrome関係ないかもだけど
自分はページ履歴より最近閉じたタブをよく参照してたので使いづらくなったー
209202
垢版 |
2017/11/20(月) 14:48:56.79ID:8iuGUSOv0
これを追加したらURLバーが萎みました

/* 検索バーの高さを変更する */
#searchbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}

https://i.imgur.com/4wb1hNe.png
2017/11/20(月) 15:00:09.30ID:BaQXK/5q0
アドレスバーの「URLまたは検索語句を入力します」って文字列消せないかな
2017/11/20(月) 15:05:46.20ID:8+ILOplq0
消せるよ
2017/11/20(月) 15:09:19.49ID:UYkMLTv00
>>209
Tampermonkeyのアイコンが!
2017/11/20(月) 15:18:07.46ID:iCieWgMP0
これで行けるかな?

/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox{
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}

/* サイドバー ヘッダーの高さを変更する */
#sidebar-header {
font-size: 14px;
padding: 1px 0px;
min-height: 20px !important;
max-height: 20px !important;
}

/* サイドバー クローズボタン位置微調整 */
#sidebar-header .close-icon{
padding: 0 1px;
}
2017/11/20(月) 15:20:47.47ID:KPlGtFex0
#urlbar .textbox-input::-moz-placeholder {color: transparent !important;}
2017/11/20(月) 15:28:03.44ID:EI4o1zsL0
>>213
いけますね
216名無しさん@お腹いっぱい。
垢版 |
2017/11/20(月) 15:35:38.35ID:MWA60KGr0
>>213
iine
217名無しさん@お腹いっぱい。
垢版 |
2017/11/20(月) 15:46:53.27ID:MWA60KGr0
/* ツールバーの高さはこれでかわった */
#nav-bar {
min-height: 10px !important;
max-height: 10px !important;
}
2017/11/20(月) 15:53:48.74ID:UYkMLTv00
枠の高さを変更するんじゃなく、バー自体のサイズを変えるんだな
■ このスレッドは過去ログ倉庫に格納されています
大学生アイラと影の怪物と戦うリョウが、深夜3時3分の静止した世界で交錯する超常スリラーの概要