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

2015/08/07(金) 23:59:01.64

●前スレ
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/

**名無しさん＠お腹いっぱい。** · 2015/08/07(金) 23:59:32.03

●User Style Managerについて

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

GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager

管理画面
×1.1.1
×1.1
○1.0

スタイル作成
○1.1.1
△1.1
×1.0

**名無しさん＠お腹いっぱい。** · 2015/08/08(土) 00:00:07.31

userChrome.css・userContent.cssスタイルスレ
　http://anago.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
　http://anago.2ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
　http://anago.2ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
　http://anago.2ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
　http://anago.2ch.net/test/read.cgi/software/1400202982/

【中吉】 · 2015/08/08(土) 00:28:36.35

　　　　　　　　.
　　　　　　／/
　　　　／　/　　ﾊﾟｶ
　　　/ ∩∧__∧
>>1乙 .|（´・ω・）ｽ
　　/／ |　　　　ヽ／
　　"￣￣￣￣"∪

**名無しさん＠お腹いっぱい。** · 2015/08/10(月) 22:33:32.31

Stylish-Custom復活しないかなーあれが一番良かった

**名無しさん＠お腹いっぱい。** · 2015/08/11(火) 10:03:22.39

みんな何使ってるの？

**名無しさん＠お腹いっぱい。** · 2015/08/12(水) 10:39:01.48

38ESR移行ついでにStylish更新したら一覧がアドオンマネージャに統合されてクソウザいな

**名無しさん＠お腹いっぱい。** · 2015/08/12(水) 23:15:27.86

/* ナビゲーションバーを細く */
#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
,#PlacesToolbarItems{
margin-top:-0px !important;
padding:0 !important;
}

**名無しさん＠お腹いっぱい。** · 2015/08/13(木) 01:41:09.93

>>8
㌧

**名無しさん＠お腹いっぱい。** · 2015/08/20(木) 00:08:08.43

ﾑﾑﾑ

**名無しさん＠お腹いっぱい。** · 2015/08/20(木) 09:20:36.87

お伺いします
ページ内検索バーを右上に持ってくる
https://userstyles.org/styles/93867/findbar-on-top-right
このスタイルを使ってますがこれを透過させる方法が知りたいです

**名無しさん＠お腹いっぱい。** · 2015/08/20(木) 12:44:02.00

.browserContainer findbar,
#viewSource #FindToolbar {
background: transparent !important;
}

11 · 2015/08/21(金) 16:12:50.81

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

**名無しさん＠お腹いっぱい。** · 2015/08/22(土) 23:09:32.85

検索バーの各々の検索エンジンの文字色等を変更するのは以下で判ったが、検索エンジンにカーソルが乘った時に文字色等を変更する要素が判らない。

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

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

**名無しさん＠お腹いっぱい。** · 2015/08/22(土) 23:41:25.67

>>14
.searchbar-engine-menuitem の方に :hover 付ける。

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 00:46:34.26

#urlbar,#searchbar{
height: 22px !important;
max-height: 22px !important;
min-height: 22px !important;
margin-top: 1px !important;
}

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

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 00:48:47.06

>>15
ならないorz

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 01:28:53.52

>>17
!important はちゃんと付けてる?

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 02:24:28.58

誰がインポだよ！

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 03:04:29.34

>>17
:hoverは両方に追加しても駄目。
!important;は当然記述。

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 03:12:56.84

そもそも↓だけでおｋ
.searchbar-engine-menuitem:hover

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 03:29:46.85

旧検索バー(browser.search.showOneOffButtons;false)のやつだよね
手元ではこんな感じでうまく行ってる(Fx 40.0.2)
http://i.imgur.com/Hf4rUtk.png

.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;
}

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 07:04:55.99

>>22
其の記述でして見たが矢張り駄目だった。
http://i.imgur.com/e0yRVUa.png
もう訳分からん。

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 07:19:39.77

>>16
アイコンのmargin値を変えればいい

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 08:31:22.51

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

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 09:33:38.97

ごめん>>22は忘れて。こっちの方がより良い。
http://i.imgur.com/9vbrDC4.png

.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;
background-color: #b8860b !important;
}

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

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 09:35:24.57

-moz-appearance: menuitem のままで background-color を
適用できれば一番いいと思うのだけど、上手く行かなかった http://i.imgur.com/3ovVPdl.png

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 17:43:49.28

Organize Search Enginesって今もうないのね。
便利なアドオンだったのに、みんな何に乗り換えたのかしら。

**名無しさん＠お腹いっぱい。** · 2015/08/23(日) 23:01:49.69

>>27
重ね重ね済みません。
もう問題は解決しました。

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

**名無しさん＠お腹いっぱい。** · 2015/08/24(月) 03:12:42.43

Context Search系で似たようなことをできるものはあるっぽいな

**名無しさん＠お腹いっぱい。** · 2015/08/24(月) 05:04:07.14

フォルダ分けは他にあるね。

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

**名無しさん＠お腹いっぱい。** · 2015/08/27(木) 17:47:36.37

