userChrome.css・userContent.cssスレ Part6at SOFTWARE
userChrome.css・userContent.cssスレ Part6 - 暇つぶし2ch963:メージをオン、4列表示にしてるんですが たまに検索結果が空白になる事があります。同じような人いますか? 一瞬普通に表示されるのにすぐ全部消えて空白になるという感じです



964:名無しさん@お腹いっぱい。
17/10/24 16:14:37.27 waL/BDAX0.net
スクリプトスレと間違えました
向こうに書き直します

965:名無しさん@お腹いっぱい。
17/10/24 21:42:59.88 YJCxEhV20.net
アクティブタブの背景色の設定下記で効かない。
間違い指摘方よろしく。
tab[selected=true] {
background-color:#9eed17 !important;
}

966:名無しさん@お腹いっぱい。
17/10/24 22:46:13.91 UwRZz/hm0.net
>>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);
}
このあたりを弄れ

967:名無しさん@お腹いっぱい。
17/10/24 23:05:40.14 YJCxEhV20.net
>>934
レス、ありがとう。
が、まったく反応しませんでした。

968:名無しさん@お腹いっぱい。
17/10/25 01:29:51.28 buidtsml0.net
57のかな?
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,blue,white,red) !important;
}

969:名無しさん@お腹いっぱい。
17/10/25 07:05:01.86 nUrpolHd0.net
>>936
はい、57です。
ダメでした。
結構厄介なんですめ。
背景色じゃなく文字色、フォントでもOKです。
CSSの知識なく、すみません

970:937
17/10/25 08:28:40.65 nUrpolHd0.net
これで出来た。
/* アクティブタブの背景色 */
#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;
}

971:名無しさん@お腹いっぱい。
17/10/25 10:59:16.62 nUrpolHd0.net
URLリンク(userstyles.org)
とても見やすいのですが、表示されたブックマークツールバーへマウスをするとバーが消えて操作できません。
どこを修正すれが良いでしょうか?

972:名無しさん@お腹いっぱい。
17/10/25 21:17:35.92 ez9aXykK0.net
下記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;
}

973:940
17/10/25 21:19:26.93 ez9aXykK0.net
urlは書き込めないので省略しました。
URLリンク(www.mozilla.org)

974:名無しさん@お腹いっぱい。
17/10/25 22:06:25.92 3NGP/RRJ0.net
「マウスをする」ってまるで「マッチを擦る」みたいだな

975:名無しさん@お腹いっぱい。
17/10/25 22:54:02.71 jAZswBgo0.net
Googleカレンダーが仕様変更になって土日の色を変更してたけど機能しなくなったわ
新仕様に対応した土日の色を変更してくれるCSSってどこかに無いかな?

976:940
17/10/26 08:32:14.18 qis9jbgi0.net
56.0では問題


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



978:名無しさん@お腹いっぱい。
17/10/26 09:29:34.33 MxJoXspm0.net
新規プロファイルで問題ないならおま環だろ
アドオン無効にしたってインストール前の状態に戻してくれる訳じゃない

979:名無しさん@お腹いっぱい。
17/10/26 18:42:53.18 tpwYP+nj0.net
コンテキストメニューの スクリーンショットを撮る を非表示にしたいのですが、IDというのでしょうか?分かる方教えてくれませんか

980:名無しさん@お腹いっぱい。
17/10/26 19:22:28.33 q5mW70fe0.net
IDぐらい自分でブラウザーツールボックス使って調べろ
導入の仕方、使い方はググれば出てくるから

981:940
17/10/26 19:52:47.57 qis9jbgi0.net
原因が分かった。
デーマをデフォルトに戻して直った。

982:名無しさん@お腹いっぱい。
17/10/26 21:03:46.26 O7/mEksz0.net
>>946
#screenshots_mozilla_org_create-screenshot {display: none !important;}
Firefox screenshots自体を全く使わないというなら
extensions.screenshots.disabledをtrueにした方がいい
WebExtensionsのメニューはDOM Inspectorならメニュー開いた時に末尾に追加されてるのが分かるが
ブラウザツールボックスだと反応してないように見えるね

983:946
17/10/27 01:04:23.27 HpQXSY4O0.net
>>949
ちゃんと消すことができスッキリしました
どうもありがとうございました

