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

[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part6©2ch.net (1002ﾚｽ)
上下前次 1-新

このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索歴削→次ｽﾚ栞削→次ｽﾚ過去ﾛｸﾞﾒﾆｭｰ

1(1): 転載ダメ©2ch.net [sageteoff] 2015/08/07(金)23:59 ID:ci1ga2Nw0(1/2) AAS
●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
2chｽﾚ:software

●拡張機能
Stylish
外部ﾘﾝｸ:addons.mozilla.org
User Style Manager
外部ﾘﾝｸ:addons.mozilla.org

●スクリプト
userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS ｷ GitHub
省10

2: 2015/08/07(金)23:59 ID:ci1ga2Nw0(2/2) AAS
●User Style Managerについて

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

GitHub - scrapmac/User-Style-Manager
外部ﾘﾝｸ:github.com

管理画面
×1.1.1
×1.1
○1.0

スタイル作成
○1.1.1
省2

3: 2015/08/08(土)00:00 ID:RNR7hTM30(1) AAS
userChrome.css・userContent.cssスタイルスレ
　2chｽﾚ:software
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
　2chｽﾚ:software
userChrome.css・userContent.cssスレ Part3
　2chｽﾚ:software
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
　2chｽﾚ:software
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
　2chｽﾚ:software

4: 【中吉】 2015/08/08(土)00:28 ID:N24tGnNq0(1) AAS
AA省

5: 2015/08/10(月)22:33 ID:kLPjba9I0(1) AAS
Stylish-Custom復活しないかなーあれが一番良かった

6(1): 2015/08/11(火)10:03 ID:pwuyoRXi0(1) AAS
みんな何使ってるの？

7: 2015/08/12(水)10:39 ID:G2YoSB3l0(1) AAS
38ESR移行ついでにStylish更新したら一覧がアドオンマネージャに統合されてクソウザいな

8(2): 2015/08/12(水)23:15 ID:n0vI+Zoo0(1) AAS
/* ナビゲーションバーを細く */
#nav-bar{
height:23px !important;
max-height:23px !important;
min-height:23px !important;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}

/* ナビゲーションバーに配置したボタン、ブックマークツールバーの項目の位置を調整する */
#nav-bar .toolbarbutton-1
省4

9: 2015/08/13(木)01:41 ID:jRemMUG20(1) AAS
>>8
㌧

10: 2015/08/20(木)00:08 ID:/grgkcMo0(1) AAS
ﾑﾑﾑ

11(1): 2015/08/20(木)09:20 ID:0+UEPiVV0(1) AAS
お伺いします
ページ内検索バーを右上に持ってくる
外部ﾘﾝｸ:userstyles.org
このスタイルを使ってますがこれを透過させる方法が知りたいです

12(1): 2015/08/20(木)12:44 ID:1BNcL9nD0(1) AAS
.browserContainer findbar,
#viewSource #FindToolbar {
background: transparent !important;
}

13: 11 2015/08/21(金)16:12 ID:yNesh3hN0(1) AAS
>>12
ありがとうございます

14(1): 2015/08/22(土)23:09 ID:UNwaEu900(1) AAS
検索バーの各々の検索エンジンの文字色等を変更するのは以下で判ったが、検索エンジンにカーソルが乘った時に文字色等を変更する要素が判らない。

.searchbar-engine-menuitem > .menu-text,
.searchbar-engine-menuitem > .menu-iconic-left,
.searchbar-engine-menuitem > .menu-iconic-text

この要素に:hoverを付けても駄目だった。

15(1): 2015/08/22(土)23:41 ID:eFY2cgv10(1) AAS
>>14
.searchbar-engine-menuitem の方に :hover 付ける。

16(1): 2015/08/23(日)00:46 ID:ltHUAmom0(1) AAS
#urlbar,#searchbar{
height: 22px !important;
max-height: 22px !important;
min-height: 22px !important;
margin-top: 1px !important;
}

URLバーと検索バーの太さを揃えたいのですが
こう記述するとURLバーの中にある地球みたいなアイコンが歪んでしまいます
アイコンを歪ませないようにするにはどうすればいいでしょうか

