userChrome.css・userContent.cssスレ Part7at SOFTWARE
userChrome.css・userContent.cssスレ Part7 - 暇つぶし2ch88:75
17/11/17 08:59:35.32 2rbPobbr0.net
>>86
これも追記するとタブ間の仕切りがなくなりますね。

89:名無しさん@お腹いっぱい。
17/11/17 09:29:55.51 XuyQ53Uz0.net
>>82
検索語句入れて alt+Enter で新しいタブで開くようです
他の方法では今のところ無いらしいです

90:名無しさん@お腹いっぱい。
17/11/17 09:47:29.65 XuyQ53Uz0.net
>>82
 649  名無しさん@お腹いっぱい。 []   2017/11/17(金) 08:23:24.17 ID:J+sWG7e80 [2/3] (PC)
>>647
試してないけどこんな書き込み見つけた
スレリンク(software板:271番)

91:名無しさん@お腹いっぱい。
17/11/17 09:48:34.22 N85HeBYK0.net
すみませんタブ上部の線を消すんじゃなく短くする方法ないですか?

92:名無しさん@お腹いっぱい。
17/11/17 09:57:59.88 XuyQ53Uz0.net
>>86
すいません使わせていただいてタブの角が丸くなりました
同時にアクティブタブである�


93:アとを示している上部青ラインが消えてしまいます 対策方法ないでしょうか



94:名無しさん@お腹いっぱい。
17/11/17 10:02:58.39 6lek7+XZ0.net
>>91
>>76のでその青ラインを消してるんでその辺いじるかアクティブタブのborder-topを太くして色変えるとかかな

95:名無しさん@お腹いっぱい。
17/11/17 10:19:58.72 3mEAOz770.net
/* ロケーションバーのドロップマーカを非表示 */
.autocomplete-history-dropmarker {
display: none;
}
これ動かないのはおま環ですかね?
ドロップマーカってアドレスバーにある・・・の事だよね

96:名無しさん@お腹いっぱい。
17/11/17 10:22:05.89 XuyQ53Uz0.net
>>92
ありがとうございます
青ラインは消さないと丸くならないみたいです
青ラインなしでいこうとおもいます

97:名無しさん@お腹いっぱい。
17/11/17 10:23:40.71 J+sWG7e80.net
>>93
!important がないからとかじゃないの

98:名無しさん@お腹いっぱい。
17/11/17 11:20:49.26 nXzA/4iw0.net
>>93
違う
それは#pageActionButton

99:名無しさん@お腹いっぱい。
17/11/17 11:45:47.95 n9gI4iet0.net
>>88-89
ありがとうございます。
tabmixみたいなのを待ちつつ、暫く手動でやっときます。

100:名無しさん@お腹いっぱい。
17/11/17 11:57:06.94 6lek7+XZ0.net
>>94
青ラインの替り
.tabbrowser-tab .tab-background[selected=true]
にこれを追記でどうよ
border-top:2px solid #3030E0 !important;

101:97
17/11/17 12:10:24.84 XuyQ53Uz0.net
>>98
青ライン出ました
何回も教えてくれてありがとう

102:名無しさん@お腹いっぱい。
17/11/17 12:17:34.73 2rbPobbr0.net
57から角タブになり、56までの丸タブよりは好み。
欲しいのは左上、右上を丸タブにして左下、右下を角にしたい。
それらしいのはuserstyles.orgにあったけどうまく表示されません。
詳しい方、お願いします。

103:名無しさん@お腹いっぱい。
17/11/17 12:47:35.88 6lek7+XZ0.net
>>100
先ずこのスレ読み直せよ

104:名無しさん@お腹いっぱい。
17/11/17 13:17:51.53 3mEAOz770.net
>>96
宜しければ・・・の消し方のコード教えて貰えませんか?

105:名無しさん@お腹いっぱい。
17/11/17 13:29:24.41 ibkGDrUk0.net
微塵も内容を理解せずにとにかくコピペだけで済ましたいんだな

106:名無しさん@お腹いっぱい。
17/11/17 16:01:02.96 N85HeBYK0.net
>>98
参考にさせていただきましたありがとうございます

107:100
17/11/17 16:30:20.08 IulerAvF0.net
>>101
よくわからなかったので、質問し直しました。
単純に下記でもアクティブタブに丸みがつきました。
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}

108:105
17/11/17 16:40:54.82 IulerAvF0.net
同じようにして、非アクティブで丸みつけるのは無理?
56のときの丸みもアクティブだけだった?

109:名無しさん@お腹いっぱい。
17/11/17 17:10:24.70 dMpLgooT0.net
ロケーションバーの「…」を消したいのですがIDをもしご存じの方がいたらどうかご教示お願いします

110:名無しさん@お腹いっぱい。
17/11/17 17:17:23.70 G7hl+/S10.net
>>107
#pageActionButton

111:名無しさん@お腹いっぱい。
17/11/17 17:41:09.27 XuyQ53Uz0.net
開いているページを別ブラウザで開く
リンクを別のブラウザで開く
などができるものないでしょうか
OpenWith_1.1.1.uc.xul は57で動かないみたいです

112:名無しさん@お腹いっぱい。
17/11/17 17:49:49.27 cn74sa5o0.net
選択しているタブの操作は
#TabsToolbar .tabbrowser-tab[selected] {
background-color: red !important;
}
でいけたんですが、やっぱり背景の表示はおかしいです。
これってどうにもならんのですか?
URLリンク(i.imgur.com)
また、選択していないタブの操作なんですが、
.tabbrowser-tab[selected="false"] {
min-witdh:40px !important;
}
などとしても動作しないのですが、どう指定すればいいんでしょうか?
また、角丸を角タブ化することも不可能なんですか?

113:名無しさん@お腹いっぱい。
17/11/17 17:50:14.09 cn74sa5o0.net
↑ちなwaterfoxでした

114:名無しさん@お腹いっぱい。
17/11/17 18:11:44.08 dMpLgooT0.net
>>108
スッキリしました!ありがとうございます

115:名無しさん@お腹いっぱい。
17/11/17 19:38:20.77 7j9i2TvK0.net
57の導入に伴い,多くのadd-onが使えなくなりました。
そこで,userChrome.js を用いたカスタマイズに取り組もうと思い,様々なサイトを見ていますが,そもそもの userChrome.js の導入ができず困っています。
userchrome.js.xpi をダウンロードしてインストールを試みても「このadd-onは未検証のためインストールできませんでした。」とのメッセージが出て完了できません。
初心者でも初期導入ができるサイトを紹介していただけないでしょうか?

116:名無しさん@お腹いっぱい。
17/11/17 19:43:41.72 b13CJyPb0.net
アクティブタブの上部の青い線を消せないでしょうか。

117:名無しさん@お腹いっぱい。
17/11/17 19:51:11.45 J+sWG7e80.net
>>113
Firefox57以降でuserChrome.js用スクリプトを利用する方法
URLリンク(wiki.nothing.sh)
俺はその1をやりました
初心者の俺の失敗例ですがメモ帳で編集したので
UTF-8(BOMあり)で保存してて失敗しBOMなしに変換したら成功しました

118:名無しさん@お腹いっぱい。
17/11/17 19:52:27.88 J+sWG7e80.net
>>113
あ、追記ですが .js のスレはこちらです
Firefox userChrome.js greasemonkeyスクリプトスレ35
URLリンク(egg.2ch.net)

119:名無しさん@お腹いっぱい。
17/11/17 19:53:06.53 XuyQ53Uz0.net
>>113
userChrome.js用スクリプト - wiki@nothing
URLリンク(wiki.nothing.sh)

120:名無しさん@お腹いっぱい。
17/11/17 19:54:10.45 XuyQ53Uz0.net
すみませんかぶりました
自分は1の方法は難しく2でいけました

121:名無しさん@お腹いっぱい。
17/11/17 19:56:16.07 J+sWG7e80.net
>>113
ついでですがBOMのありなしの判定には
「文字コード判定&変換ツール.NET」というソフトを使用しました

122:名無しさん@お腹いっぱい。
17/11/17 20:12:29.97 30y9vAlo0.net
>>113
惜しいけどスレ違い。こちらで
Firefox userChrome.js greasemonkeyスクリプトスレ35
スレリンク(software板)

123:名無しさん@お腹いっぱい。
17/11/17 20:12:49.15 KUNs3wWe0.net
まともなテキストエディタぐらい揃えておけよ
BOMの判定?のためにわざわざ そんなもん使うな
とりあえず Mery とかで十分

124:名無しさん@お腹いっぱい。
17/11/17 20:20:31.74 J+sWG7e80.net
>>121
Meryの紹介ありがとうございます

125:名無しさん@お腹いっぱい。
17/11/17 20:39:10.54 7j9i2TvK0.net
>>113です。
>>115さん,>>116さん,レスありがとうございました。
しかし,その1,その2を試すも成功せず。です。
UTF-8(BOMあり)と(BOMなし)の件も確認しながら進めました。
でも,うまくいかない…
そもそも userChrome.js が正しく起動した場合,どのようになるのでしょうか?
とりあえず,私は AutoCloseBookMarkFolder_Fx37.uc.js が使いたいのですが…

126:名無しさん@お腹いっぱい。
17/11/17 20:40:48.70 7j9i2TvK0.net
>>113です。
>>120さん,ご指摘ありがとうございました。かつ,申し訳ありません。
紹介いただいたスレも3日前から覗いているのですが…

127:名無しさん@お腹いっぱい。
17/11/17 20:46:16.69 XuyQ53Uz0.net
>>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」を追加

128:名無しさん@お腹いっぱい。
17/11/17 20:48:19.03 ENn7NSOB0.net
他に誘導して教えてあげれば?

129:名無しさん@お腹いっぱい。
17/11/17 20:53:49.07 J+sWG7e80.net
>>123
続きは >>116 >>120

130:名無しさん@お腹いっぱい。
17/11/17 20:54:31.97 cn74sa5o0.net
firefoxのタブ文字が右に行くほどフェードアウトしてるのですが、これはuserchromeで直せますか?

131:名無しさん@お腹いっぱい。
17/11/17 21:15:56.13 7/3kXYFD0.net
未読込タブの色変えるのできる?
ググって出るような今までのやつ試したけどできなかった

132:名無しさん@お腹いっぱい。
17/11/17 21:44:34.67 Or6sJ0+30.net
>>128
>>110は誘導されたからまあ良しとして、マルチするのはどうなの

133:名無しさん@お腹いっぱい。
17/11/17 22:38:03.54 79SWM2Vv0.net
firefoxを起動したときにアドレスバーがフォーカスするようになっていますが
画面真ん中の検索欄にフォーカスすることはできますか?

134:名無しさん@お腹いっぱい。
17/11/17 22:58:28.80 AV9aN4rB0.net
>>129
既出
/* タブの色を変える */
/* 未読 */
.tabbrowser-tab[unread="true"]
{color: red !important}
/* 非ロード */
.tabbrowser-tab[pending="true"]
{color: yellow !important}

