[過去ログ] userChrome.css・userContent.cssスレ Part7 (1002レス)
上下前次1-新
このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
1: [sageteoff] 2017/11/11(土)18:54 ID:hti5ZF6m0(1/3) AAS
●前スレ
userChrome.css・userContent.cssスレ Part6
2chスレ:software
●拡張機能
Stylish
外部リンク:addons.mozilla.org
User Style Manager
外部リンク:addons.mozilla.org
●スクリプト
userChromeJS/UserCSSLoader at master キ Griever/userChromeJS
省10
903(1): 2017/12/11(月)11:30 ID:EkzmtfiL0(4/6) AAS
>>899
Firefox57で検証済み。
おマカンでしょう。
>>900
余計なコードを記述しすぎておかしくなっている可能性大。
>>897だけ記述して、余計なコードは全て削除。
それで駄目なら、自分が書いた全てのコードをここに書き出さないと検証不可能。
904(2): 2017/12/11(月)11:40 ID:hTfmxjFA0(1/2) AAS
下のような形で使っている
ブックマークツールバーは隠してマウスオーバーで表示される
これでも、サイトの表示領域が縦が低くのは否めない
全画面で表示ではまずい場面があるので
全画面表示と同じように、アプリケーションウィンドウを同じようでありたい
キー打鍵のトグルスィッチとアイコンがあると助かる
全画面モードの時の様にツールバーがヌルヌルと降りてこなくても良いけど
降りてくると、もっとよい
なかなか出てこないなぁ
1) 画像リンク[png]:i.imgur.com
省1
905: 2017/12/11(月)11:41 ID:9BOdAv3L0(1) AAS
>>904
初心者みたいなUIでひどい
906(1): 2017/12/11(月)11:43 ID:qjmeeb7J0(1) AAS
>>904は画像リンク[jpg]:pbs.twimg.comを思い出す。面白いね!(^○^)
907(5): 2017/12/11(月)11:44 ID:EkzmtfiL0(5/6) AAS
Firefox57からサイドバーの背景色が白色になったけど。
これを56以前のようにブックマークツールバーと同じ色に戻したので、おすそ分けします。
尚、Firefox57でテーマをデフォルトで使用している人向けです。
/* Firefox57 サイドバーの背景色をブックマークツールバーと同色にする*/
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
}
908(1): 2017/12/11(月)11:45 ID:6w4IyPbA0(8/12) AAS
>>903
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}
これだけ記述しても特に変わりはなかった。
ただタブがアドレスバーの上にいっただけだった。
909: 2017/12/11(月)11:46 ID:hTfmxjFA0(2/2) AAS
お願いしますだ
910(1): 2017/12/11(月)12:28 ID:FmqpfEi40(1/2) AAS
>>907
ありがとうございます
911: 2017/12/11(月)12:43 ID:gUY6jWO10(2/2) AAS
>>896
すいません、57.0.2でuserchrome.cssに書き込んだのですがうちの環境でも表示されません
まっさらなプロファイルで試してcssだけ入れても駄目でした
912: 2017/12/11(月)13:31 ID:WXp2Sjgn0(1/5) AAS
>>908
はい
.searchbar-textbox {
max-width: 380px !important;
}
913: 2017/12/11(月)13:39 ID:WXp2Sjgn0(2/5) AAS
あやっぱ駄目だわ
ウチの環境でもサーチバーの右にでかい空白できるわ
914(2): 2017/12/11(月)13:41 ID:6w4IyPbA0(9/12) AAS
変わりないようです。
現段階ではcssはこれしか記述していません。
画像リンク[jpg]:uproda.2ch-library.com
915: 2017/12/11(月)13:45 ID:WXp2Sjgn0(3/5) AAS
>>914
新規プロファイルでやったら普通に表示された
お互いおま環のようだぞ
916(2): 2017/12/11(月)13:48 ID:0UaOUc3k0(1/2) AAS
>>914
これはどうですか?
#search-container {
min-width: 380px !important;
}
917(1): 2017/12/11(月)13:52 ID:WXp2Sjgn0(4/5) AAS
やっぱ行けたと思ったら
既に書かれてた
役立たずですまんな
918: 2017/12/11(月)14:21 ID:6w4IyPbA0(10/12) AAS
>>916
それではこのように目一杯表示されてしまいますね。
画像リンク[jpg]:uproda.2ch-library.com
>>917
自分も一度全てアンインストールしてやってみました。
919(2): 2017/12/11(月)14:27 ID:WXp2Sjgn0(5/5) AAS
>>916はmaxじゃなくてminだからじゃね
#search-container{
min-width: 380px !important;
max-width: 380px !important;
}
ウチはこれでいけたが
好みでmin-width消したり値小さくしたりしたらいいんじゃないか
920: 2017/12/11(月)14:43 ID:0UaOUc3k0(2/2) AAS
>>919
タブいっぱい出したまま試したのでminだけで行けたつもりでいましたw
最小値の固定だけだったみたいですw
maxで固定しないと横幅無制限みたいですねw
921: 2017/12/11(月)14:47 ID:qcwRiOrE0(1) AAS
枠の幅変更はURLバーでちょっとやってたけどmaxmin両方設定してもブラウザの大きさ変えると挙動がちょっと変なので俺は弄るのやめちゃったな
922(1): 2017/12/11(月)14:49 ID:6w4IyPbA0(11/12) AAS
>>919
いけました!ありがとうございます
ついでで申し訳ないんですがその右にホームボタンを置こうと思って
margin-right: 20px などを指定してみたんですがこれは置けないのでしょうか?
923: 2017/12/11(月)15:03 ID:FmqpfEi40(2/2) AAS
>>922
ホームボタンてカスタマイズで移動できるんじゃ
924: 2017/12/11(月)15:14 ID:6w4IyPbA0(12/12) AAS
失礼、できました
925(1): 2017/12/11(月)15:29 ID:vjtYwA8j0(1) AAS
>>907
ありがとう
926: 2017/12/11(月)15:48 ID:MnvJRV5X0(1) AAS
>>906
河西智美が泣かせるねぇ。
927: 2017/12/11(月)17:43 ID:EkzmtfiL0(6/6) AAS
>>910
>>925
いえいえ、お役に立てたら幸せです。
お粗末さまでした。
928(2): 次スレテンプレ >>1 案 2017/12/11(月)21:30 ID:GoiMplwR0(1/2) AAS
●前スレ
userChrome.css・userContent.cssスレ Part7
2chスレ:software
●拡張機能
Stylish
外部リンク:addons.mozilla.org
Stylus
外部リンク:addons.mozilla.org
User Style Manager
外部リンク:addons.mozilla.org
省14
929: 928 2017/12/11(月)21:30 ID:GoiMplwR0(2/2) AAS
Stylusと拙作のUserCSSManagerを追加し、UserCSSLoaderのタイトルとuserstyles.orgのURLを微修正しました
930(1): 2017/12/11(月)22:34 ID:1thkh/1c0(1/2) AAS
>>907
これ文字色も一緒にできないでしょうか?
931: 2017/12/11(月)22:40 ID:2/BzRhaw0(1) AAS
そして何も見えなくなった
932: 883 2017/12/11(月)22:40 ID:1LjYTeCB0(1) AAS
>>888
margin: -23px にして color: #fff !important; 追加して
/* 各種バーの並び順(タイトルバーが最上段と明示) */と
/* 偽タイトルバーの配置 */の
#main-window[tabsintitlebar] #titlebar {
margin-bottom: 4px !important;
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-buttonbox {
height: 19px !important;
省2
933(1): 2017/12/11(月)22:46 ID:0yHc28tX0(1) AAS
>>930
なぜですか?w
934(2): 2017/12/11(月)22:52 ID:1thkh/1c0(2/2) AAS
>>933
テーマをDarkでつかってるんですが
>>907で背景色がDarkになったのは最高なんですが
字が黒色で見にくいんです
なんとか白色とかに変更したいのです
935(1): 2017/12/11(月)23:57 ID:dOfUQZYV0(1) AAS
ドラッグ領域の縦幅を変更するにはどうすればいいですか?
936(1): 2017/12/12(火)00:27 ID:LNNzru7O0(1/2) AAS
>>934
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
color: #00ffff !important;
}
.sidebar-placesTree {
color: #00ffff !important;
}
934さんの環境でどう見えるかわからんけど
白文字じゃなくてシアンにしてみた
937: 2017/12/12(火)01:07 ID:LNNzru7O0(2/2) AAS
#viewButton の color も変更が必要だった
フォルダの色とかテキストボックスと文字色とかは
ブラウザーツールボックス使って余裕がある時に頑張ってみてください
938: 2017/12/12(火)01:28 ID:LHN0J4Vc0(1) AAS
>>936
ありがとうございます、見やすくなりました
これで十分満足ですm(_ _)m
939: 2017/12/12(火)09:23 ID:5pn8+ym80(1/4) AAS
>>934
自分はデフォルトでないテーマに >>907 に教えていただいたのを書き込んだら
半透明化しました
もともとサイドバーもポップアップ化してるので、むしろこの方が便利で重宝してます。
>>907 さん、感謝です! <(_ _)>
940(2): 2017/12/12(火)09:56 ID:5pn8+ym80(2/4) AAS
/* ページ内検索バーを上に*/
findbar {
-moz-box-ordinal-group: 0 !important;
margin-top: -1px !important;
transition: none !important;
}
ココまでは何とか出来たとして・・・
ページ内検索バーの入力窓(?)が左にあるのが不便なので
何とか右に移動させたいのですが誰かご存じの方いますか?
良ければ教えていただけたらアリがたいです <(_ _)>
941(1): 2017/12/12(火)11:20 ID:dUsLhERv0(1/9) AAS
>>940
「ページ内検索バーをChrome風にする.css」
ページ内検索バーを右上に持っていきます
URLがNGになるので
ページ内検索バーをChrome風にする.css でgoogle検索すれば見つかります
お仕着せっぽいですが
以下のもあるとけっこう便利です
global_FindTerm.uc.js
ページ内検索バーに表示される「Find」を右クリックするとページ内検索バーの文字列が消去される
外部リンク[js]:github.com
省9
942: 2017/12/12(火)12:16 ID:5pn8+ym80(3/4) AAS
>>941
ご丁寧にありがとうございます <(_ _)>
「uc.js」も早速試させていただきます。
943(2): 2017/12/12(火)12:49 ID:cI3FOK950(1/2) AAS
「ページ内検索バーをChrome風にする.css」
なんかボテっとしてるんでいじってみた
findbarに追加 (ちょっと細く)
height: 30px !important;
findbar-textboxを変更 (文字ちょっと小さく)
font-size: 15px !important;
944(2): 2017/12/12(火)13:45 ID:ViNjRt8M0(1/4) AAS
画像リンク[png]:i-bitzedge.com
ドラッグ領域が狭すぎてクリックしづらいです
縦幅を変更するにはどうすればいいですか?
945(1): 2017/12/12(火)14:06 ID:kcJKIKlz0(1/2) AAS
>>935,944
#TabsToolbar { padding-top: 18px !important;}
数値は自分で調整して
946: 2017/12/12(火)14:09 ID:ViNjRt8M0(2/4) AAS
>>945
神サンクス!
947: 2017/12/12(火)14:19 ID:ViNjRt8M0(3/4) AAS
デフォ値8くらいかな
いくらなんでも狭すぎじゃない?
15でChromeと同等かな
948(1): 2017/12/12(火)14:49 ID:dUsLhERv0(2/9) AAS
>>943
スマートになりました
949(1): 943 2017/12/12(火)15:03 ID:cI3FOK950(2/2) AAS
>>948
いいのがあったらまた教えてね
950: 2017/12/12(火)15:05 ID:8YuU4UTr0(1/3) AAS
>>944
+のとなりをドラグ
951(2): 2017/12/12(火)15:06 ID:8YuU4UTr0(2/3) AAS
>>940
Find in Searchbar Highlight.uc.js
これでページ内検索バー不要かも
952: 2017/12/12(火)15:11 ID:Ple8uxc/0(1/2) AAS
タブの左にわざわざドラッグ領域確保されてるんだからそこ掴めばいいじゃない
953: 2017/12/12(火)15:23 ID:twDe3nYJ0(1) AAS
>>951
検索語句がサイトにばれるよ
954(1): 2017/12/12(火)15:25 ID:dUsLhERv0(3/9) AAS
>>949
そうですね
2008年のものなのでみなさんご存知かも知れませんが
アイコン化の方をアイコン変更して利用してました
メニューバーを寄せ集める
外部リンク:d.hatena.ne.jp
955: 2017/12/12(火)15:51 ID:Ple8uxc/0(2/2) AAS
userChrome.jsは確かに便利だけどスレの住み分けをしてほしい
956(2): 2017/12/12(火)15:57 ID:LN4K6BWt0(1/4) AAS
>>954
これ入れてみたのですが、ロケーションバーの左側ではなく、タブバーの左側に移動させる事はcssではできませんか?
957: 2017/12/12(火)16:55 ID:ViNjRt8M0(4/4) AAS
不満だらけだった57もだいぶいい感じになってきた
958: 2017/12/12(火)16:58 ID:4t3k3UBO0(1) AAS
ワロタ
959(1): 2017/12/12(火)17:05 ID:dUsLhERv0(4/9) AAS
>>956
これでならタブバーの左にカスタマイズで移動できる
外部リンク[js]:github.com
すみわけしなくてごめん
今回だけ
960: 2017/12/12(火)17:25 ID:5pn8+ym80(4/4) AAS
>>951
お気遣いありがとうです <(_ _)>
以前はアドオンの「FindBar Tweak」を入れてたのですが使えなくなったので
これを機に一念発起してココも見ながら "userChrome.css" の勉強してる最中です
現状は全くの素人ながら少しでも "userChrome.css" の設定になれたらと思い頑張りたいです。
まだまだペーペーですがここのベテランの方にも色々と教えていただきたく
ヨロシクお願いします。
961(1): 2017/12/12(火)17:26 ID:8YuU4UTr0(3/3) AAS
>>956
ツールバーで良いなら
document.getElementById("menubar-items").setAttribute("removable", "true");
var box = document.getElementById("nav-bar-customization-target");
box.appendChild(document.getElementById("menubar-items"));
var box = document.getElementById("nav-bar-customization-target");
box.insertBefore(document.getElementById("menubar-items"),box.childNodes[0]);
962(2): 2017/12/12(火)17:34 ID:LN4K6BWt0(2/4) AAS
>>959
ありがとうございます
思い通りになりました!
>>961
わざわざありがとうございます。
ですが、ウィンドの一番左上、タブバーの左側に表示したかったので、>>959さんのを使わせていただきます
中国語が気になるので、できたらMedleyMenuでやってみたかったのですが
やはりタブバーの左上は出来ないんでしょうかね
963(1): 2017/12/12(火)17:50 ID:dUsLhERv0(5/9) AAS
>>962
中国語は翻訳サイトで翻訳して日本語に記述しなおせばいいですよ
アイコンも16×16のを準備し64行目 data:image 以降 SuQmCC までの部分を書き換えれば変更できます
アイコンを文字列に変換するサイトがあります
外部リンク[html]:hamayapp.appspot.com
アイコンはこんなサイトからもらって来るとか
外部リンク[html]:www.iconarchive.com
アイコン抽出ソフトでFirefox.exeなどから取り出せたりできます
外部リンク[php]:www.towofu.net
964: 2017/12/12(火)17:53 ID:dUsLhERv0(6/9) AAS
>>962
ごめん
142行目も同じく変更でした
965(2): 2017/12/12(火)18:05 ID:LN4K6BWt0(3/4) AAS
>>963
64行目のアイコンってなんですかね?
SuQmCCまでと書いてありましたが、エディタで検索しても引っかからないので、後回しにして142行目だけアイコンを変更したのですが
一応目に付くアイコンは自分の想像通りのものなのですが、64行目のアイコンだけなんなのか分からなくて
地球のアイコンではないですよね?
966: 2017/12/12(火)18:24 ID:dUsLhERv0(7/9) AAS
>>965
またごめん
勘違いしてた
自分64行目も142行目と同じだと思いこんでぱっぱと変更してしまってたんだよね
64行目のはなんなのかわからなかったです
とりあえず良しとしましょうか(´・ω・`)
967: 2017/12/12(火)18:38 ID:dUsLhERv0(8/9) AAS
>>965
64行目と142行目の違い分かりました
同じデフォの四角オレンジFirefoxアイコンなんですが
64行目のは16×16
142行目のは32×32のアイコンでした
32×32のアイコンがどこで使われているのかはまだ不明です
こちらのData URI Scheme逆変換できるサイトで確認できます
外部リンク:jsdo.it
968(1): 2017/12/12(火)18:48 ID:ZqiDP9K+0(1) AAS
お前らいい加減他スレでやり取りしてくれ
度が過ぎるぞ
ここはuserChrome.css・userContent.cssスレ
969(2): 2017/12/12(火)18:55 ID:dUsLhERv0(9/9) AAS
すみませんでした
もうここでjsのことはやりません
970(1): 2017/12/12(火)19:26 ID:LN4K6BWt0(4/4) AAS
>>968
すみませんでした
>>969
長々とスレチでお付き合いさせてしまってどうもすみませんでした
そしていろいろありがとうございました
971: 2017/12/12(火)19:34 ID:VJy8JhvO0(1) AAS
AA省
972: 2017/12/12(火)19:59 ID:Jc5GiT3H0(1) AAS
なんと気持ちの良い連中だろう
973: 2017/12/12(火)20:24 ID:kcJKIKlz0(2/2) AAS
ここは平和だなぁ(召喚詠唱)
974: 2017/12/12(火)22:06 ID:vlxtPHp10(1) AAS
いい奴らだな。
975(1): 2017/12/12(火)22:17 ID:iTKXdcHR0(1) AAS
ブックマークのフォルダに色付けなんてのはありますか?
976: 2017/12/12(火)22:45 ID:MQktqDwS0(1) AAS
>>975
ある
977(1): 2017/12/13(水)08:59 ID:Ct4aHsXm0(1/3) AAS
読み込み中のアニメーションを変更したくて
手始めにsvgを外部に移動しようと次のようにしましたが
色が黒になってしまいます
元のように色が変わるようにはできないんでしょうか
browser.cssの記述から元のファイル(chrome://browser/skin/tabbrowser/loading.svg)を見つけて
プロファイルフォルダ内chrome/img/に保存
userChrome.cssに下記のみを記述
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
}
978: 2017/12/13(水)09:24 ID:LQ9MKTvJ0(1) AAS
どうしたいのかわからないが
:root[sessionrestored] .tab-throbber[busy]::before { fill: red !important;}
もしくは
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("chrome://browser/skin/tabbrowser/loading.svg") !important;
fill: red !important;
}
じゃないか
979: 2017/12/13(水)10:05 ID:AsyCFFnr0(1) AAS
>>977
>>329参考
980(1): 2017/12/13(水)10:15 ID:Ct4aHsXm0(2/3) AAS
chrome://browser/skin/tabbrowser/loading.svgを使いたいわけではなく
svgファイルは自分で用意するつもりですが
テストのために同じソースのものを外部に保存して使用しました
デフォルトではタブがアクティブかどうかで色が変わりますよね
ですが外部ファイルを指定すると黒で描画されてしまうのです
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
fill: red !important;
}
これでも黒でした
省1
981: 2017/12/13(水)10:30 ID:z3QuJznr0(1/3) AAS
じゃあ最初からはっきりそう書けよ
不毛なレスさせるな
982: 2017/12/13(水)10:38 ID:/NdMQmo30(1) AAS
フルスクリーン表示ではサイトのコンテンツが画面いっぱいに広がり
マウスで移動で上辺にヌルヌルとツールバーがプルダウンする
これをアプリケーションウィンドウのままでも実現する
トグルキー操作とアイコンクリック仕掛けは、まだ、なのかな?
983(1): 2017/12/13(水)10:38 ID:UXYp+4P80(1) AAS
>>980
自分も前に同じとこで詰まった
svg.context-properties.content.enabledをtrueにすれば大丈夫
詳しくはここのNote参照
-moz-context-properties - CSS | MDN
外部リンク:developer.mozilla.org
984(1): 2017/12/13(水)11:04 ID:Ct4aHsXm0(3/3) AAS
>>983
解決しました。ありがとうございます
デフォルトだと制限がかけられてるんですね
他の方もレスサンクスでした
985: 2017/12/13(水)11:22 ID:YdZnzbRm0(1) AAS
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
}
ダークテーマだと矢印ほとんど見えなくなるね
986: 2017/12/13(水)12:02 ID:z3QuJznr0(2/3) AAS
だね
987: 2017/12/13(水)12:30 ID:AoEIgKvC0(1) AAS
ダーク好きな人は見えにくくても気にしない
988: 2017/12/13(水)12:33 ID:z3QuJznr0(3/3) AAS
だよね
989: 2017/12/13(水)16:08 ID:Z/gmIbKc0(1) AAS
そして何も見えなくなった
990(1): 2017/12/13(水)20:58 ID:Hu0VWoXq0(1) AAS
>>984
設定変えても良いだろうけどCSSでfillが効かないやつに
-moz-context-properties: fill !important;
追加しても駄目?
991: 2017/12/13(水)22:16 ID:2HTDGNIT0(1) AAS
>>990
ダメですね
992: 2017/12/13(水)22:48 ID:DWStyyre0(1) AAS
/* タブコンテキストメニューから各種不要要素を消す */
#context_reloadTab,
#context_toggleMuteTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_reloadAllTabs,
#context_closeTabsToTheEnd,
#context_closeOtherTabs,
#context_undoCloseTab,
#context_closeTab{
省5
993(1): 2017/12/13(水)22:50 ID:3fj5SVhV0(1) AAS
>>928のテンプレで次スレ立てます
994: 2017/12/13(水)22:59 ID:Ui8U9jju0(1) AAS
userChrome.js依存のものはいらんのではないか
995: 993 2017/12/13(水)23:06 ID:e6Z3zdNM0(1) AAS
すみません立てれませんでした
996(1): 2017/12/14(木)00:24 ID:5xzcHo7X0(1/2) AAS
スレも終わりに近づいていますけれども
ハンバーガーボタンを本物に置き換えているのですが
ボタンの幅が大きくなっていまして狭くできたらと思うのですが
可能でしょうか?
スクリーンショットです
画像リンク[png]:i.imgur.com
cssです
/* ハンバーガーボタンを本物に */
#PanelUI-menu-button > .toolbarbutton-badge-stack{
list-style-image:none;
省6
997: 2017/12/14(木)00:29 ID:XdBerJGV0(1) AAS
建てました
userChrome.css・userContent.cssスレ Part8
2chスレ:software
998(1): 2017/12/14(木)00:51 ID:RlNFiJ1l0(1) AAS
>>996
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { display: none !important;}
999: 2017/12/14(木)00:53 ID:jE6NOCLS0(1) AAS
>ハンバーガーボタンを本物に置き換えているのですが
唐突すぎてワラタ
1000: 2017/12/14(木)01:02 ID:5xzcHo7X0(2/2) AAS
>>998
ありがとうございます
幅が狭くなりました(*´ー`*)
1000ゲットです
1001(1): 1001 Over 1000 Thread AAS
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 32日 6時間 7分 23秒
1002(1): 1002 Over 1000 Thread AAS
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
省4
上下前次1-新書関写板覧索設栞歴
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル
ぬこの手 ぬこTOP 0.328s*