userChrome.css・userContent.cssスレ Part6©2ch.net

●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.net/test/read.cgi/software/1400202982/

●拡張機能
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 ｷ GitHub
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/

以下のスタイルを適応したらタグの百マークが消えて、ニコニコ大百科へのリンクが無くなってしまいました。
タグの百を表示してニコニコ大百科へのリンクを復活させたいのですが、
どこをどのように編集したら良いでしょうか？

https://userstyles.org/styles/134647/html5

スタイルを削除する。

ニコニコ大百科へのリンクが無くなった以外は気に入っているので、
出来ればスタイルを削除する以外でお願いします

>>533
.NicoDicLink,
をコメントアウトか消す

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

webフォントは触らずに、それ以外のフォントファミリーを
segoe UI(英数)とメイリオ(日本語)に強制固定するにはどう記述すればいいの？

*|* {
font-family: 'Segoe UI', 'Meiryo';
}

これだとwebフォントが豆腐になっちゃう

@font-faceとunicode-rangeの組み合わせで
何とかなるんじゃないかと思っていろいろやったけどわからん

俺は片っ端から目についたフォントを置換してる

>>538
片っ端から突っ込む手間を省きたくて一括で置換したい

1.英数部はsegoe UI
2.日本語部はメイリオ
3.webフォントで指定されてる "記号部分" はそのままwebサイト指定どおりのまま残す

て感じにしたいので3を除外するにはどう記述すればいいかが知りたいのです

完璧に避けるのは無理じゃないか

中華サイトとかuserstyles.orgでよく見かけるのは
*:not(I):not([class*='icon']) {
font-family: 'ふぉんと' ;
}

これでも、たとえばよくある.faは豆腐になるから指定してやるか
.fa {
font-family: 'FontAwesome' !important;
}

最初から.fa除外しとくか
*:not(I):not([class*='icon']):not(.fa)

俺は@font-faceは一切使ってない

>>540
なかなかむずかしそうですね
参考にさせてもらって格闘してみます

>>540
上段+中段の組み合わせ試してみたところ主要巡回先は問題なさそうです

後は例外的なところ見つけたら>>538氏のアドバイスも加味して
追記でしのいでいく方向で対応できそう
両氏ありがとう

http://b.hatena.ne.jp/Rockridge/20161123#bookmark-309573056
Fx53：マルチプロセス機能（e10s）が有効の際、userContent.cssが働かない問題を修正。

:-moz-any(h1,h2,h3,h4,h5,h6,p,a)::after { content: "でコロン"; }

元ネタがわからん

ニコニコ動画に以下のスタイルを適応したら、タグが説明文にかぶってしまいました
スタイルのURL先の画像のようにタグを動画の上に表示したいのですが、
どこをどのように編集したら良いでしょうか？

http://www.dotup.org/uploda/www.dotup.org1099867.png
https://userstyles.org/styles/134647/html5

概出

>>546
>2016/12/16：タグリストが下にあると不便なので上に移動、コンテンツツリーは要らないので削除
まず更新してみたら？

>>548
更新した状態でこうなります。
再起動やCCleanerでの清掃も試してみましたがダメでした

50.0からかな？タブバーの右端にプルダウンして閉じたタブを戻すと開いてるタブの一覧がが表示されるようになってるけど、
これを非表示に出来ませんか？

ハイ次の患者さんどうぞ

cssでツールバーとか弄ってるんだけど、カスタマイズページ(ボタンなどの配置を弄れるページ)のみ適用除外したいんだけど良い方法ないかな？
「新しいタブ」では適用されるようにしたいのだけれど

>>552
#main-window:not([customizing]) ツールバーとか { … }

>>553
ありがとうございます
非表示にしていたボタンをカスタマイズで表示させたかったのですが無事実現できました！

テキストエリアにマウスオーバーでアクティブにできませんか？
検索バーだけでもＯＫです。

無理

昔そんな機能のアドオンあったな

Gmail Easy Access Colored Buttons
https://userstyles.org/styles/56063/gmail-easy-access-colored-buttons
これが、職場のWindows上のGoogleChrome Stylish 1.5.2では正常に動いて言いますが、
自宅のMac上のGoogleChrome Stylish 1.6.3ではうまく表示されません。
Stylish 1.6.3でうまく動いている方いますか？

Australisで追加されたタブとタブの間のセパレータを消したいんですが、要素が分からなくて消せません。
消す方法はありますか？

Australisを打ち消すCSSなんてググればいくらでも出てくるだろうに

次に消し方がわかりませんと来そうな聞き方

セパレータがどれ指してんのか知らんけど
.tabbrowser-tab::before/::after か .tab-background(-*) あたりのことだろう

セパレータは存在しないから囲みの事だろ？

.tabbrowser-tab{
border-width:0px !important;
}

