X



userChrome.css・userContent.cssスレ Part6©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。 転載ダメ©2ch.net
垢版 |
2015/08/07(金) 23:59:01.64ID:ci1ga2Nw0
●前スレ
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/
0750名無しさん@お腹いっぱい。
垢版 |
2017/05/27(土) 01:08:06.80ID:qBBZu2HA0
右クリックで出るメニューは基本的にpopupsetかmenupopupなどにまとめられてる
上手く探せないならそれらをつぶさに見ていけばいい
0753名無しさん@お腹いっぱい。
垢版 |
2017/05/27(土) 16:27:36.77ID:XyiwwXb60
>>752

自分の環境だとこのようにチェックボックスが弄れないようになっていて無理でした
もしかしてMenu Wizardの使い方間違っているんでしょうか?
わざわざ画像まで上げてくれてどうもありがとうございます

http://i.imgur.com/PULbeT5.jpg
0754名無しさん@お腹いっぱい。
垢版 |
2017/05/29(月) 06:46:59.89ID:9oRPrU0u0
Evernote Web ClipperとMenu Wizard入れて確かめてみたけど
Menu Wizardのこの設定有効にすればできるんじゃね
- Set ID for a menu if this menu does not have a unique ID
0757名無しさん@お腹いっぱい。
垢版 |
2017/06/16(金) 21:53:07.42ID:X6kLT5R20
アドオンCompact Menu 2を入れると下記CSSでタイトルバーを非表示に出来なくなる。
Compact Menu 2がないときは、問題なし。

#TabsToolbar {
margin-top: 0px !important;
}

CSSの修正で対応出来ないでしょうか?
0758名無しさん@お腹いっぱい。
垢版 |
2017/06/16(金) 23:54:05.11ID:Ste6GG0Q0
1. 拡張設定のtabsintitlebarを有効にしていじれるほうのタイトルバーに戻す
2. #TabsToolbarにかかってるmargin-topを上書きする(このIDだけだと詳細度不足)
0760757
垢版 |
2017/06/17(土) 18:08:57.26ID:Gb4rYOrT0
Compact Menu 2は止めて、ジェスチャーでメニューの表示/非表示することとした。
0762名無しさん@お腹いっぱい。
垢版 |
2017/07/06(木) 06:25:54.79ID:r4pszTDu0
stylusで*{font-family:"","" !important}としてるんだけど、https://music.amazon.co.jp/*を除外したい場合どうすればいいのん?
webフォントが文字化けするから
0767766
垢版 |
2017/07/14(金) 11:16:31.01ID:SG3vWBL10
そのままググったらあったので取り消します
0768名無しさん@お腹いっぱい。
垢版 |
2017/07/22(土) 19:36:59.54ID:tiJa4Zz20
Feedlyを使い始めました。
Magazine ViewやCards Viewで表示したとき、タイトル下部の文字色がグレイで見にくいです。
タイトルもグレイのようですが、少し濃くみえるので問題ないと思います。
userstyles.orgで探したのですが見つけられませんでした。
良い方法ありませんか?
0774名無しさん@お腹いっぱい。
垢版 |
2017/08/02(水) 23:26:52.04ID:yMT4yT5T0
>>773
今日になってから何も表示されなくなったと思ったらこういう事か
adblock系オフにしないとダメとかアホかよ
0778名無しさん@お腹いっぱい。
垢版 |
2017/08/04(金) 01:31:57.32ID:o8EzZTWA0
今の運営になってからせっかく投稿されたスタイルシートを見れないように見れないようにしてるよな
0782名無しさん@お腹いっぱい。
垢版 |
2017/08/13(日) 18:14:56.98ID:+w037F9n0
Firefox55でブックマークサイドバーのファビコンを持たないサイトの前に表示されるデフォルトアイコンを消す方法はないでしょうか?
(ttp://i.imgur.com/gy5jyt7.jpg ←こういうアイコンです)
Firefox54までは以下の記述で消せていたのですが。

#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf)
{ list-style-image: none !important; }
0787名無しさん@お腹いっぱい。
垢版 |
2017/08/16(水) 23:18:47.83ID:kbqwBqG/0
どなたか>>782をご存じの方はおられませんか?

「list-style-image: none !important;」の代わりに「visibility: hidden !important;」や「display: none !important;」も試してみましたが
デフォルトのファビコンは消せませんでした。
一方、「width: 0 !imporatnt;」と「opacity: 0 !important;」では、独自のファビコンを持つサイトも持たないサイトも両方アイコンが消えてしまいました。
0792名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 00:04:40.24ID:3hXCSsFa0
現時点のNightly/57でuserChrome.cssは使える
ただし、今後どうなるかは不明
将来的なサポートを保証されてるわけでもないし
廃止すると明言されてるわけでもない

使えなくなるっていう話はbugzillaにあるコメントの拡大解釈か
WebExtensionsやuserChrome.jsあたりの情報とごっちゃになってるかだろう
0793名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 00:17:15.53ID:ChKPb7vp0
自分はまだStylish使ってるからこれは使ってないんだけど

https://addons.mozilla.org/ja/firefox/addon/styl-us/
> ただし残念ながら、WebExtensionsプラットフォームのセキュリティ上の制約のため、ブラウザのUIや内部ページへのスタイルの適用は禁止されています。

userChrome.cssなら動くけどスタイル管理アドオンからは触る方法がないってことなのかな?
0798名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 06:55:37.67ID:18r7Obgj0
それこそ、UIで気にくわない点をbugzillaに上げればいいよ
可能性は低いが、直してくれるかもな
0799名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 10:55:37.35ID:vtbIBCr/0
DOM Inspector無理だよな
きついなこれ
修正できるところがいいところだったのに・・・
0802名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 12:23:24.00ID:UiJ4U6NW0
他のスレで反応がないのでこちらで質問し直しますが
54.0.1まで正常だったけど、
55.0.2にしたらブックマークツールバーフォルダアイコンをuserChrome.cssで非表示にすると
フォルダ名の右のドロップダウンマーカーが消えてしまってフォルダの間隔が詰まってしまいます。

これを55.0.2で54.0.1までのようなスタイルにする方法はないのでしょうか?

userChrome.css

toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none;
}

