userChrome.css・userContent.cssスレ Part7

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 18:54:58.08

●前スレ
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/12/10(日) 22:34:24.39

ｱﾁｬｰﾁｬｸﾞﾘﾙだっけ

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 22:36:26.93

>>855
ありがたいけど不満を言えばFirefoxアイコンとタイトルバーとバーの青色の上下位置の
バランスが思うようにならんところかな

**885** · 2017/12/10(日) 23:01:27.11

タイトルバー　→　タイトル文字　に訂正

**名無しさん＠お腹いっぱい。** · 2017/12/10(日) 23:12:10.14

>>883
カソード・レイ・チューブ？どうやってPCと接続してんの、D端子とか付いてるやつかな？
と訊こうとしたけどCTRの事か；

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 00:28:27.70

>>885-886
アイコンを背景画像にしたら文字とそれぞれ個別に位置指定できた
うちの環境ではとりあえずウィンドウ最大化状態なら
カスタマイズの画面でタイトルバーのチェックをオンオフしても全く同じ座標にできた

/* 偽タイトルバー領域にページタイトルを表示 */
#main-window[tabsintitlebar]::before {
position: absolute;
margin: -20px 0 0 0;
padding: 2px 130px 0 23px;
width: 100%;
height: 18px;
font-size: 12px;
overflow: hidden;
content: attr(title);
background: url("chrome://branding/content/icon16.png") no-repeat fixed 2px 5px;
display: inline-block;
vertical-align: baseline;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 03:46:29.41

多段タブ色々ある中から自分用に必要な部分だけ不具合出ないようにつぎはぎしてみた
段数制限しないでタブバーにタブ以外表示させないなら結構短くなるね

/* 多段タブ */
:root {
--multirowtab-height: 24px; /* タブの高さ */
--multirowtab-width: 113px; /* タブの横幅 */
}
.tabbrowser-arrowscrollbox scrollbox,
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
overflow: visible !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow: auto !important;
}
.tabbrowser-tab {
vertical-align: top !important;
height: var(--multirowtab-height) !important;
}
.tabbrowser-tab:not([pinned]) {
width: var(--multirowtab-width) !important;
}
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--multirowtab-height) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:00:12.50

マルチｽﾏｿ

検索バーをタブバーと同じ段に移動させたとき検索バーの幅が長くなりすぎるのを調節するのって

#nav-bar,
#nav-bar-customization-target {
ma-width: 300px !important;
}

これではダメだったから助言頼む

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:22:45.97

ma-width?

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:23:48.75

最新版は検索バーからショートカットキー検索が使えなくなってしまったので
検索バーは消してロケーションバー一本にしようか試行錯誤しています
ロケーションバーに検索履歴を見られるようにする↓ボタンをつける事は難しいのでしょうか

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:41:56.10

>>891
ｽﾏｿ max-wtdthだった

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:42:19.11

max-widthだった

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:44:01.66

>>892

.urlbar-history-dropmarker {
visibility:visible !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:50:52.41

>>892
すみません、>>895は不完全でした。
以下のコードに訂正。

.urlbar-history-dropmarker {
visibility:visible !important;
}

#nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > .urlbar-textbox-container > .urlbar-history-dropmarker {
opacity:1 !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 10:55:17.90

.searchbar-textbox {
min-width: 380px !important;
max-width: 380px !important;

にしたらタブが一番右にいってしまいました
何が足りないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:09:10.44

>>897

#searchbar {
min-width: 380px !important;
max-width: 380px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:21:44.85

>>896
横からだけどボタンは表示されません。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:26:14.28

現在このような状態です
http://uproda.2ch-library.com/982245izs/lib982245.jpg
赤枠のところがすっぽり空いてしまっています。ちなみに左のホームボタンもこちらに移動できません。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:28:09.65

現在のCSSの設定

/* 多段タブ設定 */
#titlebar-buttonbox {
vertical-align: top !important;
display: block !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
/* タイトルバーの縦幅・高さ */
toolbarbutton.titlebar-button {
min-height: 31px !important;
}
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
margin-right: -41px !important;
}
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
min-height: 32px !important;
max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 32px !important;
max-height: 32px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:29:06.45

/* 新しいタブボタン */
.tabs-newtab-button {
vertical-align: bottom !important;
height: 30px !important;
}
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}