135:名無しさん@お腹いっぱい。
17/11/17 23:36:18.07 aptMruhY0.net
「Google 検索ツールをサイドバーへ」
URLリンク(userstyles.org)
が、Stylishを使うと適用されるんですが、usercontent.cssに記述すると適用されません。
原因が分かる方いますか?
Windows7 64bit
FirefoxESR 52.5.0

136:名無しさん@お腹いっぱい。
17/11/17 23:40:59.34 ctHqQUBj0.net
>>132
それだと文字色だけ変わってタブ全体は変わらないよね?
かと言ってbackground-color使ってもやっぱりタブ全体は変わらない…

137:名無しさん@お腹いっぱい。
17/11/18 00:19:53.08 wYmovHeg0.net
これでもダメだったの?
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;}

138:名無しさん@お腹いっぱい。
17/11/18 00:20:16.73 zJR+TYej0.net
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使えばいい

139:名無しさん@お腹いっぱい。
17/11/18 00:23:46.57 HK81CTBi0.net
>>134
デフォルトなら>>132をbackground-colorにすれば変わるよ

140:名無しさん@お腹いっぱい。
17/11/18 00:50:45.03 kLozC4ZZ0.net
>>20
横から感謝
モヤモヤが消えた

141:名無しさん@お腹いっぱい。
17/11/18 01:43:53.10 AMPaprFb0.net
>>133
全てに「!important」を追加すれば適用される

142:名無しさん@お腹いっぱい。
17/11/18 03:25:14.87 cP+BJfS80.net
>139さん
ありがとうございます。適用できたようです。

143:名無しさん@お腹いっぱい。
17/11/18 12:14:06.45 KbWQOk/l0.net
Find in Searchbar Highlightが機能しないことがあるのはおま環ですかね
再起動すれば大体は直るんですけど
他のuc.jsはこんなこと無いのですが古いからfx57で上手く動いてないって事でしょうか?

144:名無しさん@お腹いっぱい。
17/11/18 13:05:44.35 KbWQOk/l0.net
書き込むスレ間違えました・・・失礼しました

145:名無しさん@お腹いっぱい。
17/11/18 20:20:20.58 zJR+TYej0.net
userChrome.cssで
@import url(XXXXXX_XXXXX.css);
を使用して外部ファイルを読み込むようにすると管理が簡単

146:名無しさん@お腹いっぱい。
17/11/18 20:47:02.72 nZ80k2qH0.net
3つほど質問があるのですがお願いします
古いStylishのやつがAbout this versionのところに残ったままなんだけどこれ消すにはどうしたらいいんでしょうか?
3以降でも書き方は同じで大丈夫でしょうか?
あと新しい保存データってどこにあるんでしょうか?

147:名無しさん@お腹いっぱい。
17/11/18 21:09:37.30 aDznNPW60.net
>>143
@import "foo.css";
の方が簡潔じゃない?

148:名無しさん@お腹いっぱい。
17/11/18 21:16:15.14 LTee+NAc0.net
@import の処理って重い(遅い)んじゃないの?
そう思って面倒でも1ファイル内にべたべた張り付けて並べてる

149:名無しさん@お腹いっぱい。
17/11/18 22:29:55.87 nazjQW2j0.net
分割管理してuserChrome.cssとして出力すればいいのでは
簡易的にはcat/typeとか

150:名無しさん@お腹いっぱい。
17/11/18 22:51:21.04 aDznNPW60.net
>>146
ローカルファイルで@importがそんなに問題になるとは思えんが
気になるなら >>147 だな
Windwosならcopyに/bオプションつければ結合できる

151:名無しさん@お腹いっぱい。
17/11/18 23:01:35.47 pA9vaO4i0.net
どうせなら、Web周りなんだから Node.js 環境でスマートにやろうぜ

152:名無しさん@お腹いっぱい。
17/11/19 01:48:48.28 T5GpXshk0.net
>>132
これツリー型タブのサイドバーには適用されないのか…困った

153:名無しさん@お腹いっぱい。
17/11/19 02:04:47.58 QmAYsybD0.net
>>150
57のツリー型タブにしたらきかなくなったよね

154:名無しさん@お腹いっぱい。
17/11/19 02:05:15.42 zQtAp7uC0.net
ツリー型タブの設定からcssいじれなかったけ

155:名無しさん@お腹いっぱい。
17/11/19 02:17:45.32 s8R2no0y0.net
>>152
発見した
ありがとう

156:名無しさん@お腹いっぱい。
17/11/19 06:17:13.46 6qbOUGEG0.net
ホバーしているタブのコントロールをしたいのですが、cssでの指定はどうすればいいのでしょうか

157:名無しさん@お腹いっぱい。
17/11/19 13:41:06.38 2e7kMtGVQ
前スレの976,977見てコンテキストメニューを整理してますが、メインウィンドウの

ページをpocketに保存
ページを端末に送信+メニュー
要素を調査

と、間の区切りが消せません。ググっても見つけられませんでした。
ご存じの方いらっしゃいませんか?

158:155
17/11/19 13:42:08.82 2e7kMtGVQ
追加で 背景画像だけを表示 もお願いします

159:名無しさん@お腹いっぱい。
17/11/19 10:55:08.55 AsvFqp5o0.net
Firefoxのアドレスバーと検索バーのあるバーの高さを狭くするのはどうしたらいいでしょうか?
26ptぐらいにしたいです。
いろいろやってみたのですがアドレスバーだけ狭くなってしまったりします。

160:名無しさん@お腹いっぱい。
17/11/19 11:26:28.77 bCmHF5h90.net
Find in Searchbar Highlight.uc.jsで
・最初からハイライトボタンを表示
・検索ボタンの左クリックは検索実行のままにする
に変更したいのですがどこを編集すればよいのでしょうか?

161:名無しさん@お腹いっぱい。
17/11/19 11:30:54.67 AsvFqp5o0.net
>>141
おまかんじゃないと思う。
再起動直後は使えてもしばらくすると元の検索エンジンの検索に戻っちゃうね。

162:名無しさん@お腹いっぱい。
17/11/19 11:33:43.30 hFvH78yw0.net
>>157
自分用だから好きにイジって
#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;
}

163:名無しさん@お腹いっぱい。
17/11/19 11:38:38.31 /D3yjMTd0.net
>>158
どこかの書き込みをメモしたものだから動くかは不明
/* 検索バーの → を常に表示するように固定 */
.search-go-button {
display: inline-block !important;
}

164:名無しさん@お腹いっぱい。
17/11/19 12:14:50.60 cT4y2GXG0.net
大したものじゃないがメモ書き
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;}

165:名無しさん@お腹いっぱい。
17/11/19 12:22:34.42 bCmHF5h90.net
>>161
ありがとうございます
動作はして検索ボタンは常に表示されるようにはなりましたがハイライトについては変わりありませんでした
スレ違いでしたので移動します

166:名無しさん@お腹いっぱい。
17/11/19 12:41:21.80 6qbOUGEG0.net
メニューバーの文字色と、タブのホバーの指定方法教えてください

167:名無しさん@お腹いっぱい。
17/11/19 12:45:21.72 qr+Mg0fn0.net
このスレ見てるとID調べるのが死ぬほどめんどくせえってのが
存在してる一番の理由だよな

168:名無しさん@お腹いっぱい。
17/11/19 13:05:34.91 VhqkVc3K0.net
>>80
ブックマークを新タブで開く時にカレントタブからフォーカスを移動しない(user.js)
user_pref("browser.tabs.loadBookmarksInBackground", true);

169:名無しさん@お腹いっぱい。
17/11/19 13:14:41.07 cT4y2GXG0.net
>>162
全く上手く動いてなかったので手直し
/* URLバー短く、オンマウスで広げる */
#urlbar,#urlbar-container{
max-width: 200px !important;
min-width: 100px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 350px !important;}

170:名無しさん@お腹いっぱい。
17/11/19 14:19:12.19 4Y4XL7CY0.net
urlバーを縮めて、検索バーの長さを広げたい場合は
どう記述したら良いんでしょうか

171:名無しさん@お腹いっぱい。
17/11/19 14:28:43.28 4Y4XL7CY0.net
>>160に似たようなコードが書いてあったのでまねしてみたら形にはなりました
よく読まずに書き込んで申し訳ありません。手直し必要な部分があったら教えて下さい
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
#nav-bar .toolbarbutton-1~の部分はよく分からなかったので記述しませんでした

172:名無しさん@お腹いっぱい。
17/11/19 15:27:54.90 MTRsSD+R0.net
そんなものわざわざcssでやらなくても両欄の間をドラッグすればいいような

173:名無しさん@お腹いっぱい。
17/11/19 15:50:25.72 4B40ylyq0.net
バーにフォルダを置く人には必要なんだよ

174:名無しさん@お腹いっぱい。
17/11/19 17:13:40.45 aIoRvUYY0.net
Stylishじゃサイドバーの行間とか調整できなくなった?

175:名無しさん@お腹いっぱい。
17/11/19 17:35:35.25 UAEg6dYe0.net
サイドバーはchrome領域だからuserChrome.cssで指定する

176:名無しさん@お腹いっぱい。
17/11/19 17:55:37.75 6qbOUGEG0.net
userchromeのリファレンスってどこにあるんですか?
メニューバーの色
アクティブなタブ
非アクティブでホバーされたタブ
非アクティブなタブ
をコントロールしたいですが、それぞれの書き方を知りたいです
また、waterfox55なんですが、角タブ化ってuserchromeでは無理なんでしょうか
cssの書き方はだいたいわかります

177:名無しさん@お腹いっぱい。
17/11/19 17:58:58.53 T1ki6HR+0.net
>>174
無い
本来ブラウザツールボックスつかってインスペクタで調べて
自力でどうにかできる人向けのものだからね

178:名無しさん@お腹いっぱい。
17/11/19 18:10:54.47 6qbOUGEG0.net
そういうもんなんですか
頑張ります

179:名無しさん@お腹いっぱい。
17/11/19 18:13:22.88 V0aT5S9M0.net
>>176
「firefox chrome url」でググると良いよ

180:名無しさん@お腹いっぱい。
17/11/19 18:19:40.98 6qbOUGEG0.net
ちなみに55の角タブ化ってuserchromeでは無理ですか?
ctrでは出来るんですが

181:名無しさん@お腹いっぱい。
17/11/19 18:27:28.63 V0aT5S9M0.net
>>178
出来るよ
自分もWaterfox使ってて角タブに変えているよ

182:名無しさん@お腹いっぱい。
17/11/19 18:33:39.21 ArJdQymq0.net
コンパクトテーマじゃダメなの

183:名無しさん@お腹いっぱい。
17/11/19 18:49:42.64 AB56stOk0.net
Waterfoxスレでやれよハゲ

184:名無しさん@お腹いっぱい。
17/11/19 18:56:52.22 AsvFqp5o0.net
>>160
ありがとう。
#urlbar,
.searchbar-textbox
でやったらうまくいきました。

185:名無しさん@お腹いっぱい。
17/11/19 23:00:40.24 +NIxrQYG0.net
57ではフォントをいじれなくなったのかな?
MSPゴシック指定してるサイトはメイリオに置換してたが出来ない
游ゴシックを游ゴシックMediumにもできないしfont-weghitも効かないから辛い