を追加してフォルダアイコンを消しています。
0803名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 13:15:21.58ID:f8P4n11B0
>>802
toolbarbutton.bookmark-item[container] > .toolbarbutton-menu-dropmarker {
display: -moz-box !important;
}
0804名無しさん@お腹いっぱい。
垢版 |
2017/08/21(月) 14:15:01.73ID:UiJ4U6NW0
>>803
おお!早速どうも。
みごと表示できました。ついでに左右もマージンを追加して前のバージョンと揃えておきました。

ありがとうございます。助かりました。
0806名無しさん@お腹いっぱい。
垢版 |
2017/08/24(木) 23:13:58.96ID:DobJbKCE0
list-style-imageプロパティっていつの間にか効かなくなってない?

>>801
それって開発ツールのインスペクターのことかな
0817名無しさん@お腹いっぱい。
垢版 |
2017/09/03(日) 16:18:37.98ID:sGUUR3990
>>815
元に戻ってよかったね

userstyles.orgには早速、旧ロゴに戻すCSSが続々。どんだけ不評なんだ新スタイル

Old YT-Red
https://userstyles.org/styles/147347/old-yt-red
YouTube - Return old logo + embeds
https://userstyles.org/styles/147314/youtube-return-old-logo-embeds
Restore old Youtube logo
https://userstyles.org/styles/147298/restore-old-youtube-logo
Old YouTube logo
https://userstyles.org/styles/147293/old-youtube-logo
Old YouTube logo (For YouTube's New Dark Theme)
https://userstyles.org/styles/147377/old-youtube-logo-for-youtube-s-new-dark-theme
YouTube Old Colors
https://userstyles.org/styles/147374/youtube-old-colors
0830名無しさん@お腹いっぱい。
垢版 |
2017/09/09(土) 15:06:57.08ID:jL+/bBY40
954 名前:名無しさん@お腹いっぱい。[sage] 投稿日:2017/09/08(金) 08:07:00.86 ID:bYrPnIDp0
>>953
#TabsToolbar{display: none !important;}
#navigator-toolbox:hover #TabsToolbar{display: -moz-box !important;}
これじゃ駄目なの?

これでやるとオンマウスでタブバーは隠れますが、戻りません。
そして、タブタイトルが空になり最初にアクセスしたページ以外は開けなくなりました。

それで…
#TabsToolbar:hover * {
min-height: 4px !important;
max-height: 4px !important;
}

