userChrome.css・userContent.cssスレ Part6©2ch.net

●前スレ
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/

https://u6.getuploader.com/script/

ここの「コメント」「Upload」「検索」のdivのスペースが無駄過ぎるので
「検索」「Upload」「コメント」という並びの一行にまとめようと思った

下2つのdivは「コメント」の高さ分だけネガティブマージンで上に引っ張ればいいとして、
あとは「Upload」をセンタリングすれば完了、と思いきや
text-align: centerの時点では真ん中に寄るものの、上に引っ張ると少し左にズレてしまう

ズラさずに綺麗に真ん中に収めるにはどうすればいい？

>>876
position: relative; left:xx か transition: translateX(xx) で十分

>>876
.navbar ~ .container > .pull-right {
float: none !important;
text-align: right !important;
}

アドオン：Context Searchでコンテキストメニューのトップに位置することできませんか

>>878
なるほど　犯人はそいつか
勉強になったありがとう

tumblrのarchiveページでサムネイルにポインタを合わせるとグレーアウト(?)するのですが
これを色が付かないようで出来ますでしょうか？
出来れば表示される文字は残したいです。
例) http://nijyuhachi-iroiro.tumblr.com/archive

スレをブラウザで見たら非表示にしてたiframeがまた出てきてた
と思ったら2chが5chになってたせいだった