186:名無しさん@お腹いっぱい。
17/11/19 23:19:42.50 ps4liQuE0.net
>>183
どういう指定してるのか書かないと。
あとね。
>font-weghit
そもそもそれ誤字なんだけど。

187:名無しさん@お腹いっぱい。
17/11/19 23:19:59.15 AB56stOk0.net
できます

188:名無しさん@お腹いっぱい。
17/11/20 05:35:43.66 aI1wVpB60.net
>>183
うちもフォントの設定がおかしくなったけど試しに新規プロファイルでやってみたら普通にできたから
もしかしたらプロファイルの問題かもね

189:名無しさん@お腹いっぱい。
17/11/20 11:15:20.63 OEQ1cW6K0.net
下記でアクティブタブに丸みがつくのですが、すべてのタブに丸みをつけるにはどう書けば良いのでしょうか?
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}

190:名無しさん@お腹いっぱい。
17/11/20 11:34:32.44 ARUVS9T10.net
「font-weghit」とか書いてたらそりゃ動くわけねーわ
アホかよ

191:名無しさん@お腹いっぱい。
2017/11/


192:20(月) 12:17:38.79 ID:EI4o1zsL0.net



193:名無しさん@お腹いっぱい。
17/11/20 12:18:04.30 EI4o1zsL0.net
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}

194:名無しさん@お腹いっぱい。
17/11/20 12:40:07.80 OEQ1cW6K0.net
>>189
うーん、残念!
アクティブタブのみ丸くなり、その他間の仕切りも消えます。
>>190も繋げてます。

195:名無しさん@お腹いっぱい。
17/11/20 12:46:11.31 EI4o1zsL0.net
>>191
一応うちのは丸くなって入るんですが
自分はさっぱりわけわかめなので
URLリンク(i.imgur.com)

196:名無しさん@お腹いっぱい。
17/11/20 12:50:37.07 8iuGUSOv0.net
お世話になります この2か所の調整できますでしょうか
URLリンク(i.imgur.com)
よろしくお願いします

197:名無しさん@お腹いっぱい。
17/11/20 12:52:21.98 MWA60KGr0.net
両方共どっかでみたことある
無理ではないと思う

198:191
17/11/20 12:57:29.42 8iuGUSOv0.net
ありがとうございます
パンツ脱いで待ってます
どなた様かよろしくお願いします

199:名無しさん@お腹いっぱい。
17/11/20 13:07:00.55 tZVR/Gli0.net
サイドバーのタイトルバーをそもそも表示させないって言うのなら利用させてもらっている
/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }

200:名無しさん@お腹いっぱい。
17/11/20 13:13:37.00 UYkMLTv00.net
自分も>>187だけで全てのタブに反映されてる

201:193
17/11/20 13:19:50.03 8iuGUSOv0.net
>>196
早速ありがとうございます。

202:名無しさん@お腹いっぱい。
17/11/20 13:22:36.06 pf0hInfk0.net
>>197
俺はカレントタブだけ丸みが付いているように見えるけど、他のタブにカーソル乗せてみると
やっぱり丸み付いてるから、>>187の環境でタブと背景が同色で丸みが見えないだけだと予想

203:名無しさん@お腹いっぱい。
17/11/20 13:24:52.42 MWA60KGr0.net
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
素人だけどこれのwidthをheightにしてなんかすればいいんじゃね

204:名無しさん@お腹いっぱい。
17/11/20 13:27:28.48 OEQ1cW6K0.net
>>192
radiusが3pで丸みが見えず、仕切り線も消えてますね。

205:名無しさん@お腹いっぱい。
17/11/20 13:31:14.91 OEQ1cW6K0.net
>>199
それはない。はっきり仕切り線も出てる。

206:193
17/11/20 13:38:46.27 8iuGUSOv0.net
>>200
ありがとうございます が、ダメでした

207:193
17/11/20 13:55:49.10 8iuGUSOv0.net
とりあえず urlバー できました
/* urlバーの高さを変更する */
#urlbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
URLリンク(i.imgur.com)
>>200 ヒントどーもありがとっす

208:名無しさん@お腹いっぱい。
17/11/20 14:22:18.16 MWA60KGr0.net
何だこのXPみたいな10は

209:名無しさん@お腹いっぱい。
17/11/20 14:23:16.53 bmuV53Mz0.net
>>204
一瞬xpかと思った凝ってるな

210:名無しさん@お腹いっぱい。
17/11/20 14:24:10.18 EI4o1zsL0.net
>>204
検索バーの高さも変更できたら教えて

211:名無しさん@お腹いっぱい。
17/11/20 14:28:35.23 MWA60KGr0.net
正確にはxpのclassicか

212:名無しさん@お腹いっぱい。
17/11/20 14:29:05.06 U8fW6n0S0.net
XPというよりは2000だろ

213:名無しさん@お腹いっぱい。
17/11/20 14:45:57.08 r/XZBm/K0.net
履歴アイコンクリックした時に「最近閉じたタブ」一覧が折りたたまれてるんだけど
これを最初から開けるようにって出来ませんか?
userchrome関係ないかもだけど
自分はページ履歴より最近閉じたタブをよく参照してたので使いづらくなったー

214:202
17/11/20 14:48:56.79 8iuGUSOv0.net
これを追加したらURLバーが萎みました
/* 検索バーの高さを変更する */
#searchbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
URLリンク(i.imgur.com)

215:名無しさん@お腹いっぱい。
17/11/20 15:00:09.30 BaQXK/5q0.net
アドレスバーの「URLまたは検索語句を入力します」って文字列消せないかな

216:名無しさん@お腹いっぱい。
17/11/20 15


217::05:46.20 ID:8+ILOplq0.net



218:名無しさん@お腹いっぱい。
17/11/20 15:09:19.49 UYkMLTv00.net
>>211
Tampermonkeyのアイコンが!

219:名無しさん@お腹いっぱい。
17/11/20 15:18:07.46 iCieWgMP0.net
これで行けるかな?
/* 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;
}

220:名無しさん@お腹いっぱい。
17/11/20 15:20:47.47 KPlGtFex0.net
#urlbar .textbox-input::-moz-placeholder {color: transparent !important;}

221:名無しさん@お腹いっぱい。
17/11/20 15:28:03.44 EI4o1zsL0.net
>>215
いけますね

222:名無しさん@お腹いっぱい。
17/11/20 15:35:38.35 MWA60KGr0.net
>>215
iine

223:名無しさん@お腹いっぱい。
17/11/20 15:46:53.27 MWA60KGr0.net
/* ツールバーの高さはこれでかわった */
#nav-bar {
min-height: 10px !important;
max-height: 10px !important;
}

224:名無しさん@お腹いっぱい。
17/11/20 15:53:48.74 UYkMLTv00.net
枠の高さを変更するんじゃなく、バー自体のサイズを変えるんだな

225:名無しさん@お腹いっぱい。
17/11/20 15:57:33.41 EI4o1zsL0.net
こんなのも先日教えてもらいました
/*アドレスバーと検索バーの高さ */
#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;
}

226:名無しさん@お腹いっぱい。
17/11/20 16:06:57.54 MWA60KGr0.net
俺もこの前別のスレで教えてもらったブックマークツールバーがにょきにょき隠れるやつ
/*Auto Hide book mark bar*/
treechildren::-moz-tree-twisty {
-moz-appearance: none !important;
padding-right: 0px !important;
padding-top: 0px !important;
width: 0px !important;
list-style-image: none !important; }
#navigator-toolbox
{
position: relative;
transition: all 0.3s ease 0s !important;
}
#PersonalToolbar
{
/*overflow: hidden;*/
margin-top: -20px !important;
transition: all 0.3s ease 0s !important;
}
#navigator-toolbox:hover
{
margin-bottom: -20px !important;
transition-delay: 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar
{
margin-top: 0 !important;
transition-delay: 0s !important;
}

227:202
17/11/20 16:11:43.92 8iuGUSOv0.net
>>215
すげぇ~!!! パンツ脱いだ甲斐があった~!!!
どうもありがとうございます。m(__)m
今日はフルチンで過ごしますね。

228:名無しさん@お腹いっぱい。
17/11/20 16:17:44.03 Ip6qSIY90.net
>>222
ぬるぬるだな
サイドバーもこのくらい自動でぬるぬる隠れないかな

229:202
17/11/20 16:21:10.65 8iuGUSOv0.net
と思ったらサイドバーちょっと変です
URLリンク(i.imgur.com)

230:名無しさん@お腹いっぱい。
17/11/20 16:36:44.50 iCieWgMP0.net
>>225
これで大丈夫だと思う。
後、フォントサイズ13pxにした方が見栄え良くなるかも。
#sidebar-header {
font-size: 13px !important;
padding: 1px 0px !important;
min-height: 20px !important;
max-height: 20px !important;
}
#sidebar-header .close-icon{
padding: 0 1px !important;
}

231:名無しさん@お腹いっぱい。
17/11/20 16:39:13.94 TzRzWpDW0.net
>>187
URLリンク(i.imgur.com)
上2段は>>187のみ、2段目はホバーしているタブに丸みがあるが区切りが消えるのがわかる
下段はこれを踏まえて追記をしたcss
テーマはデフォルト
/*** タブの角に丸み ***/
/* タブ自体を丸くする */
.tabbrowser-tab,
/* タブの背景を丸くする */
.tab-background {
border-radius: 8px 8px 0px 0px !important;border-image: none !important;
}
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}
/* 各タブ時の区切り線を消す radius大きくすると上にはみ出る縦線 */
.tabbrowser-tab::before,.tabbrowser-tab::after {opacity: 0 !important;border-image:none !important;border-image-slice: unset !important;width: unset !important;}
/* タブの区切り線 色は適宜変えてどうぞ */
.tabbrowser-tab {
border-left: 1px solid #FF0000 !important;
border-top: 1px solid #FFFF00 !important;
border-right: 1px solid #00FF00 !important;
}
/* 青ラインの替り 不要なら消してok */
.tab-background[selected] {
border-top: 2px solid #0000FF !important;
border-right:none !important;
border-left:none !important;
}

232:223
17/11/20 16:39:33.01 8iuGUSOv0.net
>>226
完璧です!!!
ほんとにありがとうございました

233:名無しさん@お腹いっぱい。
17/11/20 18:16:41.26 loVwBgTd0.net
タブの色のcssを観たいのですが、インスペクタからだとわかりません
動やったらわかりますか?
解説しているサイトないでしょうか

234:名無しさん@お腹いっぱい。
17/11/20 18:37:18.46 Ip6qSIY90.net
ブラウザツールボックスから

235:名無しさん@お腹いっぱい。
17/11/20 18:51:48.48 rQftN+3K0.net
>>229
ブラウザツールボックスのインスペクタータブの左のボタンを押せ
後は調べたい場所にマウスポインタを合わせるか、インスペクターで調べる

