userChrome.css・userContent.cssスレ Part8

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

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

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880

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

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

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

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

>>85
昨日のage厨？

>>86
違います

>>87
引き篭もりさんですよね？

>>88
違います

あげとくわ

目に余るような質問も、それに対する煽りもスルー

ブックマークツールバーの自動表示はありますが
タブバーの自動表示はできますか？

ツリー型タブを使用しているのでタブバーを非表示にしてみたものの、あると便利とたまに思えて
自動表示にできないものかと
タブバーの自動表示のcssのPersonalToolbarをTabsToolbarに書き換えたりしてみたものの、表示が崩れるのみでした
お願いいたします

前スレぐらい嫁

もう質問禁止でええやろ
ダブった質問の繰り返しばっかりやし

そんなこと言う必要ないだろ、知ってることがあったら教えてあげればいいし
教えたくなければ黙ってればいいそれだけ

依頼心の強そうな書き込みは無視してる

スルーできてないし無視もできてないんだがｗ

いかにもアホな質問来たら
スルーしないで徹底的に叩いたほうが本人の為かもな

前スレの優しかったお前らは一体どこへ行ってしまったのか

5chは匿名掲示板です

>>92

>>32 から少し読んでいけばあるよ。

>>101

ごめん、>>37 でした。

>>93
前スレを読みましたが
タブバーの自動表示はありませんでした
実のところは無理なのでしょうか？

>>103
おまそう

>>103
>タブバーの自動表示はありませんでした

あったよ

>>103
今前スレ見たらあった
「タブバー」で検索してヒットしないからないとか言ってるんじゃないだろうな
そこらへんは工夫しないと、あるいは1から1000までしらみつぶしに全部読め

ここは
”上手なインターネット検索の仕方”
スレですか？

ID:0Hdm1K2v0は検索すらせずに「前スレを読みましたが」と言ってるんだろ
検索すればすぐ見つかるんだから

みんな意地悪言ってるわけではないと思うぞ
css弄るならせめて検索くらいは出来るようになってからの方が良い

最近Stylishなんか使わずにStylus使えというのをよく見るけど、Stylishは馬鹿な子に成り下がったのん

Stylishは売り払われた
Stylusは元Stylishの開発チーム

おｋ、後継はStylusなのね

Userstyle xss vulnerable - forum.userstyles.org
https://forum.userstyles.org/discussion/62385/userstyle-xss-vulnerable
https://twitter.com/esperecyan/status/944149870771716097

最近Tab Sidebarというアドオンを見つけまして使っています
https://addons.mozilla.org/ja/firefox/addon/tab-sidebar-we/

スタイルシートの編集変更ができるためCSSの知識は皆無でしたが
このスレで得た情報やノウハウを基にし
なんとかタブバーのタブの色と同じに
ピン留めしたタブの文字を太く色も変えるまでできました
text-overflow: ellipsisもできました
https://i.imgur.com/NqnYIuS.png

あともう一つだけ変えたいのはellipsisの...ではなく
タブバーのタブと同じように文字をフェードアウトさせたいのです
ここで行き詰っていまして
ヒントだけでも与えて頂けないでしょうか

標準のCSSを見ればいいんじゃないの
chrome://browser/content/tabbrowser.css
ざっと見た感じ.tab-label-container[textoverflow]〜mask-image:〜があるブロックが
そうだと思うが左右試すのは本人に任せるね

>>115
本当にありがとうございます
これを入れるだけでフェードアウトしました <(＿ ＿)>
mask-image: linear-gradient(to left, transparent, black 2em);

すみません、タブの下にできる数pxの隙間はどうにかなくせないものでしょうか？
どうぞ宜しくお願いします
https://dotup.org/uploda/dotup.org1420476.png

理想
https://dotup.org/uploda/dotup.org1420478.png

地雷臭がするな

>>117
タブツールバーの高さを調整すれば出来るのでは？
#TabsToolbar { margin-left: -38px !important; min-height: 28px !important; height: 28px !important;}

56で使ってたcssをそのまま57に使っているんだろ

ありがとうございます
.tabbrowser-tabs {
min-height: 22px;
max-height: 22px;
}
で出来ました

>>120
だいたいそんな感じです^^;

また問題が。。。
ポインターをタブに持ってくと一番上にまた数px隙間があって
選択しづらくて困ってます
https://dotup.org/uploda/dotup.org1420559.png

な、地雷だったろ？
スルーして正解やったわ

このくらいで地雷認定とかどこの無菌室で生きてるんだろ？
ミジメな奴がいるなｗ

どんなcss書いているのか
カスタマイズ画面でタイトルバー、ドラッグ領域、UI密度の設定はどうなのか
情報出さないとダメだろ

>>124
それな
後出しの地雷臭プンプンするわ

https://dotup.org/uploda/dotup.org1420649.zip

コピペで継ぎ接ぎがひどく余計な記述もあると思います

