userChrome.css・userContent.cssスレ Part8

●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
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/

●User Style Managerについて

バージョンによって利用できない機能があります

GitHub - scrapmac/User-Style-Manager
https://github.com/scrapmac/User-Style-Manager

管理画面
×1.1.1
×1.1
○1.0

スタイル作成
○1.1.1
△1.1
×1.0

userChrome.css・userContent.cssスタイルスレ
http://anago.5ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
http://anago.5ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
http://anago.5ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
http://anago.5ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.5ch.net/test/read.cgi/software/1400202982/
userChrome.css・userContent.cssスレ Part6
http://egg.5ch.net/test/read.cgi/software/1438959541/
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

新スレ乙です
前スレ>>998さん
感謝です

>>1乙

>>1
ありがとです <(＿ ＿)>

前スレのおすそ分けさんのCSSにはだいぶお世話になったわ。
サンクス

前スレ>>996です
https://egg.5ch.net/test/read.cgi/software/1510394098/996

https://egg.5ch.net/test/read.cgi/software/1510394098/998
前スレ>>998さんからハンバーガーボタンの幅縮めること教えてもらいましたが
ボタンクリックしても何も出てこなくなってしまった
環境が悪かったのかもしれません

tes

>>9
line-height:12px;の後にでもmargin-right:-20px;とでもしておけばいんじゃね？
数字は適当にいじれ

>>11
ありがとうございます
15pxくらいでいい感じでいけました(*´ー｀*)

アドレスバーのpocketとか☆アイコンを右クリックで非表示したら
どうやって戻すの？
戻す設定無くない？

>>13
・・・をクリックして戻したい項目を右クリック

>>14
おーこりゃわかりづらい
サンクス

自分はURLバーと検索バーを分けて使っており
URLバーの方は以下のcss使ってるので便利なんですが
検索バーの方がちと・・・
よく入力後に気づいて二度手間になることが多々あります。


/* URLバーでIMEをOFF*/
#urlbar *|input{
ime-mode:inactive !important;
}


「検索バーでIMEをON」・・・こういうのを知ってる人いますか？

検索バーは#searchbarだね
んでinactiveでOFFならONにするには……

>>17
ヒントありがとうございます
出来ました。 <(＿ ＿)>

メイン画面のコンテキストメニューから「リンクを端末へ送る」を削除したく
sendLinkToDevice と指定したのですが、消えません。
指定項目名が間違っているでしょうか？

>>19
自己解決しました。
L,T,D を大文字で書いたのが間違っていました。
お騒がせしました。

前スレ220のブックマークツールバーがヌルヌル生えるやつ気に入って使ってるんだけど
-moz-box-ordinal-groupでタブバー下段でその下にブクマバーという風に配置したら
画像みたいにブクマバーが非アクティブなタブの上に重なっちゃうんだけどこれどうにか綺麗にならない？
https://i.imgur.com/0Jny1LZ.png

今のところopacityの記述付け足して非ホバー時は透明にすることで対処したんだけどホバー時の表示のされ方が微妙に変わってイマイチスッキリしない

むむむ

ドラッグ領域の高さを調節したり全画面にしてもドラッグ領域を表示したりすることは可能でしょうか？

>>23
#titlebar { margin-bottom: -20px !important; }

>>24
希望通りの表示にすることができました
ありがとうございます

タブ一覧のdrop-down arrow
（タブ数がタブバー領域を飽和したとに出てくる▼）を
常に表示させるuserChrome.cssの書き方を教えて下さい
お願いします

>>26

#alltabs-button {
visibility:visible !important;
}

>>27
本当に素早いご回答ありがとうございました

Quantom の新 UI 決して悪くないとは思うんだけど (少なくともAustrailsよりはマシ)
結局、皆様に助けて頂いて、CTR と Menu editor に頼っていた 56以前の UI に戻すことができました。
誠に皆様、有難うございました。
あと、旧アドオンで欲しいのは Rstart と Tab Replace だけ。

ロケーションバーにある、星マークのこのページをブックマークに追加しますを非表示にはできないでしょうか？

>>30
星を右クリックすればアドレスバーから削除のメニューが出る

>>30
右クリック削除

>>30
・・・ から出来ませんか？

>>33
ゴメン、でしゃばり過ぎた。

みなさんありがとう。
ずっとカスタマイズからやろうとしてました
無事星マーク削除できました！

わいはcssで消しとるで
.urlbar-history-dropmarker /* ∨ */
#pageActionButton /* … */
#star-button-box /* ☆ */
#PanelUI-button /* ≡ */

ブックマークツールバーをマウスオーバーで自動開閉するようにしてるのですが・・・


/* ブックマークツールバーをマウスオーバーで自動開閉　*/
#PersonalToolbar:not([customizing="true"]) {
max-height:1px !important;min-height:1px !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
max-height:30px !important;
}


その時に開いてるページもチョロチョロとブックマークツールバーと一緒に上下に動いたりするんです。
ページを動かさず、ブックマークツールバー "だけ" を自動開閉するように出来ませんか？

教えていただけたらありがたいです、ヨロシクお願いします <(＿ ＿)>

ワロタ

>>37
#PersonalToolbar{
position: fixed !important;
padding: 3px 2px !important;
height: auto !important;
width: 100%;
transform: translateY(-100%);
transition: transform 0.3s ease 1s!important;
}
#PlacesToolbarItems { max-width: 1920px !important; width: 1690px !important;}
#main-window[sizemode="maximized"] #navigator-toolbox:hover #PersonalToolbar
{ transform: translateY(0); transition: transform 0.3s ease 0s!important}

こっちだ
#PersonalToolbar:not([customizing="true"]) {
position: fixed !important;
padding: 3px 2px !important;
height: auto !important;
width: 100%;
transform: translateY(-100%);
transition: transform 0.3s ease 1s!important;
}
#navigator-toolbox:hover #PersonalToolbar:not([customizing="true"]){
　transform: translateY(0); transition: transform 0.3s ease 0s!important；
}