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/

前スレを参考に検索バーの伸び縮みをさせています

#search-container:not(:hover) {
max-width: 30px !important;
min-width: 0 !important;
}

これをホバーだけではなく、検索バーに文字が有るか無いかでも
伸び縮みするようにはできないでしょうか

ふむ

aのtitleをaの後に疑似要素として表示させたのですが、この疑似要素の文字列を選択可能にするにはどうしたら良いでしょうか
a::after{content: " "attr(title) !important;}

CSS でそれはムリ、仕様の問題
やりたいなら JavaScript や jQuery

>>101
ありがとうございます
ちょっと勉強してきます

ThunderbirdのuserChrome.cssについて質問です。
GmailをIMAPで受信していて、
左側のフォルダツリーのアイコンを変更したいのですが、どの様に記述すればよいでしょうか。

"スター付き"のフォルダ(ラベル)のアイコンを星に変更したいのですが、
どのように記述し指定したらよいか分かりません。
タブのアイコンは
.tabmail-tab[type="folder"][label="スター付き"],
.tabmail-tab[type="folder"][selected="true"][label="スター付き"] {
list-style-image: url("chrome://messenger/skin/operator.png") !important;
-moz-image-region: auto !important;
}
とする事で変更できました。

適当にググると
http://www.libellules.ch/phpBB2/thunderbird-3-changer-la-couleur-des-dossiers-t37096.html
treechildren::-moz-tree-image(folderNameCol, name-フォルダ名？)
でやるっぽいけど、色々試しましたが、うまくいきません。
treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent)等で
送信済みメールやゴミ箱等は変更できましたが、
日本語の任意のフォルダ(ラベル)名での指定の仕方が分かりません。
ご教示ください。

Google Mapの検索ボックスを隠すCSSはどこかのサイトに紹介されてありませんか？

>>104
http://anago.2ch.net/test/read.cgi/software/1435314925/466,467

googleカレンダーの仕様変わった？
土日の色付けusercontent.cssが効かなくなってる。
新しいの教えてください。

>>106
自己レス
urlが変わっただけだった。

>>107
自分も同じ現象になってたから助かったわ

あんまり詳しくないんだけどDeveloper版のFirefox最新版でuserchromeって使えないの
多分最新だおともうんだけどjsもいれてprofileのなかのChromeフォルダにローダーとスクリプトいれてもだめだし
オプションにもchromeの項目がでてこない

>>109
スレを間違えてない？
ここはCSSのスレだよ

niconicoってCSSにもイチャモン付けるんだろうな

スクリプトスレでやってろ

Yahooトップの右カラムの仕様変わった？

Google Translator Tooltip Expandedが死んだ

fork版も？

む

Stylish で★阿修羅♪掲示板の　書き込みの下部に表示される「総合 アクセスランキング　（７日間）〜（30日間）」 などを表示にする方法お教えくださいませ

とうとう43でuserChrome廃止か

なんで？

userChrome.css廃止決定なん?

Gaia方式に似た何かになるんじゃない

楽店サイトをスクロールした時、検索ボックスを固定するCSS欲しい。
CSSで無理ならスクリプトでも結構です。

>>123
楽天は見たくないので一般論として
cssでならスクロールに追随可ならposition:fixed、追随不可ならposition:absoluteを使う
あとはtop、right、bottom、leftを必要に応じて数値を指定する

で、検索ボックスを対象に要素を調査
使い方は↓にいろいろ記載されてる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector

>>124
レス、ありがとう。
CSSの知識皆無の71才になるジジイには無理です。

Google検索の結果のタイトル部分を広げるのってないですか？

>>126
showFullTitle4Google.user.js
マウスオーバーでフル表示

>>127
常に表示は無理ですか？
改造しようにも記述が分からないです。

>>128
確か作者はテストして負荷が大きい過ぎるからマウスオーバー方式にしたはず

なるほど
情報ありがとうございます。

>>123
固定させたいページを晒してくれないとわからない
ページによってはその機能が備わってるみたいだし

Stylish Developer Toolってショートカットキーないのかな