>>881
.post_micro .post_glass {
background: none;
opacity: 1.0;
}
.post_micro .post_glass span {
text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

>>883
うまくいきました(^O^)
文字の縁取りもしていただいていい感じです
ありがとうございましたm(_ _)m

>>879
コンテキストメニューを編集するアドオンを使えや。
Menu Wizardとかな。
というかスレチ。

今後どうなるかってとこはあるがまあスレチだわね

>>885
57で使えん。

メニューのidさえわかればuserChrome.cssでできるからスレチとは言えんと思う

#メニューのid{-moz-box-ordinal-group:0!important}

ほえー順番ソートキーみたいなのがあるんか

>>888
>>879へのレスですか？
メニューののidって、about:support>拡張機能のIDのこと？

コンテキストメニューのリンク関係をすべて消したい。
・リンクを新しいタブで開く
・リンクを新しいコンテナタブで開く
・リンクを新しいウィンドウで開く
・リンクを新しいプライベートウィンドウで開く
・このリンクをブックマーク
・名前をつけてリンク先を保存
・リンクをPocketに保存
・リンクのURLをコピー
よろしくお願いいたします。

ucjs_copyMenuList.uc.js使え

清々しいまでの他力本願

>>892
57で使えないもの勧めるなよ。

加えて上から目線ワロタ

>>888だがスレのみんなに謝っておく
こんな馬鹿が居つく原因になりそうな発言をして本当に悪かった
ごめんなさい

ID:SHSHzwhx0
コンテキストメニューの話をしているのに>>890の発言をする人に
userChrome.cssはまだ早い
ググってどういうものかわかれば自力でできるから頑張れ

xqiv75ljlはどこのスレ行っても住人に嫌われる天才だな

開発ツール使ってもいいしソースからidを拾ってきても良い
ttps://dxr.mozilla.org/mozilla-release/source/browser/base/content/browser-context.inc

ソース！
そんなのもあるのか
そしてハードル高すぎるから俺はちまちま見えてるものをクリックするか…

ロケーションバーやメニューボタンを移動させたくて、それぞれ{removable: true !important;}って
userChrome.cssに記述してみたけど変更出来ないように保護されてんのか反映されんわ…

このあたりの設定を問答無用で書き換えてくれたCTRってやっぱ偉大で異常だったんだな

userChrome.jsで普通にやってたけど

document.getElementById("menubar-items").setAttribute("removable", "true");

そりゃcssのプロパティじゃなくて要素の属性なんだからuserChrome.cssではいじれないよ

>>901
俺もそれやってたけど今後どうしよう

>>903
http://egg.2ch.net/test/read.cgi/software/1506030128/56
とりあえずこれでいいんじゃね？

Stylus 1.1.4.2を使ってみようと思ったのにFirefox 56.0で動かん(´･ω･｀)ｼｮﾎﾞｰﾝ

Selection Context Searchでコンテキストメニューのトップに位置付け出来ないでしょうか？
ContextSearcher.uc.jsの場合はuserChrome.cssへ下記追加で出来たのですが・・・
#context-searcher{-moz-box-ordinal-group:0}

>>905
56、57共に動いてる。
新規プロファイルでためすべき

>>906
こうかな
#contentAreaContextMenu [id^="_3923146e-98cb-472b-9c13-f6849d34d6b8_"] { -moz-box-ordinal-group: 0; }

>>908
おー、すごい。
ありがとう。

これにレスくれる優しい人いませんか？

>>910
またお前か

やさしくて泣いた

891 名前：名無しさん＠お腹いっぱい。[sage] 投稿日：2017/10/05(木) 21:07:20.42 ID:SHSHzwhx0 [2/3]
コンテキストメニューのリンク関係をすべて消したい。
・リンクを新しいタブで開く
・リンクを新しいコンテナタブで開く
・リンクを新しいウィンドウで開く
・リンクを新しいプライベートウィンドウで開く
・このリンクをブックマーク
・名前をつけてリンク先を保存
・リンクをPocketに保存
・リンクのURLをコピー
よろしくお願いいたします。

894 名前：名無しさん＠お腹いっぱい。[sage] 投稿日：2017/10/05(木) 22:23:07.41 ID:SHSHzwhx0 [3/3]
>>892
57で使えないもの勧めるなよ。

910 名前：891[sage] 投稿日：2017/10/11(水) 21:13:16.57 ID:gXKxGNB50 [4/4]
これにレスくれる優しい人いませんか？

>>911
またも、お前か

490 名前：名無しさん＠お腹いっぱい。[sage] 投稿日：2014/09/26(金) 17:16:42.21 ID:PStOvxMp0
>>486
俺がレスしなかったらずっと書き込みなかったスレなのに何言ってんだこのクズ
485なんぞ飼い主が与えた餌に飛び付く犬みたいにすぐ返信したくせに。
俺が書き込むことによってお前らにレスする機会を与えてやったようなもんだろうがバカども
>>487何も分かんないんだったら書き込むな無能

一生過疎ってろｗ

>>907
やってみたら動いた
最初はアイコンが表示されなかったけれども、一度削除してもう一度追加したら表示されたし、
使っていたプロファイルから設定だけを移植してもエラーが出なかったから、きっと他の拡張との兼ね合いがマズかったのだと思う
後でどの拡張か特定してみる

>>916
動かないものが多いと思うが、いかかが？

Firefoxのサイドバーの幅を数値で指定するには、どう書けば良いですか？

>>918
#sidebar-box {
min-width: 250px !important;
max-width: 250px !important;
}

Stylishのアプリスタイル用のCSSを書くときだけ入力補完が利かなくなった
サイトスタイルを書くときはきちんと補完してくれる
Firefox56.0 Stylish 2.0.7
似たような経験をした人いるかい？

stylusつかえ

>>921
stylusは確かchromeのスタイルをそのまま試せないのではなかったっけか
何れにせよWEの57以降はできないのだっけ？
不便になるな

あれ？
56.0で#editBMPanel_descriptionRowをvisibility: visible !important;しても、
説明があるページでも表示されないぞ
今までこれで行けたのに

>>923
もう解決しただろうがググったら出てきたサイト置いておく

ttp://www.01.246.ne.jp/~hatch/firefox.html
/* ブックマーク編集パネルにURL欄を表示 */
#editBMPanel_locationRow,
/* ブックマーク編集パネルに説明欄を表示 */
#editBMPanel_descriptionRow {
visibility: unset;
}

