●前スレ
userChrome.css・userContent.cssスレ Part6
http://egg.2ch.net/test/read.cgi/software/1438959541/
●拡張機能
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
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/
探検
userChrome.css・userContent.cssスレ Part7
■ このスレッドは過去ログ倉庫に格納されています
2017/11/11(土) 18:54:58.08ID:hti5ZF6m0
2017/11/18(土) 00:19:53.08ID:wYmovHeg0
これでもダメだったの?
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;}
.tabbrowser-tab[unread="true"] .tab-content { background: red !important;}
2017/11/18(土) 00:20:16.73ID:zJR+TYej0
win10 デフォルトテーマ、コンパクト用
/*----------------- Tab Text color--------------------------*/
.tabbrowser-tab[unread="true"] { color: #aa0000 !important;}
.tabbrowser-tab:not([unread] ){ color: rgba(0,0,0,0.8) !important;}
.tabbrowser-tab[selected="true"] { color: rgba(0,0,0,1) !important;}
.tabbrowser-tab[busy]:not([selected="true"]) { color: #aa0000 !important;}
.tabbrowser-tab[busy] .tab-text { background: rgba(255, 153, 0, 0.6);}
/*****************************************************/
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content
{background-color: rgba(250,250,250,0.6) !important;}
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content,
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-content
{border-top: 1px solid var(--tabs-border) !important;}
.tab-line {height:0px !important;}
.tab-line[selected=true]
{height:1px !important;
background-color: var(--tabs-border) !important;}
Arisさんのcssを参考に52ESRで使ってたcssを手直し
Australisより前の形にしたいならArisさんのcss使えばいい
/*----------------- Tab Text color--------------------------*/
.tabbrowser-tab[unread="true"] { color: #aa0000 !important;}
.tabbrowser-tab:not([unread] ){ color: rgba(0,0,0,0.8) !important;}
.tabbrowser-tab[selected="true"] { color: rgba(0,0,0,1) !important;}
.tabbrowser-tab[busy]:not([selected="true"]) { color: #aa0000 !important;}
.tabbrowser-tab[busy] .tab-text { background: rgba(255, 153, 0, 0.6);}
/*****************************************************/
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content
{background-color: rgba(250,250,250,0.6) !important;}
#TabsToolbar .tabbrowser-tab:not([selected="true"]) .tab-content,
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-content
{border-top: 1px solid var(--tabs-border) !important;}
.tab-line {height:0px !important;}
.tab-line[selected=true]
{height:1px !important;
background-color: var(--tabs-border) !important;}
Arisさんのcssを参考に52ESRで使ってたcssを手直し
Australisより前の形にしたいならArisさんのcss使えばいい
2017/11/18(土) 00:23:46.57ID:HK81CTBi0
2017/11/18(土) 00:50:45.03ID:kLozC4ZZ0
2017/11/18(土) 01:43:53.10ID:AMPaprFb0
>>133
全てに「!important」を追加すれば適用される
全てに「!important」を追加すれば適用される
140名無しさん@お腹いっぱい。
2017/11/18(土) 03:25:14.87ID:cP+BJfS80 >139さん
ありがとうございます。適用できたようです。
ありがとうございます。適用できたようです。
2017/11/18(土) 12:14:06.45ID:KbWQOk/l0
Find in Searchbar Highlightが機能しないことがあるのはおま環ですかね
再起動すれば大体は直るんですけど
他のuc.jsはこんなこと無いのですが古いからfx57で上手く動いてないって事でしょうか?
再起動すれば大体は直るんですけど
他のuc.jsはこんなこと無いのですが古いからfx57で上手く動いてないって事でしょうか?
2017/11/18(土) 13:05:44.35ID:KbWQOk/l0
書き込むスレ間違えました・・・失礼しました
2017/11/18(土) 20:20:20.58ID:zJR+TYej0
userChrome.cssで
@import url(XXXXXX_XXXXX.css);
を使用して外部ファイルを読み込むようにすると管理が簡単
@import url(XXXXXX_XXXXX.css);
を使用して外部ファイルを読み込むようにすると管理が簡単
2017/11/18(土) 20:47:02.72ID:nZ80k2qH0
3つほど質問があるのですがお願いします
古いStylishのやつがAbout this versionのところに残ったままなんだけどこれ消すにはどうしたらいいんでしょうか?
3以降でも書き方は同じで大丈夫でしょうか?
あと新しい保存データってどこにあるんでしょうか?
古いStylishのやつがAbout this versionのところに残ったままなんだけどこれ消すにはどうしたらいいんでしょうか?
3以降でも書き方は同じで大丈夫でしょうか?
あと新しい保存データってどこにあるんでしょうか?
2017/11/18(土) 21:09:37.30ID:aDznNPW60
2017/11/18(土) 21:16:15.14ID:LTee+NAc0
@import の処理って重い(遅い)んじゃないの?
そう思って面倒でも1ファイル内にべたべた張り付けて並べてる
そう思って面倒でも1ファイル内にべたべた張り付けて並べてる
2017/11/18(土) 22:29:55.87ID:nazjQW2j0
分割管理してuserChrome.cssとして出力すればいいのでは
簡易的にはcat/typeとか
簡易的にはcat/typeとか
2017/11/18(土) 22:51:21.04ID:aDznNPW60
2017/11/18(土) 23:01:35.47ID:pA9vaO4i0
どうせなら、Web周りなんだから Node.js 環境でスマートにやろうぜ
2017/11/19(日) 01:48:48.28ID:T5GpXshk0
>>132
これツリー型タブのサイドバーには適用されないのか…困った
これツリー型タブのサイドバーには適用されないのか…困った
2017/11/19(日) 02:04:47.58ID:QmAYsybD0
>>150
57のツリー型タブにしたらきかなくなったよね
57のツリー型タブにしたらきかなくなったよね
2017/11/19(日) 02:05:15.42ID:zQtAp7uC0
ツリー型タブの設定からcssいじれなかったけ
2017/11/19(日) 02:17:45.32ID:s8R2no0y0
154名無しさん@お腹いっぱい。
2017/11/19(日) 06:17:13.46ID:6qbOUGEG0 ホバーしているタブのコントロールをしたいのですが、cssでの指定はどうすればいいのでしょうか
2017/11/19(日) 10:55:08.55ID:AsvFqp5o0
Firefoxのアドレスバーと検索バーのあるバーの高さを狭くするのはどうしたらいいでしょうか?
26ptぐらいにしたいです。
いろいろやってみたのですがアドレスバーだけ狭くなってしまったりします。
26ptぐらいにしたいです。
いろいろやってみたのですがアドレスバーだけ狭くなってしまったりします。
2017/11/19(日) 11:26:28.77ID:bCmHF5h90
Find in Searchbar Highlight.uc.jsで
・最初からハイライトボタンを表示
・検索ボタンの左クリックは検索実行のままにする
に変更したいのですがどこを編集すればよいのでしょうか?
・最初からハイライトボタンを表示
・検索ボタンの左クリックは検索実行のままにする
に変更したいのですがどこを編集すればよいのでしょうか?
2017/11/19(日) 11:30:54.67ID:AsvFqp5o0
2017/11/19(日) 11:33:43.30ID:hFvH78yw0
>>155
自分用だから好きにイジって
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
自分用だから好きにイジって
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
2017/11/19(日) 11:38:38.31ID:/D3yjMTd0
>>156
どこかの書き込みをメモしたものだから動くかは不明
/* 検索バーの → を常に表示するように固定 */
.search-go-button {
display: inline-block !important;
}
どこかの書き込みをメモしたものだから動くかは不明
/* 検索バーの → を常に表示するように固定 */
.search-go-button {
display: inline-block !important;
}
2017/11/19(日) 12:14:50.60ID:cT4y2GXG0
大したものじゃないがメモ書き
Googleとかで丸i周辺デカくなるのがうざかった
/*-- URLバー --*/
/* |区切りと…消去 */
#pageActionSeparator,#pageActionButton{display: none !important;}
/* iの部位スリム化 */
#identity-box{
max-width: 20px !important;
padding-left: 2px !important;}
/* URLバー短く、オンマウスで広げる */
#urlbar-container{max-width: 200px !important;}
#urlbar-container:hover{max-width: 500px !important;}
Googleとかで丸i周辺デカくなるのがうざかった
/*-- URLバー --*/
/* |区切りと…消去 */
#pageActionSeparator,#pageActionButton{display: none !important;}
/* iの部位スリム化 */
#identity-box{
max-width: 20px !important;
padding-left: 2px !important;}
/* URLバー短く、オンマウスで広げる */
#urlbar-container{max-width: 200px !important;}
#urlbar-container:hover{max-width: 500px !important;}
2017/11/19(日) 12:22:34.42ID:bCmHF5h90
162名無しさん@お腹いっぱい。
2017/11/19(日) 12:41:21.80ID:6qbOUGEG0 メニューバーの文字色と、タブのホバーの指定方法教えてください
2017/11/19(日) 12:45:21.72ID:qr+Mg0fn0
このスレ見てるとID調べるのが死ぬほどめんどくせえってのが
存在してる一番の理由だよな
存在してる一番の理由だよな
2017/11/19(日) 13:05:34.91ID:VhqkVc3K0
>>80
ブックマークを新タブで開く時にカレントタブからフォーカスを移動しない(user.js)
user_pref("browser.tabs.loadBookmarksInBackground", true);
ブックマークを新タブで開く時にカレントタブからフォーカスを移動しない(user.js)
user_pref("browser.tabs.loadBookmarksInBackground", true);
2017/11/19(日) 13:14:41.07ID:cT4y2GXG0
>>160
全く上手く動いてなかったので手直し
/* URLバー短く、オンマウスで広げる */
#urlbar,#urlbar-container{
max-width: 200px !important;
min-width: 100px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 350px !important;}
全く上手く動いてなかったので手直し
/* URLバー短く、オンマウスで広げる */
#urlbar,#urlbar-container{
max-width: 200px !important;
min-width: 100px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 350px !important;}
2017/11/19(日) 14:19:12.19ID:4Y4XL7CY0
urlバーを縮めて、検索バーの長さを広げたい場合は
どう記述したら良いんでしょうか
どう記述したら良いんでしょうか
2017/11/19(日) 14:28:43.28ID:4Y4XL7CY0
>>158に似たようなコードが書いてあったのでまねしてみたら形にはなりました
よく読まずに書き込んで申し訳ありません。手直し必要な部分があったら教えて下さい
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
#nav-bar .toolbarbutton-1〜の部分はよく分からなかったので記述しませんでした
よく読まずに書き込んで申し訳ありません。手直し必要な部分があったら教えて下さい
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
#nav-bar .toolbarbutton-1〜の部分はよく分からなかったので記述しませんでした
2017/11/19(日) 15:27:54.90ID:MTRsSD+R0
そんなものわざわざcssでやらなくても両欄の間をドラッグすればいいような
2017/11/19(日) 15:50:25.72ID:4B40ylyq0
バーにフォルダを置く人には必要なんだよ
2017/11/19(日) 17:13:40.45ID:aIoRvUYY0
Stylishじゃサイドバーの行間とか調整できなくなった?
2017/11/19(日) 17:35:35.25ID:UAEg6dYe0
サイドバーはchrome領域だからuserChrome.cssで指定する
172名無しさん@お腹いっぱい。
2017/11/19(日) 17:55:37.75ID:6qbOUGEG0 userchromeのリファレンスってどこにあるんですか?
メニューバーの色
アクティブなタブ
非アクティブでホバーされたタブ
非アクティブなタブ
をコントロールしたいですが、それぞれの書き方を知りたいです
また、waterfox55なんですが、角タブ化ってuserchromeでは無理なんでしょうか
cssの書き方はだいたいわかります
メニューバーの色
アクティブなタブ
非アクティブでホバーされたタブ
非アクティブなタブ
をコントロールしたいですが、それぞれの書き方を知りたいです
また、waterfox55なんですが、角タブ化ってuserchromeでは無理なんでしょうか
cssの書き方はだいたいわかります
2017/11/19(日) 17:58:58.53ID:T1ki6HR+0
174名無しさん@お腹いっぱい。
2017/11/19(日) 18:10:54.47ID:6qbOUGEG0 そういうもんなんですか
頑張ります
頑張ります
2017/11/19(日) 18:13:22.88ID:V0aT5S9M0
>>174
「firefox chrome url」でググると良いよ
「firefox chrome url」でググると良いよ
176名無しさん@お腹いっぱい。
2017/11/19(日) 18:19:40.98ID:6qbOUGEG0 ちなみに55の角タブ化ってuserchromeでは無理ですか?
ctrでは出来るんですが
ctrでは出来るんですが
2017/11/19(日) 18:27:28.63ID:V0aT5S9M0
2017/11/19(日) 18:33:39.21ID:ArJdQymq0
コンパクトテーマじゃダメなの
2017/11/19(日) 18:49:42.64ID:AB56stOk0
Waterfoxスレでやれよハゲ
2017/11/19(日) 18:56:52.22ID:AsvFqp5o0
2017/11/19(日) 23:00:40.24ID:+NIxrQYG0
57ではフォントをいじれなくなったのかな?
MSPゴシック指定してるサイトはメイリオに置換してたが出来ない
游ゴシックを游ゴシックMediumにもできないしfont-weghitも効かないから辛い
MSPゴシック指定してるサイトはメイリオに置換してたが出来ない
游ゴシックを游ゴシックMediumにもできないしfont-weghitも効かないから辛い
182名無しさん@お腹いっぱい。
2017/11/19(日) 23:19:42.50ID:ps4liQuE02017/11/19(日) 23:19:59.15ID:AB56stOk0
できます
2017/11/20(月) 05:35:43.66ID:aI1wVpB60
2017/11/20(月) 11:15:20.63ID:OEQ1cW6K0
下記でアクティブタブに丸みがつくのですが、すべてのタブに丸みをつけるにはどう書けば良いのでしょうか?
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}
/*** タブの角に丸み ***/
.tab-background {
border-radius: 8px 8px 0px 0px !important;
border-image: none !important;
}
.tab-line {
display: none;
}
2017/11/20(月) 11:34:32.44ID:ARUVS9T10
「font-weghit」とか書いてたらそりゃ動くわけねーわ
アホかよ
アホかよ
2017/11/20(月) 12:17:38.79ID:EI4o1zsL0
>>185
この間教えてもらったものです
>>186をつなげてください
/* タブの角を丸くする */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}
.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
border-top:2px solid #3030E0 !important;
}
この間教えてもらったものです
>>186をつなげてください
/* タブの角を丸くする */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}
.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
border-top:2px solid #3030E0 !important;
}
2017/11/20(月) 12:18:04.30ID:EI4o1zsL0
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
2017/11/20(月) 12:40:07.80ID:OEQ1cW6K0
2017/11/20(月) 12:46:11.31ID:EI4o1zsL0
2017/11/20(月) 12:50:37.07ID:8iuGUSOv0
2017/11/20(月) 12:52:21.98ID:MWA60KGr0
両方共どっかでみたことある
無理ではないと思う
無理ではないと思う
193191
2017/11/20(月) 12:57:29.42ID:8iuGUSOv0 ありがとうございます
パンツ脱いで待ってます
どなた様かよろしくお願いします
パンツ脱いで待ってます
どなた様かよろしくお願いします
2017/11/20(月) 13:07:00.55ID:tZVR/Gli0
サイドバーのタイトルバーをそもそも表示させないって言うのなら利用させてもらっている
/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }
/*サイドバーヘッダーを隠す*/
#sidebar-header { visibility: collapse; }
2017/11/20(月) 13:13:37.00ID:UYkMLTv00
自分も>>185だけで全てのタブに反映されてる
2017/11/20(月) 13:22:36.06ID:pf0hInfk0
2017/11/20(月) 13:24:52.42ID:MWA60KGr0
/* アドレスバーの幅変更 */
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
素人だけどこれのwidthをheightにしてなんかすればいいんじゃね
#urlbar,
.searchbar-textbox {
width: 300px !important;
/* 検索バーの幅変更 */
#nav-bar,
#nav-bar-customization-target {
width: 300px !important;
}
素人だけどこれのwidthをheightにしてなんかすればいいんじゃね
2017/11/20(月) 13:27:28.48ID:OEQ1cW6K0
>>190
radiusが3pで丸みが見えず、仕切り線も消えてますね。
radiusが3pで丸みが見えず、仕切り線も消えてますね。
2017/11/20(月) 13:31:14.91ID:OEQ1cW6K0
>>197
それはない。はっきり仕切り線も出てる。
それはない。はっきり仕切り線も出てる。
202193
2017/11/20(月) 13:55:49.10ID:8iuGUSOv0 とりあえず urlバー できました
/* urlバーの高さを変更する */
#urlbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
https://i.imgur.com/eLfWAMX.png
>>198 ヒントどーもありがとっす
/* urlバーの高さを変更する */
#urlbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
https://i.imgur.com/eLfWAMX.png
>>198 ヒントどーもありがとっす
2017/11/20(月) 14:22:18.16ID:MWA60KGr0
何だこのXPみたいな10は
2017/11/20(月) 14:23:16.53ID:bmuV53Mz0
>>202
一瞬xpかと思った凝ってるな
一瞬xpかと思った凝ってるな
2017/11/20(月) 14:24:10.18ID:EI4o1zsL0
>>202
検索バーの高さも変更できたら教えて
検索バーの高さも変更できたら教えて
2017/11/20(月) 14:28:35.23ID:MWA60KGr0
正確にはxpのclassicか
2017/11/20(月) 14:29:05.06ID:U8fW6n0S0
XPというよりは2000だろ
208名無しさん@お腹いっぱい。
2017/11/20(月) 14:45:57.08ID:r/XZBm/K0 履歴アイコンクリックした時に「最近閉じたタブ」一覧が折りたたまれてるんだけど
これを最初から開けるようにって出来ませんか?
userchrome関係ないかもだけど
自分はページ履歴より最近閉じたタブをよく参照してたので使いづらくなったー
これを最初から開けるようにって出来ませんか?
userchrome関係ないかもだけど
自分はページ履歴より最近閉じたタブをよく参照してたので使いづらくなったー
209202
2017/11/20(月) 14:48:56.79ID:8iuGUSOv0 これを追加したらURLバーが萎みました
/* 検索バーの高さを変更する */
#searchbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
https://i.imgur.com/4wb1hNe.png
/* 検索バーの高さを変更する */
#searchbar {
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
https://i.imgur.com/4wb1hNe.png
2017/11/20(月) 15:00:09.30ID:BaQXK/5q0
アドレスバーの「URLまたは検索語句を入力します」って文字列消せないかな
2017/11/20(月) 15:05:46.20ID:8+ILOplq0
消せるよ
2017/11/20(月) 15:09:19.49ID:UYkMLTv00
>>209
Tampermonkeyのアイコンが!
Tampermonkeyのアイコンが!
2017/11/20(月) 15:18:07.46ID:iCieWgMP0
これで行けるかな?
/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox{
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
/* サイドバー ヘッダーの高さを変更する */
#sidebar-header {
font-size: 14px;
padding: 1px 0px;
min-height: 20px !important;
max-height: 20px !important;
}
/* サイドバー クローズボタン位置微調整 */
#sidebar-header .close-icon{
padding: 0 1px;
}
/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox{
font-size:12px;
min-height: 20px !important;
max-height: 20px !important;
}
/* サイドバー ヘッダーの高さを変更する */
#sidebar-header {
font-size: 14px;
padding: 1px 0px;
min-height: 20px !important;
max-height: 20px !important;
}
/* サイドバー クローズボタン位置微調整 */
#sidebar-header .close-icon{
padding: 0 1px;
}
2017/11/20(月) 15:20:47.47ID:KPlGtFex0
#urlbar .textbox-input::-moz-placeholder {color: transparent !important;}
2017/11/20(月) 15:28:03.44ID:EI4o1zsL0
>>213
いけますね
いけますね
216名無しさん@お腹いっぱい。
2017/11/20(月) 15:35:38.35ID:MWA60KGr0 >>213
iine
iine
217名無しさん@お腹いっぱい。
2017/11/20(月) 15:46:53.27ID:MWA60KGr0 /* ツールバーの高さはこれでかわった */
#nav-bar {
min-height: 10px !important;
max-height: 10px !important;
}
#nav-bar {
min-height: 10px !important;
max-height: 10px !important;
}
2017/11/20(月) 15:53:48.74ID:UYkMLTv00
枠の高さを変更するんじゃなく、バー自体のサイズを変えるんだな
2017/11/20(月) 15:57:33.41ID:EI4o1zsL0
こんなのも先日教えてもらいました
/*アドレスバーと検索バーの高さ */
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
/*アドレスバーと検索バーの高さ */
#urlbar,
.searchbar-textbox {
min-height: 25px !important;
margin: 0 !important;
}
#nav-bar,
#nav-bar-customization-target {
height: 25px !important;
}
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 0 var(--toolbarbutton-inner-padding) !important;
}
220名無しさん@お腹いっぱい。
2017/11/20(月) 16:06:57.54ID:MWA60KGr0 俺もこの前別のスレで教えてもらったブックマークツールバーがにょきにょき隠れるやつ
/*Auto Hide book mark bar*/
treechildren::-moz-tree-twisty {
-moz-appearance: none !important;
padding-right: 0px !important;
padding-top: 0px !important;
width: 0px !important;
list-style-image: none !important; }
#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;
}
/*Auto Hide book mark bar*/
treechildren::-moz-tree-twisty {
-moz-appearance: none !important;
padding-right: 0px !important;
padding-top: 0px !important;
width: 0px !important;
list-style-image: none !important; }
#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;
}
221202
2017/11/20(月) 16:11:43.92ID:8iuGUSOv02017/11/20(月) 16:17:44.03ID:Ip6qSIY90
223202
2017/11/20(月) 16:21:10.65ID:8iuGUSOv0 と思ったらサイドバーちょっと変です
https://i.imgur.com/0w99a5i.png
https://i.imgur.com/0w99a5i.png
2017/11/20(月) 16:36:44.50ID:iCieWgMP0
>>223
これで大丈夫だと思う。
後、フォントサイズ13pxにした方が見栄え良くなるかも。
#sidebar-header {
font-size: 13px !important;
padding: 1px 0px !important;
min-height: 20px !important;
max-height: 20px !important;
}
#sidebar-header .close-icon{
padding: 0 1px !important;
}
これで大丈夫だと思う。
後、フォントサイズ13pxにした方が見栄え良くなるかも。
#sidebar-header {
font-size: 13px !important;
padding: 1px 0px !important;
min-height: 20px !important;
max-height: 20px !important;
}
#sidebar-header .close-icon{
padding: 0 1px !important;
}
2017/11/20(月) 16:39:13.94ID:TzRzWpDW0
>>185
https://i.imgur.com/hsQvh6u.png
上2段は>>185のみ、2段目はホバーしているタブに丸みがあるが区切りが消えるのがわかる
下段はこれを踏まえて追記をしたcss
テーマはデフォルト
/*** タブの角に丸み ***/
/* タブ自体を丸くする */
.tabbrowser-tab,
/* タブの背景を丸くする */
.tab-background {
border-radius: 8px 8px 0px 0px !important;border-image: none !important;
}
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}
/* 各タブ時の区切り線を消す radius大きくすると上にはみ出る縦線 */
.tabbrowser-tab::before,.tabbrowser-tab::after {opacity: 0 !important;border-image:none !important;border-image-slice: unset !important;width: unset !important;}
/* タブの区切り線 色は適宜変えてどうぞ */
.tabbrowser-tab {
border-left: 1px solid #FF0000 !important;
border-top: 1px solid #FFFF00 !important;
border-right: 1px solid #00FF00 !important;
}
/* 青ラインの替り 不要なら消してok */
.tab-background[selected] {
border-top: 2px solid #0000FF !important;
border-right:none !important;
border-left:none !important;
}
https://i.imgur.com/hsQvh6u.png
上2段は>>185のみ、2段目はホバーしているタブに丸みがあるが区切りが消えるのがわかる
下段はこれを踏まえて追記をしたcss
テーマはデフォルト
/*** タブの角に丸み ***/
/* タブ自体を丸くする */
.tabbrowser-tab,
/* タブの背景を丸くする */
.tab-background {
border-radius: 8px 8px 0px 0px !important;border-image: none !important;
}
/* 青ライン(を含む四角形のイメージだが) */
.tab-line {display: none;}
/* 各タブ時の区切り線を消す radius大きくすると上にはみ出る縦線 */
.tabbrowser-tab::before,.tabbrowser-tab::after {opacity: 0 !important;border-image:none !important;border-image-slice: unset !important;width: unset !important;}
/* タブの区切り線 色は適宜変えてどうぞ */
.tabbrowser-tab {
border-left: 1px solid #FF0000 !important;
border-top: 1px solid #FFFF00 !important;
border-right: 1px solid #00FF00 !important;
}
/* 青ラインの替り 不要なら消してok */
.tab-background[selected] {
border-top: 2px solid #0000FF !important;
border-right:none !important;
border-left:none !important;
}
227名無しさん@お腹いっぱい。
2017/11/20(月) 18:16:41.26ID:loVwBgTd0 タブの色のcssを観たいのですが、インスペクタからだとわかりません
動やったらわかりますか?
解説しているサイトないでしょうか
動やったらわかりますか?
解説しているサイトないでしょうか
2017/11/20(月) 18:37:18.46ID:Ip6qSIY90
ブラウザツールボックスから
2017/11/20(月) 18:51:48.48ID:rQftN+3K0
2017/11/20(月) 19:43:48.97ID:VHprCo3n0
こんな感じ
http://up.mugitya.com/img/Lv.1_up113741.png
ウエブ開発→ページのソースで
view-source:chrome://browser/content/browser.xul
chrome://browser/content/browser.cssも参考になる
http://up.mugitya.com/img/Lv.1_up113741.png
ウエブ開発→ページのソースで
view-source:chrome://browser/content/browser.xul
chrome://browser/content/browser.cssも参考になる
2017/11/20(月) 19:49:12.77ID:OEQ1cW6K0
CSSでメニューバーにツールバーを表示出来ませんか?
2017/11/20(月) 20:06:47.72ID:+FLG6gDQ0
リンクを右クリックしたときにでるリンクをPocketに保存や
リンクを端末へ送信を消したいんですけどどう書けばいいのでしょうか
画像を右クリックしたときにでるものも同じように消したいです
リンクを端末へ送信を消したいんですけどどう書けばいいのでしょうか
画像を右クリックしたときにでるものも同じように消したいです
2017/11/20(月) 20:09:41.52ID:TOQIzN8q0
ツールバー?(urlバーや三ボタンがあるバー)の高さや余白は、どう指定すればいいでしょうか?
Defaultのテーマだと上下に無駄な部分が多いので減らしたいです
Defaultのテーマだと上下に無駄な部分が多いので減らしたいです
2017/11/20(月) 20:16:32.37ID:RPOYkMA50
>>232
Pocket を使わないなら about:config で extensions.pocket.enabled を false で止められる
Pocket を使わないなら about:config で extensions.pocket.enabled を false で止められる
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 【外交】元台湾総統・馬英九氏、高市首相発言に「台湾を危険にさらす」台湾海峡の問題は「両岸の中国人が自ら話し合うべき」★2 [1ゲットロボ★]
- 高市首相答弁を“引き出した”立民・岡田克也氏が改めて説明「なぜ慎重な答弁をされなかったのか。非常に残念に思っている」 ★8 [ぐれ★]
- 「母の部屋に安倍氏が表紙の機関誌が」「(安倍氏が被害者なのは)不思議に思いませんでした」山上被告の妹が証言 [おっさん友の会★]
- 【野球】大谷翔平、佐々木朗希、山本由伸らがWBC辞退なら広がる不協和音… 『過去イチ盛り上がらない大会』になる可能性も★2 [冬月記者★]
- 【国際】ロシアはすでに戦争準備段階――ポーランド軍トップが警告 [ぐれ★]
- 【芸能】俳優・野村宏伸 テレビドラマの制作費やギャラの現状訴え 「比べものにならない位、今は低くて…」 [冬月記者★]
- 【高市売り】円安、止まらず!凄い勢いで暴落中。157円へ [219241683]
- 麻生太郎「今のアメリカ政治の変化は同盟国として看過できない」 [256556981]
- 中国外務省局長 「ポケットに手を入れていたのは寒いから」 ⬅︎これ [279254606]
- 【ぺこ専🐰】なんG 兎田ぺこら実況スレ🏡【ホロライブ▶】
- 【悲報】ヤフコメ民「中国が水産物を輸入禁止にするなら、日本国民向けに安く販売すればいい。中国依存から脱するべき」 [153736977]
- 【愛国者悲報】中国「たとえ日本産水産物が中国に輸出されても市場は”存在しない”。いらねぇんだよジャップの水産物なんかよぉw」 [856698234]