ページ内検索バーを右上に持ってくる「Findbar on Top Right」のスタイルを使用していましたが、
他のアドオン(ツリー型タブ？)と干渉して表示がグチャグチャになることがあって使いのをやめたいと思ってます。
基本は純正のままでいいいのですが全体を右詰めにしたいです。
更には検索が先頭・末尾に行った時などに表示されるテキストの量に応じてボックスの矢印の位置が変わらないようにボックスを右端に置きたいです。

そうですか^^
いままでお疲れ様でした

開いているタブが多くなっていくとタブ幅を狭くするスタイルを使っているんだけれども
ある一定以下の幅になったら今表示しているタブのbackground-image:を変えるのって
userChrome.cssだけで実現させるのは不可能？

具体的には
#main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"]
の状態でタブ幅が100px以下になったらbackground-image:をredにするみたいな

>>133
スレチだけどアドオン使ったら？
https://addons.mozilla.org/ja/firefox/addon/findbar-tweak/

>>136
ありがとうございます
試してみましたら「Findbar on Top Right」と同じく表示が乱れました
どうもこの辺りのスタイルをいじるとがツリー型タブと衝突するようです

>>137
俺ここの使ってるよツリー型タブと干渉したことはない
http://tofukko.blog113.fc2.com/blog-entry-414.html

>>138
これいいですね！
今のところ表示が乱れるようなこともなさそうですし
ありがとうございます

ここを参考にして
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1054243990
ブックマークを非表示にしてみたのですが
ブックマークサイドバー上は非表示にできませんでした
どうすればいいんでしょうか？
http://fsm.vip2ch.com/-/sukima/sukima413121.jpg

>>135はcssでは出来ない、ということでいいのかな？

#tabbrowser-tabs[overflow=

ツールバーを細くするCSSを使っているのですがFx40あたりから、
Firefoxを立ち上げたときにむわっと太くなって、一秒後くらいに細くなる

こんな感じなんですけど手直ししてくれるような神がいらっしゃったらお願いします
https://pastebin.mozilla.org/8853573

>>142
やってみ？

>>143
UserCSSLoaderなら仕様

>>144？

Stylishのタグ機能ってもう復活はしないのかなあ

タグを付けれないと不便すぎるからずっとバージョン1.4.3を使い続けてる
バージョン2.0以降だとパフォーマンスが改善されてるっぽいし、できればアップデートはしたいのだけれど

確かに不便なった

YouTube TOPページの「あなたへのおすすめ」のところだけ非表示にするCSSを教えてください

>>149
適当
#item-section-783551{
display:none;
}

>>150
どうもです
残念ながら数字がランダムに生成されるためそれだと上手くいきません
#item-section-825957 > li:nth-child(1) > div:nth-child(1)　など

>>151
じゃ、こうかな？
ol li:nth-of-type(3){
display:none;
}

すまん、152もダメだな

ol[id*="item-section-"]でいいだろ

おすすめだけ多段になってることを利用して
.item-section .multirow-shelf
とか？

みなさんどうもありがとうございます

.item-section .multirow-shelf {
display: none !important;
}

で、非表示にできました

使用しているアドオンのcssの記述「panel#selectedsearch-popup { border-width: 0px }」を無効にしたいんですが
stylishでどう記述すればいいか教えてください
今までは直接xpiをいじってcssから該当部分の記述を削除してたんですがstylishで無効に出来ればと思い質問しました

#selectedsearch-popup {
border-width: initial !important;
}

>>158
素早いレスありがとうございます
以前のような表示にすることができました

なるほどなあ

ブックマークのプロパティって、横幅はドラッグして広げられるけど、高さは変えられませんよね。
やり方があれば教えて下さい。

>>161
パネルの中の何の高さを設定したいのか不明だけど、例えばツリーならツリーでそこを高さ指定する等で解決するのでは？
余白はmarginやpaddingで調整すれば良いでしょう。