Stylishのデフォルトエディタ、Tabを勝手に半角スペースにしやがる
余計なことすんなし(´・д・`)ﾓｰ
前からこうだったっけ？

**名無しさん＠お腹いっぱい。** · 2015/08/27(木) 18:19:22.65

Tabはもう流行らない
即刻使うのをやめるべき

**名無しさん＠お腹いっぱい。** · 2015/08/27(木) 18:20:10.09

if you don't want tabs expanding to spaces at all and would like real tabs instead, set devtools.editor.expandtab to false

**名無しさん＠お腹いっぱい。** · 2015/08/27(木) 18:29:04.70

tabはwhite spaceにするよ
でないといろいろ面倒なことになる

**名無しさん＠お腹いっぱい。** · 2015/08/27(木) 20:15:23.06

どういうふうに？

**名無しさん＠お腹いっぱい。** · 2015/08/27(木) 23:45:48.45

user_pref("extensions.stylish.editor", 1);
で解決しないのか？

**名無しさん＠お腹いっぱい。** · 2015/08/28(金) 07:25:16.22

>>34
おおおできたあ！
ありがたや！

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

**名無しさん＠お腹いっぱい。** · 2015/08/28(金) 08:30:52.83

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

**名無しさん＠お腹いっぱい。** · 2015/08/28(金) 12:44:14.45

>>39
extensions.stylish.buttonStylesDisplay.app: submenu
extensions.stylish.buttonStylesDisplay.siteNonMatching: submenu
にして使っている
show, hide, submenu の値が設定できる

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

**名無しさん＠お腹いっぱい。** · 2015/08/28(金) 21:41:02.14

>>39
> 一体どうしてスタイル名からの絞り込み検索ができなくなったのか…

普通にできるだろ

**名無しさん＠お腹いっぱい。** · 2015/08/29(土) 07:12:31.33

>>39
"Addons Manager Hilite"っていうアドオン使うと少しだけ便利になるかも

**名無しさん＠お腹いっぱい。** · 2015/09/01(火) 18:27:55.14

Firefox40になってからタブの読み込み中のアイコンが青色に変わりましたが
以前の緑色に戻す方法はないでしょうか？

43 · 2015/09/01(火) 18:34:55.37

すみません、自己解決しました
↓でいけました

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

**名無しさん＠お腹いっぱい。** · 2015/09/01(火) 18:43:50.22

>>8
これ使うとナビゲーションバーの各項目が下が切れてしまうんだけど
もうちょい良い調整法ないですかね？

**名無しさん＠お腹いっぱい。** · 2015/09/01(火) 19:10:18.65

/* 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;
}
#back-button {
/*
padding-top: 3px !important;
padding-bottom: 3px !important;
*/
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: -3px;
margin-bottom: -3px;
}

**名無しさん＠お腹いっぱい。** · 2015/09/01(火) 20:34:59.45

地味にグーグルの仕様が変わってますね・・
検索語句の入力欄とその隣のボタンが大きくなった

**名無しさん＠お腹いっぱい。** · 2015/09/02(水) 02:00:17.40

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

**名無しさん＠お腹いっぱい。** · 2015/09/02(水) 04:19:00.04

>>46
これ使ってもほとんど変化ないように感じるんだが

**名無しさん＠お腹いっぱい。** · 2015/09/06(日) 11:35:34.26

拡張機能の一覧でアドオンのバージョンが表示されなくなりましたが
cssでそれを表示できるようにはならないでしょうか？
アドオンで実現させるものはありますが、もしcssで何とかなるなら
そのほうがスマートだと思っています。

**名無しさん＠お腹いっぱい。** · 2015/09/06(日) 16:02:52.66

>>50
ttp://u6.getuploader.com/script/download/1422/about_addon_revert_version_number.css

**名無しさん＠お腹いっぱい。** · 2015/09/06(日) 18:37:28.14

>>51
ありがとうございます！

**名無しさん＠お腹いっぱい。** · 2015/09/10(木) 19:49:12.90

へぇ

**名無しさん＠お腹いっぱい。** · 2015/09/11(金) 08:22:42.85

CSSでこんなこともできるのか、すごいな
もっともこれを「」cssで何とかなる」の範疇に入れていいのかは悩ましい

**名無しさん＠お腹いっぱい。** · 2015/09/11(金) 08:40:26.13

>>51
ありがとう、いただきます。
userstyles.orgへ登録すべし。

**名無しさん＠お腹いっぱい。** · 2015/09/11(金) 10:08:26.44

何云ってんだコイツ転載モノを登録かよ

**名無しさん＠お腹いっぱい。** · 2015/09/16(水) 13:10:06.70

Twitterのツイートするときにフロート表示される書き込みダイアログの中の
「いまどうしてる？」を非表示にするCSS教えてください
http://i.imgur.com/XsQVS5H.png

**名無しさん＠お腹いっぱい。** · 2015/09/16(水) 13:38:07.81

@-moz-document domain("twitter.com") {
.tweet-form div.rich-editor.is-showPlaceholder:before{
display:none;
}
}

**名無しさん＠お腹いっぱい。** · 2015/09/16(水) 14:48:17.55

>>58
ありがとうございます！

**名無しさん＠お腹いっぱい。** · 2015/09/18(金) 12:57:38.94

検索バーに何も入力してない時に「検索」と表示されるグレイテキストを
消すCSSを教えてください
昔効いていた「#searchbar[empty="true"] .searchbar-textbox」では
消えなくなってしまい…

**名無しさん＠お腹いっぱい。** · 2015/09/18(金) 13:42:00.21

::-moz-placeholderにスタイルを掛ける
http://mxr.mozilla.org/mozilla-central/source/toolkit/themes/windows/global/textbox.css#41

.searchbar-textboxに限定したいなら以下を参照
http://mxr.mozilla.org/mozilla-central/source/browser/themes/windows/browser.css#1322
:-moz-lwthemeを外せばテーマの限定なしに適用される
opacity:0もしくはcolor:transparentでおｋ

上記を直接使うならデフォルトのnamespaceの他にhtml-prefixを必ず付け加えること
（それか「html|*」とか書かない）
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url("http://www.w3.org/1999/xhtml";);

**名無しさん＠お腹いっぱい。** · 2015/09/18(金) 19:31:32.36

ロケーションバーにマウスオーバーした時、URLが長すぎるとポップアップされて邪魔なんだけど、
ポップアップしないように出来ませんか？
検索バーでも「Googleで検索します」がポップアップされて邪魔です。
ツールバーにマウスオーバーでブックマークツールバーを表示するようにしているので隠れて邪魔なんです。
CSSで出来ませんか？

**名無しさん＠お腹いっぱい。** · 2015/09/18(金) 19:45:15.11

#main-window > tooltip {
display: none !important;
}

とか

**名無しさん＠お腹いっぱい。** · 2015/09/18(金) 21:14:03.63

>>61
ありがとうございます
望んでいたことが実現できました

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 00:04:37.25

>>62
> userstyles.org で remove tooltip で検索すればいい
って質問スレで回答貰ってるのに、何で礼も言わずにマルチしてんの？

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 07:28:47.29

>>65
userstyles.orgにあるのは、タブでしか効かない？
質問スレはレスしときました。

62 · 2015/09/19(土) 09:08:03.86

>>63
私へのレスだったんですね。
残念ながら効きません。
userstyles.orgにRemove Tooltips Everywhereがけど、タブ上でしか効かない。

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 10:44:20.97

>>63のスタイルであれ「Remove Tooltips Everywhere」であれ
Stylishを使ってるなら「/* AGENT_SHEET */」でおｋ

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 11:06:54.53

>>68
レス、ありがとう。
/* AGENT_SHEET */を追記したら、非表示になりました。
ツールボタンは表示したいのですが、下記をどう修正すれば良いのでしょうか？
/* AGENT_SHEET */
#btTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip,
#aHTMLTooltip,
#urlTooltip,
#brief-tooltip,
#btTooltipTextBox,
#un-toolbar-tooltip
{

display: none !important;

}

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 12:16:14.20

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で例外指定する。無様だが仕方ない。
例えばhomebuttonのtooltipは#main-window > tooltipを使ってるから消えてしまうが
以下のようにすれば除外される。（labelは環境によって変わるので適宜変更）

#main-window > tooltip:not([label="Nightly Start Page"]){
visibility: collapse;
}

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 14:52:53.17

>>70
ご丁寧な説明、ありがとう。
けっこう厄介なんですね。
アドバイス通り>>63の方法で利用させてもらいます。

**名無しさん＠お腹いっぱい。** · 2015/09/19(土) 16:15:40.70

#gMq0PHwS0 {
display: none;
}

**名無しさん＠お腹いっぱい。** · 2015/09/22(火) 13:13:57.03

ふむ

**名無しさん＠お腹いっぱい。** · 2015/09/22(火) 22:38:09.20

Firefox41でメニューの「syncにサインイン」を非表示にするCSSが中途半端になっちゃった
文字は消えてるけど枠が残ってる
誰か直してー

**名無しさん＠お腹いっぱい。** · 2015/09/22(火) 23:51:15.17

about:configの範疇じゃなかったかそれ

**名無しさん＠お腹いっぱい。** · 2015/09/23(水) 00:28:10.56

>>74
ちなみに当ててるスタイルが
/* メニューパネルの Firefox Sync 非表示 */
#PanelUI-fxa-status {
visibility: collapse !important
}
どこかで拾ったやつ

**名無しさん＠お腹いっぱい。** · 2015/09/23(水) 00:32:56.62

#PanelUI-fxa-status → #PanelUI-footer-fxa

**名無しさん＠お腹いっぱい。** · 2015/09/23(水) 07:09:44.03

>>77
あなたに「ありがとう」を送ります

**名無しさん＠お腹いっぱい。** · 2015/09/23(水) 16:24:40.08

41改悪しまくりだな40使うしかないな

**名無しさん＠お腹いっぱい。** · 2015/09/27(日) 12:20:03.70

タブにナンバーリング

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

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

**名無しさん＠お腹いっぱい。** · 2015/09/27(日) 15:55:42.94

>>80
多分こういうことをやりたいんだよな？
.tabbrowser-tab {
counter-increment: tabs;
}
.tab-content:after {
content: counter(tabs);
display: -moz-box;
}

**名無しさん＠お腹いっぱい。** · 2015/09/27(日) 18:17:25.05

>>81
ありがとうございます。
タブにナンバー付いたんだけどすべて0です
タブ1 タブ2 タブ3と連番に出来ないでしょうか

**名無しさん＠お腹いっぱい。** · 2015/09/27(日) 18:34:04.78

>>82
#tabbrowser-tabs {
counter-reset: tabs;
}

**名無しさん＠お腹いっぱい。** · 2015/09/27(日) 19:49:28.01

これをどこと交換すればよいのですか
>>83
#tabbrowser-tabs {
counter-reset: tabs;
}

**名無しさん＠お腹いっぱい。** · 2015/09/27(日) 21:02:19.48

良くわからないので
NumExt - Numbered Tabsというアドオンを入れました
おさがわせしました

**名無しさん＠お腹いっぱい。** · 2015/09/28(月) 17:02:27.45

twitterの『こちらのユーザーもフォローしてみませんか?』ってuserContent.cssで消すことって出来ませんか？
http://easaiwindows.blogspot.jp/2013/07/stylish.html
を参考にしてuserContent.cssに

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("twitter.com") {
div.empty-timeline-footer
{
display:none;
}
}

って書き込んでみたのですが、非表示にすることができませんでした

**名無しさん＠お腹いっぱい。** · 2015/09/28(月) 17:25:22.67

消したい箇所のIDやclassを「要素を調査」で調べろ

**名無しさん＠お腹いっぱい。** · 2015/09/28(月) 19:02:06.91

教えてやろうと思ったけどアカウント持ってねえや
ちなみに @namespace url(http://www.w3.org/1999/xhtml); は別にいらないぞ

**名無しさん＠お腹いっぱい。** · 2015/09/28(月) 21:47:55.90

初心者にそんなこと吹き込むもんじゃない

**名無しさん＠お腹いっぱい。** · 2015/09/28(月) 22:28:53.30

ロケーションバーやバックボタンをなどを background-color: transparent などで
フラットデザインっぽくしているのですが、プラグインが使われているサイトでは
下記のようになってしまいます。

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

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

**名無しさん＠お腹いっぱい。** · 2015/09/29(火) 20:14:26.79

background:transparent と border:none
場合によって margin:auto

**名無しさん＠お腹いっぱい。** · 2015/09/29(火) 23:07:02.81

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

**名無しさん＠お腹いっぱい。** · 2015/09/29(火) 23:17:42.97

>>92
これ？
#notification-popup-box

**名無しさん＠お腹いっぱい。** · 2015/09/30(水) 21:28:00.10

ありがとうございます
ブロックのアイコンのところは望みどおりになりました
…が、アイコンの右側「>」のところが三角に色が残ってしまいます
簡単にはいかないものですね

**名無しさん＠お腹いっぱい。** · 2015/09/30(水) 21:36:28.20

>>94
それはborder-imageで指定されてる
http://mxr.mozilla.org/mozilla-release/source/browser/themes/shared/notification-icons.inc.css#103

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

**名無しさん＠お腹いっぱい。** · 2015/09/30(水) 22:02:36.79

border-imageってborderで消せなかったっけ

**名無しさん＠お腹いっぱい。** · 2015/10/03(土) 14:17:30.78

(´‥∀‥`)ほう

