userChrome.css・userContent.cssスレ Part7

■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。
垢版 |
2017/11/11(土) 18:54:58.08ID:hti5ZF6m0
●前スレ
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.net/test/read.cgi/software/1438959541/

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

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

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

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

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

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0564名無しさん@お腹いっぱい。
垢版 |
2017/11/30(木) 19:33:29.50ID:ttTgc6SI0
>>559
これでメニューバー内全部
#main-menubar label {
font-size: large !important;
}
0565名無しさん@お腹いっぱい。
垢版 |
2017/11/30(木) 19:34:49.75ID:ttTgc6SI0
>>563
window[inFullscreen] #close-button {
display: none !important;
}
0566名無しさん@お腹いっぱい。
垢版 |
2017/11/30(木) 19:45:09.56ID:xl8lV0wI0
>>565
お手数かけますが、残りの2つのボタンもお願いできますでしょうか・・・
3つ1セットだと思いこんでました、すいません
0567名無しさん@お腹いっぱい。
垢版 |
2017/11/30(木) 19:47:46.59ID:ttTgc6SI0
>>566
window[inFullscreen] #window-controls {
display: none !important;
}
0570名無しさん@お腹いっぱい。
垢版 |
2017/11/30(木) 22:00:37.16ID:DfUa9Zpo0
about:addons にCSSを適用させるにはどうすればいいでしょうか?
userContent.css userChrome.css どちらも試してみましたが駄目でした
0576名無しさん@お腹いっぱい。
垢版 |
2017/11/30(木) 23:43:33.35ID:0jkTBBn50
Firefox 57 で最初から日本語で入力できるようにするには
どうすれば良いでしょうか。
今はこんな感じにしてますが、効かないようです。

#searchbar *|input,#urlbar *|input,input,textarea {
ime-mode: active !important;
}
0577名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 02:38:00.49ID:5K9nrcYD0
>>564
ありがとうございます
調べていて以下のやり方で履歴・ブックマーク個別で変更できました
.menu-iconic-text{
font-size: 22px !important;
}
0578名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 04:26:16.05ID:8wbtMwvP0
57にしてからDOM Inspectorがなくなってしまったので、仕方がなくxulを表示させてインスペクターを使っているけれども使い辛い……
お前らはどうやってるの?
0581名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 07:33:23.70ID:EVsLJyX+0
C-S-A-i 同時押し
0582名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 07:43:22.34ID:F4fOnyMS0
>>572
firefoxでスレ見てるけど見た目普通のURLなのにリンクになってねーなと思ってコピペしたら逆順になるんだがどうなってんの?
0585名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 08:30:19.66ID:Z7DlzE3E0
>>584
下記ですよね、変わらない。

ポップアップメニューの項目の縦の間隔を詰める †
menu label, menuitem label, menupopup label{
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top:1px !important;
padding-bottom:1px !important;}
menu hbox, menuitem hbox, menupopup hbox,
menu image, menuitem image, menupopup image,
menuseparator{
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top:0px !important;
padding-bottom:0px !important;}
0587585
垢版 |
2017/12/01(金) 08:38:51.56ID:Z7DlzE3E0
1pxを0pxにして僅かに詰まった。
0588名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 08:43:54.81ID:8iO1NuaV0
これでどう

/*
* メニューアイテムの間隔を狭める
*/
menupopup label, /* ポップアップメニュー (メニューバー, コンテキストメニュー, 等) */
panelview .subviewbutton /* ツールバーボタンパネル (≡ボタン, 本棚ボタン, 等) */
{
margin-block-start: -2px !important;
margin-block-end: -2px !important;
}
0591名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 10:51:07.80ID:XPE08IQ60
Firefox57対応のサイドバーとサイドバーサーチ部分を総合的にカスタマイズしたので、おすそ分けします。
よくわからない人は全てコピペしてね。

/* Firefox57 サイドバーヘッダーとサイドバーサーチ部を総合カスタマイズ */
/* サイドバーヘッダースリム化 */
.sidebar-header,
#sidebar-header {
font-size: 1em !important;
padding: 0px 4px !important;}
/* サイドバーサーチ部スリム化 */
#sidebar-search-container {
padding: 4px !important;
border-bottom: 1px solid ThreeDLightShadow; /* サイドバーサーチ部下線追加 */}
/* サイドバーヘッダーのアイコンとドロップマーカーを非表示 */
#sidebar-title {
padding-inline-start: 4px !important;}
#sidebar-switcher-target {
padding: 2px 0px !important;}
#sidebar-switcher-bookmarks > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-history > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon,
#sidebar-switcher-tabs > .toolbarbutton-icon,
#sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
list-style-image: none !important;
width: 0px !important;}
#sidebar-switcher-arrow {
list-style-image: none !important;
width: 0px !important;}
0592名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 11:15:59.75ID:F4fOnyMS0
タブローディング中のやつ消さずに色変えようとしたけど
これだけだと途中から色が戻ってしまう
#tabbrowser-tabs .tab-throbber {
color: red !important;
}
0595名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 11:41:17.83ID:DirmYnQe0
Firefox57のコンパクト、進むとURL移動と検索決定のボタンが同じって手抜きなのこれ
やたらダサい矢印だし、いい感じにできないっすかね・・・
0599592
垢版 |
2017/12/01(金) 12:26:28.17ID:F4fOnyMS0
でけたかな?
#tabbrowser-tabs .tab-throbber {
color: red !important;
}
#tabbrowser-tabs .tab-throbber[progress]::before {
fill: currentColor !important;
}
一時的に属性がプラスされるようだbusy="true" progress="true"
0601名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 13:21:32.50ID:+ma3icdn0
>>アイコンまでこだわるときりがないっすよ

