X



userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。
垢版 |
2017/12/14(木) 00:29:24.23ID:XdBerJGV0
●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880

●CSS(ユーザースタイルを記入するべきファイル)
userChrome.css(UI) / userContent.css(Web Site)

●関連サイト
userstyles.org
https://userstyles.org/

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

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0344342
垢版 |
2018/03/10(土) 09:09:06.69ID:Uiip9lOu0
>>343
ありがたい…っ!
0346名無しさん@お腹いっぱい。
垢版 |
2018/03/10(土) 11:02:10.25ID:g3rcx6uq0
↑ ああああ すいません 以前消したの投稿してしてしまいました
内容も間違ってます 58.02では効きません
0348名無しさん@お腹いっぱい。
垢版 |
2018/03/10(土) 11:25:40.05ID:zSIsVBGX0
 まっそう気にするなって…
.       ∧__∧
      ( ´・ω・)∧∧l||l >>347
       /⌒ ,つ⌒ヽ )
       (___  (   _)
"''"" "'゙''` '゙ ゙゚' ''' '' ''' ゚`
0349名無しさん@お腹いっぱい。
垢版 |
2018/03/10(土) 20:24:07.86ID:dvmXVNrX0
/*タイトルバーにあるボタンの疑似消去*/
#titlebar-buttonbox { display: none;
/* タブカウンター */
#main-window { counter-reset: tabs;}
.tabbrowser-tab:not(:-moz-any([pinned],[concealed])){
counter-increment: tabs;
}
#alltabs-button {
visibility: visible!important;
@ここに↓
margin-bottom: -5px!important;
margin-left:8px;
margin-right:8px;
↑等を記入でできていました
color: black !important;
text-shadow: rgba(255, 255, 255, .5) 0 0px 8px,rgba(255, 255, 255, .7) 0 1px 1px,rgba(255, 255, 255, .2) 0 2px 8px !important;}
#alltabs-button:after { content: "Tab Counter:"counter(tabs);display: -moz-box;}
#alltabs-button > :-moz-any(label, image) { display: none;}

以前は上の書き方@で↓ができていた
https://i.imgur.com/NCUN9ar.png

58では同じ表記でもこうなってしまう↓(新規タブボタンの有無は気にしないでください)
https://i.imgur.com/dtQzxsj.png

タブカウンターなんてものも実はあまりいらないのですが、この部分に何か置かないと
最小化や最大化自体のボタンは効くのでタブが重なってしまうのでスペースうめとして書いています。
しかし58にしてから右端の部分が埋められずにビジュアルバランスとして納得できません。
上記の表記のとおり、数値に限らずmaergin-自体が作動していないように感じます。
なにか解決方法はありますでしょうか?改行制限のため見難くてすみません。
0350名無しさん@お腹いっぱい。
垢版 |
2018/03/10(土) 20:30:50.67ID:dvmXVNrX0
解決しました
表記の移行の際該当部分を勘違いしていました

ちなみにこれ系で解決↓
#main-window[tabsintitlebar="true"] #TabsToolbar {
margin-right: -18px !important;
margin-left: 1px !important;
}
0355名無しさん@お腹いっぱい。
垢版 |
2018/03/11(日) 19:18:40.77ID:7SW7MOl50
>>354
#nav-bar > * {
-moz-box-ordinal-group: 10 !important;
}
/* ≡ */
#nav-bar > #PanelUI-button {
-moz-box-ordinal-group: 1 !important;
}
/* >> */
#nav-bar > #nav-bar-overflow-button {
-moz-box-ordinal-group: 2 !important;
transform: rotate(180deg) !important; /* ">>" の向きを反対にする */
}
0358名無しさん@お腹いっぱい。
垢版 |
2018/03/12(月) 15:23:06.19ID:qKZEwyJ+0
a:visited { color:#d60031}

履歴も残してるし試しに!important;をつけても訪問済みリンクの色が反映されない
ぐぐるとと57や8でも効いてるぽいのだが理由がわからない
試しにcss全消ししてこれだけ記述しても駄目だった
0359名無しさん@お腹いっぱい。
垢版 |
2018/03/12(月) 15:27:01.40ID:qKZEwyJ+0
オプションにあるリンク色変更で試しに真っ赤に設定してグーグルの結果見てもデフォルトのうすーい赤のままになってる
もちろん再起動などもした
何がいけないのだ
0360名無しさん@お腹いっぱい。
垢版 |
2018/03/12(月) 15:41:46.68ID:mnJ06oKS0
:visited無効化してるとかかね
まあ新規プロファイルで試すのが一番早いんじゃね

つーか:visitedの既定配色って紫じゃないっけ
これを薄い赤と呼んでるなら悪いが
0362名無しさん@お腹いっぱい。
垢版 |
2018/03/13(火) 20:43:24.35ID:NEwrdNwz0
誰かcssで:visited試して見てくれ...
新規プロファイルで作ってもアドオンなしで立ち上げても変わらない...
0364名無しさん@お腹いっぱい。
垢版 |
2018/03/14(水) 01:08:56.36ID:MIBCDqcj0
理由がわかった
ずっとuserchromeに書いてたがusercontentに書くのか・・・
ずっとstylish使ってたからわからんかった
しかし上のbvisited liteだとサイト由来のリンクの色も変わるから悩むな・・・
0365名無しさん@お腹いっぱい。
垢版 |
2018/03/14(水) 05:10:49.06ID:5phS7MU00
stylishとか活用して
ハングルが一切見えなくするようにはできませんか?
ごく稀にあの気持ち悪い記号が目に入るのが凄く嫌なんです
0367名無しさん@お腹いっぱい。
垢版 |
2018/03/14(水) 14:03:55.68ID:bAbjIuQC0
>>365
どうしてもStylishというかCSSでやろうとするなら、font-familyのsrc指定を使って、見たくない文字コード領域が表示されるフォントをされないものに置き換える
素直なやり方としては、拡張かGreasemonkeyスクリプトで、見たくない文字を下駄なり豆腐なりに置換する
ちょうど↓のスレで、そんな話題が出てた

【Adblock】Mozilla Firefox 広告除去/追跡防止 24
https://egg.5ch.net/test/read.cgi/software/1515404854/715-

ただし↑でその話題を続けること自体はスレ違い、拡張かGreasemonkeyスクリプトのスレに行くべき
0368名無しさん@お腹いっぱい。
垢版 |
2018/03/16(金) 10:25:08.51ID:HGVOXIXE0
58にしてなにか違和感感じると思ったら
タブのクローズボタン丸くしてたのが効かなくなってたわ
0370368
垢版 |
2018/03/16(金) 11:22:07.29ID:HGVOXIXE0
58じゃなく59にしてからだった
0374名無しさん@お腹いっぱい。
垢版 |
2018/03/16(金) 23:28:15.38ID:UWMpR4Z30
>>144
横dです、とても便利に使わせてもらってます
けど、これタブにポインタ乗せた時には反応しなくて、
ツールバーに乗せた時だけ反応するようにしたくて
#navigator-toolbox:hover {
のトコを色々いじってはいるのだけど上手くいかないっす
タブに反応しないという設定が出来ないってことでFA?
0377名無しさん@お腹いっぱい。
垢版 |
2018/03/20(火) 01:36:19.51ID:C7FXIDiq0
すいません質問なんですけど全画面状態みたいに普段はツールバー隠れてて
マウスオーバーで出現させるみたいな事を通常のウィンドウでしたいのですが
もし可能でしたらどなたかやり方を教えていただけませんでしょうか?
よろしくお願いします
0382名無しさん@お腹いっぱい。
垢版 |
2018/03/21(水) 19:21:20.17ID:TeMG0S650
その文字列見ればぐぐるべきキーワードが出てるのに釣り針にしても大きすぎるわw
CSSエアプかな?
0383名無しさん@お腹いっぱい。
垢版 |
2018/03/21(水) 19:24:47.55ID:eawR84ko0
>>381
firefoxで画像を表示
画像を右クリック(コンテキストメニュー)
「要素を調査(Q)」
インスペクターで選択された画像要素のタグ <img …> を右クリック
「コピー」メニュー
「画像のデータ URI」
0389名無しさん@お腹いっぱい。
垢版 |
2018/03/23(金) 10:06:13.81ID:c0Q7JT5u0
nightly 61 昨日、今日とぶれるな
昨日は少し戻った感じがしたが、今日は、更に、状況が悪くなった
0390名無しさん@お腹いっぱい。
垢版 |
2018/03/23(金) 13:27:36.01ID:j4PehYcx0
>>383 に加え ローカルに保存した画像から文字列データを作るのに
Base64エンコーダー (画像を簡単に変換)
https://lab.syncer.jp/Tool/Base64-encode/
も利用してる。pngとかアニメーションGIFも変換できて便利。
(※注意:変換済みコードのコピー時に激しく不要な幼女動物ぽいダイアログ絵が出たりする)
0392名無しさん@お腹いっぱい。
垢版 |
2018/03/24(土) 14:20:34.62ID:CrVmJHJ50
前はCopyImgDataURI.uc.jsが使えて便利だった
代替えとしてTampermonkeyで同じものを作っているが
Cross-Domainで思うようにできない
0395392
垢版 |
2018/03/25(日) 00:53:42.82ID:Pc54XmR20
スレチだけど
img.crossOrigin = "Anonymous";
でCopyImgDataURI.uc.jsもどきが
できた!!
書く場所が関係あんのかよ
0396377
垢版 |
2018/03/28(水) 00:52:33.85ID:9poT2FmX0
過去ログ参考にCSS勉強して大体思い通りの事ができました
過去にコード乗せてくれた人ありがとうございました
0397名無しさん@お腹いっぱい。
垢版 |
2018/03/29(木) 21:40:41.99ID:Ih3ftflh0
多段タブにする場合、現状userChrome.cssを追加するのが一般的のようですが
これはアドオンがまだ存在しないだけなのか、
今後も含めアドオンでの対応が難しいということなのか、
どちらなのでしょう?

userChrome.cssでやってしまうとその事を忘れてしまう可能性が高いのでアドオンを待ってるのですが、
ニーズが高いにも関わらずアドオンがでないということは、
やっぱりアドオンでの対応が難しいんですかね?
0399名無しさん@お腹いっぱい。
垢版 |
2018/04/01(日) 08:55:54.84ID:W8navo5N0
59では非表示になるけど、61では効かない。

/*** リンクにマウスオーバーしたときURL非表示 ***/
statuspanel{display:none!important}
0401名無しさん@お腹いっぱい。
垢版 |
2018/04/01(日) 14:28:13.96ID:jx1Ne6P60
あとこれは59でも同じだがその記述だとステータス表示すべて非表示で
マウスオーバー関係ないだろ
[type="overLink"]にしないと
0403名無しさん@お腹いっぱい。
垢版 |
2018/04/02(月) 02:30:12.81ID:X63iv8Vy0
userChrome.cssでブックマークのツールボタンをワンクリックでサイドバーに表示できるにできませんか?
0405名無しさん@お腹いっぱい。
垢版 |
2018/04/02(月) 05:26:39.42ID:UVmM5Eav0
cssでブックマークバーの特定のフォルダの色を変える事ってできますかね?
こんな感じでやってるんだけど変わらないっす…

.bookmark-item[label="他"]{
color:red;
}
0408名無しさん@お腹いっぱい。
垢版 |
2018/04/02(月) 07:14:06.74ID:MdH17bnw0
>>407
!important 付けてないからじゃない?
この場合画像の親(.bookmark-item)ではなく画像の要素に直接設定すれば important 無しでも効くけどね
ユーザースタイルシートでは常に !important を付けた方が簡単

.bookmark-item[label="他"] > image {
fill: red !important;
}
0411名無しさん@お腹いっぱい。
垢版 |
2018/04/02(月) 09:25:47.37ID:MdH17bnw0
>>409
もしFirefox 52(現ESR版)を使っているなら画像がSVGじゃないのでfillでは無理

.bookmark-item { fill: red !important }
が効くなら
 cssファイルの文字エンコーディングは間違っていないか(UTF-8で保存すること)
 フォルダ名の方に空白などが混じっていないか
を確認

あとは初歩的なことになるけど
 cssファイルは所定のフォルダにあるか
 userChrome.css に書いているか (userContent.css ではない)
とか

すべて問題ないのに効かないならごめん、お手上げ
0412名無しさん@お腹いっぱい。
垢版 |
2018/04/02(月) 19:50:36.49ID:8oe169oi0
>>407
>>408
labelの指定に2バイト文字が使えなかった気がする
少なくとも自分は""で括って上手くいかなかったからlabelの指定先であるフォルダ名を半角英数に変えて""で指定したら成功した
指定方法が悪いのかもしれない、正解が分からない
0418名無しさん@お腹いっぱい。
垢版 |
2018/04/02(月) 22:01:02.04ID:UVmM5Eav0
仕事で返信遅れて申し訳ないっす(汗
で、解決できましたよ!原因はUTF-8で保存してなかったからでした
返信くれた方々本当にありがとうございました(^▽^)/
0421名無しさん@お腹いっぱい。
垢版 |
2018/04/05(木) 00:36:24.37ID:UC7KNZjn0
ダイアログのボタンの文字色を変更できないですか?
マウスオーバーすると文字が白くなって見えにくいのですが
0422名無しさん@お腹いっぱい。
垢版 |
2018/04/10(火) 01:23:18.87ID:1YzujJBh0
右上の検索バーから検索した結果をキーボードのTabボタンで選択できるようにはできませんか?
0424名無しさん@お腹いっぱい。
垢版 |
2018/04/13(金) 18:39:09.19ID:L/iGGEHI0
全角英数を半角英数に置き換える事ってCSSで可能ですか?
やってる方いらしたら教えて下さい
0426名無しさん@お腹いっぱい。
垢版 |
2018/04/13(金) 19:07:47.50ID:L/iGGEHI0
>>425
厳密な意味と言うのがよく分かりませんが全→半は不可能と言うですか。
今はブックマークレットで毎回クリックしていまして自動化出来ればと思ったんですが残念です。
0427名無しさん@お腹いっぱい。
垢版 |
2018/04/13(金) 19:25:59.79ID:Vp1xTgwC0
CSSは見た目だけってことなんだけど説明はめんどい
というか自動化だけが目的ならユーザースクリプトでやればいいんじゃねえの
0428名無しさん@お腹いっぱい。
垢版 |
2018/04/17(火) 00:17:42.46ID:avQ9yol20
MacにFirefoxを入れてるのですが、下のCSSを使うとフォルダアイコンが消えてしまいます。
どのように記述すればよいのでしょうか?

/*ブックマークフォルダの色を黄色に戻す*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}

/*「履歴とブックマークの管理」も黄色に戻す*/
@-moz-document url(chrome://browser/content/bookmarks/bookmarksPanel.xul),
url(chrome://browser/content/history/history-panel.xul),
url(chrome://browser/content/browser.xul),
url(chrome://browser/content/places/places.xul) {
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open),
.bookmark-item[container] {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px)!important
}
}
0431名無しさん@お腹いっぱい。
垢版 |
2018/04/18(水) 06:26:56.37ID:p0H/Xpm50
>>177 のブックマークツールバーのマウスオーバー開閉機能を導入して大変便利で助かっています
ただ検索やURL入力時にタブからマウスポインタがずれたら閉まってしまうので
入力時はツールバーが収納されてしまうのを抑制する方法はあるのでしょうか?

あとブックマークツールバーでまとめたフォルダを開いた時のテキスト色と背景色はどのパラメーターを
指定するように記述するにはどのようにしたらよいのでしょうか?

ブックマークサイドバーはテキスト色も背景色も変更出来たので統一してみたいのです
何卒よろしくお願いいたします
0433430
垢版 |
2018/04/18(水) 16:06:28.82ID:r0BeKsUQ0
>>432
キタヨキタヨヽ(゚∀゚=゚∀゚)ノキチャッタヨ-!!!!!!
0434名無しさん@お腹いっぱい。
垢版 |
2018/04/19(木) 10:11:47.28ID:gtE7TLhB0
なんか全然話題になってないけど、しばらく前からuserstyles.orgでアップデートできなくなってるな
新規インストールは出来るけど
0438名無しさん@お腹いっぱい。
垢版 |
2018/04/24(火) 23:47:56.24ID:8c2US4Sq0
>>436
>>434の件について言ってるんだとしたら、アップデート不可にするのは誰にとってどう都合がいいの?
大多数のユーザーにとっては不都合な事しかないと思うけど?
0439名無しさん@お腹いっぱい。
垢版 |
2018/05/01(火) 23:49:35.08ID:XttrmOYT0
userstyles.orgどんどん改悪されてる……
今度はAndroid版Stylishの変なポップアップが出る上に、既にStylishインストールしててもStylishのインストールを求められて、
スクリプトの新規インストールもアップデートも出来ない
0441名無しさん@お腹いっぱい。
垢版 |
2018/05/02(水) 11:11:25.04ID:ZfNRD+fb0
自動インストールできないけど自分で公開してるの消してgithubに移そうかな
アカウントとパスだけの最初の登録だけでメアド登録しなくて良かった…
■ このスレッドは過去ログ倉庫に格納されています

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