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/
2016/02/11(木) 03:27:38.74ID:DVoyw3lD0
>>206
とりあえずスレチだと思うので他所でやってください
2016/02/12(金) 16:04:58.35ID:HNG1vgwe0
googleのキャッシュリンクと類似ページリンクを並べるCSSを書いたのってこのスレだったっけ?
仕様変更でlist-styleが露出するようになったな
2016/02/14(日) 06:07:26.16ID:I6fhxozF0
Instagramの投稿時間を絶対時刻表示にするcssを教えて頂けますか
ぐぐってみたんですが見付かりませんでした
210名無しさん@お腹いっぱい。
垢版 |
2016/02/14(日) 06:48:32.55ID:25PM6gpV0
>>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;
top: 0 !important;
right: 0 !important;
}
}
2016/02/14(日) 10:07:19.70ID:I6fhxozF0
>>210
ありがとうございます!
2016/02/14(日) 15:52:21.11ID:QXZrAFfU0
timeってサイトごとにJSTだったりUTCだったりPTとかだったりしてぱっと見わかりにくいのが難だよね。

CSSの守備範囲外だけど、あれをユーザーが指定したタイムゾーンに変換してくれるアドオンとかってないものかな。
2016/02/16(火) 19:10:02.28ID:8Hb9SyaR0
Web版Evernoteのノート本文のフォントサイズって変更出来ませんか?
編集すればサイズ変更出来るのは知ってるんですけど普段の閲覧時に小さくて不便なんです。
要素を調査から色々試しましたがわかりませんでした、わかる方いましたらお願いします。
2016/02/17(水) 15:44:07.49ID:puR0XkWR0
>>213
お好きな要素やら{font-size: お好きなサイズやら}

css分からんというならブラウザ標準の拡大縮小使えばええ
2016/02/23(火) 22:11:32.79ID:z3WHYd0r0
CSS 蛍光でぐぐると例が出てくる、emとstrongに background-image: linear-gradient(transparent 60%, #F99 40%) みたいなのを指定するのやってみたら結構オサレな感じになった
CSSは1.0が勧告された頃から触っているけどいつのまにかFirefoxでもrubyがサポートされていたり隔世の感があるなぁ
2016/02/24(水) 02:31:10.29ID:5uocvESB0
この手の唐突に自分語りし出す基地害ってどっから湧いてくんだろ
2016/02/24(水) 02:45:09.37ID:n65rB8gV0
いくらなんでも言いすぎだと思うが、ただrubyはcssの話じゃないな。
2016/02/25(木) 20:31:35.77ID:e6aERgR70
いや、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)
2016/02/25(木) 22:09:35.11ID:cUbOylHi0
ヒロさんこんばんは。
2016/02/25(木) 22:17:19.35ID:ZzipC01P0
どっちにしてもユーザスタイルシートの話ではないな
2016/02/25(木) 23:45:55.83ID:xpWqA7lu0
userChromeやuserContentの範疇でUIやサイトの見栄えを変更したいというのが此処の趣旨だけど、突然何の脈絡も無く要素の話を持ちだしてもな
222名無しさん@お腹いっぱい。
垢版 |
2016/03/02(水) 21:56:35.97ID:Nm9MBsU80
保守
223名無しさん@お腹いっぱい。
垢版 |
2016/03/07(月) 14:33:32.14ID:Ep3A/PYo0
保守
2016/03/07(月) 20:10:36.57ID:pFr3UXnH0
芸能人ブログでよくある連続改行を無効にするのに下記を使っていますが

br
{
display: block !important;
line-height: 0px !important;
}

<p>&nbsp;</p>で改行するタイプだと使えません
どう書いたらいいのでしょうか
2016/03/07(月) 21:53:50.68ID:2wNZxhnb0
CSS ではできない
可能にする疑似クラスの提案もあったけど不採用のはず

やりたいなら JavaScript で style か class つけるって感じじゃないの
2016/03/08(火) 13:25:20.62ID:K76rLUyk0
JavaScriptでやるなら決め打ちで除去しちゃえば