セパレータの件ですが、ググって自己解決しました。
ちなみに、参考にしたにはここです
https://www.reddit.com/r/firefox/comments/3hruos/removing_tab_separator_lines_with_css/

セパレータの件ですが、ググって自己解決しました。
ちなみに、参考にしたにはここです
https://www.reddit.com/r/firefox/comments/3hruos/removing_tab_separator_lines_with_css/

大事だよな

「履歴とブックマークの管理」で項目をD&Dで移動させる際に移動させている項目内容がマウスカーソルに追従してくるのを消す方法はないでしょうか？
非常に見づらくD&D先を間違えることもあってどうにかしたいのですが…

>>566
nglayout.enable_drag_images;false

>>567
ありがとうございます
無事実現できました
ちゃんと設定があったんですね…

>>567
わーすんごいやりやすい。ありがとう

右クリックメニューのcontext-backとかcontext-forwardとかって51で急に画像になった？
CSSで着色されなくなったんだが

firefox使ってgoogle検索で検索すると、こんな風に囲みが出るようになってしまったんですが
いままで通り出ないようにする方法があれば教えてもらえないでしょうか？

http://www.dotup.org/uploda/www.dotup.org1148956.png

>>571
GoogleのABテストでしょ、1年前くらい前から見かける
使い難いと思ったらGoogleのcookie削除すれば戻るよ

どなたか分かりませぬか？

>>573
dom inspectorで該当要素のCSS調べてstylishで弄ってみればいいだろ






-moz-appearance

>>574
んん？
前ver.まではずっとstylishで着色出来てて
51に上げたら急に色が付かなくなったんで…
ID変わったのかと調べても変わってないんで
なんでかなと

>>575
今までどうやってたのか知らないけどこれで色変わったぞ
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
fill: red;
}

困ったらここで該当要素付近のコードを見ると解決することが多い
mozilla-central - DXR
https://dxr.mozilla.org/mozilla-central/source/

>>576
イケたぜ！�d�d

>>572
ありがとうございます、クッキー削除で直りました

横からだけどありがとう

偉い人教えて
検索バーの「検索」を書き換えたくて下のようにしてみたけど無反応
擬似要素(before/after)を付けても同様orz
よろしく頼んます ＜(__)＞

#searchbar input::-moz-placeholder{
content: "hoge " !important;
}

CSS で placeholder の内容はいじれないし、input に ::before, ::after は使えない
ぱっと見程度ならできるけど全く同じ機能を持たせるのはムリ

消せるんだから消せば

>>581
レス�d
了解です

>>582
そうします

ランゲージファイルのja.xpiを貰ってきて中身のsearch.propertiesを取り出し
searchPlaceholderの部分を書き換えてja.xpiを固め直してインストールする
あるいはFirefoxインストールした場所のbrowserフォルダにあるomni.jaをバラして
同じようにsearch.propertiesを取り出して書き換えて固め直す

http://i.imgur.com/N7Wpmlt.png


久々にFifefox本体をうｐ(51.0.1)してあれこれ設定を以降してるんですが
ブックマークツールバーのフォルダのメニューの一番下にあるセパレータが
前環境でのcssを移植しても消えないので、分かる方おりましたらお願いします。
↑の画像の一番下のやつです。
自分で追加したとかではありません。全部のフォルダメニューで表示されています。

その「前環境でのcss」の記述をどうにかするか削除したら？

前環境でのcssとやらをエスパーしろと
それは無理というものだ

ESRがメインだから知らないけど
51ってDOM Inspector使えねーの？

>>585
/* ブックマークバーを美しく */
#PersonalToolbar{
height:26px;
}
#personal-bookmarks{
position: fixed;
left: 200px;
background: rgba(255,255,255,0.5);
border-top:1px solid #bbb;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
border-radius: 5px 5px 0 0;
padding:4px 10px 0 5px;
height:25px;
}
#personal-bookmarks .bookmark-item{
visibility:visible !important;
}
#personal-bookmarks .bookmark-item .toolbarbutton-menu-dropmarker{
display:none;
}

/* ブックマークバーのメニューを整理する */
.bookmarks-actions-menuseparator/*★←これ★*/,
.openintabs-menuitem{
display: none;
}

>>589
.bookmarks-actions-menuseparator{
display: none;
}


↑これいただきました。
キレイに消えて美しいです
ありがとうございました

firefox28以前の旧UIで、ツールバーをテキスト表示(のみ)にし、更に
#toolbar-menubar .toolbarbutton-icon{display:inline;}
を使ってアイコンを横表示で出現させています。

ですが画像のようにアイコンがテキストの上に来て横に来てくれない表示のアドオンがあります、
例えば画像のLink Ninjaのアドオンのアイコンを周りと同じく横に表示させるにはどうしたらいいでしょうか？
http://s1.gazo.cc/up/234081.jpg

テキストかアイコンをfloatなりpositionさせるなり工夫。

>>591
回り込みが起きるinline-blockかinline-tableは？

>>591
.toolbarbutton-menubutton-button {
-moz-box-orient: horizontal !important;
}

>>593
cssについてはよく分かりませんが、アイコンの大きさは変更しないのでブロック要素は必要ないと思います
>>594
こちらで出来ました、水平に表示させる要素ですか、ありがとうございました。

>>595
> cssについてはよく分かりませんが、アイコンの大きさは変更しないのでブロック要素は必要ないと思います

まず CSS について調べて、何を言われているのか理解してください

偉い人おしえて
検索バーの「検索設定を変更」を左に寄せたくて
#searchbar-anon-search-settings .button-text{
text-align:left !important;
}
としてみたがビクともしない(TT)

サンプル画像をみつけたのでおいときます
https://support.mozilla.org/legacyfs/online/sumo-media/gallery/images/2015-09-21-01-15-27-95c8b9.png

#searchbar-anon-search-settings::before {
content: "";
}

>>598
おおっ
ありがとう
マジ神

次のCSSででタイトルバーを非表示にしてたんだけど、52.0で効かなくなった。
/* タイトルバーを非表示にする */
#TabsToolbar {
margin-top: 0px !important;
}
どう修正すれば良いんでしょう？

>>600
52.0にしてないから未確認だけど、うちはこれでやってるよ。
52.0にしたらこれも効かなくなるってことなのかな？

#TabsToolbar{
display:none !important;
}

>>601
タブバーが非表示になって、えらいことになった。
戻した。

Hide Caption Titlebar Plus

>>603
うーん、あまり使いたくない。
CSSでできないのかな？

できるからおま環だろ

>>605
よわった！
新規プロファイルでは＞＞600で非表示にできた。
確かに俺環だけど、原因が掴めん。

about:configでbrowser.tabs.drawInTitlebarがfalseになっていたのでtrueにしたら非表示になった。

>>607
すまん、オレの勘違いでへんなの紹介しちゃった。
解決したようでなによりです。

タイトルバーを非表示にする代わりに［追加のツールバー］に見ているページの
タイトルを表示するCSSはありませんか？45ESRです

>>609
いったいCSSをなんだと思ってるのか？

userstyles.orgってエロサイト系には対応してないの？

ユーザ製のスタイルシート置場だし対応するもくそもないだろ

需要がない

userstyles.orgに登録する場合、成人向けコンテンツを扱う特定のサイトへ適用される記述はダメだったような
回避方法はいくらでもあるけど

自分で作れ

FireFox（最新版）でStylishを導入したのですが、一つわからない事があるので教えて下さい
　input, select, optgroup { font-family:sans-serif; }
で各フォームのフォントを変更したのですが、
ドロップダウンリストを開いた際の選択肢の部分だけは適用されません
ここも適用させるにはどうすればいいのでしょうか

リストが何のタグで囲まれてるかわからないのか？

すみません、CSSを使用するのは今回が初めてでして、
↑の一行でフォームのフォントをまとめて変えられる…という事以外、殆ど仕組みを理解しておりません
恐縮ですが、詳しく教えていただけないでしょうか

追記ですが、スタイルシート自体は↑の一行のみしか入力しておりません

すれ違い

>>618
そのサイトで右クリックして要素を調査
右側のルールに表示されてるのがCSS

リストで使われてるタグを調べて足せばいいよ
元からフォントが指定してあったら変更するCSSにする
これぐらいはググれば何とかなるから頑張れ

レスありがとうございます
…が、私の頭脳では中々に難解で時間がかかりそうです
特別、どこのサイトという訳ではなく、サイト未指定のフォームのフォントをゴシックに統一したいだけなのですが、
ユーザースタイルに>>616のような一行を入力して終り、とはいかないのでしょうか

NightlyとReleaseで実装差がなければuserChrome.cssで

#ContentSelectDropdown menuitem,
#ContentSelectDropdown menucaption {
font-family: sans-serif !important;
}

じゃねえの

ありがとうございます
試してみたところ、ドロップダウン内も綺麗にまとまるようになりました
皆さん親切に教えていただきありがとうございました

ｒ

mobile.twitter.comでおすすめユーザーを非表示にするCSSを教えてください。

#react-root > DIV > DIV > MAIN > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV > SECTION > DIV > DIV > DIV > DIV:nth-child(3)

._1_KafmK5

>626
ありがとう
それだと消えませんね。

a[href$="who_to_follow"]

消えませんね、申し訳ありません
ありがとうございます

[role="presentation"], [role="presentation"]~div

おすすめユーザーの部分しか確認してないので弊害あるかもしれんとは言っておく