236:名無しさん@お腹いっぱい。
17/11/20 19:43:48.97 VHprCo3n0.net
こんな感じ
URLリンク(up.mugitya.com)
ウエブ開発→ページのソースで
view-source:chrome://browser/content/browser.xul
chrome://browser/content/browser.cssも参考になる

237:名無しさん@お腹いっぱい。
17/11/20 19:49:12.77 OEQ1cW6K0.net
CSSでメニューバーにツールバーを表示出来ませんか?

238:名無しさん@お腹いっぱい。
17/11/20 20:06:47.72 +FLG6gDQ0.net
リンクを右クリックしたときにでるリンクをPocketに保存や
リンクを端末へ送信を消したいんですけどどう書けばいいのでしょうか
画像を右クリックしたときにでるものも同じように消したいです

239:名無しさん@お腹いっぱい。
17/11/20 20:09:41.52 TOQIzN8q0.net
ツールバー?(urlバーや三ボタンがあるバー)の高さや余白は、どう指定すればいいでしょうか?
Defaultのテーマだと上下に無駄な部分が多いので減らしたいです

240:名無しさん@お腹いっぱい。
17/11/20 20:16:32.37 RPOYkMA50.net
>>234
Pocket を使わないなら about:config で extensions.pocket.enabled を false で止められる

241:名無しさん@お腹いっぱい。
17/11/20 20:48:42.41 kQFz+1pN0.net
>>235
せめてスレ内検索してから聞いて

242:名無しさん@お腹いっぱい。
17/11/20 20:59:56.87 TOQIzN8q0.net
>>237
>>219のことですか?
それならやってみたのですが上手くいきませんでした
デフォルトテーマでのurlバーの上下に出来てるスペースを無くしたいのですが
paddingでもmarginでも変化がなくてお手上げです

243:名無しさん@お腹いっぱい。
17/11/20 21:07:53.28 PKZf0K9B0.net
>>232
横からだけどありがとう
数日悩んでたオプションページplaceholder のフォントができた
window内はuserContentなんだな

244:237
17/11/20 21:27:21.45 PKZf0K9B0.net
X フォントができた
◎ フォントが変更できただ

245:名無しさん@お腹いっぱい。
17/11/20 21:27:40.73 gGEFk/Qe0.net
>>234
/* リンクを端末へ送信 */
#context-sendlinktodevice{
display:none !important;
}

246:233
17/11/20 21:43:06.43 TOQIzN8q0.net
自己解決出来ました

247:名無しさん@お腹いっぱい。
17/11/20 21:56:59.09 UWzYEOSY0.net
urlバーに表示される「リーダービューで開く」「ページ操作」など、
chrome://browser/content/browser.xul では表示されないような要素は
どうやって調べているのでしょうか?

248:名無しさん@お腹いっぱい。
17/11/20 22:12:35.94 +FLG6gDQ0.net
>>236 >>241
ありがとうございます

249:名無しさん@お腹いっぱい。
17/11/20 22:29:07.69 h14Lk0yc0.net
>>243
ブラウザーツールボックス

250:名無しさん@お腹いっぱい。
17/11/20 22:30:40.34 EI4o1zsL0.net
>>244
/* リンクを送信、リンクURLをメールで送信、画像をメールで送信削除 */
#context-sendlink,
#context-sendpage,
#context-sendimage {
display: none !important;
}
/*ページを端末に送る削除 */
#context-sendpagetodevice { display: none !important; }
#context-sep-sendpagetodevice { display: none !important; }

251:名無しさん@お腹いっぱい。
17/11/20 22:36:00.87 zXrmap1x0.net
>>243
1.F12キーを押す→右上の歯車ボタンを押す→右下の2つの「○○デバッガーを有効化」をON
2.ctrl+shift+alt+iキーを押してブラウザーツールボックスを開く
 (リモートデバッグ接続要求がでるのでOKボタンを押す)
3.ブラウザーツールボックスの左上の「ページから要素を選択します」ボタンを押す
4.Firefoxのウィンドウで目的の要素をクリック
5.全部調べ終わったら1.でONにしたのをOFFにする
ページ操作ボタンをクリックしたときのようにポップアップした要素を調べたいときは
ブラウザーツールボックスの右上の「ポップアップが自動的に隠れないようにします」ボタンを押してから
ポップアップさせた後に3.~4.をするといいよ

252:213
17/11/20 23:09:06.25 iCieWgMP0.net
ちょっとズレてたんで微調整とアイコンコンパクト化
/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;
}
[uidensity="compact"]:root #urlbar,
[uidensity="compact"]:root .searchbar-textbox {
margin-top: 2px !important;
margin-bottom: 2px !important;
}
#reload-button > .toolbarbutton-animatable-box,
#stop-button > .toolbarbutton-animatable-box {
padding: 0 1px !important;
margin: 0px !important;
}

253:213
17/11/20 23:10:19.91 iCieWgMP0.net
/* ツールバーアイコン コンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}
#pocket-button-box[animate="true"] > #pocket-animatable-box {
margin: 0px !important;
}
#urlbar, .searchbar-textbox {
margin: 0 3px !important;
}

254:223
17/11/20 23:24:43.89 8iuGUSOv0.net
>>249
シャープでスッキリですね
アフターケアありがとうございます。

255:237
17/11/21 00:06:18.72 Nt4c9zxz0.net
'Classic' css tweaks for Firefox 57+ って毎日のようにアップデートされてるんだな
古いのはさっさと捨てていかないとわけわからなくなってくるわ

256:213
17/11/21 00:42:48.14 IoulJaMm0.net
度々申し訳ない、スターアイコンがズレてたんでこれも追加で。
/* スターアイコン 押下時位置調整 */
[uidensity="compact"]:root #star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
margin-inline-start: -6.5px !important;
}
#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}

257:248
17/11/21 01:01:20.34 GmavTYM80.net
>>252
お疲れ様 遅くまでありがとうございますw
ポータブル版で試してるんですけど
★ ブックマーク が32bitだと黒文字、64bitだとグレーなんです。
userChrome.js用スクリプト その1
URLリンク(wiki.nothing.sh)
32bitフォルダ、64bitフォルダに同じように設定したのですがfirefox側の問題なんですかね?

258:名無しさん@お腹いっぱい。
17/11/21 01:02:20.37 b9o33cjb0.net
<menuseparator generateditemid="0"/>
とかいう謎の記述があるんだけどどうやって指定すんだこれ
消せねえ

259:名無しさん@お腹いっぱい。
17/11/21 01:04:55.73 8fknda8I0.net
"0"/<ヒャッホー

260:241
17/11/21 01:11:56.62 8p0BN03j0.net
>>247
大変丁寧な説明をありがとうございました。
普段ここのログなどを参考に少しずついじっていたのですが、自分で色々調べられる事が増えそうです。

261:名無しさん@お腹いっぱい。
17/11/21 03:58:42.33 UR3sAQrN0.net
ページ内検索バーを使って検索し終わった後バーからターゲットが外れたら閉じるようにするには
どうすればいいですか?

262:名無しさん@お腹いっぱい。
17/11/21 05:38:55.69 krWsdign0.net
dreams of wavesというテーマを使っているのですが
メニューバーの枠を消すことは出来ないでしょうか?

263:名無しさん@お腹いっぱい。
17/11/21 06:20:59.96 KRe0p45I0.net
>>254
隣接セレクタ
直前のアイテム + menuseparator[generateditemid]

264:名無しさん@お腹いっぱい。
17/11/21 07:52:56.00 HV7Lu5Y40.net
タブのアニメーションをoff
.tab-throbber { visibility: hidden !important; }
.tabbrowser-tab .tab-loading-burst { display: none !important;}

265:名無しさん@お腹いっぱい。
17/11/21 08:36:05.82 NpOc8NAD0.net
これはいい㌧

266:251
17/11/21 08:40:28.51 i+/Zrf8N0.net
>>252
お早うございます。
win10 64bitのシステムフォントを
Yu Gothic UI 9pt から Meiryo UI 9pt にしたら
黒文字になりました m(__)m

267:名無しさん@お腹いっぱい。
17/11/21 10:05:53.27 13cpZPi30.net
>>249
メニューバーの最小化、最大化、閉じるのアイコンの大きさも
このように調整することは出来るの?
メニューバーの高さを22pxにしたら先述のアイコンがちょっと
不自然に大きくなっちゃってるんだけど。

268:名無しさん@お腹いっぱい。
17/11/21 10:08:12.42 RVb52gFJ0.net
>>257
似たような動作するのがあったけどうまく動かなかったんで
どこにあったのかも忘れた
とりあえず便利と思えるのを四つ紹介
googleで検索すれば見つかります
toggle-findbar.uc.xul
global_FindTerm.uc.js
Find in Searchbar Highlight.uc.js
ページ内検索バーをChrome風にする.css - お豆腐

269:名無しさん@お腹いっぱい。
17/11/21 13:02:40.54 3C2H0QUn0.net
拡張スレで質問したらスレチと言われたので
こっちで質問します。
アドレスバーの「URLまたは検索語句を入力します」と検索バーの「検索」
この文字、cssでフォーカス当てた時に消すこと出来ない?

270:名無しさん@お腹いっぱい。
17/11/21 14:06:29.89 a9U8dr840.net
Findbarを上部に表示させたいのですがどうすればいいのでしょうか
56まではこのCSSで問題なかったのですが57にアップデートしたら効かなくなってしまいました

/*Findbarを上部へ*/
.browserStack { -moz-box-ordinal-group: 2; }
statuspanel { -moz-box-ordinal-group: 3; }
findbar { -moz-box-ordinal-group: 1; }

271:名無しさん@お腹いっぱい。
17/11/21 14:17:27.98 3C2H0QUn0.net
>>266
URLリンク(tofukko.blog113.fc2.com)

272:名無しさん@お腹いっぱい。
17/11/21 14:42:40.21 ntLYZdY50.net
>>263
これでメニューバー(ついでにタブバー)に置いたアイコンも小さくなるけど、
最小化、最大化、閉じるはOSのテーマ変えないと無理かも。
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
微調整とおまけのもっとコンパクト化。
/* URL・検索バーのGOボタン 少し調整 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}
/* アイコン幅 調整 */
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}

273:名無しさん@お腹いっぱい。
17/11/21 14:56:37.88 i+/Zrf8N0.net
>>266-267
これいいね もうすこし細いとなおいいけどね

274:名無しさん@お腹いっぱい。
17/11/21 15:03:20.14 RTXDK5vQ0.net
>>267
ありがとうございます
ただ私の環境では変化無しでした
何か設定がまちがってるのかな

275:名無しさん@お腹いっぱい。
17/11/21 15:08:19.24 ux1AH7370.net
>>265
#urlbar ::placeholder, #searchbar ::placeholder { opacity: 0; }

276:名無しさん@お腹いっぱい。
17/11/21 15:09:40.17 KBIXJaPv0.net
>>265
.textbox-input:focus::placeholder {
color: transparent;
}
これでいけるかと

277:269
17/11/21 15:10:50.60 ux1AH7370.net
間違えた
#urlbar :focus::placeholder, #searchbar :focus::placeholder { opacity: 0; }

