userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
とりあえず
ID:yh2IS2d80が何の役にも立たない無能というのはよくわかった 教えてもらえないときは煽れば良いという習慣を付けさせてはダメだ
スルーするべきだった スルースルーって馬鹿の一つおぼえみたいに言ってるが
>>159みたいな「教えたがり君」もいるってことを忘れるな
がははっは >>165
遅くなりました
このように変更してみましたがうp画像のようになってしまいます
https://i.imgur.com/FMYLEsN.png
#history-panel #sidebar-search-container #search-box {
visibility: hidden !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-right: 25px !important;
margin-top: 8px !important;
あちこちいじってあるためきっと環境のせいなのだと思います
ここまでできただけでも十分です
ありがとうございました(・∀・)つI おい、俺様にも感謝しろよ
俺が煽ったから「教えたがり君」達が湧いてきたんだぜ urlfilter.uc.js 0.0.8.3で
つべの動画の始まりに割り込んでくる広告CMを
http*://*.doubleclick.net/* でブロックしてたんだけど
最近効かなくなっちゃったんだがどう直せばいいかわかる猛者おるか? >>144
このブクマにょきにょきはツールバーも合わせて2行まとめてにょきにょきさせることって出来ますか? >>175
/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important; }
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important; }
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important; }
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#nav-bar:not([customizing="true"]) {
margin-top : -29px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#navigator-toolbox:hover {
margin-bottom : -49px !important;
transition-delay : 0s !important; }
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }
#navigator-toolbox:hover > #nav-bar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; } >>177
ありがとうございました快適にぬるぬるできてます Thunderbirdの話なんですけど、52.5.2になってから(?)
UI(メインウィンドウ)用のスタイルが動かなくなってしまいました。
ただ、
@-moz-document url("chrome://messenger/content/messenger.xul"){
}
という指定を除去すると何の問題もなく機能します。
ひょっとして@-moz-documentの正しい記法か
メインウィンドウのアドレスが変わったりしたんでしょうか?
url指定なしでも一応弊害は出ていませんが
なるべく具体的に指定できたほうが精神衛生上いいので事情をご存知の方ご教示ください。 下記でURLバーにマウスオーバーでURLバーが広がり、Searchバーが縮まります。
#urlbar,#urlbar-container{
max-width: 350px !important;
min-width: 200px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 580px !important;}
これを逆にSearchバーへマウスオーバーで広がり、その分URLバーを縮めたい。
urlbarをsearchbarに入れ替えるだけでは、うまくいかない。
どう記述すれば良いのか? ブックマークメニューのフォルダの上下の間隔を狭くすることは可能でしょうか? >>181
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
} 教えて下さい。
デフォルトの状態からバーの高さに関係すると思われる変更を行ったこと、
@ ブックマーク・ツールバーの項目をナビバーに移動した。
A 戻る・進むボタンを Visibility collapse にした。
B タブバーおよびタブの高さを減らした。
C アドレスバーと検索バーを両方表示した。
以上の状態のままで(ナビバーの高さは変わらないようにして)
アドレスバーと検索バーの高さを 2〜3 ピクセル低くすることはできるでしょうか?
単純に urlbar と searchbar の height を 26px というように指定したのでは
ダメなのですか? "おめえ分かってねえなあ" と云われるのを覚悟でお聞きしたく。。 \ ⊂[J( 'ー`)し
\/ (⌒マ´
(⌒ヽrヘJつ
> _)、
し' \_) ヽヾ\
丶_n.__
過去ログ
 ̄ (⌒
⌒Y⌒ >>187
ええ、分かってゐません。
貴兄は良くお分かりのやうで、羨ましい >>180
分かる人いたら教えてやれや!
俺も欲しい。 過去ログ読めば分かるって言われてるのに頑なに読まないから分かってないって言われるんだよ 某県警から先日通報してやった奴に関する問い合わせが来た
すごいよ警察に協力できるなんて感動したわ >>190
前スレ >158
navi-bar-customization-target → height 36px
searchbar-textbox → min-height 23px
urlbar → height 19px
で、好みのレイアウトになりました。
大変有難うございました。 Pale Moonのブラウザでタブとウィンドウを閉じたとき、右クリックで出現する
「全てのタブを復元」
「全てのウィンドウを復元」
の項目を{display:inline}で消去したいのですが、inspectで調べてもidが表示されません。
上記2つのidを教えてください。 onetabの右クリックメニューでいらないやつを消したいのですがどう書けばいいのでしょうか
消したいのはoneTabに全てのタブを送るとこのタブ以外全て〜と左側のタブ〜です >>194
他のメニューはCSSで消去してるからアドオンをインストールする気はありません ブックマークツールバーにブックマークフォルダを入れているだけど開くと上下の▲▼を消したいんだけど無理かな? おいらの欲しがっているの未だ?
希望が見えないのう >>202
200です。う〜ん中々難しいです。でもありがとう! 項目が多くて絞り切れないな〜。ブックマークフォルダを開けた時によく上下に暴走するから抑制できるアドオンでもあればいいんだけどね .autorepeatbutton-up,
.autorepeatbutton-down
{
display:none !important;
} >>205
200です。ありがとうございます。やってみた所うまく動いてないみたいです。なにがダメなんだろう #BMB_bookmarksPopup これ追加でいけるかな? WE前のアドオンのUndo Bookmarks Menuみたいに
ブックマークのコンテキストメニューに元に戻す」と「やり直し」を付け加えても上手く行かない
弄れないのかな
ブックマーク弄ってUndoが必要になったら
すべてのブックマークを開いて管理からやり直しをするしかなくなった
めんどい 200です。#personal-bookmarks 追加で無事消えました。
>>205さん、ありがとう!これがあったから助かりました! >>209
キーボード使うときはキー操作で済ましても
マウス使うときはマウスで完結させて持ち替えを減らしたいものだろ
特にブラウジングはマウス多用するから Vim Vixen という拡張機能が提供する Hit-a-Hint 風の文字の大きさを
サイトの拡大率を無視して固定したいです。
今現在,userContent.css に以下のように指定していますが,
ページの拡大率によって文字の大きさが変動してしまいます。
.vimvixen-hint {
width: 16px !important;
height: 16px !important;
vertical-align: middle !important;
line-height: 16px !important;
font-size: 90% !important;
-webkit-text-size-adjust: none !important;
}
/* これ以外にも色々設定 (フォントとか) しているのですが恐らく
文字の大きさの変動には関係してこないので省略しました */ font-sizeを%で指定してりゃそうなるでしょ font-size: calc(16px * 0.9) !important;
にしてみましたが解決を見ませんでした。 >>215
Viewport 単位では一応固定されましたが,ウィンドウの大きさを変更するとそれに追随してしまいます。
私が望むのは Webページの拡大率・ページのフォント設定・Webブラウザの大きさに依らない大きさ文字で表示することなのです。
CSSで指定できるフォントの大きさを調べるとmm指定がちょうどいいと思ったのですが,なぜかWebページを拡大すると文字の大きさも拡大されてしまいました。
ちゃんと
font-size: 4mm !important;
としてあるにも拘らずです。
うーん,仕様なんですかねぇ……。
遅くなりましたが環境は: Firefox 57.0.4 64bit 公式ビルドです。(あんまり関係ないと思いますが……) 定規を虫眼鏡で見て1mmがズレてるとか言うようなもんだろ
それで拡大されないなら同じ絶対単位のpxも拡大されないことになる
拡縮や設定、環境にかかわらず固定ってのはアクセシビリティーの都合上、CSS単独では難しいんでないの ブックマークなどからサイトを開く時、読み込みが始まるまでの間に表示される真っ白な画面を黒くするにはどうすればよいでしょうか。 Webページの拡大って元々そういうもんじゃね?
CSSその他のローカル設定・下位設定を上回る効力があるからこそ意味があるというか >>212
メディアクエリのmin-resolutionで場合分けしてフォントサイズを指定すればいいんじゃないの サイドバーにブックマーク表示してるんですがフォルダアイコンの色を変えるにはどの様に記述すれば良いのでしょうか?お教え下さい。 58.0にしたら
/* 検索バーの右側に履歴を出すボタンを表示 */
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
}
これが効かなくなってしまった Firefox 58 向け「ブラウザウィンドウの画面内に収まるタブをnつ以下に制限する」userChrome.css。
Mozilla Firefox 58.0で確認済み
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
/* n = タブ数の上限 (8--12あたりがお勧め) */
--browser-tab-max_in_window: n;
/* 「タブ一覧ボタン」諸々の幅; 0pxとあるのは俺が「新しいタブ」ボタンを消している影響 */
--browser-tab-extra_area: calc(0px + 32px);
min-width: calc((100vw - var(--browser-tab-extra_area))/ var(--browser-tab-max_in_window)) !important;
}
なんか,.tabbrowser-tabs じゃなくて #tabbrowser-tabs と指定しないといけないっぽい?
出来ればCSSはクラスで指定したかったんだけど…… >>229
58.0だとクラス指定されてない
あとこれを読んでおくといい
スタイルシートの class と id の違いと使い分け
https://allabout.co.jp/gm/gc/23897/ >>230
ありがとう。勉強になった。
それを読む限りの理解だけれど,Firefox側の考えとしては,
「タブの領域は一つのブラウザの中で一つだけである。
その領域の中に個々のタブが入っている。
だからタブの領域はIDとして,個々のタブはクラスとして指定するように」
ということなのかな?
Web畑の人間じゃないのでCSS哲学はあまり分からないのだけれど,
今回の改変は良い方向だと思ったわ。 >>223
.findbar-textbox {
width: 580px !important;
}
580px とか 58em とか
ページ内検索ボックスを常時表示にしたい 58にしたら#TabsToolbarと#nav-barの間にボーダーが入っちゃたんだけど
border : none !important; とかやっても消えないし
どうやったら消えるんだ >>233
自己解決
borderじゃなくてbox-shadowのラインだった
#nav-bar { box-shadow : none !important; }
ついでにタブ幅の設定が上手くいかないのも
:root { --tab-min-width : 150px !important; } /* 初期値書き換え */
で強制的に書き換えちゃった >>233
そもそも58でそんなラインは入らない
完全におま環乙 URLボックスと検索ボックス周りのうっすらな影って消せますか? すいません
#urlbar, .searchbar-textbox{ box-shadow : none !important; }
で自己解決 firefoxのUIのID名クラス名一覧ってどこ見ればわかりますか? >>238
一覧よりもブラウザーツールボックス使った方が良いよ
疑似セレクタで挙動が変わったりもするし
バージョンアップで割と変更もあるから すまん疑似クラスと言いたかった
自分でなんか変だと思ったんだよ >>239
サンクス
ブラウザーにこんなツールあったんですね
browser.cssを覗けばいいのかな #TabsToolbar .titlebar-placeholder{ display:none !important; }
にしてたんだけどプライベートブラウジングとかタブ一覧(∨)のiconが右端にいくから調べてたら
タブバーの最期にも同じくプレースホルダーがあったのね
ってことで、クラスに[type="pre-tabs"] 追加で直ったわっしょい userstyles.orgのスタイルの更新をRSSフィードで知れるようにはできないものかなあ
あと、Dark〜とかBlack〜みたいなサイトを黒くするだけどスタイルの多さには辟易する タブの文字列を上に3pxあげたいのですが以下で効かないのですがなんででしょう…?
.tab-text {padding-bottom 3px !important; }
.tab-throbber, .tab-icon-image {padding-left 3px !important; } .tab-text {margin-bottom:3px !important; }
これでいけたー 未だにmarginとpaddingの使い分けわからん margin 外側の余白
border 境界線
padding 内側の余白
間に境界線があると考えればわかるんじゃない Firefox Developer Edition 59.0b4、なんか時偶 userContent.css が有効にならないときがあるな。
同じページを閉じて、終了・再起動・再読み込みすると直る。
Firefox 無印、Firefox 準安定板、Firefox 最新不安定版ではそんなことはない。
userContent.css を編集したあと、ブラウザを再起動すればきちんと変更を受けている。 コンテクストメニューの
← → ↻ ☆
っていう項目の高さを他の項目に合わせて、かつアイコンを画像じゃなくて上記の文字そのものにしたい。
ヒントをください…… #contentAreaContextMenu #context-navigation .menuitem-iconic
{
height: 26px !important;
list-style-image: none !important;
}
↑これで高さはいけた (「26px」っていう固定値にしてるのが嫌だけど、Firefoxが持ってるCSS変数に--menuitem-min-heightみたいな値がないので仕方無く)
けど、↓これで「戻る」メニュー項目が「←」にならない……。::before疑似要素のcontent属性に「←」を定めれば目的は達成できるんだけど、
位置ずれるし、なんか折角文字が指定できる属性が用意されてるのにできないってのも引っ掛る。
#contentAreaContextMenu #context-navigation #context-back
{
list-style-type: "←" !important;
} >>250
#context-navigation > .menuitem-iconic {
font-size: 16px;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left {
min-width: 0 !important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
#context-back:before {
content: "←";
}
#context-forward:before {
content: "→";
}
#context-reload:before {
content: "↻";
}
#context-stop:before {
content: "×";
}
#context-bookmarkpage:before {
content: "☆";
} >>253
表記が冗長だったはずかしい
#context-navigation > .menuitem-iconic {
font-size: 16px;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left {
display: none;
}
#context-back:before {
content: "←";
}
#context-forward:before {
content: "→";
}
#context-reload:before {
content: "↻";
}
#context-stop:before {
content: "×";
}
#context-bookmarkpage:before {
content: "☆";
} 質問です。
Googleの画像検索をしてると「リダイレクトの警告」というがいつも出てきます
普通の検索では出ないのに画像検索 "だけ" 出てくるのです。
ネットで調べてスパムを疑って念入りに調べたり
Cookie(あるいは履歴)や一時ファイルなどをすべて削除したり
いろいろ調べて手は尽くしましたがダメでした。
最終的には「Google search link fix」というアドオンを使い表示させなく出来ましたが
userChromeでもこれと同じことが出来る方法を
誰か知ってるのであれば教えてほしいと思い投稿しました。
暇な時でいいのでヨロシクお願いします。 <(_ _)> google.co.jpのクッキーをブロックしてるとリダイレクトの警告出るよ
なんらかのアドオンがブロックしてるんじゃない?
とりあえずセーフモードでも警告出るか試してみるとかね リダイレクトの警告…
これ入れてたら出る
removeRedirect4Google >>256
クッキーはブロックしてないのですが
セーフモードにすると問題なく画像検索できるのでアドがいたずらしてる可能性が高いかも…
もう少しあがいてみます。
ヒントありがとうございました。
>>257
removeRedirect4Googleは入れてないです。
でも、知っておけば今後何かで役に立つかもです
教えてくれてありがとうございました。 悪さしてたアドが判明
Searchonymous
コイツでした (;´Д`A
みなさん、いろいろいろいろお世話おかけしました。
ありがとうございました <(_ _)> userContent.cssに、
@-moz-document
domain("mevius.5ch.net"),
domain("egg.5ch.net"),
domain("mao.5ch.net")
{
.message
{
font-family: "IPA モナー Pゴシック", "IPAMonaPGothic", sans-serif !important;
font-size: 12pt !important;
line-height: 14pt !important;
letter-spacing: normal !important;
}
}
とやってAA表示が綺麗になるようCSSを書いているのですが、フォントが適用されません。サイト側の既定のフォントのままです。
about:preferenceの「Webページが指定したフォントを優先する」は関係ないようです。どなたか手助けを……
なお、上記CSS自体はcolor: red;を追記して反映されたことから文法としては正しいようです。 >>260
StylishModokiで適当なフォント名を指定して試したら効いた
なのでfont-family名の指定に問題があると思われる
フォントがインストールされてるかとか、フォント名が正しいかとか >>261さま、>>262さま、ありがとうございます。
>>261
> StylishModokiで適当なフォント名を指定して試したら効いた
そうですか……
Debian GNU/Linux を使っているのですが、
$ fc-list | grep "IPAMonaPGothic"
がきちんとパス名を返して正常終了しますし、GUIエディタ等のフォント選択画面にも
「IPA モナー Pゴシック」が表示されていて、選択するとその字形になるので
システム自体はフォントを認識していると思います。
>>262
はい、テキストエンコードはBOM無しのUTF-8です。
アドオンを無効にしたりしてみたんですが、やはりフォントの形状だけ適用されませんね……
なぜだ…… >>263
@-moz-document domain("egg.5ch.net") {
.message {font-family: "IPA モナー Pゴシック" !important;}
}
Win7だけどダウンロード、インストールしてFirefox再起動したら上で行けた ■ このスレッドは過去ログ倉庫に格納されています