**名無しさん＠お腹いっぱい。** · 2015/10/06(火) 13:51:11.08

前スレを参考に検索バーの伸び縮みをさせています

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

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

**名無しさん＠お腹いっぱい。** · 2015/10/07(水) 07:43:27.12

ふむ

**名無しさん＠お腹いっぱい。** · 2015/10/09(金) 03:18:40.98

aのtitleをaの後に疑似要素として表示させたのですが、この疑似要素の文字列を選択可能にするにはどうしたら良いでしょうか
a::after{content: " "attr(title) !important;}

**名無しさん＠お腹いっぱい。** · 2015/10/09(金) 04:57:15.16

CSS でそれはムリ、仕様の問題
やりたいなら JavaScript や jQuery

**名無しさん＠お腹いっぱい。** · 2015/10/09(金) 11:42:10.37

>>101
ありがとうございます
ちょっと勉強してきます

**名無しさん＠お腹いっぱい。** · 2015/10/10(土) 21:30:29.76

ThunderbirdのuserChrome.cssについて質問です。
GmailをIMAPで受信していて、
左側のフォルダツリーのアイコンを変更したいのですが、どの様に記述すればよいでしょうか。

"スター付き"のフォルダ(ラベル)のアイコンを星に変更したいのですが、
どのように記述し指定したらよいか分かりません。
タブのアイコンは
.tabmail-tab[type="folder"][label="スター付き"],
.tabmail-tab[type="folder"][selected="true"][label="スター付き"] {
list-style-image: url("chrome://messenger/skin/operator.png") !important;
-moz-image-region: auto !important;
}
とする事で変更できました。

適当にググると
http://www.libellules.ch/phpBB2/thunderbird-3-changer-la-couleur-des-dossiers-t37096.html
treechildren::-moz-tree-image(folderNameCol, name-フォルダ名？)
でやるっぽいけど、色々試しましたが、うまくいきません。
treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent)等で
送信済みメールやゴミ箱等は変更できましたが、
日本語の任意のフォルダ(ラベル)名での指定の仕方が分かりません。
ご教示ください。

**名無しさん＠お腹いっぱい。** · 2015/10/13(火) 15:05:32.94

Google Mapの検索ボックスを隠すCSSはどこかのサイトに紹介されてありませんか？

**名無しさん＠お腹いっぱい。** · 2015/10/13(火) 16:19:44.84

>>104
http://anago.2ch.net/test/read.cgi/software/1435314925/466,467

**名無しさん＠お腹いっぱい。** · 2015/10/14(水) 00:05:14.32

googleカレンダーの仕様変わった？
土日の色付けusercontent.cssが効かなくなってる。
新しいの教えてください。

**名無しさん＠お腹いっぱい。** · 2015/10/14(水) 19:31:02.28

>>106
自己レス
urlが変わっただけだった。

**名無しさん＠お腹いっぱい。** · 2015/10/14(水) 23:33:56.95