>>924
ありがとう、けれどもそれはもう試したよ
inheritも試したけれども効果なしだよ
collapseとhiddenは論外だし
相変わらず説明があるページでも中身は表示されないよ

57.0b10で>>924が効くからCSSを疑うよりプロファイル疑った方がいいんじゃね？

>>926
当然、真っ先にやったよ
欄だけ表示されてdescriptionの内容は反映されない
もちろんブックマークして変更を加えているというオチもない
念のために言うとeditBMPanelはブックマークのプロパティとは別だよ

いや、表示できてるけどなと思ってやりなおしてわかった
新しく開いたページをブックマークに追加するときパネル上で説明を入れて
その後ブックマーク編集パネルで表示されることを確認したんだが
この編集パネルは最後の記述がそのまま保持される仕組みなんだな
情報の入力はできるけど出力されない

>>928
そうそう、そうなんだ
例えばhttps://www.mozilla.jp/なら、ブックマークされていなければ、ブックマークボタンを押したときはmetaにある通り、
"一般社団法人 Mozilla Japan は、2017 年 7 月より WebDINO Japan と名前を変え..."
と表示されなければいけないはずなのに、空なんだ

https://pbs.twimg.com/media/CpLXmGgVYAAVcAd.jpg

googlemonkeyRでプレビューイメージをオン、4列表示にしてるんですが
たまに検索結果が空白になる事があります。同じような人いますか？
一瞬普通に表示されるのにすぐ全部消えて空白になるという感じです

スクリプトスレと間違えました
向こうに書き直します

アクティブタブの背景色の設定下記で効かない。
間違い指摘方よろしく。
tab[selected=true] {
background-color:#9eed17 !important;
}

>>933
.tab-background-start[selected="true"]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before{
background-image: url(chrome://browser/skin/tabbrowser/tab-selected-start.svg);
}

.tab-background-middle[selected="true"] {
background-color: -moz-dialog;
background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4)), none;
}

.tab-background-end[selected="true"]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before {
background-image: url(chrome://browser/skin/tabbrowser/tab-selected-end.svg);
}

このあたりを弄れ

>>934
レス、ありがとう。
が、まったく反応しませんでした。

57のかな？
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,blue,white,red) !important;
}

>>936
はい、57です。
ダメでした。
結構厄介なんですめ。
背景色じゃなく文字色、フォントでもOKです。
CSSの知識なく、すみません

これで出来た。
/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(0,0,0,1) !important;
background: #f7e9af !important;
background-clip: padding-box !important;
border-color: rgba(0,0,0,.25) !important;
font-weight: 900;//201703/17追記
}
#TabsToolbar .tab-background {
margin: 0 !important;
background: transparent !important;
}

https://userstyles.org/styles/101008/bookmark-bookmarks-toolbar-autohide-with-hover
とても見やすいのですが、表示されたブックマークツールバーへマウスをするとバーが消えて操作できません。
どこを修正すれが良いでしょうか？

下記CSSだとブックマークツールバーが半透明になるのはなぜなんでしょうか？？
これが無効のときは透明になりません。
/*** Auto-hide Bookmarks Toolbar ***/
@namespace url(・・・・);
#navigator-toolbox {
position: relative;
transition: all 0.3s ease 0s !important;
}
#PersonalToolbar {
/*overflow: hidden;*/
margin-top: -20px !important;
transition: all 0.3s ease 0s !important;
}
#navigator-toolbox:hover {
margin-bottom: -20px !important;
transition-delay: 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
margin-top: 0 !important;
transition-delay: 0s !important;
}

urlは書き込めないので省略しました。
http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul

「マウスをする」ってまるで「マッチを擦る」みたいだな

Googleカレンダーが仕様変更になって土日の色を変更してたけど機能しなくなったわ
新仕様に対応した土日の色を変更してくれるCSSってどこかに無いかな？

56.0では問題なく、57.0で半透明になります。
新しいプロファイルで、アドオンなしでは正常でした。
元のプロファイルでアドオンをすべて無効化しても修復出来ず。
57.0のバグかな？