こうやって見ましたがウンともス〜ともいいません。
hoverはオンマウスってことだしアスタリスクで指定してるからいいかなって思って。
見よう見まねでやってみました。

classic Theme restorerでタブを下に表示するようにしています。
0831名無しさん@お腹いっぱい。
垢版 |
2017/09/09(土) 15:34:12.33ID:jL+/bBY40
連投すいません。

#TabsToolbar:not(:hover) * {
min-height: 4px !important;
max-height: 4px !important;
}

これで行けました!
0832名無しさん@お腹いっぱい。
垢版 |
2017/09/09(土) 20:10:12.63ID:jL+/bBY40
ああ…
タブバーで開いてるタブの部分にオンマウスの時だけ開いたり閉じたり出来てます。
これタブバーのどこの部分にオンマウスで開いたり閉じたりするにはどう書き換えたら
よいですか?
0834名無しさん@お腹いっぱい。
垢版 |
2017/09/10(日) 01:19:18.10ID:A9iWGRns0
例えばタブを2つ開いてる場合、その2つがあるところにオンマウスすると開閉しますが、2つ目の隣(3つ開いていたら3つめが表示される部分)に
オンマウスしても開閉しないんです。以前のですとタブバーのどこをオンマウスにしても開閉していました。
0835名無しさん@お腹いっぱい。
垢版 |
2017/09/10(日) 19:54:51.53ID:Ltazya+u0
新規プロファイルを作って>831だけ書いたuserChrome.cssを作って試したけど、タブバーのどこかにマウスを持っていけばちゃんとタブバーは通常の高さで表示されるよ?
書いてある他の記述と干渉しているんじゃないの?
0836名無しさん@お腹いっぱい。
垢版 |
2017/09/11(月) 02:37:13.01ID:3+kgReMv0
UIのセレクタってどうやって調べればいいんだ?
いつも公開されてるcss見て探しているのだけど
0838名無しさん@お腹いっぱい。
垢版 |
2017/09/11(月) 10:49:17.15ID:mgIwBSgA0
>>835
おれも同じく自動開閉cssだけをやってみましたが、やっぱタブのトコだけです。
アドオンでタブに関するものは
SuperTabMode
CustomNewTab
ClassicThermeRestorer

これらを無効にしてもダメでした。
ちなみにcssで他に記述しているのは、サイドバーなどのフォント設定にツールバーの色設定です。
0839名無しさん@お腹いっぱい。
垢版 |
2017/09/11(月) 19:47:34.55ID:QW0gna690
>838
あ、分かったかもしれない。たぶんそれタブバーじゃないところだ
最初の行を #navigator-toolbox:not(:hover) #TabsToolbar:not(:hover) * { とすればどうよ?
これだとロケーションバーがあるツールバーにマウスを持っていくとタブバーが表示されちゃうけど

なお、行儀が悪いアドオンが#navigator-toolboxを使っていることがある
もし誤爆したら #browser-panel > を頭に付けると解決するかもしれない
0840名無しさん@お腹いっぱい。
垢版 |
2017/09/16(土) 19:32:57.77ID:ZOxqDCaQ0
amazonにアクセスして時に上部にでる 「サインイン 初めてお使いですか?」とかいう吹き出しを出ないようには出来ませんか?
もしcssで出来るのであれば教えてください
0843名無しさん@お腹いっぱい。
垢版 |
2017/09/18(月) 22:54:57.26ID:QHV/3lhI0
>>842
ポップアップしてる部分に要素を調査すればインスペクタ上で要素をハイライトで表示するじゃん
これで何をブロック対象にするべきかわかるでしょ?
0847名無しさん@お腹いっぱい。
垢版 |
2017/09/23(土) 17:19:16.93ID:yq48iw5q0
.gb_Ic, .gb_g, .gb_jb, .gb_kb, .gb_ga div, ._Ak,
#rhs_block
{display: none !important;}

今これで消えてるけど古いから要らないセレクタが入ってるかも
0850名無しさん@お腹いっぱい。
垢版 |
2017/09/24(日) 16:57:05.50ID:UkIZy7rw0
.gb_gがあれば非表示にできるはずだけどな

ほかに.gb_Ncで非表示にできなかったら
ドメイン指定がおかしかったり、!important忘れたりとなんかしら不備があるか
そもそもGoogle側の仕様かなんかでclassが違うとかそんなんだろ
■ このスレッドは過去ログ倉庫に格納されています

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