>>107
自分も同じ現象になってたから助かったわ

**名無しさん＠お腹いっぱい。** · 2015/10/16(金) 01:28:00.86

あんまり詳しくないんだけどDeveloper版のFirefox最新版でuserchromeって使えないの
多分最新だおともうんだけどjsもいれてprofileのなかのChromeフォルダにローダーとスクリプトいれてもだめだし
オプションにもchromeの項目がでてこない

**名無しさん＠お腹いっぱい。** · 2015/10/17(土) 16:55:39.16

>>109
スレを間違えてない？
ここはCSSのスレだよ

**名無しさん＠お腹いっぱい。** · 2015/10/17(土) 18:33:52.65

niconicoってCSSにもイチャモン付けるんだろうな

**名無しさん＠お腹いっぱい。** · 2015/10/18(日) 03:09:11.92

スクリプトスレでやってろ

**名無しさん＠お腹いっぱい。** · 2015/10/18(日) 16:54:43.32

Yahooトップの右カラムの仕様変わった？

**名無しさん＠お腹いっぱい。** · 2015/10/24(土) 22:09:57.46

Google Translator Tooltip Expandedが死んだ

**名無しさん＠お腹いっぱい。** · 2015/10/25(日) 00:01:51.60

fork版も？

**名無しさん＠お腹いっぱい。** · 2015/11/01(日) 19:55:06.27

む

**名無しさん＠お腹いっぱい。** · 2015/11/16(月) 18:30:39.40

Stylish で★阿修羅♪掲示板の　書き込みの下部に表示される「総合アクセスランキング　（７日間）～（30日間）」などを表示にする方法お教えくださいませ

**名無しさん＠お腹いっぱい。** · 2015/11/16(月) 18:31:48.46

×表示　　○非表示にする方法

**名無しさん＠お腹いっぱい。** · 2015/11/16(月) 18:56:18.27

とうとう43でuserChrome廃止か

**名無しさん＠お腹いっぱい。** · 2015/11/16(月) 19:02:07.35

なんで？

**名無しさん＠お腹いっぱい。** · 2015/11/16(月) 19:05:33.95

userChrome.css廃止決定なん?

**名無しさん＠お腹いっぱい。** · 2015/11/16(月) 19:18:02.79

Gaia方式に似た何かになるんじゃない

**名無しさん＠お腹いっぱい。** · 2015/11/17(火) 16:47:28.73

楽店サイトをスクロールした時、検索ボックスを固定するCSS欲しい。
CSSで無理ならスクリプトでも結構です。

**名無しさん＠お腹いっぱい。** · 2015/11/17(火) 18:55:08.22

>>123
楽天は見たくないので一般論として
cssでならスクロールに追随可ならposition:fixed、追随不可ならposition:absoluteを使う
あとはtop、right、bottom、leftを必要に応じて数値を指定する

で、検索ボックスを対象に要素を調査
使い方は↓にいろいろ記載されてる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector

**名無しさん＠お腹いっぱい。** · 2015/11/17(火) 19:47:07.92

>>124
レス、ありがとう。
CSSの知識皆無の71才になるジジイには無理です。

**名無しさん＠お腹いっぱい。** · 2015/11/17(火) 20:41:35.79

Google検索の結果のタイトル部分を広げるのってないですか？

**名無しさん＠お腹いっぱい。** · 2015/11/17(火) 21:08:12.90

>>126
showFullTitle4Google.user.js
マウスオーバーでフル表示

**名無しさん＠お腹いっぱい。** · 2015/11/17(火) 23:54:52.36

>>127
常に表示は無理ですか？
改造しようにも記述が分からないです。

**名無しさん＠お腹いっぱい。** · 2015/11/18(水) 00:20:21.72

>>128
確か作者はテストして負荷が大きい過ぎるからマウスオーバー方式にしたはず

**名無しさん＠お腹いっぱい。** · 2015/11/18(水) 00:40:40.64

なるほど
情報ありがとうございます。

**名無しさん＠お腹いっぱい。** · 2015/11/18(水) 06:13:48.80

>>123
固定させたいページを晒してくれないとわからない
ページによってはその機能が備わってるみたいだし

**名無しさん＠お腹いっぱい。** · 2015/11/18(水) 20:29:09.82

Stylish Developer Toolってショートカットキーないのかな

**名無しさん＠お腹いっぱい。** · 2015/11/24(火) 14:21:03.62

ページ内検索バーを右上に持ってくる「Findbar on Top Right」のスタイルを使用していましたが、
他のアドオン(ツリー型タブ？)と干渉して表示がグチャグチャになることがあって使いのをやめたいと思ってます。
基本は純正のままでいいいのですが全体を右詰めにしたいです。
更には検索が先頭・末尾に行った時などに表示されるテキストの量に応じてボックスの矢印の位置が変わらないようにボックスを右端に置きたいです。

**名無しさん＠お腹いっぱい。** · 2015/11/24(火) 14:36:31.76

そうですか^^
いままでお疲れ様でした

**名無しさん＠お腹いっぱい。** · 2015/11/24(火) 22:04:34.47

開いているタブが多くなっていくとタブ幅を狭くするスタイルを使っているんだけれども
ある一定以下の幅になったら今表示しているタブのbackground-image:を変えるのって
userChrome.cssだけで実現させるのは不可能？

具体的には
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]
の状態でタブ幅が100px以下になったらbackground-image:をredにするみたいな

**名無しさん＠お腹いっぱい。** · 2015/11/24(火) 22:48:08.08

>>133
スレチだけどアドオン使ったら？
https://addons.mozilla.org/ja/firefox/addon/findbar-tweak/

**名無しさん＠お腹いっぱい。** · 2015/11/25(水) 21:33:02.56

>>136
ありがとうございます
試してみましたら「Findbar on Top Right」と同じく表示が乱れました
どうもこの辺りのスタイルをいじるとがツリー型タブと衝突するようです

**名無しさん＠お腹いっぱい。** · 2015/11/25(水) 21:55:26.10

>>137
俺ここの使ってるよツリー型タブと干渉したことはない
http://tofukko.blog113.fc2.com/blog-entry-414.html

**名無しさん＠お腹いっぱい。** · 2015/11/26(木) 00:19:43.91

>>138
これいいですね！
今のところ表示が乱れるようなこともなさそうですし
ありがとうございます

**名無しさん＠お腹いっぱい。** · 2015/11/28(土) 14:38:50.20

ここを参考にして
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1054243990
ブックマークを非表示にしてみたのですが
ブックマークサイドバー上は非表示にできませんでした
どうすればいいんでしょうか？
http://fsm.vip2ch.com/-/sukima/sukima413121.jpg

**名無しさん＠お腹いっぱい。** · 2015/11/29(日) 14:42:04.29

>>135はcssでは出来ない、ということでいいのかな？

**名無しさん＠お腹いっぱい。** · 2015/11/29(日) 15:33:29.77

#tabbrowser-tabs[overflow=

**名無しさん＠お腹いっぱい。** · 2015/12/02(水) 15:42:32.80

ツールバーを細くするCSSを使っているのですがFx40あたりから、
Firefoxを立ち上げたときにむわっと太くなって、一秒後くらいに細くなる

こんな感じなんですけど手直ししてくれるような神がいらっしゃったらお願いします
https://pastebin.mozilla.org/8853573

**名無しさん＠お腹いっぱい。** · 2015/12/02(水) 16:20:52.21

>>142
やってみ？

**名無しさん＠お腹いっぱい。** · 2015/12/02(水) 19:50:43.18

>>143
UserCSSLoaderなら仕様

**名無しさん＠お腹いっぱい。** · 2015/12/05(土) 18:42:04.65

>>144？

**名無しさん＠お腹いっぱい。** · 2015/12/11(金) 23:43:49.93

Stylishのタグ機能ってもう復活はしないのかなあ

タグを付けれないと不便すぎるからずっとバージョン1.4.3を使い続けてる
バージョン2.0以降だとパフォーマンスが改善されてるっぽいし、できればアップデートはしたいのだけれど

**名無しさん＠お腹いっぱい。** · 2015/12/12(土) 03:25:56.22

確かに不便なった

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 08:00:15.28

YouTube TOPページの「あなたへのおすすめ」のところだけ非表示にするCSSを教えてください

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 08:35:16.97

