userChrome.css・userContent.cssスレ Part6©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/
2015/08/28(金) 07:25:16.22ID:CK2CzjOC0
>>34
おおおできたあ!
ありがたや!

>>37
それは旧エディタか新エディタかというだけじゃなかったっけ?
2015/08/28(金) 08:30:52.83ID:jPJzSP9e0
Stylishはスタイル管理画面がabout:addonsに統合されて以降管理がしにくくて仕方ない。
なんかちょっと重い(ソートするだけでどうしてあんなに?)のもそうだけど、
一体どうしてスタイル名からの絞り込み検索ができなくなったのか…
2015/08/28(金) 12:44:14.45ID:CK2CzjOC0
>>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.14ID:DUnwLNT70
>>39
> 一体どうしてスタイル名からの絞り込み検索ができなくなったのか…

普通にできるだろ
2015/08/29(土) 07:12:31.33ID:/gNU9/Ve0
>>39
"Addons Manager Hilite"っていうアドオン使うと少しだけ便利になるかも
2015/09/01(火) 18:27:55.14ID:5hZDnK1h0
Firefox40になってからタブの読み込み中のアイコンが青色に変わりましたが
以前の緑色に戻す方法はないでしょうか?
4443
垢版 |
2015/09/01(火) 18:34:55.37ID:5hZDnK1h0
すみません、自己解決しました
↓でいけました

