userChrome.css・userContent.cssスレ Part6©2ch.net

●前スレ
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
http://anago.2ch.net/test/read.cgi/software/1400202982/

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

●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.2ch.net/test/read.cgi/software/1317830579/
Firefox userChrome.css userContent.cssスタイルｽﾚ (実質 Part2)
　http://anago.2ch.net/test/read.cgi/software/1329315394/
userChrome.css・userContent.cssスレ Part3
　http://anago.2ch.net/test/read.cgi/software/1347629378/
userChrome.css・userContent.cssスレ Part3 (実質 Part4)
　http://anago.2ch.net/test/read.cgi/software/1369968883/
userChrome.css・userContent.cssスレ Part4 (実質 Part5)
　http://anago.2ch.net/test/read.cgi/software/1400202982/

Stylish-Custom復活しないかなーあれが一番良かった

みんな何使ってるの？

38ESR移行ついでにStylish更新したら一覧がアドオンマネージャに統合されてクソウザいな

/* ナビゲーションバーを細く */
#nav-bar{
height:23px !important;
max-height:23px !important;
min-height:23px !important;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}

/* ナビゲーションバーに配置したボタン、ブックマークツールバーの項目の位置を調整する */
#nav-bar .toolbarbutton-1
,#PlacesToolbarItems{
margin-top:-0px !important;
padding:0 !important;
}

>>8
�d

ﾑﾑﾑ

お伺いします
ページ内検索バーを右上に持ってくる
https://userstyles.org/styles/93867/findbar-on-top-right
このスタイルを使ってますがこれを透過させる方法が知りたいです

.browserContainer findbar,
#viewSource #FindToolbar {
background: transparent !important;
}

>>12
ありがとうございます

検索バーの各々の検索エンジンの文字色等を変更するのは以下で判ったが、検索エンジンにカーソルが乘った時に文字色等を変更する要素が判らない。

.searchbar-engine-menuitem > .menu-text,
.searchbar-engine-menuitem > .menu-iconic-left,
.searchbar-engine-menuitem > .menu-iconic-text

この要素に:hoverを付けても駄目だった。

>>14
.searchbar-engine-menuitem の方に :hover 付ける。

#urlbar,#searchbar{
height: 22px !important;
max-height: 22px !important;
min-height: 22px !important;
margin-top: 1px !important;
}

URLバーと検索バーの太さを揃えたいのですが
こう記述するとURLバーの中にある地球みたいなアイコンが歪んでしまいます
アイコンを歪ませないようにするにはどうすればいいでしょうか

>>15
ならないorz

>>17
!important はちゃんと付けてる?

誰がインポだよ！

>>17
:hoverは両方に追加しても駄目。
!important;は当然記述。

そもそも↓だけでおｋ
.searchbar-engine-menuitem:hover

旧検索バー(browser.search.showOneOffButtons;false)のやつだよね
手元ではこんな感じでうまく行ってる(Fx 40.0.2)
http://i.imgur.com/Hf4rUtk.png

.searchbar-engine-menuitem:hover > .menu-text,
.searchbar-engine-menuitem:hover > .menu-iconic-left,
.searchbar-engine-menuitem:hover > .menu-iconic-text {
background-color: yellow !important;
color: black !important;
}

>>22
其の記述でして見たが矢張り駄目だった。
http://i.imgur.com/e0yRVUa.png
もう訳分からん。

>>16
アイコンのmargin値を変えればいい

>>23 だけど、出来無かった原因が判明しまして、アドオンの「organize-search-engines」が:hoverを阻害してた。
文字色が変更出来たから疑っては居なかったけど、思わぬ元凶でした。
お手数お掛けしました。

ごめん>>22は忘れて。こっちの方がより良い。
http://i.imgur.com/9vbrDC4.png

.searchbar-engine-menuitem {
-moz-appearance: none !important;
color: #20b2aa !important;
background-color: #000000 !important;
height: 2.2em !important;
}
.searchbar-engine-menuitem:hover {
color: #191970 !important;
background-color: #b8860b !important;
}

-moz-appearance - CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/-moz-appearance