17(2): 2015/08/23(日)00:48 ID:nrNk+Q8G0(1) AAS
>>15
ならないorz

18: 2015/08/23(日)01:28 ID:jiY4L5RL0(1/2) AAS
>>17
!important はちゃんと付けてる?

19: 2015/08/23(日)02:24 ID:qXqZUzlU0(1) AAS
誰がインポだよ！

20: 2015/08/23(日)03:04 ID:pSysVqk90(1/4) AAS
>>17
:hoverは両方に追加しても駄目。
!important;は当然記述。

21: 2015/08/23(日)03:12 ID:UXOlEdZX0(1) AAS
そもそも↓だけでおｋ
.searchbar-engine-menuitem:hover

22(2): 2015/08/23(日)03:29 ID:jiY4L5RL0(2/2) AAS
旧検索バー(browser.search.showOneOffButtons;false)のやつだよね
手元ではこんな感じでうまく行ってる(Fx 40.0.2)
画像ﾘﾝｸ[png]:i.imgur.com

.searchbar-engine-menuitem:hover > .menu-text,
.searchbar-engine-menuitem:hover > .menu-iconic-left,
.searchbar-engine-menuitem:hover > .menu-iconic-text {
background-color: yellow !important;
color: black !important;
}

23(1): 2015/08/23(日)07:04 ID:pSysVqk90(2/4) AAS
>>22
其の記述でして見たが矢張り駄目だった。
画像ﾘﾝｸ[png]:i.imgur.com
もう訳分からん。

24: 2015/08/23(日)07:19 ID:2KorNfLI0(1) AAS
>>16
アイコンのmargin値を変えればいい

25: 2015/08/23(日)08:31 ID:pSysVqk90(3/4) AAS
>>23 だけど、出来無かった原因が判明しまして、アドオンの「organize-search-engines」が:hoverを阻害してた。
文字色が変更出来たから疑っては居なかったけど、思わぬ元凶でした。
お手数お掛けしました。

26: 2015/08/23(日)09:33 ID:VHuZEkB20(1/2) AAS
ごめん>>22は忘れて。こっちの方がより良い。
画像ﾘﾝｸ[png]:i.imgur.com

.searchbar-engine-menuitem {
-moz-appearance: none !important;
color: #20b2aa !important;
background-color: #000000 !important;
height: 2.2em !important;
}
.searchbar-engine-menuitem:hover {
color: #191970 !important;
省4

27(1): 2015/08/23(日)09:35 ID:VHuZEkB20(2/2) AAS
-moz-appearance: menuitem のままで background-color を
適用できれば一番いいと思うのだけど、上手く行かなかった画像ﾘﾝｸ[png]:i.imgur.com

28(1): 2015/08/23(日)17:43 ID:2EdQNJMy0(1) AAS
Organize Search Enginesって今もうないのね。
便利なアドオンだったのに、みんな何に乗り換えたのかしら。

29: 2015/08/23(日)23:01 ID:pSysVqk90(4/4) AAS
>>27
重ね重ね済みません。
もう問題は解決しました。

>>28
同様の機能のアドオンは存在しませんね。
寂しい限りです。

30: 2015/08/24(月)03:12 ID:Cbq26ggg0(1) AAS
Context Search系で似たようなことをできるものはあるっぽいな

31: 2015/08/24(月)05:04 ID:8r+DpgpD0(1) AAS
フォルダ分けは他にあるね。

searchpluginのXMLファイルを直接GUIから編集できる機能は唯一無二な気がする。

32: 2015/08/27(木)17:47 ID:XdI/oN2u0(1) AAS
Stylishのデフォルトエディタ、Tabを勝手に半角スペースにしやがる
余計なことすんなし(´・д・`)ﾓｰ
前からこうだったっけ？

33: 2015/08/27(木)18:19 ID:DWW8uNtk0(1) AAS
Tabはもう流行らない
即刻使うのをやめるべき

34(1): 2015/08/27(木)18:20 ID:2hGpG1A00(1) AAS
if you don't want tabs expanding to spaces at all and would like real tabs instead, set devtools.editor.expandtab to false

35: 2015/08/27(木)18:29 ID:hZ+scfWc0(1) AAS
tabはwhite spaceにするよ
でないといろいろ面倒なことになる

36: 2015/08/27(木)20:15 ID:P/YkbohL0(1) AAS
どういうふうに？

37(1): 2015/08/27(木)23:45 ID:px7KaZuL0(1) AAS
user_pref("extensions.stylish.editor", 1);
で解決しないのか？

38: 2015/08/28(金)07:25 ID:CK2CzjOC0(1/2) AAS
>>34
おおおできたあ！
ありがたや！

>>37
それは旧エディタか新エディタかというだけじゃなかったっけ？

39(3): 2015/08/28(金)08:30 ID:jPJzSP9e0(1) AAS
Stylishはスタイル管理画面がabout:addonsに統合されて以降管理がしにくくて仕方ない。
なんかちょっと重い(ソートするだけでどうしてあんなに？)のもそうだけど、
一体どうしてスタイル名からの絞り込み検索ができなくなったのか…

40: 2015/08/28(金)12:44 ID:CK2CzjOC0(2/2) AAS
>>39
extensions.stylish.buttonStylesDisplay.app: submenu
extensions.stylish.buttonStylesDisplay.siteNonMatching: submenu
にして使っている
show, hide, submenu の値が設定できる

submenu にすると、ツールボタンメニューに App styles と Site styles のサブメニューが表示されて、
スタイル名を選択してコンテキストメニューから有効/無効, 編集, 削除が選択できる

41: 2015/08/28(金)21:41 ID:DUnwLNT70(1) AAS
>>39
> 一体どうしてスタイル名からの絞り込み検索ができなくなったのか…

普通にできるだろ

42: 2015/08/29(土)07:12 ID:/gNU9/Ve0(1) AAS
>>39
"Addons Manager Hilite"っていうアドオン使うと少しだけ便利になるかも

43(1): 2015/09/01(火)18:27 ID:5hZDnK1h0(1/3) AAS
Firefox40になってからタブの読み込み中のアイコンが青色に変わりましたが
以前の緑色に戻す方法はないでしょうか？

44: 43 2015/09/01(火)18:34 ID:5hZDnK1h0(2/3) AAS
すみません、自己解決しました
↓でいけました

.tab-throbber { filter: hue-rotate(-90deg); }

45: 2015/09/01(火)18:43 ID:k332MS3E0(1) AAS
>>8
これ使うとナビゲーションバーの各項目が下が切れてしまうんだけど
もうちょい良い調整法ないですかね？

46(1): 2015/09/01(火)19:10 ID:uCehtulK0(1) AAS
/* defaultでの使用を前提（他のスタイルを考慮せず）*/
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
/*
padding: var(--toolbarbutton-vertical-outer-padding) 2px;
*/
padding-top: 0px;
padding-bottom: 0px;
}
省10

47: 2015/09/01(火)20:34 ID:5hZDnK1h0(3/3) AAS
地味にグーグルの仕様が変わってますね・・
検索語句の入力欄とその隣のボタンが大きくなった

48: 2015/09/02(水)02:00 ID:Zvq46nLB0(1) AAS
今迄「autocomplete」を使ってたけど、「treechildren」で全てカバー出来る事に気が付いた。
これならサイドバーやページの情報、特定のアドオンの表示リスト等の表示も一括で管理出来る。

49: 2015/09/02(水)04:19 ID:M1vX+gfz0(1) AAS
>>46
これ使ってもほとんど変化ないように感じるんだが

50(1): 2015/09/06(日)11:35 ID:k3B5FA5E0(1/2) AAS
拡張機能の一覧でアドオンのバージョンが表示されなくなりましたが
cssでそれを表示できるようにはならないでしょうか？
アドオンで実現させるものはありますが、もしcssで何とかなるなら
そのほうがスマートだと思っています。

51(2): 2015/09/06(日)16:02 ID:1uMLYUI40(1) AAS
>>50
外部ﾘﾝｸ[css]:u6.getuploader.com

52: 2015/09/06(日)18:37 ID:k3B5FA5E0(2/2) AAS
>>51
ありがとうございます！

53: 2015/09/10(木)19:49 ID:CpKNV+kZ0(1) AAS
へぇ

54: 2015/09/11(金)08:22 ID:bSwInDlo0(1) AAS
CSSでこんなこともできるのか、すごいな
もっともこれを「」cssで何とかなる」の範疇に入れていいのかは悩ましい

55: 2015/09/11(金)08:40 ID:n0+TpVFh0(1) AAS
>>51
ありがとう、いただきます。
userstyles.orgへ登録すべし。

56: 2015/09/11(金)10:08 ID:KO2IZjeV0(1) AAS
何云ってんだコイツ転載モノを登録かよ

57: [sagr] 2015/09/16(水)13:10 ID:MEuHIKrh0(1/2) AAS
Twitterのツイートするときにフロート表示される書き込みダイアログの中の
「いまどうしてる？」を非表示にするCSS教えてください
画像ﾘﾝｸ[png]:i.imgur.com

58(1): 2015/09/16(水)13:38 ID:VtOqmz1b0(1) AAS
@-moz-document domain("twitter.com") {
.tweet-form div.rich-editor.is-showPlaceholder:before{
display:none;
}
}

59: [sagr] 2015/09/16(水)14:48 ID:MEuHIKrh0(2/2) AAS
>>58
ありがとうございます！

60: 2015/09/18(金)12:57 ID:ujVBUBLB0(1/2) AAS
検索バーに何も入力してない時に「検索」と表示されるグレイテキストを
消すCSSを教えてください
昔効いていた「#searchbar[empty="true"] .searchbar-textbox」では
消えなくなってしまい…

61(1): 2015/09/18(金)13:42 ID:wRfM1b8A0(1) AAS
::-moz-placeholderにスタイルを掛ける
外部ﾘﾝｸ[css]:mxr.mozilla.org

.searchbar-textboxに限定したいなら以下を参照
外部ﾘﾝｸ[css]:mxr.mozilla.org
:-moz-lwthemeを外せばテーマの限定なしに適用される
opacity:0もしくはcolor:transparentでおｋ

上記を直接使うならデフォルトのnamespaceの他にhtml-prefixを必ず付け加えること
（それか「html|*」とか書かない）
@namespace url(外部ﾘﾝｸ:www.mozilla.org
@namespace html url("外部ﾘﾝｸ:www.w3.org

62(2): 2015/09/18(金)19:31 ID:6/s80QMm0(1) AAS
ロケーションバーにマウスオーバーした時、URLが長すぎるとポップアップされて邪魔なんだけど、
ポップアップしないように出来ませんか？
検索バーでも「Googleで検索します」がポップアップされて邪魔です。
ツールバーにマウスオーバーでブックマークツールバーを表示するようにしているので隠れて邪魔なんです。
CSSで出来ませんか？

63(4): 2015/09/18(金)19:45 ID:wzVeqn//0(1) AAS
#main-window > tooltip {
display: none !important;
}

とか

64: 2015/09/18(金)21:14 ID:ujVBUBLB0(2/2) AAS
>>61
ありがとうございます
望んでいたことが実現できました

65(1): 2015/09/19(土)00:04 ID:Pv2CJoO+0(1) AAS
>>62
> userstyles.org で remove tooltip で検索すればいい
って質問スレで回答貰ってるのに、何で礼も言わずにマルチしてんの？

66: 2015/09/19(土)07:28 ID:gMq0PHwS0(1/4) AAS
>>65
userstyles.orgにあるのは、タブでしか効かない？
質問スレはレスしときました。

67: 62 2015/09/19(土)09:08 ID:gMq0PHwS0(2/4) AAS
>>63
私へのレスだったんですね。
残念ながら効きません。
userstyles.orgにRemove Tooltips Everywhereがけど、タブ上でしか効かない。

68(1): 2015/09/19(土)10:44 ID:43Nk/9bR0(1/2) AAS
>>63のスタイルであれ「Remove Tooltips Everywhere」であれ
Stylishを使ってるなら「/* AGENT_SHEET */」でおｋ

69: 2015/09/19(土)11:06 ID:gMq0PHwS0(3/4) AAS
>>68
レス、ありがとう。
/* AGENT_SHEET */を追記したら、非表示になりました。
ツールボタンは表示したいのですが、下記をどう修正すれば良いのでしょうか？
/* AGENT_SHEET */
#btTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
省10

70(1): 2015/09/19(土)12:16 ID:43Nk/9bR0(2/2) AAS
urlbar/searchbarのtooltipが問題であるなら>>63が書いてるもので十分

ただし…
「#main-window > tooltip」はurlbar/searchbarだけでなく、普通のtoolbarbuttonの
tooltipとしても機能している。
toolbarbuttonすべてが「#main-window > tooltip」を使用しているわけではなく、
bookmarks-menuやdownloadなどは別個#dynamic-shortcut-tooltipを使っているし、
backbuttonやforwardbutton,sharebuttonなどは独自のtooltipを使っている。
またアドオンによっては独自のtooltipを用意している。（例：Stylish）

なので「#main-window > tooltip」を非表示にしてみてどうしても表示させたいtoolbarbuttonの
tooltipまで消えているなら、そのtooltipだけlabelで例外指定する。無様だが仕方ない。
省5

71: 2015/09/19(土)14:52 ID:gMq0PHwS0(4/4) AAS
>>70
ご丁寧な説明、ありがとう。
けっこう厄介なんですね。
アドバイス通り>>63の方法で利用させてもらいます。

72: 2015/09/19(土)16:15 ID:cqRxNPpE0(1) AAS
#gMq0PHwS0 {
display: none;
}

73: 2015/09/22(火)13:13 ID:C1WqmEQq0(1) AAS
ふむ

74(1): 2015/09/22(火)22:38 ID:r73dFpq70(1) AAS
Firefox41でメニューの「syncにサインイン」を非表示にするCSSが中途半端になっちゃった
文字は消えてるけど枠が残ってる
誰か直してー

75: 2015/09/22(火)23:51 ID:pGZfdsXz0(1) AAS
about:configの範疇じゃなかったかそれ

76: 2015/09/23(水)00:28 ID:hY5FuLVk0(1) AAS
>>74
ちなみに当ててるスタイルが
/* メニューパネルの Firefox Sync 非表示 */
#PanelUI-fxa-status {
visibility: collapse !important
}
どこかで拾ったやつ

77(1): 2015/09/23(水)00:32 ID:uS29sm4K0(1) AAS
#PanelUI-fxa-status → #PanelUI-footer-fxa

78: 2015/09/23(水)07:09 ID:hGtKPLDu0(1) AAS
>>77
あなたに「ありがとう」を送ります

79: 2015/09/23(水)16:24 ID:PqihlCVx0(1) AAS
41改悪しまくりだな40使うしかないな

80(1): 2015/09/27(日)12:20 ID:kKHoa8H20(1/4) AAS
タブにナンバーリング

.tabbrowser-tab { counter-increment: tabs; }
.tabbrowser-tab::after {
display: block;
content: counter(tabs);
}

タブに番号を付けるが、いつの間にか出来ない
誰か修正してください

81(1): 2015/09/27(日)15:55 ID:N5GN6olY0(1/2) AAS
>>80
多分こういうことをやりたいんだよな？
.tabbrowser-tab {
counter-increment: tabs;
}
.tab-content:after {
content: counter(tabs);
display: -moz-box;
}

82(1): 2015/09/27(日)18:17 ID:kKHoa8H20(2/4) AAS
>>81
ありがとうございます。
タブにナンバー付いたんだけどすべて0です
タブ1 タブ2 タブ3と連番に出来ないでしょうか

83(1): 2015/09/27(日)18:34 ID:N5GN6olY0(2/2) AAS
>>82
#tabbrowser-tabs {
counter-reset: tabs;
}

84: 2015/09/27(日)19:49 ID:kKHoa8H20(3/4) AAS
これをどこと交換すればよいのですか
>>83
#tabbrowser-tabs {
counter-reset: tabs;
}

85: 2015/09/27(日)21:02 ID:kKHoa8H20(4/4) AAS
良くわからないので
NumExt - Numbered Tabsというアドオンを入れました
おさがわせしました

86: 2015/09/28(月)17:02 ID:p4Ka0xtG0(1) AAS
twitterの『こちらのユーザーもフォローしてみませんか?』ってuserContent.cssで消すことって出来ませんか？
外部ﾘﾝｸ[html]:easaiwindows.blogspot.jp
を参考にしてuserContent.cssに

@namespace url(外部ﾘﾝｸ:www.w3.org
@-moz-document domain("twitter.com") {
div.empty-timeline-footer
{
display:none;
}
}
省1

87: 2015/09/28(月)17:25 ID:J4hbGRYj0(1) AAS
消したい箇所のIDやclassを「要素を調査」で調べろ

88: 2015/09/28(月)19:02 ID:l1JPNPTa0(1) AAS
教えてやろうと思ったけどアカウント持ってねえや
ちなみに @namespace url(外部ﾘﾝｸ:www.w3.org は別にいらないぞ

89: 2015/09/28(月)21:47 ID:u4OHQKIS0(1) AAS
初心者にそんなこと吹き込むもんじゃない

90: 2015/09/28(月)22:28 ID:JIe3+qo40(1) AAS
ロケーションバーやバックボタンをなどを background-color: transparent などで
フラットデザインっぽくしているのですが、プラグインが使われているサイトでは
下記のようになってしまいます。

画像ﾘﾝｸ[png]:i.imgur.com

プラグインの部分にはどのような指定をすればよいのでしょうか。
教えて頂きたく、よろしくお願いします。

91(1): 2015/09/29(火)20:14 ID:6uVjG3510(1) AAS
background:transparent と border:none
場合によって margin:auto

92(1): 2015/09/29(火)23:07 ID:sasbJYek0(1) AAS
>>91
プロパティ名や値ではなく、プラグインのところのセレクタ（idもしくはclass）が
不明で困っています。DOM Inspectorでも上手く見つけられず…。
せっかくお答えいただいたのに、言葉足らずですみませんでした。

93: 2015/09/29(火)23:17 ID:BA6pK7am0(1) AAS
>>92
これ？
#notification-popup-box

94(1): 2015/09/30(水)21:28 ID:uVZZU8OY0(1) AAS
ありがとうございます
ブロックのアイコンのところは望みどおりになりました
…が、アイコンの右側「>」のところが三角に色が残ってしまいます
簡単にはいかないものですね

95: 2015/09/30(水)21:36 ID:8n9/VNPH0(1) AAS
>>94
それはborder-imageで指定されてる
外部ﾘﾝｸ[css]:mxr.mozilla.org

DOMiだと限界があるからクロスレファレンスを参照したほうがいいよ

96: 2015/09/30(水)22:02 ID:5ZNVzhsw0(1) AAS
border-imageってborderで消せなかったっけ

97: 2015/10/03(土)14:17 ID:DDn2b4uR0(1) AAS
(´‥∀‥`)ほう

98: 2015/10/06(火)13:51 ID:o1OtLPFa0(1) AAS
前スレを参考に検索バーの伸び縮みをさせています

#search-container:not(:hover) {
max-width: 30px !important;
min-width: 0 !important;
}

これをホバーだけではなく、検索バーに文字が有るか無いかでも
伸び縮みするようにはできないでしょうか

99: 2015/10/07(水)07:43 ID:hi9c/lor0(1) AAS
ふむ

100: 2015/10/09(金)03:18 ID:LijgMQ4M0(1/2) AAS
aのtitleをaの後に疑似要素として表示させたのですが、この疑似要素の文字列を選択可能にするにはどうしたら良いでしょうか
a::after{content: " "attr(title) !important;}

上下前次 1-新書関写板覧索設栞歴

あと 902 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 0.163s*