984:名無しさん@お腹いっぱい。
17/10/27 20:06:34.60 aXk0ACHk0.net
57.0でsearchbarへ丸みは下記でいけるのですが、urlbarへの丸みどう記述すれば良いのですか?
.searchbar-textbox {
border-radius: 10px !important;
}

985:名無しさん@お腹いっぱい。
17/10/27 21:41:36.77 K+BZTVVy0.net
#urlbar {
border-radius: 10px !important;
}

986:名無しさん@お腹いっぱい。
17/10/27 21:46:32.47 aXk0ACHk0.net
>>952
ありがとう、うまくいきました。

987:名無しさん@お腹いっぱい。
17/10/27 22:01:18.95 eOMbgibD0.net
56.0.2です 検索バーの右端にある矢印( → )を消すことは可能でしょうか?
参考画像(自分のスクショではありません)
URLリンク(blog-imgs-102-origin.fc2.com)

988:名無しさん@お腹いっぱい。
17/10/27 22:24:58.07 46pAsvg60.net
可能です

989:名無しさん@お腹いっぱい。
17/10/27 22:32:50.87 K+BZTVVy0.net
>>954
.search-go-button { display: none !important; }

990:名無しさん@お腹いっぱい。
17/10/27 23:53:26.22 eOMbgibD0.net
>>956
ありがとうございました

991:名無しさん@お腹いっぱい。
17/10/28 08:24:19.34 YexvkjWf0.net
57.0でブックマークツールバーの高さを変えたい。
下記じゃダメなの?
PersonalToolbar {height: 25px !important;}

992:名無しさん@お腹いっぱい。
17/10/28 11:29:21.59 XAly8k8/0.net
#PersonalToolbar { height: 25px !important }
ここで少しcssの基礎勉強しなさい
URLリンク(developer.mozilla.org)

993:名無しさん@お腹いっぱい。
17/10/28 15:24:57.50 4UIi8Xsj0.net
>>959
ご丁寧に、ありがとう。

994:名無しさん@お腹いっぱい。
17/10/29 02:16:47.51 9GSYTAVZ0.net
>>943
自分でやってみたけど数字の色しか変更できないわ。
新バージョンには帯の部分のセレクターがないっぽい。

995:名無しさん@お腹いっぱい。
17/10/29 08:14:47.22 kgeDq3m00.net
>>943>>961
なんぼのもんじゃいと思ってみてみたけど、こういうことじゃいかんのか?
tr > td:nth-child(7){
background: rgba(0,128,255,.25);
}
セレクタもうちょっと工夫すれば背景の重複も解消すると思う。

996:名無しさん@お腹いっぱい。
17/10/29 11:13:58.53 9GSYTAVZ0.net
>962
ありがとうございます。
でもこれ新バージョンには適応してないみたい?
現行バージョンには効くけど。
backgroundの色の範囲はさらに昔のバージョンに戻ると思って慣れるしかないかな。

997:名無しさん@お腹いっぱい。
17/10/29 11:44:48.77 kgeDq3m00.net
>>963
失礼しました。選ばないと新バージョンにならないのね。こうだね。
クラス名はコロ


998:コロ変わるかもしれないから工夫の余地はある。 .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); }



999:名無しさん@お腹いっぱい。
17/10/29 14:45:58.41 9GSYTAVZ0.net
>>964
ありがとうございます。大変参考になりました。
自分は使ってないけどミニカレンダーのほうはこんな感じですね。
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
}

1000:943
17/10/29 15:01:58.12 waZFbHsg0.net
>>964,>>965
ありがとうございます、理想通りの見た目になりました

