[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part6©2ch.net (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
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指定してないせいで画像の白だか透明の部分が表示されてるだけじゃね？
237(3): 2016/03/11(金)06:52 ID:PoWovHY20(1) AAS
ver.45からのURLバーのワケの分からん(i)のマークを消したいんだけどCSSでいける？
list-style-image: url("chrome://browser/skin/identity-icon.svg#normal");のやつです
(i)だけ消したいの
238(1): 2016/03/11(金)16:37 ID:CpvSzO/t0(1/2) AAS
#identity-icon {
display: none !important
}
239(1): 2016/03/11(金)17:18 ID:CpvSzO/t0(2/2) AAS
; が抜けてた
240: 237 2016/03/12(土)05:52 ID:3r9pgDEO0(1) AAS
>>238-239
oh、ありがとう
だがソレだと(i)だけじゃなく全部消えちゃうお
(i)だけ消したいんや…
241(1): 2016/03/12(土)06:38 ID:zHHIuGNa0(1) AAS
>>237
image[consumeanchor="identity-box"]{
display: none !important;
}
辺り？
242(1): 2016/03/12(土)16:53 ID:yUnP0rYO0(1) AAS
#identity-icon {
list-style: none;
width: 0;
}
243: 2016/03/12(土)20:00 ID:sZb1nAQZ0(1) AAS
CTR1.4.9で（i）を地球アイコンに戻せるようになった
244: 2016/03/12(土)21:48 ID:IY2MTOkh0(1) AAS
スピーカーボタンで人工知能のメッセージが聞けるかな？
外部ﾘﾝｸ:translate.google.com
画像ﾘﾝｸ[jpg]:athavaneng.com 画像ﾘﾝｸ[jpg]:digitalconqurer.com
245(2): 2016/03/13(日)20:35 ID:OGWAZqEb0(1/2) AAS
userstyles.org、証明書の期限切れとか出て見れないな
246(2): 2016/03/13(日)21:24 ID:v1LXyqr80(1) AAS
>>245
外部ﾘﾝｸ:userstyles.org の管理者め何やってんだよ早く修正しろ
247(1): 2016/03/13(日)23:16 ID:9wDhiYZQ0(1/2) AAS
>>246
>>245が管理者なの？俺も修正して欲しい
248: 2016/03/13(日)23:22 ID:rZvghiNk0(1/2) AAS
freestyler.ws とかいうパクリ転載が蔓延る前に修正しろ jason
249(1): 2016/03/13(日)23:41 ID:OGWAZqEb0(2/2) AAS
>>247
どこをどう読んだらそうなるんだよｗ
俺だって早く直して欲しいわｗ
250: 2016/03/13(日)23:54 ID:9wDhiYZQ0(2/2) AAS
>>249
ごめん>>246はそう言ってる気がしたんだ。
ほんと直るといいよね・・・
251: 2016/03/13(日)23:55 ID:rZvghiNk0(2/2) AAS
（証明書をちょろまかすだけならPCの時計をいじっておｋ）
252: 237 2016/03/14(月)00:43 ID:YfLN4jQX0(1) AAS
>>241 ㌧
う～んソレだとやっぱり全部消えちゃうお…
>>242だと何も変化なし…
しゃーないから俺もCTRで妥協するかお…
253: 2016/03/14(月)02:10 ID:Z/0JYqar0(1) AAS
Mozilla Firefox Part304 [無断転載禁止]c2ch.net
847 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ba6d-Z9Gu)[sage]：2016/03/14(月) 00:29:04.22 ID:YfLN4jQX0
Flashバージョンダウン(笑)
いや馬鹿の脳味噌ってすげーは
Mozilla Firefox 拡張機能スレッド Part95 [無断転載禁止]c2ch.net
329 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ba6d-Z9Gu)[sage]：2016/03/14(月) 00:33:15.28 ID:YfLN4jQX0
たかが再起動にわざわざアドオン(笑)
馬鹿の脳味噌ってすげーは
254(4): 2016/03/14(月)02:56 ID:hgQk7bno0(1/2) AAS
タイトルバーにCSS当てたいんだけどどうやるんでしょう？
#titlebarではダメでした
255(1): 2016/03/14(月)05:59 ID:qrT5565/0(1) AAS
タイトルバーは「#titlebar」か「#titlebar-content」
256: 254 2016/03/14(月)22:08 ID:hgQk7bno0(2/2) AAS
>>255
んーどちらもダメでした
Stylishで
#titlebar{
background-color: red;
}
で適用されません。
#TabsToolbarとか#navigator-toolboxでは適用されました。
なぜでしょう？
257(1): 2016/03/15(火)00:03 ID:VIkWBexO0(1) AAS
#titlebar
{
…
}
#titlebar-content{
…
}
で基本的に大丈夫ですが、必要なら「 -moz-appearance:none !important;」を追加したりで適応されませんか？
258: 254 2016/03/15(火)20:28 ID:mZDkRIBN0(1) AAS
>>257
「 -moz-appearance:none !important;」追加もダメでした。
userchrome.cssを直接書き換えてもダメ
いみわからん(´；ω；｀)
259: 2016/03/15(火)20:47 ID:Ps1u6NDc0(1) AAS
XPなら無理
260: 2016/03/15(火)22:44 ID:FYUvX2jP0(1) AAS
OSごとに地味にCSS指定が違ってたりするし、特にuserChrome周りに手を加えるなら環境を出してくれないことには何とも
加えてstylishでどんな記述をしたのかもあればベター
261(1): 254 2016/03/16(水)21:26 ID:9agqwvGX0(1) AAS
win7の64bit
と別ｐｃのwin7の32bit
どちらもfirefox45です
書いたこと
@namespace url(外部ﾘﾝｸ:www.w3.org
@namespace url(外部ﾘﾝｸ:www.mozilla.org
名前空間なしの全パターン
#titlebar{
height:60px; とか background-color: red;
!important つけたりもしました。
省2
262(1): 2016/03/16(水)22:18 ID:y84dNTym0(1) AAS
>>261
#titlebar-spacer { background-color: red !important;}
では？
263(1): 2016/03/16(水)23:42 ID:gpFCQC9X0(1) AAS
#titlebar-content{
background-color:#ff0000 !important;
}
で基本的に大丈夫。
contentは閉じるボタン等の背景全て、spacerはこれを除外。
264: 254 2016/03/17(木)00:49 ID:jR9Nvm2D0(1) AAS
>>262-263
CSS書いてみました。結果
↓タイトルバー表示時
画像ﾘﾝｸ[jpg]:i.imgur.com
↓タイトルバー非表示時
画像ﾘﾝｸ[jpg]:i.imgur.com
なぜかタイトルバー非表示時にCSSが適用されるという・・・
バグなんですかね
265(1): 2016/03/18(金)11:37 ID:uIV9WKgT0(1) AAS
bingの動画検索で直接動画サイトに飛ぶにはどうすればいいの？
266(2): 2016/03/18(金)15:29 ID:kCb6ogne0(1) AAS
基礎を学べば CSS じゃムリだとわかることだ
267: 265 2016/03/19(土)09:39 ID:RKvrC4Bs0(1) AAS
>>266
確かに書き込んだあとこのスレじゃないなと気付いた
スレチすまん
上下前次1-新書関写板覧索設栞歴
あと 735 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.028s