UI密度はコンパクトです
https://dotup.org/uploda/dotup.org1420657.png

お手数おかけします

他人にお手数かける前に過去ログくらい嫁

#titlebar-buttonbox-container
#titlebar-buttonbox
.titlebar-button
この辺のheight,padinngを弄れば高さが変わって隙間は消せる
osが7、8、10で違う場合もある
ウインドサイズがnormalかmaximizedか指定する必要もあると思う

ウイルス入りのZIPファイル
ばら撒くのはやめて欲しい

前スレとは打って変わって凄く雰囲気悪くなったな。
ヌシのような奴は口だけで何もしないようなので素人さんはcss絡みも別スレで聞いたほうが良いぞ。

こんなのイキってる馬鹿チョンが一匹ID転がして雰囲気壊してるだけだろ。
口調と質問に対する対応がずっと同じ。
そういう奴に限って質問への回答が一切できない。

どうせここで質問して誰も教えてくれなかったのを根に持って荒らしてるんだろ。

>>131

そういう態度や言動がここの雰囲気悪くしてるのに気づかないとはな。

哀れなやつだ

オマエモナー

ここまで全部俺

くれくれ君のおいらを満足するプロダクトは未だかなw

また三重県か

cssで履歴サイドバーの検索ボックスを非表示にしています
#history-panel #search-box {
display: none !important;
}

残った表示のボタンは利用したいので
スクリーンショットの赤丸の位置へ移動させられればと考えてます
どうすれば可能でしょうか
https://i.imgur.com/XSBwsbW.png

>>137
無理

>>138
ありがとうございました
表示の上下をpadding: 0pxで細くして対処することにします

無理じゃないが、CSSだけで対応するとちょっと無理矢理で記述が汚くなるな

cssで特定のプロパティ:値を持つ要素をセレクタに指定することって可能ですか？
例えばfont-weight:boldの文字のみをいじったりしたいのですが

むり

>>140
記述なんか汚くなっても別にいいのでここにぜひ記述してみてください。
移動できるのなら。

ブックマークツールバーをマウスオーバーで自動開閉やつを自分好みに弄ってみた

/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important;
}
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important;
}
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important;
}
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important;
}
#navigator-toolbox:hover {
margin-bottom : -20px !important;
transition-delay : 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important;
}

>>142
やはり無理でしたか
結構調べましたが無理っぽいですよね
htmlで<b>してるなら(b)とかで行けると思うのですがそんなサイトはもうめったにないです

CSSでgetComputedStyleみたいなことはムリとしても
そもそもfont-weight: boldになってるなら、セレクターとしてはなんかしら引っ掛けるところがあると思うが

ああダメか、汎用性ねえわ

>>140
まだでしょうか？。
無理じゃないんですよね？。
汚くてもいいので記述お願いします。

なんだこいつ

ずっとスレ荒らしてるチョンだろ
やり口かえて荒らしてるだけだよ
質問者とは別人なのは文の癖で分かる

いや無理じゃないって書いてるんだから、書いて見せればいいだけ

フロートさせて重ねるとかすれば出来そうな気がするが

今少し試して見たけどサイドバーヘッダーの手前に持って来るのよくわからなくて挫折したｗ早っ
css素人な自分では無理だた

つ、釣られたクマー(AAry

ヘッダは隠せなくなるけどできたので要点だけ
・ヘッダを潰してボタンをいい感じに配置
sidebarheader#sidebar-header {min-height: 0px !important; max-height: 0px !important; position: fixed !important;}
sidebarheader#sidebar-header .close-icon {position: absolute !important;}
sidebarheader#sidebar-header toolbarbutton#sidebar-switcher-target {position: relative !important;}
・履歴の[表示▼]をいい感じに配置
・ブックマークやら同期タブやらの時に上部にヘッダ分のスペースを設ける

>>154
そのcssじゃ、まるで駄目駄目だな
無理なら無理ってはっきり謝罪しろよ
無理じゃないけど、なんて思わせぶりなこと書くから、恥をかくことになる

要点だけって言ってんのにこれで全部できると思ったの？
それともそう言えば全部書いてもらえると思ったの？

ID:g8czU6vR0 キチガイ

ようするに


無理ってことね

>>137
@-moz-document url("chrome://browser/content/browser.xul") {
#sidebar[src="chrome://browser/content/history/history-panel.xul"] {
margin-top: -46px !important;
}
#sidebar-header #sidebar-switcher-target,
#sidebar-header #sidebar-close {
position: relative !important; /* クリックに反応するようにする */
}
}
@-moz-document url("chrome://browser/content/history/history-panel.xul") {
#history-panel #sidebar-search-container #search-box {
display: none !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-left: 100px !important;
margin-top: 4px !important;
}
#history-panel tree {
padding-top: 4px !important;
}
}

>>159
おおおおおおお、すっげええええええええ
あなたこそは神ｗｗｗｗｗｗｗｗ


でもサイドバーを閉じるボタンと重なってるよ

とりあえず
>>149
>>150
>>154
>>157
が、まったく役に立たないのはよくわかった
煽るぐらいなら、>>159みたいな役に立つことを書いてみろよ

二人のを参考にしてやっと出来た。使う予定ないけどｗ
まだpositionの概念がよく理解できてないからどこかで学習し直してくる
#history-panel #search-box {
display: none !important;
}
#history-panel #viewButton {
margin-left: 90px !important;
}
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header {
margin-bottom: -40px !important;
}
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header #sidebar-switcher-target,
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header #sidebar-close {
position: relative !important;
}

>>159
>>137です
>>154さん>>159さん
作ってもらえて感謝してます
https://i.imgur.com/ReFneRa.png

margin-left: 100px で左からの位置固定になるわけですが
サイドバーを広げたり狭めたりしたときに「表示」も
サイドバー右に沿いながら可変するにはどうすればいいでしょうか

動作例としては履歴サイドバーの検索を消す前の状態のとき
サイドバーを広げたり狭めたりしたときに「表示」も移動するのと同じようにです

回答者がトリップ付けてない質問者は完全に無視して対応しなければいい

>>163
>>159を元に二箇所変更

#search-box の display: none を visibility: hidden にする
#viewButton の margin-left: 100px を margin-right: 25px にする (×ボタンの分)

その他の余白は環境によって適切な値が異なるだろうから、適宜調整して

とりあえず
ID:yh2IS2d80が何の役にも立たない無能というのはよくわかった

チョンにしてやられたな
マジ情けない

教えてもらえないときは煽れば良いという習慣を付けさせてはダメだ
スルーするべきだった

スルースルーって馬鹿の一つおぼえみたいに言ってるが

>>159みたいな「教えたがり君」もいるってことを忘れるな
がははっは

>>165
遅くなりました
このように変更してみましたがうｐ画像のようになってしまいます
https://i.imgur.com/FMYLEsN.png
#history-panel #sidebar-search-container #search-box {
visibility: hidden !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-right: 25px !important;
margin-top: 8px !important;

あちこちいじってあるためきっと環境のせいなのだと思います
ここまでできただけでも十分です
ありがとうございました（・∀・)つ�I

おい、俺様にも感謝しろよ
俺が煽ったから「教えたがり君」達が湧いてきたんだぜ

>>171
ありがとうございました（・∀・)つ�I

urlfilter.uc.js 0.0.8.3で
つべの動画の始まりに割り込んでくる広告CMを
http*://*.doubleclick.net/*　でブロックしてたんだけど
最近効かなくなっちゃったんだがどう直せばいいかわかる猛者おるか？

ごめんスレ間違えたはw

>>144
このブクマにょきにょきはツールバーも合わせて2行まとめてにょきにょきさせることって出来ますか？

できるよ

>>175
/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important; }
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important; }
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important; }
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#nav-bar:not([customizing="true"]) {
margin-top : -29px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#navigator-toolbox:hover {
margin-bottom : -49px !important;
transition-delay : 0s !important; }
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }
#navigator-toolbox:hover > #nav-bar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }

>>177
ありがとうございました快適にぬるぬるできてます

Thunderbirdの話なんですけど、52.5.2になってから(?)
UI(メインウィンドウ)用のスタイルが動かなくなってしまいました。

ただ、

@-moz-document url("chrome://messenger/content/messenger.xul"){
}

という指定を除去すると何の問題もなく機能します。
ひょっとして@-moz-documentの正しい記法か
メインウィンドウのアドレスが変わったりしたんでしょうか？

url指定なしでも一応弊害は出ていませんが
なるべく具体的に指定できたほうが精神衛生上いいので事情をご存知の方ご教示ください。

下記でURLバーにマウスオーバーでURLバーが広がり、Searchバーが縮まります。
#urlbar,#urlbar-container{
max-width: 350px !important;
min-width: 200px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 580px !important;}

これを逆にSearchバーへマウスオーバーで広がり、その分URLバーを縮めたい。
urlbarをsearchbarに入れ替えるだけでは、うまくいかない。
どう記述すれば良いのか？

ブックマークメニューのフォルダの上下の間隔を狭くすることは可能でしょうか？

>>181
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
}

誰か、教えて！

>>182
有難うございます。

教えて下さい。
デフォルトの状態からバーの高さに関係すると思われる変更を行ったこと、
�@ ブックマーク・ツールバーの項目をナビバーに移動した。
�A 戻る・進むボタンを Visibility collapse にした。
�B タブバーおよびタブの高さを減らした。
�C アドレスバーと検索バーを両方表示した。
以上の状態のままで(ナビバーの高さは変わらないようにして)
アドレスバーと検索バーの高さを 2〜3 ピクセル低くすることはできるでしょうか？
単純に urlbar と searchbar の height を 26px というように指定したのでは
ダメなのですか？ "おめえ分かってねえなあ" と云われるのを覚悟でお聞きしたく。。