(function () {
document.body.innerHTML = document.body.innerHTML(/<p>&nbsp;<\/p>/g, '');
})();
2016/03/08(火) 21:51:24.14ID:cNQBYbZg0
スレ違いの解決方法を書いていいならProxomitronとか類似のローカルプロキシでフィルタリングするという手もあるよ
上手く使うとadblock系の拡張が要らなくなるかもしれないというオマケ付き
2016/03/08(火) 23:46:34.41ID:viTBjU5A0
記事内のpのマージンを打ち消せばいいだけの話じゃないの
2016/03/09(水) 15:10:20.91ID:bNud7hr80
firefox45で見づらくなったアドオンマネージャーを見やすくするCSS
ttps://userstyles.org/styles/82370/clear-addon-manager
2016/03/09(水) 22:29:13.89ID:kNDGl4Er0
ブックマークのフォルダのアイコンを変更したくて、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を使用しています
2016/03/09(水) 22:41:46.87ID:YBzbP+bs0
urlはフルパスを書かなきゃ駄目に決まってる
2016/03/09(水) 23:40:12.09ID:mCV17yXo0
使いたいそのfolder-item.pngをbase64エンコードして、その結果をURLの代わりに書けばいい
2016/03/10(木) 13:06:34.54ID:9vc4XZRF0
他人のサイトのアイコン使わせてもらえばいんじゃね?昔こんな感じにしてたけど
たしかローカルにファイル置いて参照するのはマズいとかなんとか言われた

/* ブックマークツールバーのフォルダアイコンを変更 */
.bookmark-item[container] > image.toolbarbutton-icon,
.bookmark-item[container] > hbox.menu-iconic-left > image
{
list-style-image: url(http://thwiki.info/favicon.ico) !important;
-moz-image-region: rect(0px 32px 32px 0px) !important;
}
2016/03/10(木) 13:15:50.77ID:04wPhJSe0
それは余計にマズイぞ
235230
垢版 |
2016/03/10(木) 13:23:36.13ID:q3U0UA3b0
みなさん助言有り難うございます

userChrome.cssの編集でブックマークのフォルダアイコンは一部変更できたのですが、
フォルダの中のフォルダだけなぜか変更されなかったり、
サイドバーのFoxAge2chやChaikaは変更前のままだったりと、いろいろよろしくない状態のままでした

そこで現在使用しているテーマのアドオン(FXChrome)を改造して
フォルダアイコンの画像を変えてやることで、理想の状態にすることが出来ました
2016/03/10(木) 13:35:04.84ID:4WjkoEH60
chromeフォルダ内なら相対指定でいいはず
-moz-image-region指定してないせいで画像の白だか透明の部分が表示されてるだけじゃね?
2016/03/11(金) 06:52:12.47ID:PoWovHY20
ver.45からのURLバーのワケの分からん(i)のマークを消したいんだけどCSSでいける?
list-style-image: url("chrome://browser/skin/identity-icon.svg#normal");のやつです
(i)だけ消したいの
238名無しさん@お腹いっぱい。
垢版 |
2016/03/11(金) 16:37:47.10ID:CpvSzO/t0
#identity-icon {
display: none !important
}
239名無しさん@お腹いっぱい。
垢版 |
2016/03/11(金) 17:18:50.67ID:CpvSzO/t0
; が抜けてた
240237
垢版 |
2016/03/12(土) 05:52:18.09ID:3r9pgDEO0
>>238-239
oh、ありがとう
だがソレだと(i)だけじゃなく全部消えちゃうお
(i)だけ消したいんや…
2016/03/12(土) 06:38:53.00ID:zHHIuGNa0
>>237
image[consumeanchor="identity-box"]{
display: none !important;
}