>>149
適当
#item-section-783551{
display:none;
}

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 09:11:26.68

>>150
どうもです
残念ながら数字がランダムに生成されるためそれだと上手くいきません
#item-section-825957 > li:nth-child(1) > div:nth-child(1)　など

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 09:30:09.80

>>151
じゃ、こうかな？
ol li:nth-of-type(3){
display:none;
}

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 09:35:58.82

すまん、152もダメだな

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 09:42:16.33

ol[id*="item-section-"]でいいだろ

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 09:59:52.17

おすすめだけ多段になってることを利用して
.item-section .multirow-shelf
とか？

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 11:19:46.47

みなさんどうもありがとうございます

.item-section .multirow-shelf {
display: none !important;
}

で、非表示にできました

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 14:50:18.24

使用しているアドオンのcssの記述「panel#selectedsearch-popup { border-width: 0px }」を無効にしたいんですが
stylishでどう記述すればいいか教えてください
今までは直接xpiをいじってcssから該当部分の記述を削除してたんですがstylishで無効に出来ればと思い質問しました

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 15:13:42.99

#selectedsearch-popup {
border-width: initial !important;
}

**名無しさん＠お腹いっぱい。** · 2015/12/29(火) 16:04:25.43

>>158
素早いレスありがとうございます
以前のような表示にすることができました

**名無しさん＠お腹いっぱい。** · 2016/01/01(金) 04:06:58.72

なるほどなあ

**名無しさん＠お腹いっぱい。** · 2016/01/06(水) 09:47:07.97

ブックマークのプロパティって、横幅はドラッグして広げられるけど、高さは変えられませんよね。
やり方があれば教えて下さい。

**名無しさん＠お腹いっぱい。** · 2016/01/07(木) 23:38:48.93

>>161
パネルの中の何の高さを設定したいのか不明だけど、例えばツリーならツリーでそこを高さ指定する等で解決するのでは？
余白はmarginやpaddingで調整すれば良いでしょう。

**名無しさん＠お腹いっぱい。** · 2016/01/14(木) 01:13:01.16

メモ
/*-----------chaika-Favicon-change-----------------*/
*[src*="chrome://chaika/content/icon.png"]:not([busy]),
#urlbar [src*='chrome://chaika/content/'],
.tab-icon-image[src*="chrome://chaika/content/"]:not([busy])
{ display: -moz-box !important;
list-style-image: none !important;
width: 0 !important;
height: 16px !important;
padding-left: 16px !important;
background: url('data:image/png;base64,xxxxxxxxxxx') center no-repeat !important; }

**名無しさん＠お腹いっぱい。** · 2016/01/15(金) 19:23:19.07

ロケーションバーの項目リストのトップに「-で検索」というのが表示されますが消せますか?
アドオンやスクリプト、スタイルどんな方法でもいいです。

**名無しさん＠お腹いっぱい。** · 2016/01/15(金) 23:22:29.33

browser.urlbar.unifiedcomplete;false

**名無しさん＠お腹いっぱい。** · 2016/01/16(土) 02:16:19.34

>>165
ありがとう消せました。

**名無しさん＠お腹いっぱい。** · 2016/01/16(土) 13:31:58.24

グリモンのアイコンについてるドロップマーカーの幅？を狭めるコード教えてください

**名無しさん＠お腹いっぱい。** · 2016/01/16(土) 13:54:49.87

>>167
適当（二行目は要らんかも知れんが…）
@-moz-document url(chrome://browser/content/browser.xul) {
#greasemonkey-tbb toolbarbutton,
#greasemonkey-tbb .toolbarbutton-menubutton-dropmarker{
padding:0 !important;
}
}

**名無しさん＠お腹いっぱい。** · 2016/01/17(日) 13:32:56.72

>>168
ありがとう
適用してみましたがほとんど変わらなかったです
理想はドロップマーカーを消してボタンクリックでメニューが出ればいいんですけどね

**168** · 2016/01/17(日) 14:36:09.50

>>169
じゃあこうか？
@-moz-document url(chrome://browser/content/browser.xul) {
#greasemonkey-tbb .toolbarbutton-icon,
#greasemonkey-tbb .dropmarker-icon,
#greasemonkey-tbb .toolbarbutton-menubutton-dropmarker{
padding:0 !important;
border:none !important;
}
}

**名無しさん＠お腹いっぱい。** · 2016/01/17(日) 16:34:35.41

#greasemonkey-tbb > .toolbarbutton-menubutton-dropmarker { display: none !important; }

**名無しさん＠お腹いっぱい。** · 2016/01/17(日) 23:26:42.38

アイコンクリックでメニュー出したいならこうじゃない？
padding あたりまたちょっと環境差あるかもしれんけど