新規プロファイルで問題ないならおま環だろ
アドオン無効にしたってインストール前の状態に戻してくれる訳じゃない

コンテキストメニューの スクリーンショットを撮る を非表示にしたいのですが、IDというのでしょうか？分かる方教えてくれませんか

IDぐらい自分でブラウザーツールボックス使って調べろ
導入の仕方、使い方はググれば出てくるから

原因が分かった。
デーマをデフォルトに戻して直った。

>>946
#screenshots_mozilla_org_create-screenshot {display: none !important;}
Firefox screenshots自体を全く使わないというなら
extensions.screenshots.disabledをtrueにした方がいい

WebExtensionsのメニューはDOM Inspectorならメニュー開いた時に末尾に追加されてるのが分かるが
ブラウザツールボックスだと反応してないように見えるね

>>949
ちゃんと消すことができスッキリしました
どうもありがとうございました

57.0でsearchbarへ丸みは下記でいけるのですが、urlbarへの丸みどう記述すれば良いのですか？
.searchbar-textbox {
border-radius: 10px !important;
}

#urlbar {
border-radius: 10px !important;
}

>>952
ありがとう、うまくいきました。

56.0.2です 検索バーの右端にある矢印（ → ）を消すことは可能でしょうか？
参考画像（自分のスクショではありません）
https://blog-imgs-102-origin.fc2.com/z/0/0/z0001/firefoxsearchbox05s.png

可能です

>>954
.search-go-button { display: none !important; }

>>956
ありがとうございました

57.0でブックマークツールバーの高さを変えたい。
下記じゃダメなの？
PersonalToolbar {height: 25px !important;}

#PersonalToolbar { height: 25px !important }

ここで少しcssの基礎勉強しなさい
https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Getting_started/Selectors

>>959
ご丁寧に、ありがとう。

>>943
自分でやってみたけど数字の色しか変更できないわ。
新バージョンには帯の部分のセレクターがないっぽい。

>>943>>961
なんぼのもんじゃいと思ってみてみたけど、こういうことじゃいかんのか？
tr > td:nth-child(7){
background: rgba(0,128,255,.25);
}

セレクタもうちょっと工夫すれば背景の重複も解消すると思う。

>962
ありがとうございます。
でもこれ新バージョンには適応してないみたい？
現行バージョンには効くけど。
backgroundの色の範囲はさらに昔のバージョンに戻ると思って慣れるしかないかな。

>>963
失礼しました。選ばないと新バージョンにならないのね。こうだね。
クラス名はコロコロ変わるかもしれないから工夫の余地はある。
.PhLhOd:nth-child(1),
.t8qpF:nth-child(1){
background: rgba(255,0,0,.1);
}
.PhLhOd:nth-child(7),
.t8qpF:nth-child(7){
background: rgba(0,128,255,.1);
}

>>964
ありがとうございます。大変参考になりました。
自分は使ってないけどミニカレンダーのほうはこんな感じですね。

.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
}

>>964,>>965
ありがとうございます、理想通りの見た目になりました

stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる

sytlishを無効
http 色変わらない(薄グレーのまま
https 色変る(指定した色になる
ftp 色変わらない(薄グレーのまま

これってstylishがuserChrome.cssを読みに行ってるのかな？？
css分からなくて拾ってきたの繋ぎ合わせて使ってるんだけどstylish無しで使えるようにしたいです

Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの

>>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした

stylishの時はこれで動いていたのですが
https://pastebin.com/4KeFmARX
解る方いましたらご指南くださいませ

>>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url＾＝」を
通常の正規表現「url＾＝」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。

わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね

>>971
コードをざっと見た感じ セレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった；ので心配になって確認してみた。動いた。

ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない

pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・

firefox版stylishが更新

https://sites.google.com/site/mymemomemo/freesoft/firefox
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理（アイテム削除）したい。まとめてくれてるサイトありませんか？