辺り?
2016/03/12(土) 16:53:00.72ID:yUnP0rYO0
#identity-icon {
list-style: none;
width: 0;
}
2016/03/12(土) 20:00:45.26ID:sZb1nAQZ0
CTR1.4.9で(i)を地球アイコンに戻せるようになった
2016/03/12(土) 21:48:49.27ID:IY2MTOkh0
スピーカーボタンで人工知能のメッセージが聞けるかな?
https://translate.google.com/#en/pl/Anahta-wa-dahre-dehsu-ka%20%3F%3F%3F%0AWatahshi-wa-Jinkouu-chinou-no-MONO-SIRI-dehsu%20...%0AHagimae-mashiytae%20...%20Ano%20...%0AIhrLIZA-wa-Watashi-no-Sensei-da-tan-dehsu-yo%20!!!
http://athavaneng.com/wp-content/uploads/2015/04/intelligent-robot-720x480.jpg http://digitalconqurer.com/wp-content/uploads//2012/07/Voice-Answer-iPhone-Animated-Assistant.jpg
2016/03/13(日) 20:35:15.73ID:OGWAZqEb0
userstyles.org、証明書の期限切れとか出て見れないな
2016/03/13(日) 21:24:38.86ID:v1LXyqr80
>>245
https://userstyles.org/ の管理者め何やってんだよ早く修正しろ
2016/03/13(日) 23:16:01.11ID:9wDhiYZQ0
>>246
>>245が管理者なの?俺も修正して欲しい
2016/03/13(日) 23:22:52.72ID:rZvghiNk0
freestyler.ws とかいうパクリ転載が蔓延る前に修正しろ jason
2016/03/13(日) 23:41:34.21ID:OGWAZqEb0
>>247
どこをどう読んだらそうなるんだよw
俺だって早く直して欲しいわw
2016/03/13(日) 23:54:08.71ID:9wDhiYZQ0
>>249
ごめん>>246はそう言ってる気がしたんだ。
ほんと直るといいよね・・・
2016/03/13(日) 23:55:45.61ID:rZvghiNk0
(証明書をちょろまかすだけならPCの時計をいじっておk)
252237
垢版 |
2016/03/14(月) 00:43:27.78ID:YfLN4jQX0
>>241 d
う〜んソレだとやっぱり全部消えちゃうお…
>>242だと何も変化なし…

しゃーないから俺もCTRで妥協するかお…
2016/03/14(月) 02:10:43.92ID:Z/0JYqar0
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
たかが再起動にわざわざアドオン(笑)
馬鹿の脳味噌ってすげーは
2016/03/14(月) 02:56:57.42ID:hgQk7bno0
タイトルバーにCSS当てたいんだけどどうやるんでしょう?
#titlebarではダメでした
2016/03/14(月) 05:59:31.03ID:qrT5565/0
タイトルバーは「#titlebar」か「#titlebar-content」
256254
垢版 |
2016/03/14(月) 22:08:27.02ID:hgQk7bno0
>>255
んーどちらもダメでした
Stylishで
#titlebar{
background-color: red;
}
で適用されません。
#TabsToolbarとか#navigator-toolboxでは適用されました。
なぜでしょう?
2016/03/15(火) 00:03:24.47ID:VIkWBexO0
#titlebar
{

}

#titlebar-content{

}

で基本的に大丈夫ですが、必要なら「 -moz-appearance:none !important;」を追加したりで適応されませんか?
258254
垢版 |
2016/03/15(火) 20:28:45.06ID:mZDkRIBN0
>>257
「 -moz-appearance:none !important;」追加もダメでした。