でも、気にしたんだろう、矢印も少しはましになっているwww
こんな誰にでも分かりやすい事項が一番議論を呼ぶことになる
その程度のことを事前に対処できなくて勝負になるか
0602名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 13:26:27.50ID:/ZJipEVn0
アイコンはテーマの邪魔にならないように細く目立たなくて
存在を主張しないデザインにしてるんだろ
0603名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 14:18:44.07ID:XPE08IQ60
URLバー内、
青色の★アイコン(ブックマーク済みの場合)を灰色に変更したので、おすそ分けします。

/* URLバー内の青色星アイコンをグレイ色に変更 */
#star-button,
#editBookmarkPanelStarIcon {
filter: grayscale(100%);
}
0604名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 14:34:55.82ID:nZE315gP0
検索バーの横のアイコンなんですが、アイコンサイズ自体は替えられたのですが
このアイコンにオンマウスしたときのヒント(ポップアップノーティフィケーション)の
フォントを大きくしようと
tooltip {
-moz-appearance: none !important;
font-size: 22px !important;
}
などとしたりしているんですがうまくいきません。
やってることはかなり外してますかねえ。
0611名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 21:20:38.05ID:hfM8e02k0
アドレスバー左右にドラッグ時に使用使用するスペースが欲しい
伸縮自在のスペースじゃなく固定幅のスペースがあればいいのですが
cssでアイコン1つ分くらいの固定幅のスペースを作る方法ないですか?
0612名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 21:38:15.47ID:bOZnuWsA0
firefox57になってアドオンのDOMインスペクターが使えなくなったのが痛い
どうやってブラウザ部品(homeボタンとか更新ボタンとか右クリックメニューとか)の要素属性調べたらええのん?
0616名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 22:07:14.13ID:44EPp3tK0
>>611
:not(toolbarspring) + #urlbar-container #urlbar {
margin-inline-start: 28px !important;
margin-inline-end: 28px !important;
}
0617名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 22:29:13.76ID:cRHOOHdw0
57にしてstylishやstylusあきらめてcss直接いじってるけど意外と不自由ないな
確認するたび再起動するのがめんどいけど
0619名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 23:10:23.10ID:EX1M/+Ix0
再起動ボタンのある about:profiles ページをよく開くようになったね
もうここをスタートページにしちゃうか?
いやそれじゃカスタマイズ自体がブラウザの使用目的みたいだ
0620名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 23:22:26.52ID:Jqkame0j0
ブラウザツールボックスのスタイルエディタでcss弄ればすぐに反映されるから一々再起動しなくてもよくなるよ
0622名無しさん@お腹いっぱい。
垢版 |
2017/12/01(金) 23:50:36.37ID:EX1M/+Ix0
>>620
スタイルエディタはそういう用途なのか
慣れたテキストエディタ以外での編集を敬遠してたけど
テキストエディタで編集して、スタイルエディタにコピペすればいいのか
0623名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 00:25:18.05ID:wqCF5Lss0
ツールバーでアイコン仕舞えるフォルダ?みたいなその他のツール「>>」の
カスタマイズって出来るのかな?幅とか諸々
0624名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 00:33:34.33ID:XlYuaAfQ0
>>623
/* オーバーフローメニュー (#widget-overflow) */

/* 幅を広げる */
#widget-overflow-mainView,
#widget-overflow-fixed-list > toolbarbutton {
min-width: 480px !important;
max-width: 480px !important;
}

480ってのはUser-Agent Switcherという拡張のパネルが
収まる数値がこうだったので、用途に合わせて適当に変えて
0626名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 01:00:40.51ID:6P3VlVzD0
誰かロケーションバーと検索バーの選択時の囲み線の非表示プリーズ
ダークテーマだけやたら目立つやつ
0627名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 01:06:51.89ID:fn2G6/+X0
>>626
#urlbar, .searchbar-textbox {
border-color: var(--chrome-nav-bar-controls-border-color) !important;
}
0636名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 15:22:50.65ID:2tROD6eG0
ボタン、ボタン、スペース、ブックマーク、ブックマーク、… というふうに
ボタンとブックマークの間にスペースを入れたいのですが
カスタマイズの伸縮自在のスペースでは広すぎるのでcssでもっと狭いスペースは出来ないでしょうか?
>>616を参考にurlbarをbookmarks toolbarに置き換えてみたり色々いじっていますが上手くいかないです
0637名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 15:30:29.53ID:Hpmy/7bl0
ID:0siSYn2q0
自慰しかできない能無しが

