17/12/10 02:12:09.25 TYAUhoFH0.net
ステータスバー(ステータスパネル)をタイトルバー上に表示できたー
正確には本来のタイトルバーの上には別の要素は置けない(下に隠れる)っぽいので非表示にして
タブバーと重なってる偽のタイトルバーを上に引っ張り上げてそれを本物っぽい見た目にした
タイトルバーもステータスバーも自分は欲しい情報なので一行にまとまってうれしい
874:名無しさん＠お腹いっぱい。
17/12/10 02:33:05.81 LiUWBF5F0.net
ここは自慢するスレじゃないよ
どう書いたのかCSSを晒すスレなのだ
875:名無しさん＠お腹いっぱい。
17/12/10 04:51:41.33 TYAUhoFH0.net
>>857
90行あるから自重したけど許可が出たと思って晒す
/* Fake titlebar with statuspanel */
/* 各種バーの並び順(タイトルバーが最上段と明示) */
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 2 !important;
}
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 3 !important;
}
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 4 !important;
}
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 5;
}
/* タブバー左右端の隙間を詰める(閉じるボタンなどがあった場所に発生する) */
#main-window[tabsintitlebar] #TabsToolbar {
-moz-margin-end: 0 !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder {
visibility: collapse !important;
}
876:名無しさん＠お腹いっぱい。
17/12/10 04:52:16.12 TYAUhoFH0.net
>>858 の続き
/* 偽タイトルバーの配置 */
#main-window[tabsintitlebar] #titlebar {
margin-bottom: 0 !important;
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-buttonbox {
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-min,
#main-window[tabsintitlebar] #titlebar-max,
#main-window[tabsintitlebar] #titlebar-close {
padding: 0 16px !important;
}
/* 偽タイトルバー領域にページタイトルを表示 */
#main-window[tabsintitlebar]::before {
position: absolute;
margin: -22px 0 0 0;
padding: 0 130px 2px 2px;
width: 100%;
height: 20px;
font-size: 12px;
overflow: hidden;
content: url("chrome://branding/content/icon16.png") " " attr(title);
}
877:名無しさん＠お腹いっぱい。
17/12/10 04:53:24.47 TYAUhoFH0.net
>>859 の続き
/* 偽タイトルバー領域にステータスパネルを表示 */
statuspanel {
position: fixed !important;
z-index: 1 !important;
top: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
height: auto !important;
transition: none !important;
}
#main-window[tabsintitlebar]:not([inFullscreen]) statuspanel {
padding-left: 20px !important;
padding-right: 120px !important;
}
#main-window:not([tabsintitlebar]):not([inFullscreen]) statuspanel {
margin-top: 62px !important; /* 本物のタイトルバーの時にはコンテンツ領域の上端に */
}
statuspanel .statuspanel-inner {
height: auto !important;
}
statuspanel .statuspanel-label {
border: 1px solid #666666 !important;
padding: 1px !important;
font-size: 14px !important;
color: #fff !important;
background-color: rgba(51, 51, 51, 0.625) !important;
}
以上
878:名無しさん＠お腹いっぱい。
17/12/10 05:33:05.25 vd8kKRl80.net
そもそもタイトルバー自体非表示だから
それ、いらない
879:名無しさん＠お腹いっぱい。
17/12/10 05:56:15.23 KChj7LTn0.net
晒せと言われて晒したら
いらないと言われてかわいそうw
880:名無しさん＠お腹いっぱい。
17/12/10 06:05:46.51 m
881:LwnCIz60.net
882:名無しさん＠お腹いっぱい。
17/12/10 06:27:25.49 ORBTk94v0.net
ツールバー開閉を否定してる人も多いが
解像度の低いノートpcを使ってる人は重宝する
全画面表示の時だけ動作するように
#main-window[sizemode="maximized"]
を追加して使っている
883:名無しさん＠お腹いっぱい。
17/12/10 08:17:27.90 cscNWKkA0.net
Firefox 57.0.2
検索バーの履歴が5件しか表示されなく、スクロールが面倒なので10件ほどに出来ませんか？
884:名無しさん＠お腹いっぱい。
17/12/10 08:37:49.78 A/4Q8yH10.net
>>865
自分は>>838の方法でやっていて14個表示される（その記述のどこでそうなっているのかは俺にはわからない）
試しに>>838の記述を消してみたら10個表示になった
5個表示になってるのは何か入れているせいなのかもしれない
885:863
17/12/10 08:40:02.50 A/4Q8yH10.net
>>865
>>836の方法でも14個だったよ
886:名無しさん＠お腹いっぱい。
17/12/10 10:45:56.21 yFQ14LRd0.net
質問です <(＿ ＿)>
選択されてないタブの色
リンクで開いたけどまだ見てないタブの色
これらを設定する方法を知ってる方いますか？
いたら教えてほしいです。
887:名無しさん＠お腹いっぱい。
17/12/10 10:58:54.50 yFQ14LRd0.net
>>867
自分も試してみた所、10個でした。
確かにどこかの設定かも知れませんね
888:名無しさん＠お腹いっぱい。
17/12/10 11:12:15.57 cscNWKkA0.net
>>866
レス、ありがとう。
Search Bar Show Engine NamesというCSSでエンジン名を表示しているためでした。
数値を5から15にしたらOKでした。
889:名無しさん＠お腹いっぱい。
17/12/10 11:18:47.89 zD5JcOVI0.net
>>868
こういうことのできるcssはありました
未読タブのタイトル文字色を変更する
タブ復元時にまだ読み込まれていないタブを半透明化する
URLﾘﾝｸ(obakaz.com)
色はデフォで赤ですがcolor: red のredを変えれば好きな色に変更できます
タブの半透明化も opacity: .7; の数字変更で変えれます
色名はここのサイトなんかわかりやすくていいですよ
URLﾘﾝｸ(www.color-sample.com)
890:名無しさん＠お腹いっぱい。
17/12/10 11:58:37.43 LP5jNPbP0.net
userChrome.cssの使用率調べるようになったらしいから使ってるやつはテレメトリ無効にするのやめとけよ
userChromeまで使えなくなったら終わるわ
891:名無しさん＠お腹いっぱい。
17/12/10 12:01:18.50 25mV8npO0.net
オプションの技術的な対話レポートだっけか
892:名無しさん＠お腹いっぱい。
17/12/10 12:10:36.22 TP6qTM/Q0.net
入れ込むユーザーがいて、その周りにユーザー層が広がる
そんな核となるだろうユーザー面々の興味をそいだら、周りのユーザー層まで去る
統計なんて話で括れる現象ではない
893:名無しさん＠お腹いっぱい。
17/12/10 12:16:46.99 QMa2l3qs0.net
使用率によって廃止するかどうか決めようという話では無い
XUL廃止は確定事項でどんなに使用率が高くてもXULが廃止されたら使えなくなるんだから
894:名無しさん＠お腹いっぱい。
17/12/10 12:42:46.88 TP6qTM/Q0.net
俺様押しの仕様で沈没する訳ですねwww
895:名無しさん＠お腹いっぱい。
17/12/10 13:14:59.62 uZvLFNOl0.net
自分的にはFirefox57はuserChromeで楽しむものと化してる。
userChromeまで使えなくなったらVivaldiに行くわ。
サーチバーを昔のやつにする方法ある？
896:名無しさん＠お腹いっぱい。
17/12/10 14:37:03.54 RNm0Wr9J0.net
Firefoxが技術的な対話データを～ってやつにチェック入れとけばいいん？
897:名無しさん＠お腹いっぱい。
17/12/10 14:47:43.06 vd8kKRl80.net
>>878
その横の詳細情報ちゃんと読んだ？
898:名無しさん＠お腹いっぱい。
17/12/10 17:54:42.53 vi4sJ3bw0.net
>>819
userChrome.jsは標準機能じゃないだろ。
userChrome.jsを使う上で前提になるgeneral.config.filenameのテレメトリはもう取ってる
URLﾘﾝｸ(bugzilla.mozilla.org)
899:名無しさん＠お腹いっぱい。
17/12/10 19:32:33.94 yFQ14LRd0.net
>>871
ありがとうございます、助かります。
半透明と言うか・・・すべて開いた後の複数のタブで
開いてないその他のタブの色は上手く出来ないのですが
開く前のタブの色(赤色)はまさにそれをしようと思ってたのでホントありがたいです。
御礼申し上げます <(＿ ＿)>
900:名無しさん＠お腹いっぱい。
17/12/10 20:28:21.15 U1kw5ij70.net
豆腐さんの多段タブを使ってる時に、新規タブが一切開けなくなる現象は自分だけですかね？
ブラウザ起動から30分以上経過、ポップアップをブロックしてる がトリガーになってる気がしないでも無い・・・
タブ絡みで関係ありそうなのはOpenNewTab.uc.jsと拡張の「新しいタブでリンクを開く」をfx57.0.2で導入しています
再起動で直るけど不便なのでよろしくお願いします
901:名無しさん＠お腹いっぱい。
17/12/10 20:36:50.64 i+b2rAR60.net
>>882
多分OpenNewTab.uc.jsの方
先日試したらお気に入りの新規タブが開かなくなったり、ページ移動が強制的にカレントタブになるバグあったと思う
902:名無しさん＠お腹いっぱい。
17/12/10 20:39:35.89 QEi7fmOb0.net
>>881
半透明になるのは起動時に複数タブ開いててアクティブになってないタブ
ブラウザが読み込みを保留(pending)している
リンクとかで開いたものはブラウザが読み込みにいってるので半透明にはならない
903:名無しさん＠お腹いっぱい。
17/12/10 21:16:48.36 yFQ14LRd0.net
>>884
たしかにそういう設定してます・・・納得できました
ご指摘ありがとうございました <(＿ ＿)>
904:名無しさん＠お腹いっぱい。
17/12/10 22:14:02.74 7P4t8m/A0.net
>>858
このCSSはFrefox45にぴったりだわ、少し数字弄る必要あったけど
タイトルバーを非表示にしないと、たとえば５ｃｈの速報headlineがクリックしてウィンドウが最大化して
開かないバグがあるから
タブは使わずCRTで旧来通りのウィンドウ使いなんで
905:名無しさん＠お腹いっぱい。
17/12/10 22:34:24.39 RNm0Wr9J0.net
ｱﾁｬｰﾁｬｸﾞﾘﾙだっけ
906:名無しさん＠お腹いっぱい。
17/12/10 22:36:26.93 7P4t8m/A0.net
>>858
ありがたいけど不満を言えばFirefoxアイコンとタイトルバーとバーの青色の上下位置の
バランスが思うようにならんところかな
907:885
17/12/10 23:01:27.11 7P4t8m/A0.net
タイトルバー → タイトル文字 に訂正
908:名無しさん＠お腹いっぱい。
17/12/10 23:12:10.14 VlBbvPy00.net
>>886
カソード・レイ・チューブ？どうやってPCと接続してんの、D端子とか付いてるやつかな？
と訊こうとしたけどCTRの事か；
909:名無しさん＠お腹いっぱい。
17/12/11 00:28:27.70 Cc2hiq8Q0.net
>>888-889
アイコンを背景画像にしたら文字とそれぞれ個別に位置指定できた
うちの環境ではとりあえずウィンドウ最大化状態なら
カスタマイズの画面でタイトルバーのチェックをオンオフしても全く同じ座標にできた
/* 偽タイトルバー領域にページタイトルを表示 */
#main-window[tabsintitlebar]::before {
position: absolute;
margin: -20px 0 0 0;
padding: 2px 130px 0 23px;
width: 100%;
height: 18px;
font-size: 12px;
overflow: hidden;
content: attr(title);
background: url("chrome://branding/content/icon16.png") no-repeat fixed 2px 5px;
display: inline-block;
vertical-align: baseline;
}
910:名無しさん＠お腹いっぱい。
17/12/11 03:46:29.41 cBeDnGqZ0.net
多段タブ色々ある中から自分用に必要な部分だけ不具合出ないようにつぎはぎしてみた
段数制限しないでタブバーにタブ以外表示させないなら結構短くなるね
/* 多段タブ */
:root {
--multirowtab-height: 24px; /* タブの高さ */
--multirowtab-width: 113px; /* タブの横幅 */
}
.tabbrowser-arrowscrollbox scrollbox,
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
overflow: visible !important;
}
#tabbrowser-tabs .scrollbox
911:-innerbox { display: flex; flex-wrap: wrap; overflow: auto !important; } .tabbrowser-tab { vertical-align: top !important; height: var(--multirowtab-height) !important; } .tabbrowser-tab:not([pinned]) { width: var(--multirowtab-width) !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--multirowtab-height) !important; }
912:名無しさん＠お腹いっぱい。
17/12/11 10:00:12.50 6w4IyPbA0.net
マルチｽﾏｿ
検索バーをタブバーと同じ段に移動させたとき検索バーの幅が長くなりすぎるのを調節するのって
#nav-bar,
#nav-bar-customization-target {
ma-width: 300px !important;
}
これではダメだったから助言頼む
913:名無しさん＠お腹いっぱい。
17/12/11 10:22:45.97 EtLYKJVb0.net
ma-width?
914:名無しさん＠お腹いっぱい。
17/12/11 10:23:48.75 gUY6jWO10.net
最新版は検索バーからショートカットキー検索が使えなくなってしまったので
検索バーは消してロケーションバー一本にしようか試行錯誤しています
ロケーションバーに検索履歴を見られるようにする↓ボタンをつける事は難しいのでしょうか
915:名無しさん＠お腹いっぱい。
17/12/11 10:41:56.10 6w4IyPbA0.net
>>894
ｽﾏｿ max-wtdthだった
916:名無しさん＠お腹いっぱい。
17/12/11 10:42:19.11 6w4IyPbA0.net
max-widthだった
917:名無しさん＠お腹いっぱい。
17/12/11 10:44:01.66 EkzmtfiL0.net
>>895
.urlbar-history-dropmarker {
visibility:visible !important;
}
918:名無しさん＠お腹いっぱい。
17/12/11 10:50:52.41 EkzmtfiL0.net
>>895
すみません、>>898は不完全でした。
以下のコードに訂正。
.urlbar-history-dropmarker {
visibility:visible !important;
}
#nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > .urlbar-textbox-container > .urlbar-history-dropmarker {
opacity:1 !important;
}
919:名無しさん＠お腹いっぱい。
17/12/11 10:55:17.90 6w4IyPbA0.net
.searchbar-textbox {
min-width: 380px !important;
max-width: 380px !important;
にしたらタブが一番右にいってしまいました
何が足りないでしょうか？
920:名無しさん＠お腹いっぱい。
17/12/11 11:09:10.44 EkzmtfiL0.net
>>900
#searchbar {
min-width: 380px !important;
max-width: 380px !important;
}
921:名無しさん＠お腹いっぱい。
17/12/11 11:21:44.85 UIR2zhPU0.net
>>899
横からだけどボタンは表示されません。
922:名無しさん＠お腹いっぱい。
17/12/11 11:26:14.28 6w4IyPbA0.net
現在このような状態です
URLﾘﾝｸ(uproda.2ch-library.com)
赤枠のところがすっぽり空いてしまっています。ちなみに左のホームボタンもこちらに移動できません。
923:名無しさん＠お腹いっぱい。
17/12/11 11:28:09.65 6w4IyPbA0.net
現在のCSSの設定
/* 多段タブ設定 */
#titlebar-buttonbox {
vertical-align: top !important;
display: block !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
/* タイトルバーの縦幅・高さ */
toolbarbutton.titlebar-button {
min-height: 31px !important;
}
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
margin-right: -41px !important;
}
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
min-height: 32px !important;
max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 32px !important;
max-height: 32px !important;
}
924:名無しさん＠お腹いっぱい。
17/12/11 11:29:06.45 6w4IyPbA0.net
/* 新しいタブボタン */
.tabs-newtab-button {
vertical-align: bottom !important;
height: 30px !important;
}
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}
/* 検索バーの幅変更 */
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}
としています。
925:名無しさん＠お腹いっぱい。
17/12/11 11:30:12.16 EkzmtfiL0.net
>>902
Firefox57で検証済み。
おマカンでしょう。
>>903
余計なコードを記述しすぎておかしくなっている可能性大。
>>900だけ記述して、余計なコードは全て削除。
それで駄目なら、自分が書いた全てのコードをここに書き出さないと検証不可能。
926:名無しさん＠お腹いっぱい。
17/12/11 11:40:38.02 hTfmxjFA0.net
下のような形で使っている
ブックマークツールバーは隠してマウスオーバーで表示される
これでも、サイトの表示領域が縦が低くのは否めない
全画面で表示ではまずい場面があるので
全画面表示と同じように、アプリケーションウィンドウを同じようでありたい
キー打鍵のトグルスィッチとアイコンがあると助かる
全画面モードの時の様にツールバーがヌルヌルと降りてこなくても良いけど
降りてくると、もっとよい
なかなか出てこないなぁ
1) URLﾘﾝｸ(i.imgur.com)
927:puj5xOX.png 2) https://i.imgur.com/BgdQRqo.png
928:名無しさん＠お腹いっぱい。
17/12/11 11:41:59.64 9BOdAv3L0.net
>>907
初心者みたいなUIでひどい
929:名無しさん＠お腹いっぱい。
17/12/11 11:43:52.83 qjmeeb7J0.net
>>907はURLﾘﾝｸ(pbs.twimg.com)を思い出す。面白いね！(^○^)
930:名無しさん＠お腹いっぱい。
17/12/11 11:44:33.94 EkzmtfiL0.net
Firefox57からサイドバーの背景色が白色になったけど。
これを56以前のようにブックマークツールバーと同じ色に戻したので、おすそ分けします。
尚、Firefox57でテーマをデフォルトで使用している人向けです。
/* Firefox57 サイドバーの背景色をブックマークツールバーと同色にする*/
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
}
931:名無しさん＠お腹いっぱい。
17/12/11 11:45:28.83 6w4IyPbA0.net
>>906
#searchbar{
min-width: 380px !important;
max-width: 380px !important;
}
これだけ記述しても特に変わりはなかった。
ただタブがアドレスバーの上にいっただけだった。
932:名無しさん＠お腹いっぱい。
17/12/11 11:46:40.90 hTfmxjFA0.net
お願いしますだ
933:名無しさん＠お腹いっぱい。
17/12/11 12:28:21.41 FmqpfEi40.net
>>910
ありがとうございます
934:名無しさん＠お腹いっぱい。
17/12/11 12:43:07.79 gUY6jWO10.net
>>899
すいません、57.0.2でuserchrome.cssに書き込んだのですがうちの環境でも表示されません
まっさらなプロファイルで試してcssだけ入れても駄目でした
935:名無しさん＠お腹いっぱい。
17/12/11 13:31:48.30 WXp2Sjgn0.net
>>911
はい
.searchbar-textbox {
max-width: 380px !important;
}
936:名無しさん＠お腹いっぱい。
17/12/11 13:39:00.78 WXp2Sjgn0.net
あやっぱ駄目だわ
ウチの環境でもサーチバーの右にでかい空白できるわ
937:名無しさん＠お腹いっぱい。
17/12/11 13:41:43.41 6w4IyPbA0.net
変わりないようです。
現段階ではcssはこれしか記述していません。
URLﾘﾝｸ(uproda.2ch-library.com)
938:名無しさん＠お腹いっぱい。
17/12/11 13:45:05.11 WXp2Sjgn0.net
>>917
新規プロファイルでやったら普通に表示された
お互いおま環のようだぞ
939:名無しさん＠お腹いっぱい。
17/12/11 13:48:06.40 0UaOUc3k0.net
>>917
これはどうですか？
#search-container {
min-width: 380px !important;
}
940:名無しさん＠お腹いっぱい。
17/12/11 13:52:58.92 WXp2Sjgn0.net
やっぱ行けたと思ったら
既に書かれてた
役立たずですまんな
941:名無しさん＠お腹いっぱい。
17/12/11 14:21:36.69 6w4IyPbA0.net
>>919
それではこのように目一杯表示されてしまいますね。
URLﾘﾝｸ(uproda.2ch-library.com)
>>920
自分も一度全てアンインストールしてやってみました。
942:名無しさん＠お腹いっぱい。
17/12/11 14:27:02.49 WXp2Sjgn0.net
>>919はmaxじゃなくてminだからじゃね
#search-container{
min-width: 380px !important;
max-width: 380px !important;
}
ウチはこれでいけたが
好みでmin-width消したり値小さくしたりしたらいいんじゃないか
943:名無しさん＠お腹いっぱい。
17/12/11 14:43:51.19 0UaOUc3k0.net
>>922
タブいっぱい出したまま試したのでminだけで行けたつもりでいましたｗ
最小値の固定だけだったみたいですｗ
maxで固定しないと横幅無制限みたいですねｗ
944:名無しさん＠お腹いっぱい。
17/12/11 14:47:16.85 qcwRiOrE0.net
枠の幅変更はURLバーでちょっとやってたけどmaxmin両方設定してもブラウザの大きさ変えると挙動がちょっと変なので俺は弄るのやめちゃったな
945:名無しさん＠お腹いっぱい。
17/12/11 14:49:24.08 6w4IyPbA0.net
>>922
いけました！ありがとうございます
ついでで申し訳ないんですがその右にホームボタンを置こうと思って
margin-right: 20px などを指定してみたんですがこれは置けないのでしょうか？
946:名無しさん＠お腹いっぱい。
17/12/11 15:03:13.72 FmqpfEi40.net
>>925
ホームボタンてカスタマイズで移動できるんじゃ
947:名無しさん＠お腹いっぱい。
17/12/11 15:14:45.35 6w4IyPbA0.net
失礼、できました
948:名無しさん＠お腹いっぱい。
17/12/11 15:29:49.06 vjtYwA8j0.net
>>910
ありがとう
949:名無しさん＠お腹いっぱい。
17/12/11 15:48:20.97 MnvJRV5X0.net
>>909
河西智美が泣かせるねぇ。
950:名無しさん＠お腹いっぱい。
17/12/11 17:43:19.45 EkzmtfiL0.net
>>913
>>928
いえいえ、お役に立てたら幸せです。
お粗末さまでした。
951:次スレテンプレ >>1 案
17/12/11 21:30:33.48 GoiMplwR0.net
●前スレ
userChrome.css・userContent.cssスレ Part7
ｽﾚﾘﾝｸ(software板)
952:●拡張機能 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/
953:928
17/12/11 21:30:54.28 GoiMplwR0.net
Stylusと拙作のUserCSSManagerを追加し、UserCSSLoaderのタイトルとuserstyles.orgのURLを微修正しました
954:名無しさん＠お腹いっぱい。
17/12/11 22:34:32.09 1thkh/1c0.net
>>910
これ文字色も一緒にできないでしょうか？
955:名無しさん＠お腹いっぱい。
17/12/11 22:40:08.30 2/BzRhaw0.net
そして何も見えなくなった
956:883
17/12/11 22:40:59.79 1LjYTeCB0.net
>>891
margin: -23px にして color: #fff !important; 追加して
/* 各種バーの並び順(タイトルバーが最上段と明示) */と
/* 偽タイトルバーの配置 */の
#main-window[tabsintitlebar] #titlebar {
margin-bottom: 4px !important;
height: 20px !important;
}
#main-window[tabsintitlebar] #titlebar-buttonbox {
height: 19px !important;
}
の3種でほぼ解決したわありがとう
957:名無しさん＠お腹いっぱい。
17/12/11 22:46:38.33 0yHc28tX0.net
>>933
なぜですか？w
958:名無しさん＠お腹いっぱい。
17/12/11 22:52:39.62 1thkh/1c0.net
>>936
テーマをDarkでつかってるんですが
>>910で背景色がDarkになったのは最高なんですが
字が黒色で見にくいんです
なんとか白色とかに変更したいのです
959:名無しさん＠お腹いっぱい。
17/12/11 23:57:09.53 dOfUQZYV0.net
ドラッグ領域の縦幅を変更するにはどうすればいいですか？
960:名無しさん＠お腹いっぱい。
17/12/12 00:27:32.45 LNNzru7O0.net
>>937
#sidebar-box {
background-color: var(--toolbar-bgcolor) !important;
color: #00ffff !important;
}
.sidebar-placesTree {
color: #00ffff !important;
}
934さんの環境でどう見えるかわからんけど
白文字じゃなくてシアンにしてみた
961:名無しさん＠お腹いっぱい。
17/12/12 01:07:17.18 LNNzru7O0.net
#viewButton の color も変更が必要だった
フォルダの色とかテキストボックスと文字色とかは
ブラウザーツールボックス使って余裕がある時に頑張ってみてください
962:名無しさん＠お腹いっぱい。
17/12/12 01:28:09.14 LHN0J4Vc0.net
>>939
ありがとうございます、見やすくなりました
これで十分満足ですm(_ _)m
963:名無しさん＠お腹いっぱい。
17/12/12 09:23:03.57 5pn8+ym80.net
>>937
自分はデフォルトでないテーマに >>910 に教えていただいたのを書き込んだら
半透明化しました
もともとサイドバーもポップアップ化してるので、むしろこの方が便利で重宝してます。
>>910 さん、感謝です！ <(＿ ＿)>
964:名無しさん＠お腹いっぱい。
17/12/12 09:56:53.39 5pn8+ym80.net
/* ページ内検索バーを上に*/
findbar {
-moz-box-ordinal-group: 0 !important;
margin-top: -1px !important;
transition: none !important;
}
ココまでは何とか出来たとして・・・
ページ内検索バーの入力窓(？)が左にあるのが不便なので
何とか右に移動させたいのですが誰かご存じの方いますか？
良ければ教えていただけたらアリがたいです <(＿ ＿)>
965:名無しさん＠お腹いっぱい。
17/12/12 11:20:27.88 dUsLhERv0.net
>>943
「ページ内検索バーをChrome風にする.css」
ページ内検索バーを右上に持っていきます
URLがNGになるので
ページ内検索バーをChrome風にする.css でgoogle検索すれば見つかります
お仕着せっぽいですが
以下のもあるとけっこう便利です
global_FindTerm.uc.js
ページ内検索バーに表示される「Find」を右クリックするとページ内検索バーの文字列が消去される
URLﾘﾝｸ(github.com)
toggleFindbar by DoubleClick.uc.js
ダブルクリックで検索バーをトグル
ページ
966:領域をダブルクリックでページ内検索バーの開閉をトグル closeOnly = true → 閉じる機能のみ closeOnly = false → 開閉機能を両立 https://u6.getuploader.com/script/download/1286 toggle-findbar.uc.xul Ctrl+Fでページ内検索バーをトグルする https://oflow.me/archives/256
967:名無しさん＠お腹いっぱい。
17/12/12 12:16:28.85 5pn8+ym80.net
>>944
ご丁寧にありがとうございます <(＿ ＿)>
「uc.js」も早速試させていただきます。
968:名無しさん＠お腹いっぱい。
17/12/12 12:49:05.91 cI3FOK950.net
「ページ内検索バーをChrome風にする.css」
なんかボテっとしてるんでいじってみた
findbarに追加 (ちょっと細く)
height: 30px !important;
findbar-textboxを変更 (文字ちょっと小さく)
font-size: 15px !important;
969:名無しさん＠お腹いっぱい。
17/12/12 13:45:12.74 ViNjRt8M0.net
URLﾘﾝｸ(i-bitzedge.com)
ドラッグ領域が狭すぎてクリックしづらいです
縦幅を変更するにはどうすればいいですか？
970:名無しさん＠お腹いっぱい。
17/12/12 14:06:25.71 kcJKIKlz0.net
>>938,947
#TabsToolbar { padding-top: 18px !important;}
数値は自分で調整して
971:名無しさん＠お腹いっぱい。
17/12/12 14:09:42.71 ViNjRt8M0.net
>>948
神サンクス！
972:名無しさん＠お腹いっぱい。
17/12/12 14:19:15.37 ViNjRt8M0.net
デフォ値8くらいかな
いくらなんでも狭すぎじゃない？
15でChromeと同等かな
973:名無しさん＠お腹いっぱい。
17/12/12 14:49:01.39 dUsLhERv0.net
>>946
スマートになりました
974:943
17/12/12 15:03:44.94 cI3FOK950.net
>>951
いいのがあったらまた教えてね
975:名無しさん＠お腹いっぱい。
17/12/12 15:05:06.79 8YuU4UTr0.net
>>947
+のとなりをドラグ
976:名無しさん＠お腹いっぱい。
17/12/12 15:06:32.29 8YuU4UTr0.net
>>943
Find in Searchbar Highlight.uc.js
これでページ内検索バー不要かも
977:名無しさん＠お腹いっぱい。
17/12/12 15:11:30.31 Ple8uxc/0.net
タブの左にわざわざドラッグ領域確保されてるんだからそこ掴めばいいじゃない
978:名無しさん＠お腹いっぱい。
17/12/12 15:23:28.12 twDe3nYJ0.net
>>954
検索語句がサイトにばれるよ
979:名無しさん＠お腹いっぱい。
17/12/12 15:25:42.66 dUsLhERv0.net
>>952
そうですね
2008年のものなのでみなさんご存知かも知れませんが
アイコン化の方をアイコン変更して利用してました
メニューバーを寄せ集める
URLﾘﾝｸ(d.hatena.ne.jp)
980:名無しさん＠お腹いっぱい。
17/12/12 15:51:27.31 Ple8uxc/0.net
userChrome.jsは確かに便利だけどスレの住み分けをしてほしい
981:名無しさん＠お腹いっぱい。
17/12/12 15:57:02.87 LN4K6BWt0.net
>>957
これ入れてみたのですが、ロケーションバーの左側ではなく、タブバーの左側に移動させる事はcssではできませんか？
982:名無しさん＠お腹いっぱい。
17/12/12 16:55:38.17 ViNjRt8M0.net
不満だらけだった57もだいぶいい感じになってきた
983:名無しさん＠お腹いっぱい。
17/12/12 16:58:50.34 4t3k3UBO0.net
ワロタ
984:名無しさん＠お腹いっぱい。
17/12/12 17:05:40.80 dUsLhERv0.net
>>959
これでならタブバーの左にカスタマイズで移動できる
URLﾘﾝｸ(github.com)
すみわけしなくてごめん
今回だけ
985:名無しさん＠お腹いっぱい。
17/12/12 17:25:16.78 5pn8+ym80.net
>>954
お気遣いありがとうです <(＿ ＿)>
以前はアドオンの「FindBar Tweak」を入れてたのですが使えなくなったので
これを機に一念発起してココも見ながら "userChrome.css" の勉強してる最中です
現状は全くの素人ながら少しでも "userChrome.css" の設定になれたらと思い頑張りたいです。
まだまだペーペーですがここのベテランの方にも色々と教えていただきたく
ヨロシクお願いします。
986:名無しさん＠お腹いっぱい。
17/12/12 17:26:20.70 8YuU4UTr0.net
>>959
ツールバーで良いなら
document.getEl
987:ementById("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]);
988:名無しさん＠お腹いっぱい。
17/12/12 17:34:40.34 LN4K6BWt0.net
>>962
ありがとうございます
思い通りになりました！
>>964
わざわざありがとうございます。
ですが、ウィンドの一番左上、タブバーの左側に表示したかったので、>>962さんのを使わせていただきます
中国語が気になるので、できたらMedleyMenuでやってみたかったのですが
やはりタブバーの左上は出来ないんでしょうかね
989:名無しさん＠お腹いっぱい。
17/12/12 17:50:57.08 dUsLhERv0.net
>>965
中国語は翻訳サイトで翻訳して日本語に記述しなおせばいいですよ
アイコンも16×16のを準備し64行目 data:image 以降 SuQmCC までの部分を書き換えれば変更できます
アイコンを文字列に変換するサイトがあります
URLﾘﾝｸ(hamayapp.appspot.com)
アイコンはこんなサイトからもらって来るとか
URLﾘﾝｸ(www.iconarchive.com)
アイコン抽出ソフトでFirefox.exeなどから取り出せたりできます
URLﾘﾝｸ(www.towofu.net)
990:名無しさん＠お腹いっぱい。
17/12/12 17:53:51.03 dUsLhERv0.net
>>965
ごめん
142行目も同じく変更でした
991:名無しさん＠お腹いっぱい。
17/12/12 18:05:12.35 LN4K6BWt0.net
>>966
64行目のアイコンってなんですかね？
SuQmCCまでと書いてありましたが、エディタで検索しても引っかからないので、後回しにして142行目だけアイコンを変更したのですが
一応目に付くアイコンは自分の想像通りのものなのですが、64行目のアイコンだけなんなのか分からなくて
地球のアイコンではないですよね？
992:名無しさん＠お腹いっぱい。
17/12/12 18:24:36.58 dUsLhERv0.net
>>968
またごめん
勘違いしてた
自分64行目も142行目と同じだと思いこんでぱっぱと変更してしまってたんだよね
64行目のはなんなのかわからなかったです
とりあえず良しとしましょうか(´･ω･｀)
993:名無しさん＠お腹いっぱい。
17/12/12 18:38:18.67 dUsLhERv0.net
>>968
64行目と142行目の違い分かりました
同じデフォの四角オレンジFirefoxアイコンなんですが
64行目のは16×16
142行目のは32×32のアイコンでした
32×32のアイコンがどこで使われているのかはまだ不明です
こちらのData URI Scheme逆変換できるサイトで確認できます
URLﾘﾝｸ(jsdo.it)
994:名無しさん＠お腹いっぱい。
17/12/12 18:48:56.49 ZqiDP9K+0.net
お前らいい加減他スレでやり取りしてくれ
度が過ぎるぞ
ここはuserChrome.css・userContent.cssスレ
995:名無しさん＠お腹いっぱい。
17/12/12 18:55:28.25 dUsLhERv0.net
すみませんでした
もうここでjsのことはやりません
996:名無しさん＠お腹いっぱい。
17/12/12 19:26:48.72 LN4K6BWt0.net
>>971
すみませんでした
>>972
長々とスレチでお付き合いさせてしまってどうもすみませんでした
そしていろいろありがとうございました
997:名無しさん＠お腹いっぱい。
17/12/12 19:34:19.51 VJy8JhvO0.net
まっそう気にするなって…
. ∧__∧
( ´･ω･)∧∧l||l >>972-973
/⌒ ,つ⌒ヽ )
(___ ( _)
"''"" "'ﾞ''` 'ﾞ ﾞﾟ' ''' '' ''' ﾟ`
998:名無しさん＠お腹いっぱい。
17/12/12 19:59:30.65 Jc5GiT3H0.net
なんと気持ちの良い連中だろう
999:名無しさん＠お腹いっぱい。
17/12/12 20:24:07.30 kcJKIKlz0.net
ここは平和だなぁ(召喚詠唱)
1000:名無しさん＠お腹いっぱい。
17/12/12 22:06:24.57 vlxtPHp10.net
いい奴らだな。
1001:名無しさん＠お腹いっぱい。
17/12/12 22:17:28.72 iTKXdcHR0.net
ブックマークのフォルダに色付けなんてのはありますか？
1002:名無しさん＠お腹いっぱい。
17/12/12 22:45:01.09 MQktqDwS
1003:0.net
1004:名無しさん＠お腹いっぱい。
17/12/13 08:59:30.26 Ct4aHsXm0.net
読み込み中のアニメーションを変更したくて
手始めに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;
}
1005:名無しさん＠お腹いっぱい。
17/12/13 09:24:25.07 LQ9MKTvJ0.net
どうしたいのかわからないが
: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;
}
じゃないか
1006:名無しさん＠お腹いっぱい。
17/12/13 10:05:45.30 AsyCFFnr0.net
>>980
>>331参考
1007:名無しさん＠お腹いっぱい。
17/12/13 10:15:27.00 Ct4aHsXm0.net
chrome://browser/skin/tabbrowser/loading.svgを使いたいわけではなく
svgファイルは自分で用意するつもりですが
テストのために同じソースのものを外部に保存して使用しました
デフォルトではタブがアクティブかどうかで色が変わりますよね
ですが外部ファイルを指定すると黒で描画されてしまうのです
:root[sessionrestored] .tab-throbber[busy]::before {
background-image: url("./img/loading.svg") !important;
fill: red !important;
}
これでも黒でした
svg自体に色指定せずに済むならその方法があればと思ったのですが
1008:名無しさん＠お腹いっぱい。
17/12/13 10:30:30.92 z3QuJznr0.net
じゃあ最初からはっきりそう書けよ
不毛なレスさせるな
1009:名無しさん＠お腹いっぱい。
17/12/13 10:38:02.14 /NdMQmo30.net
フルスクリーン表示ではサイトのコンテンツが画面いっぱいに広がり
マウスで移動で上辺にヌルヌルとツールバーがプルダウンする
これをアプリケーションウィンドウのままでも実現する
トグルキー操作とアイコンクリック仕掛けは、まだ、なのかな?
1010:名無しさん＠お腹いっぱい。
17/12/13 10:38:54.07 UXYp+4P80.net
>>983
自分も前に同じとこで詰まった
svg.context-properties.content.enabledをtrueにすれば大丈夫
詳しくはここのNote参照
-moz-context-properties - CSS | MDN
URLﾘﾝｸ(developer.mozilla.org)
1011:名無しさん＠お腹いっぱい。
17/12/13 11:04:55.22 Ct4aHsXm0.net
>>986
解決しました。ありがとうございます
デフォルトだと制限がかけられてるんですね
他の方もレスサンクスでした
1012:名無しさん＠お腹いっぱい。
17/12/13 11:22:24.55 YdZnzbRm0.net
#searchbar .autocomplete-history-dropmarker {
display: -moz-box !important;
-moz-binding: url("chrome://global/content/bindings/autocomplete.xml#history-dropmarker");
}
ダークテーマだと矢印ほとんど見えなくなるね
1013:名無しさん＠お腹いっぱい。
17/12/13 12:02:10.86 z3QuJznr0.net
だね
1014:名無しさん＠お腹いっぱい。
17/12/13 12:30:56.78 AoEIgKvC0.net
ダーク好きな人は見えにくくても気にしない
1015:名無しさん＠お腹いっぱい。
17/12/13 12:33:13.03 z3QuJznr0.net
だよね
1016:名無しさん＠お腹いっぱい。
17/12/13 16:08:38.50 Z/gmIbKc0.net
そして何も見えなくなった
1017:名無しさん＠お腹いっぱい。
17/12/13 20:58:57.88 Hu0VWoXq0.net
>>987
設定変えても良いだろうけどCSSでfillが効かないやつに
-moz-context-properties: fill !important;
追加しても駄目？
1018:名無しさん＠お腹いっぱい。
17/12/13 22:16:20.67 2HTDGNIT0.net
>>993
ダメですね
1019:名無しさん＠お腹いっぱい。
17/12/13 22:48:16.99 DWStyyre0.net
/* タブコンテキストメニューから各種不要要素を消す */
#context_reloadTab,
#context_toggleMuteTab,
#context_tabViewMenu,
#context_openTabInWindow,
#context_reloadAllTabs,
#context_closeTabsToTheEnd,
#context_closeOtherTabs,
#context_undoCloseTab,
#context_closeTab{
display: none !important;
}
既出かもしれませんがUPさせていただきます。
ピン止め以外は殆ど利用しない項目が多いので思い切って処理。
おかげでスッキリさすことができました <(＿ ＿)>
1020:名無しさん＠お腹いっぱい。
17/12/13 22:50:00.75 3f
1021:j5SVhV0.net
1022:名無しさん＠お腹いっぱい。
17/12/13 22:59:35.41 Ui8U9jju0.net
userChrome.js依存のものはいらんのではないか
1023:993
17/12/13 23:06:32.12 e6Z3zdNM0.net
すみません立てれませんでした
1024:名無しさん＠お腹いっぱい。
17/12/14 00:24:59.97 5xzcHo7X0.net
スレも終わりに近づいていますけれども
ハンバーガーボタンを本物に置き換えているのですが
ボタンの幅が大きくなっていまして狭くできたらと思うのですが
可能でしょうか？
スクリーンショットです
URLﾘﾝｸ(i.imgur.com)
cssです
/* ハンバーガーボタンを本物に */
#PanelUI-menu-button > .toolbarbutton-badge-stack{
list-style-image:none;
}
#PanelUI-menu-button > .toolbarbutton-badge-stack:before{
content:"\1F354";
font-size:19px;
line-height:12px;
}
1025:名無しさん＠お腹いっぱい。
17/12/14 00:29:58.81 XdBerJGV0.net
建てました
userChrome.css・userContent.cssスレ Part8
ｽﾚﾘﾝｸ(software板)
1026:名無しさん＠お腹いっぱい。
17/12/14 00:51:52.62 RlNFiJ1l0.net
>>999
#PanelUI-menu-button > .toolbarbutton-badge-stack > .toolbarbutton-icon { display: none !important;}
1027:名無しさん＠お腹いっぱい。
17/12/14 00:53:24.99 jE6NOCLS0.net
＞ハンバーガーボタンを本物に置き換えているのですが
唐突すぎてﾜﾗﾀ
1028:名無しさん＠お腹いっぱい。
17/12/14 01:02:21.51 5xzcHo7X0.net
>>1001
ありがとうございます
幅が狭くなりました(*´ー｀*)
1000ゲットです
1029:1001
Over 1000 Thread.net
このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 32日 6時間 7分 23秒
1030:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています