[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part6©2ch.net (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
137(1): 2015/11/25(水)21:33 ID:o06u8OlJ0(1) AAS
>>136
ありがとうございます
試してみましたら「Findbar on Top Right」と同じく表示が乱れました
どうもこの辺りのスタイルをいじるとがツリー型タブと衝突するようです
138(1): 2015/11/25(水)21:55 ID:TIAAfUKE0(1) AAS
>>137
俺ここの使ってるよツリー型タブと干渉したことはない
外部ﾘﾝｸ[html]:tofukko.blog113.fc2.com
139: 2015/11/26(木)00:19 ID:05IV1VwK0(1) AAS
>>138
これいいですね！
今のところ表示が乱れるようなこともなさそうですし
ありがとうございます
140: 2015/11/28(土)14:38 ID:GViv56BO0(1) AAS
ここを参考にして
外部ﾘﾝｸ:detail.chiebukuro.yahoo.co.jp
ブックマークを非表示にしてみたのですが
ブックマークサイドバー上は非表示にできませんでした
どうすればいいんでしょうか？
画像ﾘﾝｸ[jpg]:fsm.vip2ch.com
141: 2015/11/29(日)14:42 ID:EgIv/Kbo0(1) AAS
>>135はcssでは出来ない、ということでいいのかな？
142(1): 2015/11/29(日)15:33 ID:BySK3MBf0(1) AAS
#tabbrowser-tabs[overflow=
143(1): 2015/12/02(水)15:42 ID:tS1PHaoa0(1) AAS
ツールバーを細くするCSSを使っているのですがFx40あたりから、
Firefoxを立ち上げたときにむわっと太くなって、一秒後くらいに細くなる
こんな感じなんですけど手直ししてくれるような神がいらっしゃったらお願いします
外部ﾘﾝｸ:pastebin.mozilla.org
144(1): 2015/12/02(水)16:20 ID:VjumJ5Va0(1) AAS
>>142
やってみ？
145: 2015/12/02(水)19:50 ID:bT67ER440(1) AAS
>>143
UserCSSLoaderなら仕様
146: 2015/12/05(土)18:42 ID:zpzxKwMz0(1) AAS
>>144？
147: 2015/12/11(金)23:43 ID:m71V2Gi90(1) AAS
Stylishのタグ機能ってもう復活はしないのかなあ
タグを付けれないと不便すぎるからずっとバージョン1.4.3を使い続けてる
バージョン2.0以降だとパフォーマンスが改善されてるっぽいし、できればアップデートはしたいのだけれど
148: 2015/12/12(土)03:25 ID:cRh5eeS30(1) AAS
確かに不便なった
149(1): 2015/12/29(火)08:00 ID:HtfpipWX0(1/3) AAS
YouTube TOPページの「あなたへのおすすめ」のところだけ非表示にするCSSを教えてください
150(1): 2015/12/29(火)08:35 ID:iYgj75X10(1/3) AAS
>>149
適当
#item-section-783551{
display:none;
}
151(1): 2015/12/29(火)09:11 ID:HtfpipWX0(2/3) AAS
>>150
どうもです
残念ながら数字がランダムに生成されるためそれだと上手くいきません
#item-section-825957 > li:nth-child(1) > div:nth-child(1) など
152: 2015/12/29(火)09:30 ID:iYgj75X10(2/3) AAS
>>151
じゃ、こうかな？
ol li:nth-of-type(3){
display:none;
}
153: 2015/12/29(火)09:35 ID:iYgj75X10(3/3) AAS
すまん、152もダメだな
154: 2015/12/29(火)09:42 ID:zn1rD+la0(1) AAS
ol[id*="item-section-"]でいいだろ
155: 2015/12/29(火)09:59 ID:RWiokNIt0(1) AAS
おすすめだけ多段になってることを利用して
.item-section .multirow-shelf
とか？
156: 2015/12/29(火)11:19 ID:HtfpipWX0(3/3) AAS
みなさんどうもありがとうございます
.item-section .multirow-shelf {
display: none !important;
}
で、非表示にできました
157: 2015/12/29(火)14:50 ID:VgHfewXh0(1/2) AAS
使用しているアドオンのcssの記述「panel#selectedsearch-popup { border-width: 0px }」を無効にしたいんですが
stylishでどう記述すればいいか教えてください
今までは直接xpiをいじってcssから該当部分の記述を削除してたんですがstylishで無効に出来ればと思い質問しました
158(1): 2015/12/29(火)15:13 ID:YlJC5PVG0(1) AAS
#selectedsearch-popup {
border-width: initial !important;
}
159: 2015/12/29(火)16:04 ID:VgHfewXh0(2/2) AAS
>>158
素早いレスありがとうございます
以前のような表示にすることができました
160: 2016/01/01(金)04:06 ID:TbtwMKh30(1) AAS
なるほどなあ
161(1): 2016/01/06(水)09:47 ID:cT3FMtON0(1) AAS
ブックマークのプロパティって、横幅はドラッグして広げられるけど、高さは変えられませんよね。
やり方があれば教えて下さい。
162: 2016/01/07(木)23:38 ID:KpPkSJPF0(1) AAS
>>161
パネルの中の何の高さを設定したいのか不明だけど、例えばツリーならツリーでそこを高さ指定する等で解決するのでは？
余白はmarginやpaddingで調整すれば良いでしょう。
163: 2016/01/14(木)01:13 ID:JFK2zYlh0(1) AAS
メモ
/*-----------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;
省1
164: 2016/01/15(金)19:23 ID:PlJs+SvT0(1) AAS
ロケーションバーの項目リストのトップに「-で検索」というのが表示されますが消せますか?
アドオンやスクリプト、スタイルどんな方法でもいいです。
165(1): 2016/01/15(金)23:22 ID:ThIftJUP0(1) AAS
browser.urlbar.unifiedcomplete;false
166: 2016/01/16(土)02:16 ID:GvjPvv0v0(1) AAS
>>165
ありがとう消せました。
167(1): 2016/01/16(土)13:31 ID:cu2fD98W0(1) AAS
グリモンのアイコンについてるドロップマーカーの幅？を狭めるコード教えてください
168(2): 2016/01/16(土)13:54 ID:mQkgNAk70(1) AAS
>>167
適当（二行目は要らんかも知れんが…）
@-moz-document url(chrome://browser/content/browser.xul) {
#greasemonkey-tbb toolbarbutton,
#greasemonkey-tbb .toolbarbutton-menubutton-dropmarker{
padding:0 !important;
}
}
169(1): 2016/01/17(日)13:32 ID:cVIMi0TU0(1) AAS
>>168
ありがとう
適用してみましたがほとんど変わらなかったです
理想はドロップマーカーを消してボタンクリックでメニューが出ればいいんですけどね
170: 168 2016/01/17(日)14:36 ID:ym+rTAsw0(1) AAS
>>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;
}
}
171: 2016/01/17(日)16:34 ID:jWrXIP5U0(1) AAS
#greasemonkey-tbb > .toolbarbutton-menubutton-dropmarker { display: none !important; }
172: 2016/01/17(日)23:26 ID:mKXaPWPU0(1/2) AAS
アイコンクリックでメニュー出したいならこうじゃない？
padding あたりまたちょっと環境差あるかもしれんけど
@-moz-document url(
173(2): 2016/01/17(日)23:28 ID:mKXaPWPU0(2/2) AAS
外部ﾘﾝｸ:pastebin.com
うお、消えた。またなると面倒だからここで
174(1): 2016/01/18(月)07:37 ID:VCR5TzXX0(1) AAS
アイコンマウスオーバーでドロップマーカー出るcss使ってる
Autohide Dropmarkersてやつ
175: 2016/01/18(月)12:14 ID:0IarnVsW0(1) AAS
>>174
横からだけど、いいなこれ
?
176: 2016/01/18(月)15:51 ID:gHt5Fnhv0(1) AAS
>>173
ありがとう！
ちょっと今確認できないからまた動作報告します
177: 2016/01/19(火)13:25 ID:WG3qW65p0(1) AAS
>>173
適用してみましたが完璧でした！
ブックマークバーにボタンを移動すると横に伸びた感じになりましたが
4pxの部分を2pxにしたら改善しました
どんなネーミングにしようか悩み中です・・・
178: 2016/01/20(水)21:21 ID:ryVp6K130(1) AAS
そりゃこうなるわ、マゴキツ過ぎ
179: 2016/01/23(土)15:23 ID:58tYq1lp0(1) AAS
スクロールバーのつまみを長くする方法はありますか?
つまみの幅じゃなく長さね。
特に2chの長いページなどでつまみが小さくて。
180: 2016/01/23(土)15:58 ID:z11cQmcl0(1) AAS
できない
181: 2016/01/23(土)17:44 ID:ypbfUzbI0(1) AAS
外部ﾘﾝｸ:userstyles.org
こういうのみたいなスクロールバーを改変するcssを見て、min-height（横スクロールバーならmin-width）に好きな数値を設定すればいいんじゃね？
182: 2016/01/24(日)01:57 ID:dT/9gnKG0(1) AAS
すっげ簡単に出来るよなw
できないとか息を吐くように嘘をつくﾁｮﾝが湧いてて草
183: 2016/01/24(日)16:20 ID:xYhCMLqU0(1) AAS
(ろくに調べもしない教えて君には一生)できない
184: 2016/01/24(日)16:46 ID:40UC/8vd0(1) AAS
できもしないくせに
185(2): 2016/01/29(金)07:01 ID:r3eBNlNW0(1) AAS
44でロケーションバーのhttpsのurlがまた色が付かなくなっちゃったみたいなんですけど
分かる方いますか？
#urlbar[level] ←元はこれでいけてて
#main-window[stylish-url^="外部ﾘﾝｸ:"] ←43まではこれでいけてたのに
186(1): 2016/01/29(金)07:30 ID:+EkTMVM60(1) AAS
>>185
Colored Firefox's HTTPS Location Bar - Themes and Skins for Browser - userstyles.org
外部ﾘﾝｸ:userstyles.org
187: 185 2016/01/29(金)22:48 ID:RIYe+VzP0(1) AAS
>>186
かたじけない！
188: 2016/02/01(月)00:12 ID:QX8LwnY10(1) AAS
つまりどういうことなの
189: 2016/02/01(月)00:18 ID:4tCiHuB10(1) AAS
終了っすね
190: 2016/02/01(月)01:29 ID:/C+SEW+D0(1) AAS
そういうことっすか
191: 2016/02/02(火)23:59 ID:itqKgf0c0(1) AAS
YouTube また仕様変わった？
プレイヤーのデフォルトサイズを変更するスタイルが効かなくなった
192: 2016/02/03(水)13:01 ID:hFPfhoyC0(1) AAS
googleがかかわるとろくなことにならん
193(3): 2016/02/05(金)19:20 ID:pc/agyu+0(1) AAS
画面解像度が横1024のノーパソなんで
サイトによっては表示しきれなくて横スクロールバー出るんだけど
1024のモニタ内にすべて収まるようにするCSSあれば教えてください
194: 2016/02/05(金)19:25 ID:3NQ6ntUf0(1) AAS
>>193
あなたのすべてとわたしのすべてはたぶんぜんぜんちがう
あなたのすべてはなんですか
195: 2016/02/05(金)19:28 ID:eoZXDH9B0(1) AAS
>>193
Ctrl+-(マイナス)で縮小するのが無難では
196: 2016/02/06(土)06:24 ID:uOSP488x0(1) AAS
body { max-width: 100% !important; }
197(1): 2016/02/08(月)23:32 ID:9a5bCM0b0(1) AAS
>>193
スクリプトなら、縮小せずに済む便利なのあるけど...
外部ﾘﾝｸ:greasyfork.org
198(1): 2016/02/09(火)13:13 ID:2WeGVZ3p0(1) AAS
完全にズレたアドバイスだな
199: 2016/02/09(火)15:33 ID:2YYWOyw50(1) AAS
礼も言わないようなカスしかいないんだから金輪際教えなくていい
200: 2016/02/09(火)17:52 ID:tKcDLelL0(1) AAS
お礼されないとぽんぽんいたいいたいになっちゃうメンタルだもんねしょうがないよね
201: 2016/02/09(火)20:44 ID:+DLZgqJJ0(1) AAS
>>197-198
確かにズレてるけど、これの方が良いんじゃね
俺は貰っとこ、横?
202: 2016/02/11(木)01:24 ID:T+Y2eF2C0(1/3) AAS
CSS絵描き職人だれか居る?
お絵描きするのに、box-shadow意外にも何か使えるもんあるの？
１エレメント→親３つまで（本体＋:before＋:after）＜ーーーこれも問題
１親→親と同じ形なら子を無限に指定できる,親はzindexでレイヤ指定可
１子供→親と同じ形、指定可能なのは色、位置、サイズ（親を１とする）
レイヤ→CSSに書く順番とZindex
形状は親の数まで可能、角度は親のみ指定可、子供に遺伝する＜ーーこれも問題
形状○→border-radius（色指定可、位置指定可、spreadでサイズ指定可、複数可）
形状□→子供は親の比率を受け継ぐ（めんどいが子の多数指定で別の比率を作る）
形状△→角度指定は親しかできない＜ーーーこれ問題
省10
203(1): 2016/02/11(木)01:40 ID:DVoyw3lD0(1/2) AAS
CSS絵描き職人 なんて 職業は知りません
204: 2016/02/11(木)02:47 ID:T+Y2eF2C0(2/3) AAS
>>203 こんなの
外部ﾘﾝｸ:nicolasgallagher.com
なんか無限の可能性がありそうでも、なさそうでもある
単一divに自由にお絵描きできればいろいろ遊べそうなんで聞いてみた
ドット打ちはミクやインベーダーやった人がいるけど、拡大すると汚いんで
べつの方法ないか模索
205: 2016/02/11(木)02:59 ID:6iV3RYu80(1) AAS
CSSでドラえもんが描けるって昔流行ったけど
それもFirefox3時代の遺物やん
206(1): 2016/02/11(木)03:04 ID:T+Y2eF2C0(3/3) AAS
職人と思われる人のひとり
ドラえもん
外部ﾘﾝｸ[html]:purecss3.net
とある〜のインデックスさん
外部ﾘﾝｸ[html]:purecss3.net
画像無しでの構築例
外部ﾘﾝｸ:netagear.net
ただ現在のところ、多数のDivを必要とする
207: 2016/02/11(木)03:27 ID:DVoyw3lD0(2/2) AAS
>>206
とりあえずスレチだと思うので他所でやってください
208: 2016/02/12(金)16:04 ID:HNG1vgwe0(1) AAS
googleのキャッシュリンクと類似ページリンクを並べるCSSを書いたのってこのスレだったっけ？
仕様変更でlist-styleが露出するようになったな
209(1): 2016/02/14(日)06:07 ID:I6fhxozF0(1/2) AAS
Instagramの投稿時間を絶対時刻表示にするcssを教えて頂けますか
ぐぐってみたんですが見付かりませんでした
210(1): 2016/02/14(日)06:48 ID:25PM6gpV0(1) AAS
>>209
/* Instagramの投稿時刻を絶対時刻表示にする。 */
@-moz-document domain("www.instagram.com") {
time[datetime] {
visibility: hidden !important; /* 相対時刻も一緒に表示するならこの行を削除 */
}
time[datetime]::before {
visibility: visible !important;
content: attr(datetime) !important;
position: absolute !important;
省4
211: 2016/02/14(日)10:07 ID:I6fhxozF0(2/2) AAS
>>210
ありがとうございます！
212: 2016/02/14(日)15:52 ID:QXZrAFfU0(1) AAS
timeってサイトごとにJSTだったりUTCだったりPTとかだったりしてぱっと見わかりにくいのが難だよね。
CSSの守備範囲外だけど、あれをユーザーが指定したタイムゾーンに変換してくれるアドオンとかってないものかな。
213(1): 2016/02/16(火)19:10 ID:8Hb9SyaR0(1) AAS
Web版Evernoteのノート本文のフォントサイズって変更出来ませんか？
編集すればサイズ変更出来るのは知ってるんですけど普段の閲覧時に小さくて不便なんです。
要素を調査から色々試しましたがわかりませんでした、わかる方いましたらお願いします。
214: 2016/02/17(水)15:44 ID:puR0XkWR0(1) AAS
>>213
お好きな要素やら{font-size: お好きなサイズやら}
css分からんというならブラウザ標準の拡大縮小使えばええ
215: 2016/02/23(火)22:11 ID:z3WHYd0r0(1) AAS
CSS 蛍光でぐぐると例が出てくる、emとstrongに background-image: linear-gradient(transparent 60%, #F99 40%) みたいなのを指定するのやってみたら結構オサレな感じになった
CSSは1.0が勧告された頃から触っているけどいつのまにかFirefoxでもrubyがサポートされていたり隔世の感があるなぁ
216: 2016/02/24(水)02:31 ID:5uocvESB0(1) AAS
この手の唐突に自分語りし出す基地害ってどっから湧いてくんだろ
217: 2016/02/24(水)02:45 ID:n65rB8gV0(1) AAS
いくらなんでも言いすぎだと思うが、ただrubyはcssの話じゃないな。
218: 2016/02/25(木)20:31 ID:e6aERgR70(1) AAS
いや、display: ruby-textとかdisplay: ruby-baseとかruby-position: underとか使えばruby要素じゃなくてもルビっぽい表現ができる
例えば↓みたいな感じで見出しにサブタイトルをつけるとか分母/分子が長い分数を表現するとかできそう(未検証)
〜Another story of hiro〜
とある英雄の成り上がり日記外伝
(2x+y)(3x+2y) (display: ruby-base//text-decoration: underline)
------------
(4x+5y) (display: ruby-text//ruby-position: under)
219: 2016/02/25(木)22:09 ID:cUbOylHi0(1) AAS
ヒロさんこんばんは。
220: 2016/02/25(木)22:17 ID:ZzipC01P0(1) AAS
どっちにしてもユーザスタイルシートの話ではないな
221: 2016/02/25(木)23:45 ID:xpWqA7lu0(1) AAS
userChromeやuserContentの範疇でUIやサイトの見栄えを変更したいというのが此処の趣旨だけど、突然何の脈絡も無く要素の話を持ちだしてもな
222: 2016/03/02(水)21:56 ID:Nm9MBsU80(1) AAS
保守
223: 2016/03/07(月)14:33 ID:Ep3A/PYo0(1) AAS
保守
224: 2016/03/07(月)20:10 ID:pFr3UXnH0(1) AAS
芸能人ブログでよくある連続改行を無効にするのに下記を使っていますが
br
{
display: block !important;
line-height: 0px !important;
}
<p> </p>で改行するタイプだと使えません
どう書いたらいいのでしょうか
225: 2016/03/07(月)21:53 ID:2wNZxhnb0(1) AAS
CSS ではできない
可能にする疑似クラスの提案もあったけど不採用のはず
やりたいなら JavaScript で style か class つけるって感じじゃないの
226: 2016/03/08(火)13:25 ID:K76rLUyk0(1) AAS
JavaScriptでやるなら決め打ちで除去しちゃえば
(function () {
document.body.innerHTML = document.body.innerHTML(/<p> <\/p>/g, '');
})();
227: 2016/03/08(火)21:51 ID:cNQBYbZg0(1) AAS
スレ違いの解決方法を書いていいならProxomitronとか類似のローカルプロキシでフィルタリングするという手もあるよ
上手く使うとadblock系の拡張が要らなくなるかもしれないというオマケ付き
228: 2016/03/08(火)23:46 ID:viTBjU5A0(1) AAS
記事内のpのマージンを打ち消せばいいだけの話じゃないの
229: 2016/03/09(水)15:10 ID:bNud7hr80(1) AAS
firefox45で見づらくなったアドオンマネージャーを見やすくするCSS
外部ﾘﾝｸ:userstyles.org
230(1): 2016/03/09(水)22:29 ID:kNDGl4Er0(1) AAS
ブックマークのフォルダのアイコンを変更したくて、userChrome.cssに
/* change all folder icons for bookmark toolbar folders */
.bookmark-item[container="true"] {
list-style-image: url('folder-item.png') !important;
}
と記載して、変更したいアイコンの画像(folder-item.png)をchromeフォルダに保存したのですが、
アイコンが非表示になるだけで、アイコンが目的の画像に変更されませんでした
試しにfolder-item.pngをプロファイルフォルダに保存したりしてみたのですが、結果は変わりませんでした
どうすればブックマークのフォルダを変更することができるでしょうか？
ちなみにfirefox45を使用しています
231: 2016/03/09(水)22:41 ID:YBzbP+bs0(1) AAS
urlはフルパスを書かなきゃ駄目に決まってる
232: 2016/03/09(水)23:40 ID:mCV17yXo0(1) AAS
使いたいそのfolder-item.pngをbase64エンコードして、その結果をURLの代わりに書けばいい
233: 2016/03/10(木)13:06 ID:9vc4XZRF0(1) AAS
他人のサイトのアイコン使わせてもらえばいんじゃね？昔こんな感じにしてたけど
たしかローカルにファイル置いて参照するのはマズいとかなんとか言われた
/* ブックマークツールバーのフォルダアイコンを変更 */
.bookmark-item[container] > image.toolbarbutton-icon,
.bookmark-item[container] > hbox.menu-iconic-left > image
{
list-style-image: url(外部ﾘﾝｸ:thwiki.info !important;
-moz-image-region: rect(0px 32px 32px 0px) !important;
}
234: 2016/03/10(木)13:15 ID:04wPhJSe0(1) AAS
それは余計にマズイぞ
235: 230 2016/03/10(木)13:23 ID:q3U0UA3b0(1) AAS
みなさん助言有り難うございます
userChrome.cssの編集でブックマークのフォルダアイコンは一部変更できたのですが、
フォルダの中のフォルダだけなぜか変更されなかったり、
サイドバーのFoxAge2chやChaikaは変更前のままだったりと、いろいろよろしくない状態のままでした
そこで現在使用しているテーマのアドオン(FXChrome)を改造して
フォルダアイコンの画像を変えてやることで、理想の状態にすることが出来ました
236: 2016/03/10(木)13:35 ID:4WjkoEH60(1) AAS
chromeフォルダ内なら相対指定でいいはず
-moz-image-region指定してないせいで画像の白だか透明の部分が表示されてるだけじゃね？
上下前次1-新書関写板覧索設栞歴
あと 766 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.062s