17/11/11 18:54:58.08 hti5ZF6m0.net
●前スレ
userChrome.css・userContent.cssスレ Part6
ｽﾚﾘﾝｸ(software板)
●拡張機能
Stylish
URLﾘﾝｸ(addons.mozilla.org)
User Style Manager
URLﾘﾝｸ(addons.mozilla.org)
●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS
URLﾘﾝｸ(github.com)
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
userstyles.org
URLﾘﾝｸ(userstyles.org)
MDN - CSS
URLﾘﾝｸ(developer.mozilla.org)
とほほのスタイルシート入門
URLﾘﾝｸ(www.tohoho-web.com)
2:名無しさん＠お腹いっぱい。
17/11/11 18:55:30.73 hti5ZF6m0.net
●User Style Managerについて
バージョンによって利用できない機能があります
GitHub - scrapmac/User-Style-Manager
URLﾘﾝｸ(github.com)
管理画面
×1.1.1
×1.1
○1.0
スタイル作成
○1.1.1
△1.1
×1.0
3:名無しさん＠お腹いっぱい。
17/11/11 18:57:00.47 hti5ZF6m0.net
userChrome.css・userContent.cssスタイルスレ
ｽﾚﾘﾝｸ(software板)
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
ｽﾚﾘﾝｸ(software板)
userChrome.css・userContent.cssスレ Part3
ｽﾚﾘﾝｸ(software板)
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
ｽﾚﾘﾝｸ(software板)
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
ｽﾚﾘﾝｸ(software板)
userChrome.css・userContent.cssスレ Part6
ｽﾚﾘﾝｸ(software板)
4:名無しさん＠お腹いっぱい。
17/11/11 22:19:56.79 wPMDCz5f0.net
Stylishが自動更新で11月11日付け置き換わったわけ
完全に終わった旧仕様の代わりに全く同じコードをuserChrome.css作ってコピったら完璧（笑）
てか今までもuserChrome.cssがあればStylishなんつーチンパンアドオン自体不要だったなｗ
食わず嫌いみたいな真似はなるべくしない方が良いと気付いたったｗｗｗ
5:名無しさん＠お腹いっぱい。
17/11/11 23:16:20.23 fnXU9DQ10.net
自分で書く者にとっては、すぐに結果を反映できて書き換えられるStylishは都合が良かった
書いて再起動、意図と少し違った結果になったから修正してまた再起動とか面倒
特に数値の微調整とかやってられんわ
ContentだけならStylusで代替できるけれどもChromeは無理だし
6:名無しさん＠お腹いっぱい。
17/11/12 00:48:13.09 ryNrWhs/0.net
いちおつ〜
>>5
あらためて知る「お試し」機能の偉大さよ。
Live editor for CSS and LESS
URLﾘﾝｸ(addons.mozil...or-for-css-and-less)
編集内容がリアルタイムに反映。
流石にabout:ページへの適用やuserChrome.cssのライブ更新は無理だけど
利用するサイト向けの更新作業に便利。
7:名無しさん＠お腹いっぱい。
17/11/12 04:50:40.25 5ElFcW700.net
以下cssを57に追加しようとしたところエラーが出るのですが
どのように修正すれば良いのでしょうか
ブックマークフォルダの色を黄色に戻す
@-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
}
}
8:名無しさん＠お腹いっぱい。
17/11/12 06:23:46.55 qscEtrTF0.net
親要素に適用させるセレクタってCSS3に存在しないんだな…
9:名無しさん＠お腹いっぱい。
17/11/12 06:39:37.97 6TyfoMHL0.net
>>5
スタイルエディターで即時適用、確認しながら書ける
Shift+F7 で開いて Alt+N で新規シート
XULはブラウザーツールボックスのスタイルエディター
URLﾘﾝｸ(developer.mozilla.org)
書き上がったら userContent.css, userChrome.css に保存して再起動
10:名無しさん＠お腹いっぱい。
17/11/12 07:26:14.30 amVyn/nF0.net
>>7
userChrome.cssで動いてるよ。
11:名無しさん＠お腹いっぱい。
17/11/12 07:33:14.77 TL+lQEsK0.net
>>7
/* ブックマークフォルダの色を黄色に戻す */
12:名無しさん＠お腹いっぱい。
17/11/12 07:43:52.10 5ElFcW700.net
>>10
動くことは動くのですが、エラーのせいかこのcssより下にまた別のcssを書いてもfirefoxに反映されないのが気がかりになっています
>>11
すいません、紛らわしい書き方をしてしまいました
日本語はcssに書いていません
13:名無しさん＠お腹いっぱい。
17/11/12 13:08:54.62 74tSf8gW0.net
{}がないとかじゃねえの
@-moz-document url(chrome://browser/content/browser.xul) {
/* ここに他に書きたいCSSを書く */
}
それ書いたの1か月前だっけ 時が進むの速い
なんとなく出す機を逸した感じがした、もっといろいろ黄色にするCSSをついでに
/* フォルダアイコンを元に戻す
ブックマークサイドバー・ブックマークツリー・ブックマーク編集パネル
履歴サイドバー・ブラウジングライブラリー
*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul),
url(chrome://browser/content/history/history-panel.xul),
url(chrome://browser/content/browser.xul),
url(chrome://browser/content/places/places.xul){
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container]{
list-style-image: url(chrome://global/skin/icons/folder-item.png)!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}
14:名無しさん＠お腹いっぱい。
17/11/12 14:28:58.89 5ElFcW700.net
>>13
ありがとうございます
無事色覚を取り戻せました
15:名無しさん＠お腹いっぱい。
17/11/13 11:39:34.85 PFwMDld+0.net
>>8
案はあったよね
>ではなく<を使うやつ
どうなったんだろうあれ
16:名無しさん＠お腹いっぱい。
17/11/13 13:52:29.63 unWlpq6c0.net
:hasだろ
17:名無しさん＠お腹いっぱい。
17/11/13 17:10:20.41 +jRNMOr00.net
#TabsToolbar * {
min-height: 18px !important;
max-height: 18px !important;}
}
Firefox57でuserChrome.cssにて上記のcssでタブバーをを細くしているのですが
タブを多量に開いた際にタブの右側に出る｢タブを一覧表示します｣のボタンのポップアップメニューがcssに影響を受けているのか正常に表示されません
:not(#alltabs-popup) { 上記記述 }
等素人知識で試してみたのですがうまくいきません
どのように修正したらいいのでしょうが
18:名無しさん＠お腹いっぱい。
17/11/13 21:19:17.24 F0miL/vi0.net
Firefox57.0 (64 ビット) です
userChrome.cssに以下の記述をしたところ、
タブバーは一番下になって目的は達したのですがブックマークツールバーが一番上になってしまいました
ブックマークツールバーをタブバーのすぐ上にするにはどうすればいいでしょうか？
/* タブバーを一番下にして上の隙間を削る */
#TabsToolbar {
-moz-box-ordinal-group: 9 !important;
margin-top: 0 !important;
}
19:名無しさん＠お腹いっぱい。
17/11/13 21:33:23.16 /VAac6tD0.net
>>17
不用意に全称セレクタ(*)を使わない
殆どの場合必要ないよ
特に子孫セレクタ(空白区切)との単純な組合せは影響範囲が広すぎて、そういう風に副作用が大きい
/* タブバーを細くする。 */
#TabsToolbar > #tabbrowser-tabs,
#TabsToolbar > #tabbrowser-tabs > arrowscrollbox {
min-height: 18px !important;
max-height: 18px !important;
}
/* タブバーを細くするとタブのドラッグ時にタブバーが消える対策。
* 参照: URLﾘﾝｸ(dxr.mozilla.org)
*/
#TabsToolbar[movingtab] > #tabbrowser-tabs {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
/* 新規タブボタン(+)等の画像が潰れるのを避ける。 */
#TabsToolbar toolbarbutton > image {
padding: 0 !important;
min-height: 16px !important;
max-width: 16px !important;
}
20:名無しさん＠お腹いっぱい。
17/11/13 21:36:14.85 ofXAQoF/0.net
>>18
/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 100 !important;
}
21:名無しさん＠お腹いっぱい。
17/11/13 21:41:18.08 F0miL/vi0.net
>>20
希望通りになりました ありがとうございます！
22:名無しさん＠お腹いっぱい。
17/11/13 22:41:51.90 +jRNMOr00.net
>>19
ありがとうございます
勉強になります
基礎を知らずに�
23:f人が適当にやるもんじゃありませんね 以後精進します 潰れてたアイコンもこの指定なら綺麗に表示できるんですね 助かります 本当にありがとうございました
24:名無しさん＠お腹いっぱい。
17/11/14 03:44:55.22 jll8QUKh0.net
Firefox57.0 で久しぶりに userChrome.css に手を出してみようと思ったけど
昔あったDOMインスペクタみたいな、UI部分の要素を調べる方法って今はどうやるんですか？
25:名無しさん＠お腹いっぱい。
17/11/14 04:58:13.55 iJ/1Tlqq0.net
>>23
ブラウザツールボックス
26:名無しさん＠お腹いっぱい。
17/11/14 06:01:40.68 jll8QUKh0.net
>>24
「ブラウザーとアドオンのデバッガを有効」および「リモートデバッガを有効」
が出現条件か、これがわからなかった
とりあえず出てきた、ありがとう
27:名無しさん＠お腹いっぱい。
17/11/14 12:48:23.14 KDCixEJM0.net
/* === Firefox 多段タブ === *//* タイトルバーボタン 縦幅 */ #titlebar-buttonbox { vertical-align: top !important; display: block !important; }toolbarbutton.titlebar-button { min-height: 31px !important; }
/* 多段タブの要素 */ .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { display: block !important; overflow: visible !important; }
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox > .scrollbox-innerbox { display: block !important; overflow-y: auto !important; overflow-x: hidden !important; max-height: 93px !important; /*タブバーの高さ*/ }
/* タブバー 横幅 */ #TabsToolbar { margin-right: -38px !important; }
/* 新しいタブボタン */ #new-tab-button { margin-left: -18px !important; } .tabs-newtab-button { vertical-align: bottom !important; height: 28px !important; }
/* タブ 縦幅 */ .tabbrowser-tabs .tabbrowser-tab { vertical-align: top !important; -moz-box-sizing: border-box !important; min-height: 31px !important; }
/* 通常タブ・選択タブ 横幅・文字色 */ .tabbrowser-tab:not([pinned]) { color:rgba(255,255,255,0.7) !important; min-height: 31px !important; min-width: 110px !important; }
/* アクティブタブ 横幅・文字色 */ .tabbrowser-tab[selected="true"]:not([pinned]) { color:rgba(255,255,255,1.0) !important; width: auto !important; max-width: 250px !important; }
/* 非選択タブ 横幅・文字色 */ .tabbrowser-tab[pending]:not([pinned]) { color:rgba(255,0,0,1.0) !important; min-width: 97px !important; }
/* すべてのタブにタブを閉じるボタンを表示 */ .tab-close-button.close-icon { display: inline-block !important; }
↑すいません 書き込みの16行？の制限で行数減らしてます。
すいませんこれでだいぶ多段タブを自分の好み通りに出来たんですけど、タブ移動がまともに出来ないのと
#new-tab-buttonをスクロールバーにかぶせるようにしてやっとスクロールバーが動かせる状態なんです。
これをどちらかもしくは、両方出来るようにならないでしょうか、よろしくお願いします。
28:名無しさん＠お腹いっぱい。
17/11/14 16:15:53.66 D0Oi3xfw0.net
タブバーとナビゲーションバーを透過させる方法はありますか?
#nav-bar{background-color:transparent!important;}
でナビゲーションバーの透過は出来そうなんですが･･･
29:名無しさん＠お腹いっぱい。
17/11/14 18:38:04.12 G3vmu4dM0.net
>>26
あっ すいませんこれ、ツールバーのカスタマイズのテーマをＤａｒｋにしないと、タブの文字色おかしいかもしれません。
30:名無しさん＠お腹いっぱい。
17/11/14 19:22:53.22 nfii+8PB0.net
>>27
んん？ タブバーはともかく、ナビゲーションバーはデフォルトで透過だったような
適用しているテーマの影響かな？
自分用にメニューバーにも適用していた部分もコメントアウトして一応は残しておくので必要があればどうぞ
URLﾘﾝｸ(pastebin.com)
31:名無しさん＠お腹いっぱい。
17/11/14 23:49:28.56 hs0dshRK0.net
57.0 です
ブックマークツールバーのアイコンの間隔を狭くしたいのですが
ググって見つけた以下の記述では希望通りになりませんでした
toolbarbutton.bookmark-item:not(.subviewbutton) {
padding: 1px 2px; /* ← 1px 4px */
}
どうすれば間隔が狭くなるでしょうか？
32:名無しさん＠お腹いっぱい。
17/11/15 00:36:41.05 aIeCoCfc0.net
>>30
!importantつける
33:名無しさん＠お腹いっぱい。
17/11/15 00:43:32.61 EFAIEpxn0.net
>>31
希望通りになりました ありがとうございました！
34:名無しさん＠お腹いっぱい。
17/11/15 04:59:02.80 RPTRagnG0.net
ブックマークツールバーの文字がぼやけて何やら怪しい雰囲気を出しているのです
URLﾘﾝｸ(dotup.org)
文字の周りの影みたいなのをなくして見やすくするにはどうしたら良いでしょうか
35:名無しさん＠お腹いっぱい。
17/11/15 06:56:05.85 Qh2Rj2VD0.net
URLﾘﾝｸ(github.com)
57でもここまで出来る
36:名無しさん＠お腹いっぱい。
17/11/15 07:00:48.27 ariWfJVD0.net
ツールバーの三というのを非表示にしたいのですが
IDをご存じの方いらっしゃいますか
37:名無しさん＠お腹いっぱい。
17/11/15 08:21:32.86 Fm/oFK7H0.net
/* ツールバーの 三 を非表示 */
#PanelUI-button {
display: none !important;
}
これで消えると思います。
38:名無しさん＠お腹いっぱい。
17/11/15 08:23:04.88 RPTRagnG0.net
>>34
できました
ありがとうございました
39:名無しさん＠お腹いっぱい。
17/11/15 09:13:15.43 KyihRhaq0.net
ハンバーガーボタンはうちでは本物に置き換えている
#PanelUI-menu-button > .toolbarbutton-badge-stack{
list-style-image:none;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack:before{
content:"\1F354";
font-size:18px;
}
40:名無しさん＠お腹いっぱい。
17/11/15 09:31:42.43 the/mtSS0.net
中止ボタンもしいたけに置き換えてるんだろ
41:名無しさん＠お腹いっぱい。
17/11/15 09:32:48.51 ariWfJVD0.net
>>36
ありがとうございます
お陰様で消すことが出来ました
42:名無しさん＠お腹いっぱい。
17/11/15 09:33:23.96 ariWfJVD0.net
>>38
これ面白いですねw
43:名無しさん＠お腹いっぱい。
17/11/15 10:40:24.37 5akVNQJ20.net
>>38
line-height:13px;
あたりを追加するとホバーした時の装飾が他のと一緒になるかも
44:名無しさん＠お腹いっぱい。
17/11/15 12:44:28.18 AiAAi3xY0.net
改良すんなw
45:名無しさん＠お腹いっぱい。
17/11/15 15:06:27.09 jVglt/Ev0.net
>>38
面白いなｗ
content:"\1F39A";に代えて使うわ
サンクス
46:名無しさん＠お腹いっぱい。
17/11/15 15:15:14.00 YC/hi68f0.net
>>35
ここを開いてデバッガで要素を見ればわかるよ
chrome://browser/content/browser.xul
47:名無しさん＠お腹いっぱい。
17/11/15 16:09:47.85 isQW9P9Z0.net
タブバー消したらハンバーガーボタンと閉じるボタンとが重なってしまって微妙だからどうにかしたいけどなんかいい感じにならないかな
48:名無しさん＠お腹いっぱい。
17/11/15 16:18:26.19 eXxKASkc0.net
情報がばらけちゃってるな、うちは↓でできた
Mozilla Firefox質問スレッド Part175
ｽﾚﾘﾝｸ(software板:426番)
426 名前：名無しさん＠お腹いっぱい。[sage] 投稿日：2017/11/15(水) 11:48:42.02 ID:Zvu983hY0
>>424
/* Windowsのクローズボタンよけ */
#main-window:not([inFullscreen]) #nav-bar {margin-right: 110px !important}
#main-window:not([inFullscreen]) .titlebar-placeholder {display: none !important}
49:名無しさん＠お腹いっぱい。
17/11/15 16:22:28.96 isQW9P9Z0.net
>>46
とりあえず自己解決
ｽﾚﾘﾝｸ(software板:426番)
50:名無しさん＠お腹いっぱい。
17/11/15 16:23:28.60 isQW9P9Z0.net
>>46
ｽﾚﾘﾝｸ(software板:426番)
とりあえず自己解決しました
51:名無しさん＠お腹いっぱい。
17/11/15 16:24:25.46 isQW9P9Z0.net
>>47
更新してなかった㌧㌧
52:名無しさん＠お腹いっぱい。
17/11/15 16:30:48.07 isQW9P9Z0.net
>>46
クローズボタン避け横ずらしだとモヤモヤするのとあってなかったので
marginのrightをtopにして5pxにしたらいい感じになった
メニューバー出した時に空白部分が増えるのが気になるけど
53:名無しさん＠お腹いっぱい。
17/11/15 17:50:22.00 fJWYPcxO0.net
#TabsToolbarを#PersonalToolbarの下に置いているから
#titlebar-placeholder-on-TabsToolbar-for-captions-buttonsのvisibilityをcollapseにして、
#nav-barのpadding-rightをそれと同じ幅の106pxにしている
54:名無しさん＠お腹いっぱい。
17/11/15 18:15:58.98 .net
タブの閉じるボタン非表示にしたい人は
userChrome.cssの作成し記入
/* タブを閉じるボタンを消す */
.tab-close-button{visibility:collapse !important}
userChrome.cssの置く場所
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名
ここに「chromeフォルダ」を作成し、その中に「userChrome.css」を作成する
URLﾘﾝｸ(onlinepckan.net)
こちら参照
55:名無しさん＠お腹いっぱい。
17/11/15 19:34:00.71 isQW9P9Z0.net
ブックマークツールバーの名称消すcss使ってたけど初めの1文字表示させたいなと
:first-letter使ってみたけど全くうまくいかない、助けて
56:名無しさん＠お腹いっぱい。
17/11/15 20:49:39.11 yGyJhdIp0.net
>>54
アイコンを非表示にしてbackground-imageを文字図柄にする
57:名無しさん＠お腹いっぱい。
17/11/15 21:05:58.17 6ITcwHd+0.net
>>54
#PlacesToolbarItems > .bookmark-item {
max-width: 4em !important;
overflow: hidden !important;
}
58:名無しさん＠お腹いっぱい。
17/11/15 21:17:25.71 yGyJhdIp0.net
Classic Theme Restorerの作者Arisさんの
Custom CSSでCTRを再現
GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox 57+
URLﾘﾝｸ(github.com)
URLﾘﾝｸ(github.com)
URLﾘﾝｸ(github.com)
57でもここまで弄れる
自作css作成の参考になる物も多数
59:名無しさん＠お腹いっぱい。
17/11/15 21:24:51.39 R982Jm7r0.net
ゴチャゴチャして五月蠅いだけじゃんコレ
60:名無しさん＠お腹いっぱい。
17/11/15 21:42:49.45 Nx+gL1b00.net
そのまま利用するより参考にカスタマイズする感じかね
61:名無しさん＠お腹いっぱい。
17/11/15 23:21:42.18 59h1kq4q0.net
css自体の中身もいじりやすくなってるよ
62:名無しさん＠お腹いっぱい。
17/11/15 23:43:11.72 Zr88Z1En0.net
57で開発ツール使っての要素の調べられるんだな
メニューの要素も調べられるのかな
63:名無しさん＠お腹いっぱい。
17/11/16 07:06:06.22 01LDUw2W0.net
57でタブを多段化だけしたいので教えていただきたいです。
よろしくお願いいたします。
64:名無しさん＠お腹いっぱい。
17/11/16 07:13:24.53 JrnzVPgt0.net
Firefox57で多段タブを使う方法
URLﾘﾝｸ(00.bulog.jp)
65:名無しさん＠お腹いっぱい。
17/11/16 08:12:10.99 Q2voGTIC0.net
>>63
多段になったんだけどタブが短くてタイトル
見えないから値変えたのに適応されないのはなんでだろ？高さは変わるのだけど
66:名無しさん＠お腹いっぱい。
17/11/16 08:13:39.81 y9UqQzsx0.net
多段タブのcss(Firefox57で多段タブ でググって出てきた一番上)入れてatokで日本語入力してると
左上に検索候補らしい枠がちらつくのはどうやって直せば良いのでしょうか？
67:名無しさん＠お腹いっぱい。
17/11/16 08:42:56.02 JrnzVPgt0.net
>>64
about:config
browser.tabs.tabMinWidth
68:名無しさん＠お腹いっぱい。
17/11/16 13:56:42.24 Q2voGTIC0.net
>>66
ありがとうございます！！！
69:名無しさん＠お腹いっぱい。
17/11/16 19:05:01.20 xHWh9Ulb0.net
多段タブCSSはこれでほぼ完璧になった
CSSで多段タブ (URLがNGワードになってるので短縮URL)
URLﾘﾝｸ(goo.gl)
70:名無しさん＠お腹いっぱい。
17/11/16 19:28:37.70 n7eTQ8/k0.net
それぞれのタブの左上と右上に丸みを付けたい。
ググるといくつかあるのですが、57に対応してないためか丸みがつきません。
CSSでどう書けばいいんでしょうか？
71:名無しさん＠お腹いっぱい。
17/11/16 20:52:15.18 Em3kYYiK0.net
サイトバーのトップバー（閉じるボタンがるところ）を消す方法ないでしょうか？
72:名無しさん＠お腹いっぱい。
17/11/16 21:50:33.54 rrYBas8c0.net
>>70
#sidebar-header { visibility: collapse !important;}
73:名無しさん＠お腹いっぱい。
17/11/16 21:56:05.27 +m/tgS9P0.net
>>69
>>57のをダウンロードしてclassic/css/tabs/classic_squared_tabs.cssを開いてradiusを検索
これに限らずいろいろ勉強になる
74:名無しさん＠お腹いっぱい。
17/11/16 22:12:33.78 Em3kYYiK0.net
>>71
どもです消えましたm(_ _)m
75:名無し募集中。。。
17/11/16 22:21:29.08 j8JBXges0.net
ツリータブの背景色を変えたいのですが、どう指定するのでしょう？
開発ツールのDOMで分かるとのことですが、見方を教えてください
76:名無しさん＠お腹いっぱい。
17/11/16 22:26:17.26 n7eTQ8/k0.net
>>72
レス、ありがとう。
radiusはありませんでしたが、roundnessで下記がありuserChrome.cssへ書くも変化ありませんでした。
3px3pxを変えても同じでした。
/* tab top border roundness */
#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;
}
77:名無しさん＠お腹いっぱい。
17/11/16 22:55:43.97 +m/tgS9P0.net
>>75
その3pxがradiusですが……
ラインが追加されてるからそれも消す必要あるね
↓追記で
.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;
}
78:名無しさん＠お腹いっぱい。
17/11/16 23:07:47.69 j4D+Oqmw0.net
いつの間にかリロードボタンがロケーションバーに統合できなくなっていますがcssにより統合することは可能でしょうか
firefox57です
79:名無しさん＠お腹いっぱい。
17/11/16 23:10:53.66 VC2Mel210.net
>>77
これいいんじゃないかな
Reload in address bar
URLﾘﾝｸ(addons.mozilla.org)
80:名無しさん＠お腹いっぱい。
17/11/16 23:45:41.58 j4D+Oqmw0.net
>>78
アドオンであったんですね
教えて下さりありがとうございます
81:名無しさん＠お腹いっぱい。
17/11/17 01:10:27.57 7j9i2TvK0.net
ブックマークをクリックで新タブに開く
検索結果を新タブに開く
はできたのですが，いずれもその都度フォーカスも移ってしまいます。
フォーカスが現タブから動かず，上記の２件を新タブに開く方法があったら教えてください。
82:名無しさん＠お腹いっぱい。
17/11/17 01:13:33.11 3mEAOz770.net
>>63
これ導入して多段タブを表示した状態で正常にタブの並び替えできる？
自分は2段表示した段階でタブの移動がおかしくなる
83:名無しさん＠お腹いっぱい。
17/11/17 06:37:44.56 n9gI4iet0.net
アドレスバーからの検索結果を常に新しいタブで開く方法教えてください
84:名無しさん＠お腹いっぱい。
17/11/17 07:36:00.72 2rbPobbr0.net
>>76
ありがとう
丸みはアクティブタブだけ出ました。
非アクティブにも丸みを出せないでしょうか？
85:名無しさん＠お腹いっぱい。
17/11/17 08:02:42.86 6lek7+XZ0.net
>>83
>>75,76だけのcssでこっちは丸くなってるんだが
他に何か指定してるんでない？
86:名無しさん＠お腹いっぱい。
17/11/17 08:03:44.80 UhvshmDy0.net
>>81
俺も並び替えがうまくいかなかったのでツリー型タブに移行した
87:84
17/11/17 08:37:24.03 6lek7+XZ0.net
んー、よく見ると非アクティブタブ同士の間に薄いラインあるか
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
88: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
すみませんかぶりました
自分は１の方法は難しく２でいけました
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さん，レスありがとうございました。
しかし，その１，その２を試すも成功せず。です。
UTF-8（BOMあり）と(BOMなし)の件も確認しながら進めました。
でも，うまくいかない…
そもそも userChrome.js が正しく起動した場合，どのようになるのでしょうか？
とりあえず，私は AutoCloseBookMarkFolder_Fx37.uc.js が使いたいのですが…
126:名無しさん＠お腹いっぱい。
17/11/17 20:40:48.70 7j9i2TvK0.net
>>113です。
>>120さん，ご指摘ありがとうございました。かつ，申し訳ありません。
紹介いただいたスレも３日前から覗いているのですが…
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
お疲れ様 遅くまでありがとうございますｗ
ポータブル版で試してるんですけど
★ ブックマーク が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 でおｋだった
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
しかし、その上の２つの物は「#BMB_bookmarksPopup > menuseparator」とすると
全て消えてしまいます。これを区別する方法がわかりませんでしょうか？
やりたいことは、ブックマークツールバーから最近付けたタグまでの項目を消して
セパレーターばかりが並ぶので、その間のセパレーターを消したいのです。
現状は「#BMB_bookmarksPopup > menuseparator」１つで「.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
あ、