>>621はこれを貼れば良い。ID:0siSYn2q0は真昼間からパンツ脱いでチンポを上下にしごいている能無しだから捨て置くように
/* 検索バー・URLバー・サイドバーのグレイテキストを非表示 Firefox57 */
/* 「検索」「URL または検索語句を入力します」「ブックマークを検索」「履歴を検索」 */
#searchbar *|input::placeholder,
#urlbar *|input::placeholder,
#sidebar-search-container *|input::placeholder,
.findbar-textbox *|input::placeholder,
#searchFilter *|input::placeholder
{
color: transparent !important;
}
0638名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 15:35:57.15ID:0siSYn2q0
>>637
はいはい
俺が貼ったIDを
まるで、私が書きました!!!!

みたいに追加しただけね

氏ねや
じじい
ID:Hpmy/7bl0
0639621
垢版 |
2017/12/02(土) 15:45:24.94ID:wwavK69i0
>>637さんありがとうございます。出来ました!
不親切な>>638には死んで頂きたいです
0642名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 15:49:42.20ID:0siSYn2q0
ID変えても私は621です
で、通じるからな

誰がなりすましたか知らんけど
0643名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 15:53:02.20ID:0siSYn2q0
>>640
それよ
ここのスレにレベルが低いのが混在してるってある意味恐ろしいわ
cssなんか使うレベルじゃねーだろ、って奴が大杉
0645名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:06:35.45ID:fn2G6/+X0
>>636
/* ツールバーボタンの右隣に置かれた「ブックマークツールバーの項目」先頭に余白を設ける。 */
toolbarbutton + #personal-bookmarks {
margin-inline-start: 16px !important;
}
0646名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:09:21.56ID:0siSYn2q0
ID:2SHHiLq20

そういうお前の人様の為になる
cssを披露して欲しいな

早く役に立つcssでも貼ってみな
ID:2SHHiLq20

貼ったら、褒めてやるよ
貼れなかったらレベルの低いアホ認定で
0647名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:12:31.43ID:0siSYn2q0
とりあえず
役立たずな奴らを貼っていこうかな


回答もできないくせして、俺の貼ったIDを追加記述しただけの勘違い野郎 ID:Hpmy/7bl0
レベルの低い ID:2SHHiLq20
0649名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:16:42.19ID:0siSYn2q0
追加でイミフな馬鹿
ID:bhPt199H0
0650名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:17:28.73ID:6l+ZHRnZ0
多段タブを使ってる状態でブックマークから時々新規タブが開けなくなること無い?
開いてたページのリンクは飛べるんだけど、ブックマークや検索バーでは開けなくなる
再起動したら直るんだけど結構不便で対処法知ってる人居たらお願いします
cssの一番上に書いたりしてみたけど変わらなかった
0653名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:36:07.13ID:0siSYn2q0
なに言ってんだ?馬鹿ID:2SHHiLq20

質問者の使ってる多段タブで検証しないと
意味ねーだろが

恥ずかしい奴だな二回も馬鹿認定されてID:2SHHiLq20
もう寝れば?ID:2SHHiLq20
0655名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 16:45:13.87ID:0siSYn2q0
ID:eY+tylwI0
お前も落ち着けよな

荒らしてるのは
ID:Hpmy/7bl0
ID:2SHHiLq20

特に悪質なのはいい子気取りで
ろくに回答もできないID:Hpmy/7bl0
0661名無しさん@お腹いっぱい。
垢版 |
2017/12/02(土) 23:06:08.55ID:Y3pCenuN0
プライベートウィンドウでのみ別のルールを適用する方法ある?
今タブバー消してツリー型タブを使ってるんだが、新規プライベートウィンドウだとデフォルトでサイドバーがオフなのでタブが何も見えず使いづらい
0662名無しさん@お腹いっぱい。
垢版 |
2017/12/03(日) 00:44:13.51ID:I5QEeaeS0
>>661
プライベートブラウジング中は window 要素に privatebrowsingmode 属性が付く

#TabsToolbar { visibility: collapse !important }
[privatebrowsingmode=temporary] #TabsToolbar { visibility: visible !important }

privatebrowsingmode 属性の値は permanent または temporary
permanent は browser.privatebrowsing.autostart;true のとき(「履歴を一切記憶させない」)
その場合は新しいプライベートウィンドウを作ってもサイドバーの表示状態が受け継がれるので temporary だけでok
0663名無しさん@お腹いっぱい。
垢版 |
2017/12/03(日) 00:45:10.63ID:ZZHbHG1p0
そのCSSの前に#main-window:not([privatebrowsingmode])をつければ
プライベートウィンドウは除外される
こんな感じ
#main-window:not([privatebrowsingmode]) #tabbrowser-tabs{visibility:collapse !important}
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況