#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}
/* 検索バーの幅変更 */
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}

としています。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:30:12.16

>>899
Firefox57で検証済み。
おマカンでしょう。

>>900
余計なコードを記述しすぎておかしくなっている可能性大。
>>897だけ記述して、余計なコードは全て削除。
それで駄目なら、自分が書いた全てのコードをここに書き出さないと検証不可能。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:40:38.02

下のような形で使っている
ブックマークツールバーは隠してマウスオーバーで表示される

これでも、サイトの表示領域が縦が低くのは否めない
全画面で表示ではまずい場面があるので
全画面表示と同じように、アプリケーションウィンドウを同じようでありたい
キー打鍵のトグルスィッチとアイコンがあると助かる

全画面モードの時の様にツールバーがヌルヌルと降りてこなくても良いけど
降りてくると、もっとよい

なかなか出てこないなぁ

1) https://i.imgur.com/puj5xOX.png
2) https://i.imgur.com/BgdQRqo.png

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:41:59.64

>>904
初心者みたいなUIでひどい

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:43:52.83

>>904はhttps://pbs.twimg.com/media/CrwNNp5UAAA7m6x.jpgを思い出す。面白いね！(^○^)

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:44:33.94

Firefox57からサイドバーの背景色が白色になったけど。
これを56以前のようにブックマークツールバーと同じ色に戻したので、おすそ分けします。
尚、Firefox57でテーマをデフォルトで使用している人向けです。

/* Firefox57　サイドバーの背景色をブックマークツールバーと同色にする*/
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:45:28.83

>>903
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}

これだけ記述しても特に変わりはなかった。
ただタブがアドレスバーの上にいっただけだった。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 11:46:40.90

お願いしますだ

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 12:28:21.41

>>907
ありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 12:43:07.79

>>896
すいません、57.0.2でuserchrome.cssに書き込んだのですがうちの環境でも表示されません
まっさらなプロファイルで試してcssだけ入れても駄目でした

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 13:31:48.30

>>908
はい
.searchbar-textbox {
max-width: 380px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 13:39:00.78

あやっぱ駄目だわ
ウチの環境でもサーチバーの右にでかい空白できるわ

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 13:41:43.41

変わりないようです。
現段階ではcssはこれしか記述していません。

http://uproda.2ch-library.com/9822474wu/lib982247.jpg

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 13:45:05.11

>>914
新規プロファイルでやったら普通に表示された
お互いおま環のようだぞ

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 13:48:06.40

>>914
これはどうですか？
#search-container {
min-width: 380px !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 13:52:58.92

やっぱ行けたと思ったら
既に書かれてた
役立たずですまんな

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 14:21:36.69

>>916
それではこのように目一杯表示されてしまいますね。
http://uproda.2ch-library.com/982250Yc5/lib982250.jpg

>>917
自分も一度全てアンインストールしてやってみました。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 14:27:02.49

>>916はmaxじゃなくてminだからじゃね

#search-container{
min-width: 380px !important;
max-width: 380px !important;
}

ウチはこれでいけたが
好みでmin-width消したり値小さくしたりしたらいいんじゃないか

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 14:43:51.19

>>919
タブいっぱい出したまま試したのでminだけで行けたつもりでいましたｗ
最小値の固定だけだったみたいですｗ
maxで固定しないと横幅無制限みたいですねｗ

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 14:47:16.85

枠の幅変更はURLバーでちょっとやってたけどmaxmin両方設定してもブラウザの大きさ変えると挙動がちょっと変なので俺は弄るのやめちゃったな

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 14:49:24.08

>>919
いけました！ありがとうございます

ついでで申し訳ないんですがその右にホームボタンを置こうと思って
margin-right: 20px などを指定してみたんですがこれは置けないのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 15:03:13.72

>>922
ホームボタンてカスタマイズで移動できるんじゃ

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 15:14:45.35