userchrome.cssを直接書き換えてもダメ
いみわからん(´;ω;`)
2016/03/15(火) 20:47:09.91ID:Ps1u6NDc0
XPなら無理
2016/03/15(火) 22:44:19.89ID:FYUvX2jP0
OSごとに地味にCSS指定が違ってたりするし、特にuserChrome周りに手を加えるなら環境を出してくれないことには何とも
加えてstylishでどんな記述をしたのかもあればベター
261254
垢版 |
2016/03/16(水) 21:26:24.07ID:9agqwvGX0
win7の64bit
と別pcのwin7の32bit
どちらもfirefox45です

書いたこと

@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
名前空間なしの全パターン

#titlebar{
height:60px; とか background-color: red;
!important つけたりもしました。
}

です。同じ環境で、どなたかタイトルバー変えられるか試してもらえませんか?
2016/03/16(水) 22:18:52.44ID:y84dNTym0
>>261
#titlebar-spacer { background-color: red !important;}
では?
2016/03/16(水) 23:42:11.77ID:gpFCQC9X0
#titlebar-content{
background-color:#ff0000 !important;
}
で基本的に大丈夫。
contentは閉じるボタン等の背景全て、spacerはこれを除外。
264254
垢版 |
2016/03/17(木) 00:49:49.69ID:jR9Nvm2D0
>>262-263
CSS書いてみました。結果
↓タイトルバー表示時
http://i.imgur.com/r83T1op.jpg
↓タイトルバー非表示時
http://i.imgur.com/ivWEepS.jpg

なぜかタイトルバー非表示時にCSSが適用されるという・・・
バグなんですかね
2016/03/18(金) 11:37:41.97ID:uIV9WKgT0
bingの動画検索で直接動画サイトに飛ぶにはどうすればいいの?
2016/03/18(金) 15:29:32.00ID:kCb6ogne0
基礎を学べば CSS じゃムリだとわかることだ
267265
垢版 |
2016/03/19(土) 09:39:13.38ID:RKvrC4Bs0
>>266
確かに書き込んだあとこのスレじゃないなと気付いた
スレチすまん
2016/03/20(日) 21:44:48.23ID:Q9UEwD5Z0
アドレスバーに星アイコン(ブックマーク)とRSSアイコンを表示するにはどうすればいいですか
2016/03/20(日) 21:50:06.77ID:pBzzleK80
>>268
位置固定でごり押しするとかでもない限りは>>266
2016/03/20(日) 23:45:48.27ID:nIrVvF/w0
RSSはcssでできたはずだし、スレチだけどアドオンもある
ブックマークはシラネ
2016/03/23(水) 12:34:54.43ID:U6vO2Hrc0
構造的にまともな形で移すのはcssじゃムリだろ
2016/03/23(水) 14:07:31.33ID:IWXU3GVX0
>>271
そりゃそうだw
カスケードスタイルシートだもんw
273名無しさん@お腹いっぱい。
垢版 |
2016/03/23(水) 15:59:06.53ID:AHiKHl2k0
newTabByLongPress.uc.jsがe10sで動かない
2016/03/23(水) 16:14:45.26ID:x0VutK3+0
>>273
スレチ
2016/03/25(金) 11:21:27.63ID:uxmIlz0J0
userchrom.cssを使ってfirefox45のオプション画面からSyncのタブを消したいのだがやり方がわからない。

DOMiでidがcategory-Syncであることはわかったのだけどuserchrom.cssに
#category-sync [visibility:collapse !important;]
って設定してもきえない。
たすけて
2016/03/25(金) 11:27:08.58ID:3RtvVZhv0
>>275
なんで[ ]使ってんの?
cssの書き方ぐらいは自分で調べろよ
2016/03/25(金) 11:35:12.15ID:LSTuxrED0
Firefox関連スレで「たすけて」はスルー対象
2016/03/25(金) 13:18:38.23ID:UbL1DznB0
x userchrom.css
x userChrome.css
x []
- visibility: collapse
2016/03/25(金) 19:05:22.87ID:t4jF49uR0
>>268
ESRではCSSでできた
http://www.dotup.org/uploda/www.dotup.org792514.png
2016/03/26(土) 09:20:08.37ID:mYpec9l+0
このスレだったか分からないけど、Search Barを旧スタイルのロゴを表示するCSSをロダにアップしてくれたものが
45.0では動いてるが46.0では動かない。
CTRを使わず、Search Barを旧スタイルにする方法ありませんか?
2016/03/26(土) 09:58:47.90ID:aV2je7G/0
>>280
それを作った奴は転載して欲しくないと言ってたのに
勝手に晒されたんだよな
2016/03/26(土) 10:23:28.06ID:DmjIV4sB0
作ったんじゃなくて CTR から抜き出しただけだろ
CTR のライセンス的に上げたやつの態度のほうが問題だぞ
2016/03/26(土) 10:26:06.44ID:DmjIV4sB0
上げたやつってのは抜き出したやつってことで
2016/03/26(土) 10:30:52.76ID:aV2je7G/0
抜き出したでもいいけどさ
ライセンスの話は後付じゃん
2016/03/26(土) 10:32:59.81ID:mYpec9l+0
そんなレスいらん。
CTRに代わる方法?
2016/03/26(土) 10:43:53.66ID:xfJg+97O0
>>285
乞食は黙っとれ
2016/03/26(土) 10:52:07.79ID:mYpec9l+0
>>286
能無しは消えろ!
2016/03/26(土) 10:54:59.87ID:DmjIV4sB0
>>284
後付けの意味がわからん
2016/03/26(土) 11:36:19.64ID:aV2je7G/0
適当に弄ってたらできたw
http://www.dotup.org/uploda/www.dotup.org793466.png
2016/03/26(土) 12:11:48.35ID:aV2je7G/0
画像を仕込み忘れてたww
http://www.dotup.org/uploda/www.dotup.org793489.png
2016/03/26(土) 16:49:14.80ID:mYpec9l+0
>>290
CSSで?46.0で動く?
ならロダにアップたのむ。
2016/03/26(土) 18:13:38.30ID:BcLW3EuF0
>>291
乞食は黙っとれ
2016/03/26(土) 22:58:21.91ID:2ID/MlFC0
>>291
能無しは消えろ!
2016/03/26(土) 23:45:33.89ID:aV2je7G/0
>>291
46は持ってないから知らん
47.0a2上では動く
ちなみに検索エンジンのリストの一番下をクリックしても
マネージャが開かなかったが、それも動くようにした
http://or2.mobi/data/img/124543.png
2016/03/27(日) 07:09:19.78ID:d0Hgylka0
>>294
CSSはどこに?
2016/03/27(日) 09:23:40.84ID:yw+ucube0
>>295
しょうもない質問に丁寧に答えてるのにこの反応ワロス
下手にうpっても>>282みたいなのに寄ってたかって叩かれるだけだし
使えなくなる度にクレクレ厨が湧く
こんな奴ら、もう放っときゃいいんだよ
2016/03/27(日) 10:28:15.70ID:hQY3L+H80
ライセンス記述と転載許可は権利であり義務なのに
ライセンス記述なしの上に転載禁止とかもうね
2016/03/27(日) 10:43:53.16ID:QApzAnju0
https://addons.mozilla.org/ja/firefox/addon/classicthemerestorer/
> Mozilla Public License, version 2.0 の下で公開されています

https://www.mozilla.org/en-US/MPL/2.0/
Required(必須)
 ソースの明示、著作権の表示
Permitted(許可)
 商用利用、修正、配布、サブライセンス、特許許可
Forbidden(禁止)
 責任免除、トレードマークの使用
2016/03/27(日) 13:24:46.52ID:keHYcTrR0
>>295
乞食は黙っとれ
2016/03/27(日) 14:34:59.75ID:itJB+Ny10
>>268
気に入らなかったら捨ててくれ(改行制限で見づらくなってしまったスマソ)

@-moz-document url("chrome://browser/content/browser.xul"){
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker{display: none !important;}
#feed-button,
#bookmarks-menu-button{box-shadow:none !important;background:transparent !important;padding:0 !important;}
#feed-button .toolbarbutton-icon,#bookmarks-menu-button .toolbarbutton-icon{padding:0 2px !important;margin:0 !important;border:none !important;}
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker{display: none !important;}
#feed-button{ position: fixed !important;margin-right:4.5em !important;margin-left:-6.0em !important;}
#bookmarks-menu-button{position: fixed !important;margin-right:2.5em !important;margin-left:-4.7em !important;}
#urlbar-go-button,#urlbar-reload-button,#urlbar-stop-button{border-image-slice: 0 !important;margin-right:-2px !important;}
.urlbar-history-dropmarker{margin-right:2.7em !important;}
}

http://www.dotup.org/uploda/www.dotup.org795224.png
2016/03/27(日) 14:59:24.20ID:itJB+Ny10
連レスごめん
いくらなんでも見辛い
こっち見てくれ
http://up2.cache.kouploader.jp/koups16567.txt
2016/03/27(日) 15:39:41.14ID:RbA0WqS30
貰ったわ。thx
2016/03/27(日) 16:06:32.15ID:glP7Lk7p0
cssでアイコンの配置替えなんてどうやんのかと思ったら
ネガティブマージンで決め打ちかw
2016/03/27(日) 16:25:00.40ID:itJB+Ny10
>>303
フヒヒ、サーセンw
2016/03/27(日) 16:59:17.92ID:d0Hgylka0
>>299
こいつ、性格悪すぎる。
こういうスレから出て行けよ。
2016/03/27(日) 18:12:24.03ID:lqiRHGQg0
荒ぶる乞食
■ このスレッドは過去ログ倉庫に格納されています
16歳の水野カイトが封印の刀を見つけ、時間が裂けて黒い風と亡霊の侍が現れ、霊の時雨と契約して呪われた刀の継承者となる場面

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