278:名無しさん@お腹いっぱい。
17/11/21 15:14:10.44 KBIXJaPv0.net
>>272
因みに、この指定だとブックマークの検索のプレースホルダも消えるよ

279:名無しさん@お腹いっぱい。
17/11/21 15:20:37.47 i+/Zrf8N0.net
>>270
うちは "その1" で動いてます

280:名無しさん@お腹いっぱい。
17/11/21 16:11:40.34 dPRk3IgM0.net
クレクレ君でごめん
findbarを上にするだけでなく、右側に寄せるのをお願いしたい

281:名無しさん@お腹いっぱい。
17/11/21 16:16:01.37 3C2H0QUn0.net
>>276
>>267

282:名無しさん@お腹いっぱい。
17/11/21 16:16:30.18 RVb52gFJ0.net
>>276
>>267ので右になるとおもうけど

283:名無しさん@お腹いっぱい。
17/11/21 16:17:13.88 3C2H0QUn0.net
>>271-272
サンクスです

284:名無しさん@お腹いっぱい。
17/11/21 16:25:53.14 dPRk3IgM0.net
自己解決というか、検索したら見つかった
58.0b4で確かめた
URLリンク(tofukko.blog113.fc2.com)

285:名無しさん@お腹いっぱい。
17/11/21 16:27:28.37 3C2H0QUn0.net
>>280
荒らし?

286:名無しさん@お腹いっぱい。
17/11/21 16:56:49.78 SUMjE02O0.net
userchrome.css でアドオンのポップアップ内のスタイルを指定する方法はありますか
あれば教えていただきたいです

287:名無しさん@お腹いっぱい。
17/11/21 18:13:26.59 X3LCeVwi0.net
タブのcss調べたらtab-background-middleというクラスが使われていたのですが、以下のようにしても角丸が解除されません
.tab-background-middle{background:red !important;
border-radius:0px !important;}
角丸はどこで設定されているんでしょうか?もしかしたらborder-radiusではないのかもしれませんが

288:名無しさん@お腹いっぱい。
17/11/21 18:36:12.23 sSSKNlTl0.net
>>283
うん、border-radiusじゃないね
非アクティブタブのマウスオン時は.tab-backgroundと.tabs-newtab-button、
アクティブタブは.tab-background-startと.tab-background-endのbackground-imageだよ

289:名無しさん@お腹いっぱい。
17/11/21 19:32:38.34 UR3sAQrN0.net
>>264
違うけどありがとう お豆腐は使わせてもらいます

290:名無しさん@お腹いっぱい。
17/11/21 21:24:37.04 a9U8dr840.net
>>266,270ですが表示できない原因が判りました
新規でuserChrome.cssを作って>>267を設定したところ反映されたので
今までの設定を戻していくと↓の定義を追加するとダメでした
うまく共存できる方法はないかな
/*ブックマークフォルダの色を黄色に戻す*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}

291:名無しさん@お腹いっぱい。
17/11/21 21:29:37.33 NkBb+KyW0.net
アドオンツールの「今すぐ更新を確認」とかが消せない
#utils-updateNow { display: none !important; }
では駄目だった...orz

292:名無しさん@お腹いっぱい。
17/11/21 21:40:02.31 9Ojs7mta0.net
何でやってんの

293:名無しさん@お腹いっぱい。
17/11/21 22:18:59.75 f2IXkG1C0.net
>>38
面白いから他のPCにも導入したら、カラーで表示されないでなぜか白黒?!

294:名無しさん@お腹いっぱい。
17/11/21 22:28:48.79 yDZO0RWr0.net
>>289
osがカラーフォントに対応してないからだろう

295:名無しさん@お腹いっぱい。
17/11/21 22:35:38.99 RVb52gFJ0.net
>>38
1F354の部分を変更でいろいろ
URLリンク(archiveofourown.org)

296:名無しさん@お腹いっぱい。
17/11/21 23:31:30.25 QrJ/VzY50.net
上の方に書いてあった検索バーの幅変更が上手くいかない
正常に動いたコードあれば教えてください

297:名無しさん@お腹いっぱい。
17/11/22 00:29:00.62 AIoidGvB0.net
>>268
ありがとう。そこはOSの制限なんですね。

298:名無しさん@お腹いっぱい。
17/11/22 00:33:19.97 AIoidGvB0.net
>>292
コードじゃないけどアドレスバーと検索バーを隣り合わせて
カスタマイズ完了直後にアドレスバーの右側へカーソルを持っていけば
矢印が出てきてアドレスバーと検索バーの長さを同時に調節できる。

299:名無しさん@お腹いっぱい。
17/11/22 00:36:44.13 BfX/Qe1C0.net
こんな期機能があったのか・・・
ありがとうございます 助かりました

300:名無しさん@お腹いっぱい。
17/11/22 00:50:13.52 YLNN7SDD0.net
質問スレッドに記載させていただいたのですが、回答つかないようなので、こちらで質問させてください。
スレリンク(software板:400番)
の方法で、タブをウィンドウの一番下に置いたのですが、
タブの数が少ない時は正常に動くのですが、
タブが多くなってきて、タブを左右にスクロールさせるボタンが出てくると
タブが全体的に下にずれてしまいます。
ブラウザツールボックスで見ていると
<tabs id="tabbrowser-tabs" class="tabbrowser-tabs" tabbrowser="content" に
overflow="true"が入ると、
タブ部分が3px分下にずれてしまいます。
途中でブラウザツールボックスが起動しなくなってしまいましたので、正確な位置はわかりませんが
class="arrowscrollbox-scrollbox"より上位
(強制的にこのclassをtransformで3px上に移動させても両端のスクロールボタンは下にずれていたので)
で、 class="tabbrowser-tabs"の間で何か設定されていると思っています。
(class="tabbrowser-tabs"をtransformで3px上に移動させても
今度は、タブが少ない時(タブを左右にスクロールさせるボタンがでない時)は、
上にずれてしまいます。
おそらく、overflow="true"になった時だけ、上にずらせば良いと思うのですが、
これはどの様にuserChrome.cssに書いたら良いのでしょうか?
すいませんが、どなたかご教示をお願いいたします

301:名無しさん@お腹いっぱい。
17/11/22 03:42:26.74 CU5BFZJh0.net
URLリンク(wiki.nothing.sh)
今って↑のuserChrome.js導入.zipに従えば間違いない?
同梱されてるやつすら


302:動かせないんだけど 他どっか弄ってたら動かないとか何かある?



303:名無しさん@お腹いっぱい。
17/11/22 03:49:14.74 rK22gzFJ0.net
スレチです

304:名無しさん@お腹いっぱい。
17/11/22 05:26:29.06 0LIJdEm00.net
>>284
何を指定すれば角丸無効になりますか?

305:名無しさん@お腹いっぱい。
17/11/22 08:19:30.41 8Z6FEW7i0.net
>>275
横からですみません
その1とは、何をさしているのでしょうか?

306:名無しさん@お腹いっぱい。
17/11/22 08:37:04.31 XoXhC1030.net
ステータスバーって表示できない?

307:名無しさん@お腹いっぱい。
17/11/22 09:03:47.04 gw+LYtpL0.net
>>299
昔のFirefoxはタブの角をcssで触れてたが、
今はタブのイメージ画像で作られてるので無理
>>300
一番最初にある57対応のcss
>>301
無理

308:名無しさん@お腹いっぱい。
17/11/22 09:21:36.97 0LIJdEm00.net
>>302
画像無効にしても効かないです
userchromeではどうにもできないんでしょうか
ctrでは角タブになるし、デフォルトのテーマでも角タブになります
何かで設定出来るということですよね?

309:名無しさん@お腹いっぱい。
17/11/22 09:22:40.08 usUMmd/r0.net
>>300
userChrome.js用スクリプト その1
URLリンク(wiki.nothing.sh)

310:名無しさん@お腹いっぱい。
17/11/22 10:24:44.11 okcZyw7Y0.net
>>286
ブックマークフォルダのスタイル末尾に } が一個足りないけどそのせいでは?

311:名無しさん@お腹いっぱい。
17/11/22 10:28:46.56 okcZyw7Y0.net
>>287
アドオンマネージャーは userChrome.css ではなく userContent.css
可能性は低いけどウェブページに誤爆しないとも限らないので @-moz-document 規則使った方がいい
/* アドオンマネージャー */
@-moz-document url("about:addons") {
/* "今すぐ更新を確認" */
#utils-updateNow { display: none !important }
}

312:名無しさん@お腹いっぱい。
17/11/22 11:26:53.25 miR35OZp0.net
ブックマークレットにfavicon設定したいけどなんか手はないものか
フォルダは設定出来るのになあ

313:名無しさん@お腹いっぱい。
17/11/22 12:04:04.38 fPuQpHtE0.net
Firefox57.0 (64 ビット) です
メニューバー アドレスバー 検索バー
ブックマークツールバー
タブ
にしたいのですがuserChrome.cssの記述を教えてください。
よろしくお願いします。

314:名無しさん@お腹いっぱい。
17/11/22 12:08:10.89 QkPtn6hG0.net
このスレ探せばあったはずだぞ

315:名無しさん@お腹いっぱい。
17/11/22 12:28:29.35 roUteV7b0.net
>>302
>>304
レスありがとうございます。意味が理解出来ました。

316:285
17/11/22 12:39:25.89 7UF1VNKh0.net
>>306
消せた thx
名無しセパは #utils-debugAddons+menuseparator でおkだった

317:名無しさん@お腹いっぱい。
17/11/22 12:41:32.26 bVYXP3050.net
ブックマークツールバーの背景色を変えることはできますか?

318:名無しさん@お腹いっぱい。
17/11/22 12:41:51.47 rvoCMlXx0.net
userChrome.cssにこれを設定しても黄色くならないのは
何がダメなんだろう?
他の変更(アドレスバーとタブの位置変更)は上手く行ったのに
保存はMeryで行っているのに
> /*ブックマークフォルダの色を黄色に戻す*/
> @-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
> treechildren::-moz-tree-image(title, container),
> treechildren::-moz-tree-image(title, open) {
> list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
> -moz-image-region: rect(0px, 32px, 16px, 16px)!important
> }

319:名無しさん@お腹いっぱい。
17/11/22 12:49:28.81 RNdCriCa0.net
上に答え書いてくれてる人いるぞ

320:名無しさん@お腹いっぱい。
17/11/22 13:42:50.88 gw+LYtpL0.net
}

321:名無しさん@お腹いっぱい。
17/11/22 14:16:28.21 0LIJdEm00.net
URLリンク(i.imgur.com)
userchromeをインスペクタから調べているのですが、
.tab-background-middleという要素に何らかの角丸が使われているようです
とりあえずbackground-image:none !important;で画像を無効にしたのですが、角丸画像が消えません
どうしたら良いでしょうか

322:名無しさん@お腹いっぱい。
17/11/22 14:22:51.67 OK+YxGYB0.net
>>296
#tabbrowser-tabs[overflow="true”]{
}
状況がいまいちわかんないけど、これに書いてみて
CSSのセレクタとかちょっと勉強した方が良い(弾かれるから短縮)
URLリンク(goo.gl)