失礼、できました

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 15:29:49.06

>>907
ありがとう

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 15:48:20.97

>>906
河西智美が泣かせるねぇ。

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 17:43:19.45

>>910
>>925

いえいえ、お役に立てたら幸せです。
お粗末さまでした。

**次スレテンプレ >>1 案** · 2017/12/11(月) 21:30:33.48

●前スレ
userChrome.css・userContent.cssスレ Part7
https://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
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
UserCSSManager
https://greasyfork.org/scripts/35880

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

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

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

とほほのスタイルシート入門
http://www.tohoho-web.com/css/

**928** · 2017/12/11(月) 21:30:54.28

Stylusと拙作のUserCSSManagerを追加し、UserCSSLoaderのタイトルとuserstyles.orgのURLを微修正しました

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 22:34:32.09

>>907
これ文字色も一緒にできないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 22:40:08.30

そして何も見えなくなった

**883** · 2017/12/11(月) 22:40:59.79

>>888
margin: -23px にして color: #fff !important; 追加して
/* 各種バーの並び順(タイトルバーが最上段と明示) */と
/* 偽タイトルバーの配置 */の
#main-window[tabsintitlebar] #titlebar {
margin-bottom: 4px !important;
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-buttonbox {
height: 19px !important;
}
の3種でほぼ解決したわありがとう

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 22:46:38.33

>>930
なぜですか？w

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 22:52:39.62

>>933
テーマをDarkでつかってるんですが
>>907で背景色がDarkになったのは最高なんですが
字が黒色で見にくいんです
なんとか白色とかに変更したいのです

**名無しさん＠お腹いっぱい。** · 2017/12/11(月) 23:57:09.53

ドラッグ領域の縦幅を変更するにはどうすればいいですか？

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 00:27:32.45

>>934
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
color: #00ffff !important;
}
.sidebar-placesTree {
color: #00ffff !important;
}

934さんの環境でどう見えるかわからんけど
白文字じゃなくてシアンにしてみた

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 01:07:17.18

#viewButton の color も変更が必要だった
フォルダの色とかテキストボックスと文字色とかは
ブラウザーツールボックス使って余裕がある時に頑張ってみてください

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 01:28:09.14

>>936
ありがとうございます、見やすくなりました
これで十分満足ですm(_ _)m

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 09:23:03.57

>>934
自分はデフォルトでないテーマに >>907 に教えていただいたのを書き込んだら
半透明化しました
もともとサイドバーもポップアップ化してるので、むしろこの方が便利で重宝してます。

>>907 さん、感謝です！ <(＿＿)>

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 09:56:53.39

/* ページ内検索バーを上に*/
findbar {
-moz-box-ordinal-group: 0 !important;
margin-top: -1px !important;
transition: none !important;
}

ココまでは何とか出来たとして・・・
ページ内検索バーの入力窓(？)が左にあるのが不便なので
何とか右に移動させたいのですが誰かご存じの方いますか？

良ければ教えていただけたらアリがたいです <(＿＿)>

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 11:20:27.88

>>940
「ページ内検索バーをChrome風にする.css」
ページ内検索バーを右上に持っていきます
URLがNGになるので
ページ内検索バーをChrome風にする.css　でgoogle検索すれば見つかります

お仕着せっぽいですが
以下のもあるとけっこう便利です
global_FindTerm.uc.js
ページ内検索バーに表示される「Find」を右クリックするとページ内検索バーの文字列が消去される
https://github.com/alice0775/userChrome.js/blob/master/global_FindTerm.uc.js

toggleFindbar by DoubleClick.uc.js
ダブルクリックで検索バーをトグル
ページ領域をダブルクリックでページ内検索バーの開閉をトグル
closeOnly = true → 閉じる機能のみ
closeOnly = false → 開閉機能を両立
https://u6.getuploader.com/script/download/1286

toggle-findbar.uc.xul
Ctrl+Fでページ内検索バーをトグルする
https://oflow.me/archives/256

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 12:16:28.85

>>941
ご丁寧にありがとうございます <(＿＿)>

「uc.js」も早速試させていただきます。

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 12:49:05.91

「ページ内検索バーをChrome風にする.css」
なんかボテっとしてるんでいじってみた

findbarに追加 (ちょっと細く)
height: 30px !important;

findbar-textboxを変更 (文字ちょっと小さく)
font-size: 15px !important;

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 13:45:12.74

https://i-bitzedge.com/wp-content/uploads/2017/11/drag-space-tab.png
ドラッグ領域が狭すぎてクリックしづらいです
縦幅を変更するにはどうすればいいですか？

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 14:06:25.71

>>935,944
#TabsToolbar { padding-top: 18px !important;}
数値は自分で調整して

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 14:09:42.71

>>945
神サンクス！

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 14:19:15.37

デフォ値8くらいかな
いくらなんでも狭すぎじゃない？
15でChromeと同等かな

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 14:49:01.39

>>943
スマートになりました

**943** · 2017/12/12(火) 15:03:44.94

>>948
いいのがあったらまた教えてね

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:05:06.79

>>944
+のとなりをドラグ

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:06:32.29

>>940
Find in Searchbar Highlight.uc.js
これでページ内検索バー不要かも

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:11:30.31

タブの左にわざわざドラッグ領域確保されてるんだからそこ掴めばいいじゃない

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:23:28.12

>>951
検索語句がサイトにばれるよ

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:25:42.66

>>949
そうですね
2008年のものなのでみなさんご存知かも知れませんが
アイコン化の方をアイコン変更して利用してました
メニューバーを寄せ集める
http://d.hatena.ne.jp/Griever/20081215/1229353082

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:51:27.31

userChrome.jsは確かに便利だけどスレの住み分けをしてほしい

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 15:57:02.87

>>954
これ入れてみたのですが、ロケーションバーの左側ではなく、タブバーの左側に移動させる事はcssではできませんか？

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 16:55:38.17

不満だらけだった57もだいぶいい感じになってきた

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 16:58:50.34

ワロタ

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 17:05:40.80

>>956
これでならタブバーの左にカスタマイズで移動できる
https://github.com/skofkyo/userChromeJS/blob/master/userButton/00-FirefoxBtnMod.uc.js

すみわけしなくてごめん
今回だけ

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 17:25:16.78

>>951

お気遣いありがとうです <(＿＿)>

以前はアドオンの「FindBar Tweak」を入れてたのですが使えなくなったので
これを機に一念発起してココも見ながら "userChrome.css" の勉強してる最中です
現状は全くの素人ながら少しでも "userChrome.css" の設定になれたらと思い頑張りたいです。

まだまだペーペーですがここのベテランの方にも色々と教えていただきたく
ヨロシクお願いします。

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 17:26:20.70

>>956
ツールバーで良いなら
document.getElementById("menubar-items").setAttribute("removable", "true");
var box = document.getElementById("nav-bar-customization-target");
box.appendChild(document.getElementById("menubar-items"));

var box = document.getElementById("nav-bar-customization-target");
box.insertBefore(document.getElementById("menubar-items"),box.childNodes[0]);

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 17:34:40.34

>>959
ありがとうございます
思い通りになりました！

>>961
わざわざありがとうございます。
ですが、ウィンドの一番左上、タブバーの左側に表示したかったので、>>959さんのを使わせていただきます
中国語が気になるので、できたらMedleyMenuでやってみたかったのですが
やはりタブバーの左上は出来ないんでしょうかね

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 17:50:57.08

>>962
中国語は翻訳サイトで翻訳して日本語に記述しなおせばいいですよ
アイコンも16×16のを準備し64行目 data:image 以降　SuQmCC までの部分を書き換えれば変更できます
アイコンを文字列に変換するサイトがあります
https://hamayapp.appspot.com/static/data_uri_conv.html

アイコンはこんなサイトからもらって来るとか
http://www.iconarchive.com/show/oxygen-icons-by-oxygen-icons.org.html
アイコン抽出ソフトでFirefox.exeなどから取り出せたりできます
http://www.towofu.net/soft/aicon.php

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 17:53:51.03

>>962
ごめん
142行目も同じく変更でした

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 18:05:12.35

>>963
64行目のアイコンってなんですかね？
SuQmCCまでと書いてありましたが、エディタで検索しても引っかからないので、後回しにして142行目だけアイコンを変更したのですが
一応目に付くアイコンは自分の想像通りのものなのですが、64行目のアイコンだけなんなのか分からなくて
地球のアイコンではないですよね？

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 18:24:36.58

>>965
またごめん
勘違いしてた
自分64行目も142行目と同じだと思いこんでぱっぱと変更してしまってたんだよね
64行目のはなんなのかわからなかったです
とりあえず良しとしましょうか(´･ω･｀)

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 18:38:18.67

>>965
64行目と142行目の違い分かりました
同じデフォの四角オレンジFirefoxアイコンなんですが
64行目のは16×16
142行目のは32×32のアイコンでした
32×32のアイコンがどこで使われているのかはまだ不明です

こちらのData URI Scheme逆変換できるサイトで確認できます
http://jsdo.it/blades/datauriplayground

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 18:48:56.49

お前らいい加減他スレでやり取りしてくれ
度が過ぎるぞ
ここはuserChrome.css・userContent.cssスレ

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 18:55:28.25

すみませんでした
もうここでjsのことはやりません

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 19:26:48.72

>>968
すみませんでした

>>969
長々とスレチでお付き合いさせてしまってどうもすみませんでした
そしていろいろありがとうございました

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 19:34:19.51

　まっそう気にするなって…
.　　　　　　∧__∧
　　　　　　( ´･ω･)∧∧l||l >>969-970
　　　　　　/⌒ ,つ⌒ヽ )
　　　　　(___　 (　　　_)
"''"" "'ﾞ''` 'ﾞﾞﾟ'　'''　''　'''　ﾟ`

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 19:59:30.65

なんと気持ちの良い連中だろう

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 20:24:07.30

ここは平和だなぁ(召喚詠唱)

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 22:06:24.57

いい奴らだな。

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 22:17:28.72

ブックマークのフォルダに色付けなんてのはありますか？

**名無しさん＠お腹いっぱい。** · 2017/12/12(火) 22:45:01.09

>>975
ある

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 08:59:30.26

読み込み中のアニメーションを変更したくて
手始めにsvgを外部に移動しようと次のようにしましたが
色が黒になってしまいます
元のように色が変わるようにはできないんでしょうか

browser.cssの記述から元のファイル(chrome://browser/skin/tabbrowser/loading.svg)を見つけて
プロファイルフォルダ内chrome/img/に保存
userChrome.cssに下記のみを記述
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
}

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 09:24:25.07

どうしたいのかわからないが
:root[sessionrestored] .tab-throbber[busy]::before {　fill:　red !important;}
　もしくは
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("chrome://browser/skin/tabbrowser/loading.svg") !important;
fill:　red !important;
}
じゃないか

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 10:05:45.30

>>977
>>329参考

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 10:15:27.00

chrome://browser/skin/tabbrowser/loading.svgを使いたいわけではなく
svgファイルは自分で用意するつもりですが
テストのために同じソースのものを外部に保存して使用しました

デフォルトではタブがアクティブかどうかで色が変わりますよね
ですが外部ファイルを指定すると黒で描画されてしまうのです
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
fill: red !important;
}
これでも黒でした
svg自体に色指定せずに済むならその方法があればと思ったのですが

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 10:30:30.92

じゃあ最初からはっきりそう書けよ
不毛なレスさせるな

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 10:38:02.14

フルスクリーン表示ではサイトのコンテンツが画面いっぱいに広がり
マウスで移動で上辺にヌルヌルとツールバーがプルダウンする

これをアプリケーションウィンドウのままでも実現する
トグルキー操作とアイコンクリック仕掛けは、まだ、なのかな?

**名無しさん＠お腹いっぱい。** · 2017/12/13(水) 10:38:54.07

>>980
自分も前に同じとこで詰まった
svg.context-properties.content.enabledをtrueにすれば大丈夫
詳しくはここのNote参照
-moz-context-properties - CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/-moz-context-properties