@-moz-document url(

**名無しさん＠お腹いっぱい。** · 2016/01/17(日) 23:28:27.12

http://pastebin.com/jATFm8Wr
うお、消えた。またなると面倒だからここで

**名無しさん＠お腹いっぱい。** · 2016/01/18(月) 07:37:59.02

アイコンマウスオーバーでドロップマーカー出るcss使ってる
Autohide Dropmarkersてやつ

**名無しさん＠お腹いっぱい。** · 2016/01/18(月) 12:14:56.04

>>174
横からだけど、いいなこれ
㌧

**名無しさん＠お腹いっぱい。** · 2016/01/18(月) 15:51:52.57

>>173
ありがとう！
ちょっと今確認できないからまた動作報告します

**名無しさん＠お腹いっぱい。** · 2016/01/19(火) 13:25:08.65

>>173
適用してみましたが完璧でした！
ブックマークバーにボタンを移動すると横に伸びた感じになりましたが
4pxの部分を2pxにしたら改善しました

どんなネーミングにしようか悩み中です・・・

**名無しさん＠お腹いっぱい。** · 2016/01/20(水) 21:21:38.11

そりゃこうなるわ、マゴキツ過ぎ

**名無しさん＠お腹いっぱい。** · 2016/01/23(土) 15:23:47.75

スクロールバーのつまみを長くする方法はありますか?
つまみの幅じゃなく長さね。
特に2chの長いページなどでつまみが小さくて。

**名無しさん＠お腹いっぱい。** · 2016/01/23(土) 15:58:00.43

できない

**名無しさん＠お腹いっぱい。** · 2016/01/23(土) 17:44:26.97

https://userstyles.org/styles/94453/

こういうのみたいなスクロールバーを改変するcssを見て、min-height（横スクロールバーならmin-width）に好きな数値を設定すればいいんじゃね？

**名無しさん＠お腹いっぱい。** · 2016/01/24(日) 01:57:46.10

すっげ簡単に出来るよなw
できないとか息を吐くように嘘をつくﾁｮﾝが湧いてて草

**名無しさん＠お腹いっぱい。** · 2016/01/24(日) 16:20:04.44

(ろくに調べもしない教えて君には一生)できない

**名無しさん＠お腹いっぱい。** · 2016/01/24(日) 16:46:34.23

できもしないくせに

**名無しさん＠お腹いっぱい。** · 2016/01/29(金) 07:01:32.04

44でロケーションバーのhttpsのurlがまた色が付かなくなっちゃったみたいなんですけど
分かる方いますか？

#urlbar[level]　←元はこれでいけてて
#main-window[stylish-url^="https://";]　←43まではこれでいけてたのに

**名無しさん＠お腹いっぱい。** · 2016/01/29(金) 07:30:49.16

>>185
Colored Firefox's HTTPS Location Bar - Themes and Skins for Browser - userstyles.org
https://userstyles.org/styles/122476/colored-firefox-s-https-location-bar

**185** · 2016/01/29(金) 22:48:48.59

>>186
かたじけない！

**名無しさん＠お腹いっぱい。** · 2016/02/01(月) 00:12:21.02

つまりどういうことなの

**名無しさん＠お腹いっぱい。** · 2016/02/01(月) 00:18:45.22

終了っすね

**名無しさん＠お腹いっぱい。** · 2016/02/01(月) 01:29:07.62

そういうことっすか

**名無しさん＠お腹いっぱい。** · 2016/02/02(火) 23:59:11.47

YouTube また仕様変わった？
プレイヤーのデフォルトサイズを変更するスタイルが効かなくなった

**名無しさん＠お腹いっぱい。** · 2016/02/03(水) 13:01:22.43

googleがかかわるとろくなことにならん

**名無しさん＠お腹いっぱい。** · 2016/02/05(金) 19:20:40.06

画面解像度が横1024のノーパソなんで
サイトによっては表示しきれなくて横スクロールバー出るんだけど
1024のモニタ内にすべて収まるようにするCSSあれば教えてください

**名無しさん＠お腹いっぱい。** · 2016/02/05(金) 19:25:36.43

>>193
あなたのすべてとわたしのすべてはたぶんぜんぜんちがう
あなたのすべてはなんですか

**名無しさん＠お腹いっぱい。** · 2016/02/05(金) 19:28:50.53

>>193
Ctrl+-(マイナス)で縮小するのが無難では

**名無しさん＠お腹いっぱい。** · 2016/02/06(土) 06:24:51.72

body { max-width: 100% !important; }

**名無しさん＠お腹いっぱい。** · 2016/02/08(月) 23:32:26.59

>>193
スクリプトなら、縮小せずに済む便利なのあるけど...
ttps://greasyfork.org/ja/scripts/3569-shift-scroll-hscroll

**名無しさん＠お腹いっぱい。** · 2016/02/09(火) 13:13:41.32

完全にズレたアドバイスだな

**名無しさん＠お腹いっぱい。** · 2016/02/09(火) 15:33:57.55

礼も言わないようなカスしかいないんだから金輪際教えなくていい

**名無しさん＠お腹いっぱい。** · 2016/02/09(火) 17:52:23.57

お礼されないとぽんぽんいたいいたいになっちゃうメンタルだもんねしょうがないよね