.tab-throbber { filter: hue-rotate(-90deg); }
45名無しさん@お腹いっぱい。
垢版 |
2015/09/01(火) 18:43:50.22ID:k332MS3E0
>>8
これ使うとナビゲーションバーの各項目が下が切れてしまうんだけど
もうちょい良い調整法ないですかね?
2015/09/01(火) 19:10:18.65ID:uCehtulK0
/* 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.45ID:5hZDnK1h0
地味にグーグルの仕様が変わってますね・・
検索語句の入力欄とその隣のボタンが大きくなった
2015/09/02(水) 02:00:17.40ID:Zvq46nLB0
今迄「autocomplete」を使ってたけど、「treechildren」で全てカバー出来る事に気が付いた。
これならサイドバーやページの情報、特定のアドオンの表示リスト等の表示も一括で管理出来る。
2015/09/02(水) 04:19:00.04ID:M1vX+gfz0
>>46
これ使ってもほとんど変化ないように感じるんだが
2015/09/06(日) 11:35:34.26ID:k3B5FA5E0
拡張機能の一覧でアドオンのバージョンが表示されなくなりましたが
cssでそれを表示できるようにはならないでしょうか?
アドオンで実現させるものはありますが、もしcssで何とかなるなら
そのほうがスマートだと思っています。
2015/09/06(日) 16:02:52.66ID:1uMLYUI40
>>50
ttp://u6.getuploader.com/script/download/1422/about_addon_revert_version_number.css
2015/09/06(日) 18:37:28.14ID:k3B5FA5E0
>>51
ありがとうございます!
2015/09/10(木) 19:49:12.90ID:CpKNV+kZ0
へぇ
2015/09/11(金) 08:22:42.85ID:bSwInDlo0
CSSでこんなこともできるのか、すごいな
もっともこれを「」cssで何とかなる」の範疇に入れていいのかは悩ましい
2015/09/11(金) 08:40:26.13ID:n0+TpVFh0
>>51
ありがとう、いただきます。
userstyles.orgへ登録すべし。
2015/09/11(金) 10:08:26.44ID:KO2IZjeV0
何云ってんだコイツ転載モノを登録かよ
2015/09/16(水) 13:10:06.70ID:MEuHIKrh0
Twitterのツイートするときにフロート表示される書き込みダイアログの中の
「いまどうしてる?」を非表示にするCSS教えてください
http://i.imgur.com/XsQVS5H.png
2015/09/16(水) 13:38:07.81ID:VtOqmz1b0
@-moz-document domain("twitter.com") {
.tweet-form div.rich-editor.is-showPlaceholder:before{
display:none;
}
}
2015/09/16(水) 14:48:17.55ID:MEuHIKrh0
>>58
ありがとうございます!
2015/09/18(金) 12:57:38.94ID:ujVBUBLB0
検索バーに何も入力してない時に「検索」と表示されるグレイテキストを
消すCSSを教えてください
昔効いていた「#searchbar[empty="true"] .searchbar-textbox」では
消えなくなってしまい…
2015/09/18(金) 13:42:00.21ID:wRfM1b8A0
::-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でおk

上記を直接使うならデフォルトの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.36ID:6/s80QMm0
ロケーションバーにマウスオーバーした時、URLが長すぎるとポップアップされて邪魔なんだけど、
ポップアップしないように出来ませんか?
検索バーでも「Googleで検索します」がポップアップされて邪魔です。
ツールバーにマウスオーバーでブックマークツールバーを表示するようにしているので隠れて邪魔なんです。
CSSで出来ませんか?
2015/09/18(金) 19:45:15.11ID:wzVeqn//0
#main-window > tooltip {
display: none !important;
}

とか
64名無しさん@お腹いっぱい。
垢版 |
2015/09/18(金) 21:14:03.63ID:ujVBUBLB0
>>61
ありがとうございます
望んでいたことが実現できました
2015/09/19(土) 00:04:37.25ID:Pv2CJoO+0
>>62
> userstyles.org で remove tooltip で検索すればいい
って質問スレで回答貰ってるのに、何で礼も言わずにマルチしてんの?
2015/09/19(土) 07:28:47.29ID:gMq0PHwS0
>>65
userstyles.orgにあるのは、タブでしか効かない?
質問スレはレスしときました。
6762
垢版 |
2015/09/19(土) 09:08:03.86ID:gMq0PHwS0
>>63
私へのレスだったんですね。
残念ながら効きません。
userstyles.orgにRemove Tooltips Everywhereがけど、タブ上でしか効かない。
2015/09/19(土) 10:44:20.97ID:43Nk/9bR0
>>63のスタイルであれ「Remove Tooltips Everywhere」であれ
Stylishを使ってるなら「/* AGENT_SHEET */」でおk
2015/09/19(土) 11:06:54.53ID:gMq0PHwS0
>>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.20ID:43Nk/9bR0
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.17ID:gMq0PHwS0
>>70
ご丁寧な説明、ありがとう。
けっこう厄介なんですね。
アドバイス通り>>63の方法で利用させてもらいます。
2015/09/19(土) 16:15:40.70ID:cqRxNPpE0
#gMq0PHwS0 {
display: none;
}
2015/09/22(火) 13:13:57.03ID:C1WqmEQq0
ふむ
2015/09/22(火) 22:38:09.20ID:r73dFpq70
Firefox41でメニューの「syncにサインイン」を非表示にするCSSが中途半端になっちゃった
文字は消えてるけど枠が残ってる
誰か直してー
2015/09/22(火) 23:51:15.17ID:pGZfdsXz0
about:configの範疇じゃなかったかそれ
2015/09/23(水) 00:28:10.56ID:hY5FuLVk0
>>74
ちなみに当ててるスタイルが
/* メニューパネルの Firefox Sync 非表示 */
#PanelUI-fxa-status {
visibility: collapse !important
}
どこかで拾ったやつ
2015/09/23(水) 00:32:56.62ID:uS29sm4K0
#PanelUI-fxa-status → #PanelUI-footer-fxa
2015/09/23(水) 07:09:44.03ID:hGtKPLDu0
>>77
あなたに「ありがとう」を送ります
2015/09/23(水) 16:24:40.08ID:PqihlCVx0
41改悪しまくりだな40使うしかないな
2015/09/27(日) 12:20:03.70ID:kKHoa8H20
タブにナンバーリング

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

タブに番号を付けるが、いつの間にか出来ない
誰か修正してください
81名無しさん@お腹いっぱい。
垢版 |
2015/09/27(日) 15:55:42.94ID:N5GN6olY0
>>80
多分こういうことをやりたいんだよな?
.tabbrowser-tab {
counter-increment: tabs;
}
.tab-content:after {
content: counter(tabs);
display: -moz-box;
}
2015/09/27(日) 18:17:25.05ID:kKHoa8H20
>>81
ありがとうございます。
タブにナンバー付いたんだけどすべて0です
タブ1 タブ2 タブ3と連番に出来ないでしょうか
83名無しさん@お腹いっぱい。
垢版 |
2015/09/27(日) 18:34:04.78ID:N5GN6olY0
>>82
#tabbrowser-tabs {
counter-reset: tabs;
}
2015/09/27(日) 19:49:28.01ID:kKHoa8H20
これをどこと交換すればよいのですか
>>83
#tabbrowser-tabs {
counter-reset: tabs;
}
2015/09/27(日) 21:02:19.48ID:kKHoa8H20
良くわからないので
NumExt - Numbered Tabsというアドオンを入れました
おさがわせしました
86名無しさん@お腹いっぱい。
垢版 |
2015/09/28(月) 17:02:27.45ID:p4Ka0xtG0
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.67ID:J4hbGRYj0
消したい箇所のIDやclassを「要素を調査」で調べろ
2015/09/28(月) 19:02:06.91ID:l1JPNPTa0
教えてやろうと思ったけどアカウント持ってねえや
ちなみに @namespace url(http://www.w3.org/1999/xhtml); は別にいらないぞ
2015/09/28(月) 21:47:55.90ID:u4OHQKIS0
初心者にそんなこと吹き込むもんじゃない
2015/09/28(月) 22:28:53.30ID:JIe3+qo40
ロケーションバーやバックボタンをなどを background-color: transparent などで
フラットデザインっぽくしているのですが、プラグインが使われているサイトでは
下記のようになってしまいます。

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

プラグインの部分にはどのような指定をすればよいのでしょうか。
教えて頂きたく、よろしくお願いします。
2015/09/29(火) 20:14:26.79ID:6uVjG3510
background:transparent と border:none
場合によって margin:auto
2015/09/29(火) 23:07:02.81ID:sasbJYek0
>>91
プロパティ名や値ではなく、プラグインのところのセレクタ(idもしくはclass)が
不明で困っています。DOM Inspectorでも上手く見つけられず…。
せっかくお答えいただいたのに、言葉足らずですみませんでした。
2015/09/29(火) 23:17:42.97ID:BA6pK7am0
>>92
これ?
#notification-popup-box
2015/09/30(水) 21:28:00.10ID:uVZZU8OY0
ありがとうございます
ブロックのアイコンのところは望みどおりになりました
…が、アイコンの右側「>」のところが三角に色が残ってしまいます
簡単にはいかないものですね
2015/09/30(水) 21:36:28.20ID:8n9/VNPH0
>>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.79ID:5ZNVzhsw0
border-imageってborderで消せなかったっけ
2015/10/03(土) 14:17:30.78ID:DDn2b4uR0
(´‥∀‥`)ほう
2015/10/06(火) 13:51:11.08ID:o1OtLPFa0
前スレを参考に検索バーの伸び縮みをさせています

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

これをホバーだけではなく、検索バーに文字が有るか無いかでも
伸び縮みするようにはできないでしょうか
2015/10/07(水) 07:43:27.12ID:hi9c/lor0
ふむ
2015/10/09(金) 03:18:40.98ID:LijgMQ4M0
aのtitleをaの後に疑似要素として表示させたのですが、この疑似要素の文字列を選択可能にするにはどうしたら良いでしょうか
a::after{content: " "attr(title) !important;}
2015/10/09(金) 04:57:15.16ID:JUgSyo070
CSS でそれはムリ、仕様の問題
やりたいなら JavaScript や jQuery
2015/10/09(金) 11:42:10.37ID:LijgMQ4M0
>>101
ありがとうございます
ちょっと勉強してきます
2015/10/10(土) 21:30:29.76ID:9UY1Glhf0
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.94ID:2k+izbbU0
Google Mapの検索ボックスを隠すCSSはどこかのサイトに紹介されてありませんか?
2015/10/13(火) 16:19:44.84ID:Mh73ncei0
>>104
http://anago.2ch.net/test/read.cgi/software/1435314925/466,467
2015/10/14(水) 00:05:14.32ID:v5KT+vp70
googleカレンダーの仕様変わった?
土日の色付けusercontent.cssが効かなくなってる。
新しいの教えてください。
2015/10/14(水) 19:31:02.28ID:lyU3P+Mh0
>>106
自己レス
urlが変わっただけだった。
2015/10/14(水) 23:33:56.95ID:LZU+vi9E0
>>107
自分も同じ現象になってたから助かったわ
2015/10/16(金) 01:28:00.86ID:7Xv1K+JN0
あんまり詳しくないんだけどDeveloper版のFirefox最新版でuserchromeって使えないの
多分最新だおともうんだけどjsもいれてprofileのなかのChromeフォルダにローダーとスクリプトいれてもだめだし
オプションにもchromeの項目がでてこない
2015/10/17(土) 16:55:39.16ID:J+mdKQ4x0
>>109
スレを間違えてない?
ここはCSSのスレだよ
2015/10/17(土) 18:33:52.65ID:kUcqIk1y0
niconicoってCSSにもイチャモン付けるんだろうな
2015/10/18(日) 03:09:11.92ID:l75bSYQi0
スクリプトスレでやってろ
2015/10/18(日) 16:54:43.32ID:5spAFmZG0
Yahooトップの右カラムの仕様変わった?
2015/10/24(土) 22:09:57.46ID:BuzQtpy80
Google Translator Tooltip Expandedが死んだ
2015/10/25(日) 00:01:51.60ID:Ff7rpCAC0
fork版も?
2015/11/01(日) 19:55:06.27ID:ICtbxvLS0
2015/11/16(月) 18:30:39.40ID:SqrKdPeb0
Stylish で★阿修羅♪掲示板の 書き込みの下部に表示される「総合 アクセスランキング (7日間)〜(30日間)」 などを表示にする方法お教えくださいませ
2015/11/16(月) 18:31:48.46ID:SqrKdPeb0
×表示  ○非表示にする方法
2015/11/16(月) 18:56:18.27ID:njYy+/P+0
とうとう43でuserChrome廃止か
2015/11/16(月) 19:02:07.35ID:geIYcFl00
なんで?
2015/11/16(月) 19:05:33.95ID:wbmJwIJt0
userChrome.css廃止決定なん?
2015/11/16(月) 19:18:02.79ID:9Pq9nK0p0
Gaia方式に似た何かになるんじゃない
2015/11/17(火) 16:47:28.73ID:DpkexRnt0
楽店サイトをスクロールした時、検索ボックスを固定するCSS欲しい。
CSSで無理ならスクリプトでも結構です。
2015/11/17(火) 18:55:08.22ID:22rd6TAw0
>>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.92ID:DpkexRnt0
>>124
レス、ありがとう。
CSSの知識皆無の71才になるジジイには無理です。
2015/11/17(火) 20:41:35.79ID:UbjynAuP0
Google検索の結果のタイトル部分を広げるのってないですか?
2015/11/17(火) 21:08:12.90ID:DpkexRnt0
>>126
showFullTitle4Google.user.js
マウスオーバーでフル表示
2015/11/17(火) 23:54:52.36ID:UbjynAuP0
>>127
常に表示は無理ですか?
改造しようにも記述が分からないです。
2015/11/18(水) 00:20:21.72ID:mLAhFcHf0
>>128
確か作者はテストして負荷が大きい過ぎるからマウスオーバー方式にしたはず
2015/11/18(水) 00:40:40.64ID:bM3bYdNe0
なるほど
情報ありがとうございます。
2015/11/18(水) 06:13:48.80ID:841RwZ1/0
>>123
固定させたいページを晒してくれないとわからない
ページによってはその機能が備わってるみたいだし
2015/11/18(水) 20:29:09.82ID:5aJ1P2c80
Stylish Developer Toolってショートカットキーないのかな
2015/11/24(火) 14:21:03.62ID:BKFe18PY0
ページ内検索バーを右上に持ってくる「Findbar on Top Right」のスタイルを使用していましたが、
他のアドオン(ツリー型タブ?)と干渉して表示がグチャグチャになることがあって使いのをやめたいと思ってます。
基本は純正のままでいいいのですが全体を右詰めにしたいです。
更には検索が先頭・末尾に行った時などに表示されるテキストの量に応じてボックスの矢印の位置が変わらないようにボックスを右端に置きたいです。
2015/11/24(火) 14:36:31.76ID:uvi/MNV90
そうですか^^
いままでお疲れ様でした
2015/11/24(火) 22:04:34.47ID:mqX6XDpU0
開いているタブが多くなっていくとタブ幅を狭くするスタイルを使っているんだけれども
ある一定以下の幅になったら今表示しているタブの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.08ID:LJPsAsml0
>>133
スレチだけどアドオン使ったら?
https://addons.mozilla.org/ja/firefox/addon/findbar-tweak/
2015/11/25(水) 21:33:02.56ID:o06u8OlJ0
>>136
ありがとうございます
試してみましたら「Findbar on Top Right」と同じく表示が乱れました
どうもこの辺りのスタイルをいじるとがツリー型タブと衝突するようです
■ このスレッドは過去ログ倉庫に格納されています
16歳の水野カイトが封印の刀を見つけ、時間が裂けて黒い風と亡霊の侍が現れ、霊の時雨と契約して呪われた刀の継承者となる場面

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