323:名無しさん@お腹いっぱい。
17/11/22 15:35:52.83 Llzyzv9j0.net
>>316
.tab-background-middleにこだわるのやめな

324:名無しさん@お腹いっぱい。
17/11/22 15:42:22.76 +8KggLmi0.net
>>316
.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
display: none;
}

325:名無しさん@お腹いっぱい。
17/11/22 15:42:47.11 rvoCMlXx0.net
>>314
>>315
ありがとう~ 最後に一個 足りなかったんですね。
上手くいきました。

326:名無しさん@お腹いっぱい。
17/11/22 15:46:37.68 gw+LYtpL0.net
57になって、サイドバーのヘッダー部分が縦に大きく目立つようになったので、少しスリムにしました。
おすそ分けします。

/* サイドバーヘッダーのスリム化 Firefox57 */
.sidebar-header,
#sidebar-header {
font-size: 1em !important;
padding: 0px !important;
}

327:名無しさん@お腹いっぱい。
17/11/22 16:02:46.62 E82cM8AF0.net
>>282
自己解決できました
usercontent.css
@-moz-document url("moz-extension://b7a72b10-f1c2-4bef-9312-b3f448dec6ef/popup.html") {}

328:名無しさん@お腹いっぱい。
17/11/22 16:08:18.51 +8KggLmi0.net
>>307
ブックマークツールバーに置いたブックマークレットは出来ている

329:名無しさん@お腹いっぱい。
17/11/22 16:32:47.18 wXIZPLXR0.net
>>321
ありがとん

330:名無しさん@お腹いっぱい。
17/11/22 16:53:12.60 tUksjdue0.net
>>322
そのURLのID部分は拡張で固定ではなく、他のプロファイルや拡張一旦アンインストールすると変わっちゃうので要注意ね

331:名無しさん@お腹いっぱい。
17/11/22 18:05:32.69 0LIJdEm00.net
>>319
このcss適用しても文字がタブの表示が狂うのはどうしてでしょうか

332:名無しさん@お腹いっぱい。
17/11/22 18:10:47.12 +8KggLmi0.net
>>326
Lightweight Square Tabs | Userstyles.org
URLリンク(userstyles.org)
Show CSS Codeのボタンを押してcssを参考に自分用にカスタマイズ

333:237
17/11/22 18:47:31.73 kkt9hN3i0.net
>>296
Custom CSS tweaks for Firefox 57+に
tabs_below_main_content.cssってのがあるからこれ見て参考にしてみたら?

334:名無しさん@お腹いっぱい。
17/11/22 19:07:46.10 YLNN7SDD0.net
>>317
ありがとうございます。
こういう指定をすればいいのですね。
無事動かすことが出来ました。
しかも、教材まで紹介していただき、誠にありがとうございます。
CSSを弄ったことがないので、人のを見ながらなんとか弄っていたので、大変助かります。
早速勉強させていただきます。
ありがとうございましたm(__)m

335:名無しさん@お腹いっぱい。
17/11/22 19:21:17.69 YLNN7SDD0.net
>>328
ありがとうございます。
早速、見てきました。
私のCSSと違って非常にシンプルですね。
特に上下にすれていないみたいですし、私が何か余計な処理をしているみたいですね。
中身を1個ずつ追いながら、勉強させていただきます。
ありがとうございましたm(__)m

336:名無しさん@お腹いっぱい。
17/11/22 19:50:33.71 gw+LYtpL0.net
57からタブのローディング中のアイコンが右左に動くのが嫌で
56以前のローディングアイコンに戻すcss探してたらあったから
おすそわけでサイト貼っとくね。
URLリンク(www.reddit.com)

337:名無しさん@お腹いっぱい。
17/11/22 20:04:28.92 QkPtn6hG0.net
>>331
ありが㌧

338:名無しさん@お腹いっぱい。
17/11/22 20:16:55.35 Uoj2nO2o0.net
>>331
最高 ありがとう

339:名無しさん@お腹いっぱい。
17/11/22 20:17:57.12 9Dhp2fLj0.net
>>307
55以降のブックマークの既定のファビコンはCSS(list-style-imageプロパティ)ではなく
image要素の描画(src属性指定)になっているみたいだ
ということでこんな感じ
(リンク先の例はHTMLのimg要素なのでdisplayとか色々付いてるけど、image要素には必要なさげ)
/*
* ブックマークレットのアイコンを設定する (Firefox 55+ 対応)
*
* 参考: Replace the Image in an <img> with CSS | CSS-Tricks
* URLリンク(css-tricks.com)
*/
@-moz-document url("chrome://browser/content/browser.xul") {



340::root { --my-favicon-size: 16px; } /* Bookmarklets */ .bookmark-item[scheme="javascript"] image { background: url("chrome://branding/content/icon32.png") center/var(--my-favicon-size) no-repeat !important; padding-left: var(--my-favicon-size) !important; } }



341:名無しさん@お腹いっぱい。
17/11/22 20:21:05.67 E82cM8AF0.net
>>325
ありがとうございます。

342:名無しさん@お腹いっぱい。
17/11/22 20:26:45.81 7PAaM2h70.net
>>334
いただきました。

343:名無しさん@お腹いっぱい。
17/11/22 20:35:52.18 fVXRYaCg0.net
>>331
こういう状態が複数あるのは調べるの面倒なんだよね
ありがたくいただきました
しかしなんでこんな左右に動くへんなのにしたんだか

344:名無しさん@お腹いっぱい。
17/11/22 21:02:58.13 kRaLA2+10.net
Firefox CSSカスタマイズ いろいろ - Qiita
URLリンク(qiita.com)

345:名無しさん@お腹いっぱい。
17/11/22 21:52:10.78 dVRyRKF40.net
初期のブックマークは以下のようになっていると思いますが、最近付けたタグの下の
セパレーターは「.small-separator」で消す事が出来ました。
 ブックマークサイドバーを表示
 全てのブックマークを表示
-------------------------------
 ブックマークツールバー
 他のブックマーク
-------------------------------
 最近付けたタグ
----------------------------- .small-separator
 Mozilla Firefox
しかし、その上の2つの物は「#BMB_bookmarksPopup > menuseparator」とすると
全て消えてしまいます。これを区別する方法がわかりませんでしょうか?
やりたいことは、ブックマークツールバーから最近付けたタグまでの項目を消して
セパレーターばかりが並ぶので、その間のセパレーターを消したいのです。
現状は「#BMB_bookmarksPopup > menuseparator」1つで「.small-separator」
まで含めて全て消えている状態です。
これで困っているわけでもないのですが、区別する方法がないのか気になったので
質問させて頂きました。

346:名無しさん@お腹いっぱい。
17/11/22 22:06:52.01 QienWe0u0.net
>>339
:type-of-nth

347:名無しさん@お腹いっぱい。
17/11/22 22:17:25.24 IblGIXpq0.net
>>340
:nth-of-typeじゃ……

348:名無しさん@お腹いっぱい。
17/11/22 22:30:31.98 QienWe0u0.net
>>341
あ、

349:名無しさん@お腹いっぱい。
17/11/22 23:07:20.09 UjRUQj3M0.net
リロードボタンをロケーションバーの中に移動できませんかね?

350:名無しさん@お腹いっぱい。
17/11/22 23:20:47.41 v36AlaQD0.net
>>343
reloaderでアドオン検索

351:名無しさん@お腹いっぱい。
17/11/22 23:22:39.54 dVRyRKF40.net
>>340
>>341
即答ありがとうございます。
:nth-of-type で、番号を指定することでいけました。
もっと cssを勉強しないとil||li _| ̄|○ il||li

352:名無しさん@お腹いっぱい。
17/11/22 23:24:09.72 dVRyRKF40.net
>>343
Reload in address bar
URLリンク(addons.mozilla.org)

353:名無しさん@お腹いっぱい。
17/11/22 23:24:42.03 UjRUQj3M0.net
>>344
レスどうも!
やっぱりアドオン使わないと駄目ですかね?
以前まではcssかuserChrome.jsで出来たようだったのですが

354:名無しさん@お腹いっぱい。
17/11/22 23:25:55.10 F1NU2aKU0.net
>>337
あの点滅、まだ赤ければ(K)nightlyライダー、とか遊べたのに。

355:名無しさん@お腹いっぱい。
17/11/22 23:31:07.71 HjTlpZTm0.net
>>343
Reloader
URLリンク(addons.mozilla.org)

356:名無しさん@お腹いっぱい。
17/11/22 23:38:00.38 v36AlaQD0.net
>>347
まずはアドオンを検討して
駄目ならuserChromeで実装するって考えた方のが良いと思うよ
userChromeがいつまで持つか分からんし

357:名無しさん@お腹いっぱい。
17/11/22 23:41:11.81 HjTlpZTm0.net
ただ最初から入ってるリロードボタンはミドルクリックで
タブの複製できるんだよな
けっこう便利

358:名無しさん@お腹いっぱい。
17/11/22 23:48:03.82 xoFp0pEt0.net
Reload in address bar
URLリンク(addons.mozilla.org)
Australis-like refresh in URL bar
URLリンク(addons.mozilla.org)
Reloader
URLリンク(addons.mozilla.org)
Reload page in URL bar
URLリンク(addons.mozilla.org)
いっぱいあるんだな

359:名無しさん@お腹いっぱい。
17/11/22 23:53:49.02 7TKCkmM20.net
スレリンク(software板:400番)
上記のスレの方法でuserChrome.cssに記述しても動かないのですが、もしかして
aboutconfigの何かの値のせいとかあ�


360:閧ワすでしょうか?できている方がいるようなので… custom_css_for_fx_v1.3.5というもの入れてみたのですが、やはり上のままでした。 後他のスレで出来ないと書いてしまい謝ります。すみませんでした



361:名無しさん@お腹いっぱい。
17/11/23 00:02:56.91 SOK5uySy0.net
>>308
アドレスバーはuserchrome.jsで強制移動じゃないと無理だよ
一応、そのレイアウトになるスクリプト貼っとくわ
//*** userChrome.js用 ***//
// カスタマイズでレイアウトを初期設定に戻した後
// アドレスバーの隣に検索バーを配置してから適用してください
var menubar = document.getElementById("toolbar-menubar");
menubar.appendChild(document.getElementById("urlbar-container"));
document.getElementById("urlbar-container").flex = "2";
menubar.appendChild(document.getElementById("urlbar-search-splitter"));
menubar.appendChild(document.getElementById("search-container"));
document.getElementById("search-container").flex = "1";
document.getElementById("navigator-toolbox").appendChild(document.getElementById("TabsToolbar"));
/*** userChrome.css用 ***/
//メニューバー非表示時、ナビゲーションツールバーの右端にタイトルバーボタンボックス表示用余白追加
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar { padding-right: 138px !important; }

362:名無しさん@お腹いっぱい。
17/11/23 00:10:52.33 29kCUl0I0.net
>>353
それの改善案出した者だけど
コピペして無理なら、ペースとした位置より上にあるCSSの記述ミスでエラーが出てCSSが反映されてないのかも

363:名無しさん@お腹いっぱい。
17/11/23 00:25:22.46 Vw3w6FxV0.net
>>355
失礼、それは上記の記述に何か抜けがあるという意味ですか?それともこちらの
他の記述の間違いがある、ということでしょうか?一応何も記述していないcssも
用意して試したのですが…

364:名無しさん@お腹いっぱい。
17/11/23 00:26:16.38 8dBEiAde0.net
>>354
質問前にググッたりこのスレを確認したりしたのですが自力で見つける事ができず難儀しておりました。
先ずuserChrome.jsの導入からやってみたいと思います。
助かりました、本当にありがとうございました。

365:名無しさん@お腹いっぱい。
17/11/23 00:30:55.94 29kCUl0I0.net
>>356
他の人は使えてるからそのCSSは問題ないと思う。
他に設定したCSSは反映されてる?
追加した部分だけ反映されないならコメント/**/の中以外で全角スペース使われてないかとか確認してみて

366:名無しさん@お腹いっぱい。
17/11/23 00:50:57.12 Vw3w6FxV0.net
>>358
他の記述は動いています
#content-deck{
margin-bottom: 30px !important;
}
この部分ですが
#content-deck {
margin-bottom: 30px !important;
}
こうじゃないかと思ったくらいで、駄目ですね…

367:名無しさん@お腹いっぱい。
17/11/23 00:59:40.37 29kCUl0I0.net
>>359
その下の訂正したやつ、もろに全角スペースだから動かないよ
前書いた時にスペース入れ忘れたけど、無くてもあっても動くよ半角スペースならね
#content-deck {
margin-bottom: 30px !important;
}

368:名無しさん@お腹いっぱい。
17/11/23 01:01:58.72 7NScsRr80.net
>>359
そのスペースは関係ないと思う

369:名無しさん@お腹いっぱい。
17/11/23 01:02:54.19 7NScsRr80.net
ああー半角に見えていたけれども全角なのか

370:名無しさん@お腹いっぱい。
17/11/23 01:04:27.58 29kCUl0I0.net
前半部分の記述見たら!importantないからそれが原因だ
これそのままコピペして無理だったらうちには分からない
#TabsToolbar {
position: fixed !important;
left: 0px !important;
bottom: 0px !important;
width: 100% !important;
}
#content-deck {
margin-bottom: 30px !important;
}

371:名無しさん@お腹いっぱい。
17/11/23 01:08:36.19 Vw3w6FxV0.net
>>359です
今まで上ばかり見ていて気がつきませんでしたが、空白のバーが下に出現していました
一応動いてはいたみたいなのですが、想定どうりの動作はしていないみたいです。

372:名無しさん@お腹いっぱい。
17/11/23 01:16:10.20 Vw3w6FxV0.net
>>364です>>363の記述で動きました!ありがとうございます!

373:名無しさん@お腹いっぱい。
17/11/23 01:24:20.71 rg2Lq2tc0.net
57でコンテキストメニューの編集が上手くいかない
IDで指定してる箇所は消えてるんだけど
menuitem[l


374:abel="ページを Pocket に保存"] menu[label="ページを端末へ送信"] こういうlabel指定してる部分がどれも非表示にならない labelは使えなくなったのかな



375:名無しさん@お腹いっぱい。
17/11/23 01:25:52.95 29kCUl0I0.net
>>365
よかった、これを機によくあるミスを覚えて活用してくだされ
・!importantを付け忘れ
・ID、クラス名が間違っている
・marginなどのプロパティ名の綴ミス
・10px、1emなどの単位を忘れている
・「:」「;」「{」「}」コロン、セミコロン、中括弧が抜けている
・/**/コメント以外に全角スペースを使っている
全角スペースを見つけるならテキストエディタに貼り付けて置換機能で全角スペースを削除するなど

376:名無しさん@お腹いっぱい。
17/11/23 01:34:55.86 29kCUl0I0.net
>>366
menu[label="ページを端末へ送信"] {
}
こう書いてるとか?
#menu[label="ページを端末へ送信”]や
.menu[label="ページを端末へ送信”]みたいに
label属性がどのIDやクラスのものに付いてるか分かるように指定しないとダメ

377:名無しさん@お腹いっぱい。
17/11/23 01:52:53.24 vRHiJErG0.net
>>331
これツリー型タブに適用出来ませんか?

378:名無しさん@お腹いっぱい。
17/11/23 02:35:28.89 rg2Lq2tc0.net
>>368
labelだけで行けるのかと思っていたんだけど
とりあえず開発ツールで調べてID指定で消した
ありがとう

379:名無しさん@お腹いっぱい。
17/11/23 02:43:32.99 U2RwIGj50.net
>>331
レス見落としてた
これはいいおすそ分け
ありがとうありがとう

380:名無しさん@お腹いっぱい。
17/11/23 05:30:11.64 0x7s7My40.net
ファビコンの背景色だけ変更は出来ますか?

381:名無しさん@お腹いっぱい。
17/11/23 05:46:14.89 k/KYTM150.net
MouseGestures.uc.jsでジェスチャが被ってうまく動きません
被らなくする方法はありませんか? それともおま環なのかな

382:名無しさん@お腹いっぱい。
17/11/23 06:37:41.56 V9oSzOME0.net
>>373
userChrome.jsはスレ違い

383:名無しさん@お腹いっぱい。
17/11/23 06:42:23.62 k/KYTM150.net
失礼しました

384:名無しさん@お腹いっぱい。
17/11/23 11:27:27.66 e1gm6ebP0.net
firefox57で以下のCSSでブックマークツールバーの自動消去をすると、
画像のように一番左のブックマーク以外見えない状態になります
マウスポインタを空白部分にあてるとブックマーク自体は見えないだけど存在しているようで、
クリックや右クリックには反応するといった状態です
改善方法はないでしょうか?
URLリンク(dotup.org)

385:374
17/11/23 11:30:27.87 e1gm6ebP0.net
/*ブックマークツールバーをマウスオーバーで開閉する*/
#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}

386:名無しさん@お腹いっぱい。
17/11/23 12:30:48.17 gYsN5KIG0.net
ページ上コンテキストメニューに出てくる
ページをpocketに保存をけすことできませんか

387:名無しさん@お腹いっぱい。
17/11/23 13:18:58.16 R+6nn65i0.net
>>378
pocketアイコン右クリック → 削除

388:名無しさん@お腹いっぱい。
17/11/23 13:21:06.14 qTUzwDZy0.net
それはアドレスバーからアイコン消えるだけじゃね

389:名無しさん@お腹いっぱい。
17/11/23 13:31:39.05 gYsN5KIG0.net
>>379
アドレスバーのは消せたんですが
ページ上の右クリックに入ってるものです

390:名無しさん@お腹いっぱい。
17/11/23 13:35:12.91 2qTK86gO0.net
>>376
/*ブックマークツールバーをマウスオーバーでポップアップ*/
#PersonalToolbar:not([customizing="true"]) {
transform: translateY(-500px);
transition: transform 0s ease 1000ms !important;
position: absolute !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
transform: translateY(0px);
transition: transform 0s !important;
}
俺が使ってるのを最小限の記述にしたやつだけどどうぞ
これに影をつけたりhoverの範囲を広げたりすると使いやすくなるよ

391:名無しさん@お腹いっぱい。
17/11/23 13:40:22.28 pjsRiT5M0.net
ブラウザ全体からPocketの存在自体が消えていいなら
extensions.pocket.enabled;false

392:名無しさん@お腹いっぱい。
17/11/23 13:41:40.62 gYsN5KIG0.net
>>383
ありがとうございます

393:名無しさん@お腹いっぱい。
17/11/23 13:45:54.56 e1gm6ebP0.net
>>382
ありがとうございます、無事ブックマークが表示された


394:まま自動開閉できるようになりました



395:名無しさん@お腹いっぱい。
17/11/23 14:31:01.00 hjTjcsMR0.net
コンテキストメニューを整理したいのですが、どこかに最新の一覧はないですか?
なんかどの項目かわからない、区切り線があるのですが、調べきれません
調べ方を含め、わかるかた教えてください。

396:名無しさん@お腹いっぱい。
17/11/23 14:45:56.10 PF1v6Lyy0.net
>>386
ブラウザツールボックス

397:名無しさん@お腹いっぱい。
17/11/23 14:50:49.97 KqWcnVxN0.net
URLリンク(addons.mozilla.org)
おかしい部分がちらほらあるけど便利なんでもっと知られてもいい

398:名無しさん@お腹いっぱい。
17/11/23 14:53:09.09 R+6nn65i0.net
>>380
ご指摘ありがとう
>>381
早とちりで申し訳ない
解決されたようでなにより

399:名無しさん@お腹いっぱい。
17/11/23 14:55:00.02 WOj83cC00.net
>>386
URLリンク(sites.google.com)
サンプルはこちら
URLリンク(u6.getuploader.com)

400:名無しさん@お腹いっぱい。
17/11/23 15:02:19.53 hjTjcsMR0.net
>>387
ありがとう
調べ方が分かったので消せました!

401:名無しさん@お腹いっぱい。
17/11/23 15:04:41.94 hjTjcsMR0.net
>>390
どうもありがとう
こちらを入れてあとは自分で調べて消してみます

402:名無しさん@お腹いっぱい。
17/11/23 16:05:00.75 9DrXXPTQ0.net
最小化、最大化、閉じるボタンを非表示っていうの拝借して入れたんだけど効かないな
56だと効くけど消えてるとこ押すと機能しちゃう

403:名無しさん@お腹いっぱい。
17/11/23 16:20:00.89 iI5AawMv0.net
'非表示'が効いているから消えている

404:名無しさん@お腹いっぱい。
17/11/23 16:25:51.33 WOj83cC00.net
>>393
/*** 最小化、最大化、閉じるボタンを非表示 ***/
#titlebar-buttonbox-container {
display: none;
}

405:名無しさん@お腹いっぱい。
17/11/23 16:53:41.88 5DzugsRR0.net
ツールバーのハンバーガー消せませんかね

406:名無しさん@お腹いっぱい。
17/11/23 16:58:29.09 29kCUl0I0.net
>>396
>>36
聞く前に検索よろ

407:名無しさん@お腹いっぱい。
17/11/23 17:04:08.01 xFaQl7Jf0.net
パシリに検索させるほうが楽だからな

408:名無しさん@お腹いっぱい。
17/11/23 19:02:36.22 9DrXXPTQ0.net
>>394
うん、効く=消える以外に捉えようないと思うけどそれが何
>>395
うん、それだけど何でコピペしたの

409:名無しさん@お腹いっぱい。
17/11/23 19:18:38.09 9RlNn8f70.net
行儀の悪いやつらが湧いてると思ったら
今日は祝日だったな

410:名無しさん@お腹いっぱい。
17/11/23 23:30:45.20 KzGef3mH0.net
お祝いと何の関係があるんや

411:名無しさん@お腹いっぱい。
17/11/23 23:37:16.27 RpllFG4k0.net
お狐様に労働を捧げられることを感謝する日やで

412:名無しさん@お腹いっぱい。
17/11/24 00:51:08.39 MRjt5pSP0.net
狐につかれた人たちの集会場か

413:名無しさん@お腹いっぱい。
17/11/24 01:35:59.66 E18Z1e6a0.net
タブバーを1番下にすることはできたのですが、左端にある空白が気になるので
空白の幅をサイドバーの幅に合わせて
サイドバーを上に詰めて空白を無くすことはできないでしょうか?

414:名無しさん@お腹いっぱい。
17/11/24 06:50:31.36 bHwzYDE20.net
自分が記述したコードも一切書かないで質問する人ってなんなん?

415:名無しさん@お腹いっぱい。
17/11/24 14:14:14.57 ZRzDNpwv0.net
ファビコンがないサイトのファビコンを以前の破線のやつに変更することってできないかな

416:名無しさん@お腹いっぱい。
17/11/24 14:45:38.17 A6GrMEtc0.net
>>406
タブのはできる
URLリンク(github.com)
ブックマークサイドバーのデフォルトファビコンの変え方を知りたい

417:名無しさん@お腹いっぱい。
17/11/24 15:06:41.28 ZRzDNpwv0.net
>>407
どもっす。サイドバーのも変えたいけど無理そうなのかな。とりあえずタブだけでも変えておきます。

418:名無しさん@お腹いっぱい。
17/11/24 15:16:01.74 yPjJgTQu0.net
ブックマークの空favicon変更はcssではできなくなってる
URLリンク(blog.goo.ne.jp)

419:名無しさん@お腹いっぱい。
17/11/24 15:19:13.84 1y9Igw7+0.net
>>160
遅まきながら失礼します
小躍りしてその記述をまんまコピペ拝借したところ
urlbarの『←』(前ページに戻る)ボタンが『+』表記に
なってしまうのです
機能的には前に戻れるのですが
原因おわかりになりますか

420:名無しさん@お腹いっぱい。
17/11/24 15:37:39.43 oODejPtf0.net
>>410
コピペミスか他に記述があるならそこが関係してるんじゃね
もう一度>>160"だけ"のcss作って試してみな

421:名無しさん@お腹いっぱい。
17/11/24 17:32:07.05 ZRzDNpwv0.net
>>409
どもです

422:名無しさん@お腹いっぱい。
17/11/24 21:39:04.34 1y9Igw7+0.net
>>411
ご返答ありがとうございます
確かに>>160単独だと大丈夫ですね
他のどの部分が悪さしてるのか色々と試してみます

423:名無しさん@お腹いっぱい。
17/11/24 22:23:13.64 9d28QwvO0.net
>>404
/*userchrome.js*/
document.getElementById("appcontent").insertBefore(document.getElementById("TabsToolbar"), document.getElementById("high-priority-global-notificationbox"));
/*userchrome.css*/
.titlebar-placeholder[type="pre-tabs"] {display: none !important;}
#toolbar-menubar[autohide="true"][inactive="true"] + #nav-bar {padding-right: 138px !important;}

424:545
17/11/25 00:22:45.24 FP4OVxKX0.net
なんかいじりすぎておかしくなっておま環なのかもしれないんですが、
#PopupAutoCompleteRichResultの幅を#nav-barの幅に合わせるにはどう書けばよいのでしょうか?

425:名無しさん@お腹いっぱい。
17/11/25 00:22:48.14 52xQDlty0.net
57をaustralisのタブ
URLリンク(github.com)
URLリンク(github.com)

426:415
17/11/25 11:37:46.47 tqLkVOhML
自己解決

#PopupAutoCompleteRichResult {
max-width: 1000px !important;
margin-left: 0 !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: -90px !important;
}

max-widthは任意

427:名無しさん@お腹いっぱい。
17/11/25 07:36:29.33 j/GW6Ink0.net
サイドバーの横のスクロールバー出せますか?

428:名無しさん@お腹いっぱい。
17/11/25 08:11:54.98 4NK9OuHn0.net
>>334
書き込んだの忘れてて亀だけど超ありがとうほんとありがとう
試してみる

429:名無しさん@お腹いっぱい。
17/11/25 08:35:16.27 avNfBx1p0.net
>>382のCSSでブックマークツールバーをマウスオーバーで自動開閉しているのですが
以下の画像のようにバーを表示させた時に、表示しているページの上の部分が隠れてしまいます
隠れないようにすることって出来ないでしょうか?
URLリンク(dotup.org)

430:名無しさん@お腹いっぱい。
17/11/25 09:13:35.55 l8iPqM8U0.net
#PersonalToolbar:not([customizing="true"]) {
max-height:1px !important;min-height:1px !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
max-height:30px !important;
} 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)


431:名無しさん@お腹いっぱい。
17/11/25 09:33:07.58 avNfBx1p0.net
>>421
ありがとうございます
ただポインタをツールバーから移動するとすぐに隠れるようになってしまいました
5秒くらい表示したままにしたいのですが、どう編集すれば良いでしょうか?

432:名無しさん@お腹いっぱい。
17/11/25 09:49:47.42 7QauvL360.net
/* ブックマーク一覧の奇数行に色をつける */
#bookmarksPanel treechildren:-moz-tree-row(even) {
background-color: #DCDCDC !important;
}
これどこを直したらまた効くようになるでしょうか

433:名無しさん@お腹いっぱい。
17/11/25 10:57:58.93 kU1hVLdG0.net
>>423
treechildren {background-color:#f0f0f0 ;}
treechildren::-moz-tree-row(odd) {background-color:#f0f0f0 !important;}
treechildren::-moz-tree-row(even) {background-color:#f9f9f9 !important;}
treechildren::-moz-tree-row(selected) {background-color: #777; background-image:linear-gradient(#777,#777);}
treechildren::-moz-tree-row(selected, focus) {background-color: #09f; background-image:linear-gradient(#07f,#07f);}
treechildren::-moz-tree-row(hover){background-color:#bdf; background-image:linear-gradient(#bdf,#bdf);}
treechildren::-moz-tree-row(selected,hover)


434:, treechildren::-moz-tree-row(selected,focus,hover) {background-color: #5af; background-image:linear-gradient(#5af,#5af);} treechildren::-moz-tree-cell-text(selected), treechildren::-moz-tree-cell-text(selected, focus) {color:#fff !important;}



435:名無しさん@お腹いっぱい。
17/11/25 11:38:05.95 flJurVGB0.net
>>422
#PersonalToolbar:not([customizing="true"]) {max-height:1px !important;min-height:1px !important;transition: max-height 0s ease 5s !important;}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {max-height:30px !important;transition: max-height 0s !important;}

436:名無しさん@お腹いっぱい。
17/11/25 11:42:06.72 avNfBx1p0.net
>>425
ありがとうございます

437:名無しさん@お腹いっぱい。
17/11/25 12:05:24.62 j/GW6Ink0.net
サイドバーのスクロールバー出す方法教えてください
overflow-x:visible;
では効かなかったです

438:名無しさん@お腹いっぱい。
17/11/25 12:30:27.99 FP4OVxKX0.net
>>415
自己解決
#PopupAutoCompleteRichResult {
max-width: 1000px !important;
margin-left: 0 !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
margin-left: -90px !important;
}
max-widthは任意

439:名無しさん@お腹いっぱい。
17/11/25 16:09:31.44 eoOQnMif0.net
ロケーションバーに表示されるページ操作とこのページをブックマークに登録しますのアイコンを非表示にはできませんか?

440:名無しさん@お腹いっぱい。
17/11/25 16:38:46.19 vg3UPZ9p0.net
ページ操作はこのスレを…で検索
ブックマークは右クリから消せる

441:名無しさん@お腹いっぱい。
17/11/25 17:22:35.33 G0/zeFZA0.net
しかし>>429をカスタマイズで非表示にできない仕様にした理由は何だろうな
特に「…」なんて必要としない人の方が多いように思うが

442:名無しさん@お腹いっぱい。
17/11/25 17:28:57.26 K6ZhE5Ic0.net
ここで聞いても誰も答えられんわ
モジラに聞けよ

443:名無しさん@お腹いっぱい。
17/11/25 17:31:07.96 CSv+cc3Y0.net
おそらくアドレスバーから削除した☆やPageActionのボタンを戻すためでしょ

444:名無しさん@お腹いっぱい。
17/11/25 17:42:58.21 JrnE8aEV0.net
逆に望まれてることをできるようにしたことがないのがモジラだろ

445:名無しさん@お腹いっぱい。
17/11/25 18:47:13.99 eoOQnMif0.net
>>430
ありがとうございます
消せました!

446:名無しさん@お腹いっぱい。
17/11/25 18:49:28.82 K6ZhE5Ic0.net
質問者はまず過去レスを検索してから質問しろって
ことだな
質問が堂々巡りしてるし

447:名無しさん@お腹いっぱい。
17/11/25 20:06:08.11 NFNZhRO00.net
>>405
すみません、スレの最初の方に出ていたやつです
/* タブバーを一番下にして上の隙間を削る */
#TabsToolbar {
-moz-box-ordinal-group: 9 !important;
margin-top: 0 !important;
}
>>414
レスありがとうございます
js,cssやってみましたがどちらも上手くいきませんでした
/*** タブバーの左端スペース調整 ***/
#TabsToolbar {
margin-left: 145px !important;
}
これでタブを右にずらしたところで妥協します

448:名無しさん@お腹いっぱい。
17/11/25 23:27:10.67 m0O0nH7M0.net
Custom CSS tweaks for Firefox 57+を入れているのですがブックマークバーの高さが狭いので広げたいのですがお力をお貸しください

449:名無しさん@お腹いっぱい。
17/11/26 07:18:46.77 36wujguV0.net
#TabsToolbar {margin-left: -40px !important;}
これでタブバーの左端のスペースを無くしたんですが、フルスクリーンにすると左端のスペースは元々ないので指定した値の分タブが左にずれてしまいます。
これを回避する方法ありますか?

450:名無しさん@お腹いっぱい。
17/11/26 07:29:36.61 WPstcsqT0.net
タブの左のスペースはこれで消している。
どこかのコピペなので詳しいことはわかりません
/* #tabbrowser-tabs (前後) Drag space非表示 */
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
display: none !important;
}

451:名無しさん@お腹いっぱい。
17/11/26 08:28:08.71 Zc1JYzf10.net
そもそも57では
タブの左側にスペースなんてないけどな
他のCSSが悪さしてるんじゃねーの?

452:名無しさん@お腹いっぱい。
17/11/26 08:39:12.59 WPstcsqT0.net
うちの環境ではメニューバー非表示にしたらタブの左にスペースが出現
最大化するとスペースは消えてタブが左端になった

453:名無しさん@お腹いっぱい。
17/11/26 08:47:34.49 Zc1JYzf10.net
まったく無問題
メニューバー非表示にしてもタブの左に空きスペースなんて無い

454:名無しさん@お腹いっぱい。
17/11/26 08:51:40.59 L3Egfrsy0.net
タブバーに空白が出現し得るのは browser.tabs.drawInTitlebar が true の場合
ただしlinux版ではこの設定は無効で .titlebar-placeholder も存在していない


次ページ
最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch