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/11/11(土) 18:55:30.73

●User Style Managerについて

バージョンによって利用できない機能があります

GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager

管理画面
×1.1.1
×1.1
○1.0

スタイル作成
○1.1.1
△1.1
×1.0

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

userChrome.css・userContent.cssスタイルスレ
　http://anago.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
　http://anago.2ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
　http://anago.2ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
　http://anago.2ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
　http://anago.2ch.net/test/read.cgi/software/1400202982/
userChrome.css・userContent.cssスレ Part6
　http://egg.2ch.net/test/read.cgi/software/1438959541/

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 22:19:56.79

Stylishが自動更新で11月11日付け置き換わったわけ
完全に終わった旧仕様の代わりに全く同じコードをuserChrome.css作ってコピったら完璧（笑）
てか今までもuserChrome.cssがあればStylishなんつーチンパンアドオン自体不要だったなｗ
食わず嫌いみたいな真似はなるべくしない方が良いと気付いたったｗｗｗ

**名無しさん＠お腹いっぱい。** · 2017/11/11(土) 23:16:20.23

自分で書く者にとっては、すぐに結果を反映できて書き換えられるStylishは都合が良かった
書いて再起動、意図と少し違った結果になったから修正してまた再起動とか面倒
特に数値の微調整とかやってられんわ
ContentだけならStylusで代替できるけれどもChromeは無理だし

**名無しさん＠お腹いっぱい。** · 2017/11/12(日) 00:48:13.09

いちおつ〜
>>5
あらためて知る「お試し」機能の偉大さよ。
Live editor for CSS and LESS
https://addons.mozil...or-for-css-and-less/
編集内容がリアルタイムに反映。
流石にabout:ページへの適用やuserChrome.cssのライブ更新は無理だけど
利用するサイト向けの更新作業に便利。

**名無しさん＠お腹いっぱい。** · 2017/11/12(日) 04:50:40.25

以下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
}
}

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

親要素に適用させるセレクタってCSS3に存在しないんだな…

**名無しさん＠お腹いっぱい。** · 2017/11/12(日) 06:39:37.97

>>5
スタイルエディターで即時適用、確認しながら書ける
Shift+F7 で開いて Alt+N で新規シート

XULはブラウザーツールボックスのスタイルエディター
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

書き上がったら userContent.css, userChrome.css に保存して再起動

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

>>7
userChrome.cssで動いてるよ。

**名無しさん＠お腹いっぱい。** · 2017/11/12(日) 07:33:14.77

>>7
/* ブックマークフォルダの色を黄色に戻す */

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

>>10
動くことは動くのですが、エラーのせいかこのcssより下にまた別のcssを書いてもfirefoxに反映されないのが気がかりになっています
>>11
すいません、紛らわしい書き方をしてしまいました
日本語はcssに書いていません

**名無しさん＠お腹いっぱい。** · 2017/11/12(日) 13:08:54.62

{}がないとかじゃねえの

@-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
}
}

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

>>13
ありがとうございます
無事色覚を取り戻せました

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

>>8
案はあったよね
>ではなく<を使うやつ
どうなったんだろうあれ

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

:hasだろ

**名無しさん＠お腹いっぱい。** · 2017/11/13(月) 17:10:20.41

#TabsToolbar * {
min-height: 18px !important;
max-height: 18px !important;}
}

Firefox57でuserChrome.cssにて上記のcssでタブバーをを細くしているのですが
タブを多量に開いた際にタブの右側に出る｢タブを一覧表示します｣のボタンのポップアップメニューがcssに影響を受けているのか正常に表示されません
:not(#alltabs-popup) { 上記記述 }
等素人知識で試してみたのですがうまくいきません
どのように修正したらいいのでしょうが

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

Firefox57.0 (64 ビット) です
userChrome.cssに以下の記述をしたところ、
タブバーは一番下になって目的は達したのですがブックマークツールバーが一番上になってしまいました
ブックマークツールバーをタブバーのすぐ上にするにはどうすればいいでしょうか？

/* タブバーを一番下にして上の隙間を削る */
#TabsToolbar {
-moz-box-ordinal-group: 9 !important;
margin-top: 0 !important;
}

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

>>17
不用意に全称セレクタ(*)を使わない
殆どの場合必要ないよ
特に子孫セレクタ(空白区切)との単純な組合せは影響範囲が広すぎて、そういう風に副作用が大きい

/* タブバーを細くする。 */
#TabsToolbar > #tabbrowser-tabs,
#TabsToolbar > #tabbrowser-tabs > arrowscrollbox {
min-height: 18px !important;
max-height: 18px !important;
}
/* タブバーを細くするとタブのドラッグ時にタブバーが消える対策。
* 参照: https://dxr.mozilla.org/mozilla-central/rev/2535bad09d72/browser/base/content/browser.css#193
*/
#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;
}

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

>>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;
}

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

>>20
希望通りになりましたありがとうございます！

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

>>19
ありがとうございます
勉強になります
基礎を知らずに素人が適当にやるもんじゃありませんね
以後精進します

潰れてたアイコンもこの指定なら綺麗に表示できるんですね
助かります
本当にありがとうございました

**名無しさん＠お腹いっぱい。** · 2017/11/14(火) 03:44:55.22

Firefox57.0 で久しぶりに userChrome.css に手を出してみようと思ったけど
昔あったDOMインスペクタみたいな、UI部分の要素を調べる方法って今はどうやるんですか？

**名無しさん＠お腹いっぱい。** · 2017/11/14(火) 04:58:13.55

>>23
ブラウザツールボックス

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

>>24
「ブラウザーとアドオンのデバッガを有効」および「リモートデバッガを有効」
が出現条件か、これがわからなかった
とりあえず出てきた、ありがとう

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

/* === 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をスクロールバーにかぶせるようにしてやっとスクロールバーが動かせる状態なんです。
これをどちらかもしくは、両方出来るようにならないでしょうか、よろしくお願いします。

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

タブバーとナビゲーションバーを透過させる方法はありますか?
#nav-bar{background-color:transparent!important;}
でナビゲーションバーの透過は出来そうなんですが･･･

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

>>26
あっすいませんこれ、ツールバーのカスタマイズのテーマをＤａｒｋにしないと、タブの文字色おかしいかもしれません。

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

>>27
んん？タブバーはともかく、ナビゲーションバーはデフォルトで透過だったような
適用しているテーマの影響かな？
自分用にメニューバーにも適用していた部分もコメントアウトして一応は残しておくので必要があればどうぞ

https://pastebin.com/HsxFvYNy

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

57.0 です
ブックマークツールバーのアイコンの間隔を狭くしたいのですが
ググって見つけた以下の記述では希望通りになりませんでした
toolbarbutton.bookmark-item:not(.subviewbutton) {
padding: 1px 2px; /* ← 1px 4px */
}
どうすれば間隔が狭くなるでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 00:36:41.05

>>30
!importantつける

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 00:43:32.61

>>31
希望通りになりましたありがとうございました！

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 04:59:02.80

ブックマークツールバーの文字がぼやけて何やら怪しい雰囲気を出しているのです
https://dotup.org/uploda/dotup.org1388534.png

文字の周りの影みたいなのをなくして見やすくするにはどうしたら良いでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 06:56:05.85

https://github.com/Aris-t2/CustomCSSforFx/blob/master/previews/classic_ui.png
57でもここまで出来る

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 07:00:48.27

ツールバーの三というのを非表示にしたいのですが
IDをご存じの方いらっしゃいますか

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 08:21:32.86

/* ツールバーの三を非表示 */
#PanelUI-button {
display: none !important;
}
これで消えると思います。

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 08:23:04.88

>>34
できました
ありがとうございました

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 09:13:15.43

ハンバーガーボタンはうちでは本物に置き換えている

#PanelUI-menu-button > .toolbarbutton-badge-stack{
list-style-image:none;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack:before{
content:"\1F354";
font-size:18px;
}

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 09:31:42.43

中止ボタンもしいたけに置き換えてるんだろ

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 09:32:48.51

>>36
ありがとうございます
お陰様で消すことが出来ました

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 09:33:23.96

>>38
これ面白いですねw

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 10:40:24.37

>>38
line-height:13px;
あたりを追加するとホバーした時の装飾が他のと一緒になるかも

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

改良すんなw

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 15:06:27.09

>>38
面白いなｗ
content:"\1F39A";に代えて使うわ
サンクス

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

>>35
ここを開いてデバッガで要素を見ればわかるよ
chrome://browser/content/browser.xul

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 16:09:47.85

タブバー消したらハンバーガーボタンと閉じるボタンとが重なってしまって微妙だからどうにかしたいけどなんかいい感じにならないかな

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 16:18:26.19

情報がばらけちゃってるな、うちは↓でできた

Mozilla Firefox質問スレッド Part175
http://egg.2ch.net/test/read.cgi/software/1507682626/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}

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 16:22:28.96

>>46
とりあえず自己解決
http://egg.5ch.net/test/read.cgi/software/1507682626/426

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 16:23:28.60

>>46
http://egg.5ch.net/test/read.cgi/software/1507682626/426
とりあえず自己解決しました

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 16:24:25.46

>>47
更新してなかった㌧㌧

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 16:30:48.07

>>46
クローズボタン避け横ずらしだとモヤモヤするのとあってなかったので
marginのrightをtopにして5pxにしたらいい感じになった
メニューバー出した時に空白部分が増えるのが気になるけど

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 17:50:22.00

#TabsToolbarを#PersonalToolbarの下に置いているから
#titlebar-placeholder-on-TabsToolbar-for-captions-buttonsのvisibilityをcollapseにして、
#nav-barのpadding-rightをそれと同じ幅の106pxにしている

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 18:15:58.98

タブの閉じるボタン非表示にしたい人は

userChrome.cssの作成し記入
/* タブを閉じるボタンを消す */
.tab-close-button{visibility:collapse !important}

userChrome.cssの置く場所
C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名
ここに「chromeフォルダ」を作成し、その中に「userChrome.css」を作成する

http://onlinepckan.net/tool/usercss.html
こちら参照

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 19:34:00.71

ブックマークツールバーの名称消すcss使ってたけど初めの1文字表示させたいなと
:first-letter使ってみたけど全くうまくいかない、助けて

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 20:49:39.11

>>54
アイコンを非表示にしてbackground-imageを文字図柄にする

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 21:05:58.17

>>54
#PlacesToolbarItems > .bookmark-item {
max-width: 4em !important;
overflow: hidden !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 21:17:25.71

Classic Theme Restorerの作者Arisさんの
Custom CSSでCTRを再現

GitHub - Aris-t2/CustomCSSforFx: Custom CSS tweaks for Firefox 57+
https://github.com/Aris-t2/CustomCSSforFx/
https://github.com/Aris-t2/CustomCSSforFx/blob/master/previews/classic_ui.png
https://github.com/Aris-t2/CustomCSSforFx/blob/master/previews/noiabuttons.png
57でもここまで弄れる
自作css作成の参考になる物も多数

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 21:24:51.39

ゴチャゴチャして五月蠅いだけじゃんコレ

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 21:42:49.45

そのまま利用するより参考にカスタマイズする感じかね

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 23:21:42.18

css自体の中身もいじりやすくなってるよ

**名無しさん＠お腹いっぱい。** · 2017/11/15(水) 23:43:11.72

57で開発ツール使っての要素の調べられるんだな
メニューの要素も調べられるのかな

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 07:06:06.22

57でタブを多段化だけしたいので教えていただきたいです。
よろしくお願いいたします。

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 07:13:24.53

Firefox57で多段タブを使う方法
https://00.bulog.jp/archives/1476

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 08:12:10.99

>>63
多段になったんだけどタブが短くてタイトル
見えないから値変えたのに適応されないのはなんでだろ？高さは変わるのだけど

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 08:13:39.81

多段タブのcss(Firefox57で多段タブでググって出てきた一番上)入れてatokで日本語入力してると
左上に検索候補らしい枠がちらつくのはどうやって直せば良いのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 08:42:56.02

>>64
about:config
browser.tabs.tabMinWidth

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 13:56:42.24

>>66
ありがとうございます！！！

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 19:05:01.20

多段タブCSSはこれでほぼ完璧になった
CSSで多段タブ (URLがNGワードになってるので短縮URL)
https://goo.gl/FgtL72

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 19:28:37.70

それぞれのタブの左上と右上に丸みを付けたい。
ググるといくつかあるのですが、57に対応してないためか丸みがつきません。
CSSでどう書けばいいんでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 20:52:15.18

サイトバーのトップバー（閉じるボタンがるところ）を消す方法ないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 21:50:33.54

>>70
#sidebar-header { visibility: collapse !important;}
　

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 21:56:05.27

>>69
>>57のをダウンロードしてclassic/css/tabs/classic_squared_tabs.cssを開いてradiusを検索
これに限らずいろいろ勉強になる

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 22:12:33.78

>>71
どもです消えましたm(_ _)m

**名無し募集中。。。** · 2017/11/16(木) 22:21:29.08

ツリータブの背景色を変えたいのですが、どう指定するのでしょう？
開発ツールのDOMで分かるとのことですが、見方を教えてください

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 22:26:17.26

>>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;
}

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 22:55:43.97

>>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;
}

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 23:07:47.69

いつの間にかリロードボタンがロケーションバーに統合できなくなっていますがcssにより統合することは可能でしょうか
firefox57です

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 23:10:53.66

>>77
これいいんじゃないかな
Reload in address bar
https://addons.mozilla.org/ja/firefox/addon/reload-in-address-bar/

**名無しさん＠お腹いっぱい。** · 2017/11/16(木) 23:45:41.58

>>78
アドオンであったんですね
教えて下さりありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 01:10:27.57

ブックマークをクリックで新タブに開く
検索結果を新タブに開く
はできたのですが，いずれもその都度フォーカスも移ってしまいます。
フォーカスが現タブから動かず，上記の２件を新タブに開く方法があったら教えてください。

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 01:13:33.11

>>63
これ導入して多段タブを表示した状態で正常にタブの並び替えできる？
自分は2段表示した段階でタブの移動がおかしくなる

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 06:37:44.56

アドレスバーからの検索結果を常に新しいタブで開く方法教えてください

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 07:36:00.72

>>76
ありがとう
丸みはアクティブタブだけ出ました。
非アクティブにも丸みを出せないでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 08:02:42.86

>>83
>>75,76だけのcssでこっちは丸くなってるんだが
他に何か指定してるんでない？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 08:03:44.80

>>81
俺も並び替えがうまくいかなかったのでツリー型タブに移行した

84 · 2017/11/17(金) 08:37:24.03

んー、よく見ると非アクティブタブ同士の間に薄いラインあるか
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}

75 · 2017/11/17(金) 08:59:35.32

>>86
これも追記するとタブ間の仕切りがなくなりますね。

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 09:29:55.51

>>82
検索語句入れて alt+Enter で新しいタブで開くようです
他の方法では今のところ無いらしいです

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 09:47:29.65

>>82
　649　　名無しさん＠お腹いっぱい。 [] 　 2017/11/17(金) 08:23:24.17 ID:J+sWG7e80 [2/3] (PC)
>>647
試してないけどこんな書き込み見つけた
https://egg.5ch.net/test/read.cgi/software/1506030128/271

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 09:48:34.22

すみませんタブ上部の線を消すんじゃなく短くする方法ないですか？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 09:57:59.88

>>86
すいません使わせていただいてタブの角が丸くなりました
同時にアクティブタブであることを示している上部青ラインが消えてしまいます
対策方法ないでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 10:02:58.39

>>91
>>76のでその青ラインを消してるんでその辺いじるかアクティブタブのborder-topを太くして色変えるとかかな

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 10:19:58.72

/* ロケーションバーのドロップマーカを非表示 */
.autocomplete-history-dropmarker {
display: none;
}
これ動かないのはおま環ですかね？
ドロップマーカってアドレスバーにある・・・の事だよね

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 10:22:05.89

>>92
ありがとうございます
青ラインは消さないと丸くならないみたいです
青ラインなしでいこうとおもいます

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 10:23:40.71

>>93
!important がないからとかじゃないの

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 11:20:49.26

>>93
違う
それは#pageActionButton

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 11:45:47.95

>>88-89
ありがとうございます。

tabmixみたいなのを待ちつつ、暫く手動でやっときます。

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 11:57:06.94

>>94
青ラインの替り
.tabbrowser-tab .tab-background[selected=true]
にこれを追記でどうよ
border-top:2px solid #3030E0 !important;

97 · 2017/11/17(金) 12:10:24.84

>>98
青ライン出ました
何回も教えてくれてありがとう

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

57から角タブになり、56までの丸タブよりは好み。
欲しいのは左上、右上を丸タブにして左下、右下を角にしたい。
それらしいのはuserstyles.orgにあったけどうまく表示されません。
詳しい方、お願いします。

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 12:47:35.88

>>100
先ずこのスレ読み直せよ

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 13:17:51.53

>>96
宜しければ・・・の消し方のコード教えて貰えませんか？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 13:29:24.41

微塵も内容を理解せずにとにかくコピペだけで済ましたいんだな

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 16:01:02.96

>>98
参考にさせていただきましたありがとうございます

**100** · 2017/11/17(金) 16:30:20.08

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

**105** · 2017/11/17(金) 16:40:54.82

同じようにして、非アクティブで丸みつけるのは無理？
56のときの丸みもアクティブだけだった？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 17:10:24.70

ロケーションバーの「…」を消したいのですがIDをもしご存じの方がいたらどうかご教示お願いします

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 17:17:23.70

>>107
#pageActionButton

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 17:41:09.27

開いているページを別ブラウザで開く
リンクを別のブラウザで開く
などができるものないでしょうか

OpenWith_1.1.1.uc.xul は57で動かないみたいです

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 17:49:49.27

選択しているタブの操作は
#TabsToolbar .tabbrowser-tab[selected] {
background-color: red !important;
}
でいけたんですが、やっぱり背景の表示はおかしいです。
これってどうにもならんのですか？
https://i.imgur.com/iDboIRH.jpg

また、選択していないタブの操作なんですが、
.tabbrowser-tab[selected="false"] {
min-witdh:40px !important;
}
などとしても動作しないのですが、どう指定すればいいんでしょうか？

また、角丸を角タブ化することも不可能なんですか？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 17:50:14.09

↑ちなwaterfoxでした

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 18:11:44.08

>>108
スッキリしました！ありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:38:20.77

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

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:43:41.72

アクティブタブの上部の青い線を消せないでしょうか。

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:51:11.45

>>113
Firefox57以降でuserChrome.js用スクリプトを利用する方法
http://wiki.nothing.sh/page/userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8
俺はその1をやりました
初心者の俺の失敗例ですがメモ帳で編集したので
UTF-8（BOMあり）で保存してて失敗しBOMなしに変換したら成功しました

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:52:27.88

>>113
あ、追記ですが .js のスレはこちらです
Firefox userChrome.js greasemonkeyスクリプトｽﾚ35
https://egg.2ch.net/test/read.cgi/software/1506030128/

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:53:06.53

>>113
userChrome.js用スクリプト - wiki@nothing
http://wiki.nothing.sh/page/userChrome.js%CD%D1%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:54:10.45

すみませんかぶりました
自分は１の方法は難しく２でいけました

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 19:56:16.07

>>113
ついでですがBOMのありなしの判定には
「文字コード判定＆変換ツール.NET」というソフトを使用しました

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

>>113
惜しいけどスレ違い。こちらで
Firefox userChrome.js greasemonkeyスクリプトｽﾚ35
http://itest.5ch.net/test/read.cgi/software/1506030128/

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

まともなテキストエディタぐらい揃えておけよ
BOMの判定？のためにわざわざそんなもん使うな
とりあえず Mery とかで十分

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:20:31.74

>>121
Meryの紹介ありがとうございます

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:39:10.54

>>113です。
>>115さん，>>116さん，レスありがとうございました。
しかし，その１，その２を試すも成功せず。です。
UTF-8（BOMあり）と(BOMなし)の件も確認しながら進めました。
でも，うまくいかない…
そもそも userChrome.js が正しく起動した場合，どのようになるのでしょうか？
とりあえず，私は AutoCloseBookMarkFolder_Fx37.uc.js が使いたいのですが…

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:40:48.70

>>113です。
>>120さん，ご指摘ありがとうございました。かつ，申し訳ありません。
紹介いただいたスレも３日前から覗いているのですが…

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:46:16.69

>>123
自分もよくわからんのですが
userChrome.jsはただ入れておくだけ

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

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

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

?closeTabsFromTheBeginning@zbinlin.uc.js
?タブコンテキストメニューに左のタブを閉じる項目「Close Tabs from the Left」を追加

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:48:19.03

他に誘導して教えてあげれば？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:53:49.07

>>123
続きは >>116 >>120 で

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 20:54:31.97

firefoxのタブ文字が右に行くほどフェードアウトしてるのですが、これはuserchromeで直せますか？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 21:15:56.13

未読込タブの色変えるのできる？
ググって出るような今までのやつ試したけどできなかった

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 21:44:34.67

>>128
>>110は誘導されたからまあ良しとして、マルチするのはどうなの

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 22:38:03.54

firefoxを起動したときにアドレスバーがフォーカスするようになっていますが
画面真ん中の検索欄にフォーカスすることはできますか？

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 22:58:28.80

>>129
既出

/* タブの色を変える */
/* 未読 */
.tabbrowser-tab[unread="true"]
{color: red !important}
/* 非ロード */
.tabbrowser-tab[pending="true"]
{color: yellow !important}

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 23:36:18.07

「Google 検索ツールをサイドバーへ」
https://userstyles.org/styles/78857/google
が、Stylishを使うと適用されるんですが、usercontent.cssに記述すると適用されません。
原因が分かる方いますか？
Windows7　64bit
FirefoxESR　52.5.0

**名無しさん＠お腹いっぱい。** · 2017/11/17(金) 23:40:59.34

>>132
それだと文字色だけ変わってタブ全体は変わらないよね？
かと言ってbackground-color使ってもやっぱりタブ全体は変わらない…

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

これでもダメだったの？
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;}

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

win10 デフォルトテーマ、コンパクト用
/*----------------- Tab Text color--------------------------*/
.tabbrowser-tab[unread="true"] { color: #aa0000 !important;}
.tabbrowser-tab:not([unread] ){ color: rgba(0,0,0,0.8) !important;}
.tabbrowser-tab[selected="true"] { color: rgba(0,0,0,1) !important;}
.tabbrowser-tab[busy]:not([selected="true"]) { color: #aa0000 !important;}
.tabbrowser-tab[busy] .tab-text { background: rgba(255, 153, 0, 0.6);}
/*****************************************************/
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content
{background-color: rgba(250,250,250,0.6) !important;}

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

Arisさんのcssを参考に52ESRで使ってたcssを手直し
Australisより前の形にしたいならArisさんのcss使えばいい

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

>>134
デフォルトなら>>132をbackground-colorにすれば変わるよ

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

>>20
横から感謝
モヤモヤが消えた

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

>>133
全てに「!important」を追加すれば適用される

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

>139さん
ありがとうございます。適用できたようです。

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

Find in Searchbar Highlightが機能しないことがあるのはおま環ですかね
再起動すれば大体は直るんですけど
他のuc.jsはこんなこと無いのですが古いからfx57で上手く動いてないって事でしょうか？

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

書き込むスレ間違えました・・・失礼しました

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

userChrome.cssで
@import url(XXXXXX_XXXXX.css);
を使用して外部ファイルを読み込むようにすると管理が簡単

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

3つほど質問があるのですがお願いします

古いStylishのやつがAbout this versionのところに残ったままなんだけどこれ消すにはどうしたらいいんでしょうか？
3以降でも書き方は同じで大丈夫でしょうか？
あと新しい保存データってどこにあるんでしょうか？

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

>>143
@import "foo.css";
の方が簡潔じゃない？

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

@import の処理って重い(遅い)んじゃないの？
そう思って面倒でも1ファイル内にべたべた張り付けて並べてる

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

分割管理してuserChrome.cssとして出力すればいいのでは
簡易的にはcat/typeとか

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

>>146
ローカルファイルで@importがそんなに問題になるとは思えんが
気になるなら >>147 だな
Windwosならcopyに/bオプションつければ結合できる

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

どうせなら、Web周りなんだから Node.js 環境でスマートにやろうぜ

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 01:48:48.28

>>132
これツリー型タブのサイドバーには適用されないのか…困った

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 02:04:47.58

>>150
57のツリー型タブにしたらきかなくなったよね

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 02:05:15.42

ツリー型タブの設定からcssいじれなかったけ

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 02:17:45.32

>>152
発見した
ありがとう

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 06:17:13.46

ホバーしているタブのコントロールをしたいのですが、cssでの指定はどうすればいいのでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 10:55:08.55

Firefoxのアドレスバーと検索バーのあるバーの高さを狭くするのはどうしたらいいでしょうか？
26ptぐらいにしたいです。
いろいろやってみたのですがアドレスバーだけ狭くなってしまったりします。

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 11:26:28.77

Find in Searchbar Highlight.uc.jsで
・最初からハイライトボタンを表示
・検索ボタンの左クリックは検索実行のままにする
に変更したいのですがどこを編集すればよいのでしょうか？

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 11:30:54.67

>>141
おまかんじゃないと思う。
再起動直後は使えてもしばらくすると元の検索エンジンの検索に戻っちゃうね。

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 11:33:43.30

>>155
自分用だから好きにイジって
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 11:38:38.31

>>156
どこかの書き込みをメモしたものだから動くかは不明

/* 検索バーの → を常に表示するように固定 */
.search-go-button {
display: inline-block !important;
}

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

大したものじゃないがメモ書き
Googleとかで丸i周辺デカくなるのがうざかった
/*-- URLバー --*/
/* |区切りと…消去 */
#pageActionSeparator,#pageActionButton{display: none !important;}
/* iの部位スリム化 */
#identity-box{
max-width: 20px !important;
padding-left: 2px !important;}
/* URLバー短く、オンマウスで広げる */
#urlbar-container{max-width: 200px !important;}
#urlbar-container:hover{max-width: 500px !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 12:22:34.42

>>159
ありがとうございます
動作はして検索ボタンは常に表示されるようにはなりましたがハイライトについては変わりありませんでした

スレ違いでしたので移動します

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

メニューバーの文字色と、タブのホバーの指定方法教えてください

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

このスレ見てるとID調べるのが死ぬほどめんどくせえってのが
存在してる一番の理由だよな

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 13:05:34.91

>>80
ブックマークを新タブで開く時にカレントタブからフォーカスを移動しない（user.js）

user_pref("browser.tabs.loadBookmarksInBackground", true);

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 13:14:41.07

>>160
全く上手く動いてなかったので手直し
/* URLバー短く、オンマウスで広げる */
#urlbar,#urlbar-container{
max-width: 200px !important;
min-width: 100px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 350px !important;}

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 14:19:12.19

urlバーを縮めて、検索バーの長さを広げたい場合は
どう記述したら良いんでしょうか

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 14:28:43.28

>>158に似たようなコードが書いてあったのでまねしてみたら形にはなりました
よく読まずに書き込んで申し訳ありません。手直し必要な部分があったら教えて下さい
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}

#nav-bar .toolbarbutton-1～の部分はよく分からなかったので記述しませんでした

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 15:27:54.90

そんなものわざわざcssでやらなくても両欄の間をドラッグすればいいような

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 15:50:25.72

バーにフォルダを置く人には必要なんだよ

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 17:13:40.45

Stylishじゃサイドバーの行間とか調整できなくなった？

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 17:35:35.25

サイドバーはchrome領域だからuserChrome.cssで指定する

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 17:55:37.75

userchromeのリファレンスってどこにあるんですか？
メニューバーの色
アクティブなタブ
非アクティブでホバーされたタブ
非アクティブなタブ
をコントロールしたいですが、それぞれの書き方を知りたいです

また、waterfox55なんですが、角タブ化ってuserchromeでは無理なんでしょうか
cssの書き方はだいたいわかります

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 17:58:58.53

>>172
無い
本来ブラウザツールボックスつかってインスペクタで調べて
自力でどうにかできる人向けのものだからね

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:10:54.47

そういうもんなんですか
頑張ります

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:13:22.88

>>174
「firefox chrome url」でググると良いよ

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:19:40.98

ちなみに55の角タブ化ってuserchromeでは無理ですか？
ctrでは出来るんですが

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:27:28.63

>>176
出来るよ
自分もWaterfox使ってて角タブに変えているよ

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:33:39.21

コンパクトテーマじゃダメなの

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:49:42.64

Waterfoxスレでやれよハゲ

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 18:56:52.22

>>158
ありがとう。
#urlbar,
.searchbar-textbox
でやったらうまくいきました。

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 23:00:40.24

57ではフォントをいじれなくなったのかな？
MSPゴシック指定してるサイトはメイリオに置換してたが出来ない
游ゴシックを游ゴシックMediumにもできないしfont-weghitも効かないから辛い

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 23:19:42.50

>>181
どういう指定してるのか書かないと。
あとね。
＞font-weghit

そもそもそれ誤字なんだけど。

**名無しさん＠お腹いっぱい。** · 2017/11/19(日) 23:19:59.15

できます

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 05:35:43.66

>>181
うちもフォントの設定がおかしくなったけど試しに新規プロファイルでやってみたら普通にできたから
もしかしたらプロファイルの問題かもね

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

下記でアクティブタブに丸みがつくのですが、すべてのタブに丸みをつけるにはどう書けば良いのでしょうか？
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}

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

「font-weghit」とか書いてたらそりゃ動くわけねーわ
アホかよ

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

>>185
この間教えてもらったものです
>>186をつなげてください

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

.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
border-top:2px solid #3030E0 !important;
}

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

.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}

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

>>187
うーん、残念！
アクティブタブのみ丸くなり、その他間の仕切りも消えます。
>>188も繋げてます。

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

>>189
一応うちのは丸くなって入るんですが
自分はさっぱりわけわかめなので
https://i.imgur.com/xRO0eun.png

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

お世話になります　この2か所の調整できますでしょうか
https://i.imgur.com/8GzBRjf.png
よろしくお願いします

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

両方共どっかでみたことある
無理ではないと思う

**191** · 2017/11/20(月) 12:57:29.42

ありがとうございます
パンツ脱いで待ってます
どなた様かよろしくお願いします

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:07:00.55

サイドバーのタイトルバーをそもそも表示させないって言うのなら利用させてもらっている

/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }

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

自分も>>185だけで全てのタブに反映されてる

**193** · 2017/11/20(月) 13:19:50.03

>>194
早速ありがとうございます。

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:22:36.06

>>195
俺はカレントタブだけ丸みが付いているように見えるけど、他のタブにカーソル乗せてみると
やっぱり丸み付いてるから、>>185の環境でタブと背景が同色で丸みが見えないだけだと予想

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:24:52.42

/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}

素人だけどこれのwidthをheightにしてなんかすればいいんじゃね

**名無しさん＠お腹いっぱい。** · 2017/11/20(月) 13:27:28.48

>>190
radiusが3pで丸みが見えず、仕切り線も消えてますね。

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

>>197
それはない。はっきり仕切り線も出てる。