メモ
/*-----------chaika-Favicon-change-----------------*/
*[src*="chrome://chaika/content/icon.png"]:not([busy]),
#urlbar [src*='chrome://chaika/content/'],
.tab-icon-image[src*="chrome://chaika/content/"]:not([busy])
{ display: -moz-box !important;
list-style-image: none !important;
width: 0 !important;
height: 16px !important;
padding-left: 16px !important;
background: url('data:image/png;base64,xxxxxxxxxxx') center no-repeat !important; }

ロケーションバーの項目リストのトップに「-で検索」というのが表示されますが消せますか?
アドオンやスクリプト、スタイルどんな方法でもいいです。

browser.urlbar.unifiedcomplete;false

>>165
ありがとう消せました。

グリモンのアイコンについてるドロップマーカーの幅？を狭めるコード教えてください

>>167
適当（二行目は要らんかも知れんが…）
@-moz-document url(chrome://browser/content/browser.xul) {
#greasemonkey-tbb toolbarbutton,
#greasemonkey-tbb .toolbarbutton-menubutton-dropmarker{
padding:0 !important;
}
}

>>168
ありがとう
適用してみましたがほとんど変わらなかったです
理想はドロップマーカーを消してボタンクリックでメニューが出ればいいんですけどね

>>169
じゃあこうか？
@-moz-document url(chrome://browser/content/browser.xul) {
#greasemonkey-tbb .toolbarbutton-icon,
#greasemonkey-tbb .dropmarker-icon,
#greasemonkey-tbb .toolbarbutton-menubutton-dropmarker{
padding:0 !important;
border:none !important;
}
}

#greasemonkey-tbb > .toolbarbutton-menubutton-dropmarker { display: none !important; }

アイコンクリックでメニュー出したいならこうじゃない？
padding あたりまたちょっと環境差あるかもしれんけど

@-moz-document url(

http://pastebin.com/jATFm8Wr
うお、消えた。またなると面倒だからここで

アイコンマウスオーバーでドロップマーカー出るcss使ってる
Autohide Dropmarkersてやつ

>>174
横からだけど、いいなこれ
�d

>>173
ありがとう！
ちょっと今確認できないからまた動作報告します

>>173
適用してみましたが完璧でした！
ブックマークバーにボタンを移動すると横に伸びた感じになりましたが
4pxの部分を2pxにしたら改善しました

どんなネーミングにしようか悩み中です・・・

そりゃこうなるわ、マゴキツ過ぎ

スクロールバーのつまみを長くする方法はありますか?
つまみの幅じゃなく長さね。
特に2chの長いページなどでつまみが小さくて。

できない

https://userstyles.org/styles/94453/

こういうのみたいなスクロールバーを改変するcssを見て、min-height（横スクロールバーならmin-width）に好きな数値を設定すればいいんじゃね？

すっげ簡単に出来るよなw
できないとか息を吐くように嘘をつくﾁｮﾝが湧いてて草

(ろくに調べもしない教えて君には一生)できない

できもしないくせに

44でロケーションバーのhttpsのurlがまた色が付かなくなっちゃったみたいなんですけど
分かる方いますか？

#urlbar[level]　←元はこれでいけてて
#main-window[stylish-url^="https://";]　←43まではこれでいけてたのに

>>185
Colored Firefox's HTTPS Location Bar - Themes and Skins for Browser - userstyles.org
https://userstyles.org/styles/122476/colored-firefox-s-https-location-bar

>>186
かたじけない！

つまりどういうことなの

終了っすね

そういうことっすか

YouTube また仕様変わった？
プレイヤーのデフォルトサイズを変更するスタイルが効かなくなった

googleがかかわるとろくなことにならん

画面解像度が横1024のノーパソなんで
サイトによっては表示しきれなくて横スクロールバー出るんだけど
1024のモニタ内にすべて収まるようにするCSSあれば教えてください

>>193
あなたのすべてとわたしのすべてはたぶんぜんぜんちがう
あなたのすべてはなんですか

>>193
Ctrl+-(マイナス)で縮小するのが無難では

body { max-width: 100% !important; }

>>193
スクリプトなら、縮小せずに済む便利なのあるけど...
ttps://greasyfork.org/ja/scripts/3569-shift-scroll-hscroll