1001:名無しさん@お腹いっぱい。
17/10/29 19:06:26.21 HnXSH/ax0.net
stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる
sytlishを無効
http 色変わらない(薄グレーのまま
https 色変る(指定した色になる
ftp 色変わらない(薄グレーのまま
これってstylishがuserChrome.cssを読みに行ってるのかな??
css分からなくて拾ってきたの繋ぎ合わせて使ってるんだけどstylish無しで使えるようにしたいです

1002:名無しさん@お腹いっぱい。
17/10/29 19:45:17.94 TWiiFZy00.net
Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの

1003:名無しさん@お腹いっぱい。
17/10/29 22:35:35.34 HnXSH/ax0.net
>>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした
stylishの時はこれで動いていたのですが
URLリンク(pastebin.com)
解る方いましたらご指南くださいませ

1004:名無しさん@お腹いっぱい。
17/10/30 08:55:31.34 +bA63Xt60.net
>>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url^=」を
通常の正規表現「url^=」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。

1005:名無しさん@お腹いっぱい。
17/10/30 12:18:54.88 d9EJ4B1B0.net
わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね

1006:名無しさん@お腹いっぱい。
17/10/30 13:18:22.92 +bA63Xt60.net
>>971
コードをざっと見た感じ セレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった;ので心配になって確認してみた。動いた。

1007:名無しさん@お腹いっぱい。
17/10/31 21:19:57.43 mP/F2pJ60.net
ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない

1008:名無しさん@お腹いっぱい。
17/11/01 04:17:43.37 zsYam34Q0.net
pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・

1009:名無しさん@お腹いっぱい。
17/11/01 08:31:47.26 /XzlVpbX0.net
firefox版stylishが更新

1010:名無しさん@お腹いっぱい。
17/11/01 09:45:54.14 OI1tiYRZ0.net
URLリンク(sites.google.com)
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理(アイテム削除)したい。まとめてくれてるサイトありませんか?

1011:名無しさん@お腹いっぱい。
17/11/01 11:21:44.18 M29ycmTS0.net
>>976
そのサイトにも書いてあるよ、ちょっと古いけど
最新版はこれ
menuitem#context_reloadTab /* タブを再読み込み */
menuitem#context_toggleMuteTab /* タブをミュート */
menuitem#context_toggleMuteTab + menuseparator /* タブをミュート 直後の区切線 */
menuitem#context_pinTab /* タブをピン留め */
menuitem#context_unpinTab /* タブのピン留めを外す */
menuitem#context_duplicateTab /* タブを複製 */
menuitem#context_openTabInWindow /* 新しいウィンドウへ移動 */
menuseparator#context_sendTabToDevice_separator /* タブを端末へ送信 メニュー直前の区切線 */
menu#context_sendTabToDevice /* タブを端末へ送信 メニュー */
menu#context_sendTabToDevice + menuseparator /* タブを端末へ送信 メニュー直後の区切線 */
menuitem#context_reloadAllTabs /* すべてのタブを再読み込み */
menuitem#context_bookmarkAllTabs /* すべてのタブをブックマーク… */
menuitem#context_closeTabsToTheEnd /* 右側のタブをすべて閉じる */
menuitem#context_closeOtherTabs /* 他のタブをすべて閉じる */
menuitem#context_closeOtherTabs + menuseparator /* 他のタブをすべて閉じる 直後の区切線 */
menuitem#context_undoCloseTab /* 閉じたタブを元に戻す */
menuitem#context_closeTab /* タブを閉じる */
URLリンク(dxr.mozilla.org) に基づく

1012:名無しさん@お腹いっぱい。
17/11/01 13:18:23.02 XLl4sRl60.net
タブを端末へ送信とか誰特だよ

1013:名無しさん@お腹いっぱい。
17/11/01 14:15:27.35 uiVQIwRh0.net
それ、一度も使わないからいつも消しているわ
ナビゲーション、画像の URL をメールで送信、デスクトップの背景に設定、ページを端末に送るも消している

1014:名無しさん@お腹いっぱい。
17/11/01 14:38:08.43 zsYam34Q0.net
印刷コマンドとかもうちプリンタないから消してる
ぶっちゃけ誤クリックがめんどくさい

1015:名無しさん@お腹いっぱい。
17/11/01 15:34:35.97 /GoEepyh0.net
それ俺も消してるわ
プリンタあるけどバグだらけでまともに印刷できないからねぇ

1016:名無しさん@お腹いっぱい。
17/11/01 17:27:30.16 qy5RFoIS0.net
>>977 横からありがとう、参考になります。
>>980-981
確かに誤クリックしがちだ;俺も印刷メニュー消そうかな
印刷する時はいつもPrint Edit WEでページ編集してからだし。

1017:976
17/11/01 20:17:08.57 fyFVVKOA0.net
>>977
あれ、お礼言うの忘れてた。
ありがとう、助かりました。

1018:名無しさん@お腹いっぱい。
17/11/03 16:27:53.59 CAbA5gaJ0.net
57.0、マウスオーバーでブックマークツールバーを自動表示すること出来ませんか?
userstyles.orgでいくつか公開されてるけどダメでした。

1019:984
17/11/03 16:48:40.97 CAbA5gaJ0.net
URLリンク(userstyles.org)
これでツールバーへのマウスオーバーで表示/非表示できるが、ブックマークへマウスを移動すると隠れるので
操作できない。
詳しい方、なんとかならないでしょうか?

1020:名無しさん@お腹いっぱい。
17/11/04 11:25:11.61 ucv7z8jv0.net
はい次の患者さんどうぞ

1021:名無しさん@お腹いっぱい。
17/11/07 11:30:47.53 f3CPt2aK0.net
cssだけじゃ無理なことを出来ると思ってるらしいな

1022:名無しさん@お腹いっぱい。
17/11/07 17:18:41.38 qgNHbUcs0.net
URLリンク(www.axfc.net)
↑ネットで見つけたcss用の多段タブを微調整してある程度タブの横幅が固定になってる以外は、違和感なくできたんですが
これをTabMixPlusのようにタブの横幅を可変式?にすることは出来るでしょうか?
いろいろやってみたんですが、ほとんど知識のない自分には、見つけられませんでした。
どう書き加えたらいいかどなたかよろしくお願いします。

1023:名無しさん@お腹いっぱい。
17/11/07 18:58:41.40 R20CumNp0.net
>>988
/*
* Tab width fits to tab title
* from tab_mix_plus-0.5.0.4-fx/chrome/content/overlay/browser.css
*/
.tabbrowser-tabs[orient="horizontal"] > .tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0 !important;
width: auto !important;
}

1024:名無しさん@お腹いっぱい。
17/11/07 19:21:34.33 qgNHbUcs0.net
>>989
返信ありがとうございます。
自分が想像してるタブの可変?は、タブが少ないときは、最大値で表示してタブが増えるごとに
少しずつ小さくなって多段タブになった時には、最小値になってるって感じなんです。
せっかく教えてくれたのに説明不足で申し


1025:訳ないです。 ありがとうございました。



1026:名無しさん@お腹いっぱい。
17/11/09 23:18:10.74 Oq3zjRtk0.net
今日になって突然stylishが動かなくなった(Firefox 56.0.2)
放心状態でこのスレに来た
サイドバーを右に移す(デフォルトは左)にはどうしたらいいのでしょうか?

1027:名無しさん@お腹いっぱい。
17/11/09 23:20:57.23 0RZwxZzR0.net
3.0に自動アップデートされたって落ちクサイ

1028:名無しさん@お腹いっぱい。
17/11/09 23:25:34.58 0lujv++q0.net
サイドバーとかアドオン使わんでも右左自由に動かせるだろ

1029:名無しさん@お腹いっぱい。
17/11/09 23:30:41.21 zUkMLf/D0.net
>>991
Firefox55からはユーザーcss使わなくてもサイドバー上の切り替えメニューで右に移動できるぞ
stylish3.0.0にされてるなら不具合だらけで取り下げられてるから、2.1.1か2.0.7に入れなおしてきな

1030:名無しさん@お腹いっぱい。
17/11/09 23:59:11.89 Oq3zjRtk0.net
>>994
ホントにありがとう!
stylish3がこんなに不具合あるなんて・・
全ておっしゃるとおりでした

1031:名無しさん@お腹いっぱい。
17/11/10 13:45:34.71 uQhwxPJh0.net
>>991
だから自動アップデートは切って置けとあれほど

1032:名無しさん@お腹いっぱい。
17/11/11 14:44:30.01 ROG15rkI0.net
>>996
切ったよ
サンクス

1033:名無しさん@お腹いっぱい。
17/11/11 15:54:23.80 xDx+JYHV0.net
Live editor for CSS and LESS
URLリンク(addons.mozilla.org)
スタイルシート編集しつつ、リアルタイムで確認できる。これめっちゃイイ!
Custom Style Script (Inject desired CSS or JS)
URLリンク(addons.mozilla.org)
特定のページに対してJSとcssを個別にまとめて(;)適用・管理できる。

1034:名無しさん@お腹いっぱい。
17/11/11 16:18:26.50 sAlKWz/F0.net
um

1035:名無しさん@お腹いっぱい。
17/11/11 16:18:59.36 sAlKWz/F0.net
うめ

1036:1001
Over 1000 Thread.net
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 826日 16時間 19分 58秒

1037:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch