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/

>>337
ttps://addons.mozilla.org/ja/firefox/addon/old-search1/

>>396
>検索エンジンのアイコン上でホイールスクロールで切り替える
これはSearchOnEngineChangeForFx38.uc.jsじゃないぞ

とりあえず46.0.1に>>337のとuserChromeJSと
Sub-Script/Overlay Loaderと
SearchOnEngineChangeForFx38.uc.jsを
入れてみたけど件のスクリプトはちゃんと動いた

ただし、検索窓に直接入力してあとでenterキーを押しても
検索しないし、貼りつけて検索も効かない
まぁ、これは>>337の所為だと思うが、、

>>398
おっしゃるとおり検索エンジンのアイコン上でホイールスクロールで切り替えるは
SearchOnEngineChangeForFx38.uc.js
じゃなくて
ScrollSearchEngines.uc.js
でした
誤った情報かいてごめんなさい

でも>>337を入れていて検索窓に直接入力のあとにenterや貼りつけて検索は動くなぁ
一度動かないことがあって焦ったけど現に今は動くし
スクリプトの読み込み順とかで動かなかったりするのかな？
それだとScrollSearchEngines.uc.jsが動いたりしないだろうか？

もはや修行僧のような検索バー改造だな

新しいctr_oldsearch.xmlかoldsearch.xmlのファイルをData URI schemeでエンコードして
searchbar {-moz-binding: urlの部分に差し替えれば検索バー使えるよ

↓こういうのもあるよ
ttps://addons.mozilla.org/ja/firefox/addon/old-search-fixed2/

>>401
それってもう普通に拡張入れた方が早くない？
スレの趣旨からは外れちゃうけど

>ホイールスクロールで切り替えるスクリプト、あれが動かない
この時点でスレチだろｗ

>>381

a.twitter-timeline-link.u-hidden,
a.twitter-timeline-link.u-hiddenVisually {
width: auto !important;
height: auto !important;
clip: auto !important;
position: relative !important;
display: inline !important;
}

.tweet .js-macaw-cards-iframe-container,
.tweet .QuoteMedia {
display: none !important;
}

保守

保守

StylishでCSS書いてるんだがborder-radiusとbox-shadowを組み合わせた時に表示がおかしくなるのはどうにか出来ないものか
具体的に言うとbox-shadowで内側にぼかしを1px以上指定した時にborder-radiusを指定すると良くわからん事になる

border-radius: 29px !important;
box-shadow: 30px 30px 1px 0 rgb(0, 0, 256) inset !important;

↑こうした時に本当だったら左上から右下にかけて青色が満遍なく伸びてなきゃならないのが↓のようになる
http://s2.gazo.cc/up/38712.png

ちなみにぼかしを指定しなければ正しく表示される
http://s2.gazo.cc/up/38713.png

Firefox44以降からの不具合のようで43まではぼかしを指定しても問題無いんだがちょっと困ってる
何か他の方法で似たような事は出来ないだろうか？

insetのバグはたぶん47で直ってるハズ

過疎ってると思ってたからまさかの即レスに涙がちょちょぎれざるを得ない
ちょっくら47以降のバージョン試してみますわ、ありがとう！

Pocket : Article-View killer PLUS - Themes and Skins for Getpocket - userstyles.org
https://userstyles.org/styles/102173/pocket-article-view-killer-plus

PocketのArticle Viewを無効にしたりするCSSなんですが
長らく更新されていなくてクッションページを飛ばすとか一部の機能が使えなくなりました
もし手直しできる方がいればお願いできませんでしょうか

Amazonの商品検索結果が見辛くなってしょうがない
商品画像をもっと小さくして、以前のように4〜5列くらいの表示に戻せないものかな

>>411
右上のこれでできますよ
http://i.imgur.com/fwTTwMP.jpg

右上にそんなのない

>>411
こうかな？
.a-ws ul.s-result-list.s-col-ws-3 li.s-result-item,
ul.s-result-list.s-col-3 li.s-result-item{
width:25% !important;
}

>>412, >>414
ありがとう

>>414
バッチリ4列表示にできました！
ただ、まだ少し商品画像が大きく感じたので
以下のコードを付け足したところ完全に希望通りのレイアウトになりました
どうもありがとう

div#rightResultsATF div#atfResults img,
div#rightResultsATF div#btfResults img,
div#rightResultsATF div#mainResults img {
height:50%!important;
width:50%!important;
}

ttp://i.imgur.com/1ynkweX.png

ページ内検索をCSSだけで最初から出しっぱなしに出来ないでしょうか

ブラウザによってFlash Playerでのフォント表示が違うのですが
以下のFirefoxの画像のように綺麗に表示されることは出来るでしょうか？

Google Chromeでのフォント
http://i.imgur.com/SCgGzdb.png
http://i.imgur.com/wvJq9Xm.png

Firefoxでのフォント
http://i.imgur.com/lu5bXOy.png
http://i.imgur.com/Y0RszDB.png

失敗してる方を貼れ

>>417
これじゃないの
ttp://blog.oyasu.info/2016/05/28/5186/

結論から言えばCSSでどうこうするのは無理だからスレチ
あとは↓でどうぞ
ttps://www.google.co.jp/search?q=%E3%83%95%E3%83%A9%E3%83%83%E3%82%B7%E3%83%A5%E3%81%AE%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%80%80%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6

>>416
検索単語をずっと出していたい、ハイライトしたいってなら
SearchWPかgooglebar lite
SearchWPは自分で後から単語打ち足せるか知らないけど

>>419
やはり無理ですか
ありがとうございました

google.co.jpのレイアウトが最近変わってしまって
検索結果の件数がどこにも見当たらなくなったんだけど
これって自分だけかな？

google.comの方で検索するとちゃんと件数が出るんだけどな

約●●件
なら今まで通り出てる
〇〇語の結果だけ表示
とかにすると出なくなるかもしれない

>>423
え、本当に？
検索オプションを何も指定せずに検索しても表示されないんだが・・・

google.co.jp
ttp://i.imgur.com/pGyEefu.png
google.com
ttp://i.imgur.com/Zmq1qxD.png

ちな環境、Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

>>424
余計なCSSが干渉してるとしか見えないんだが

Google検索バー固定
https://userstyles.org/styles/105553/google
Firefox48から動かない。

ごめん、動いてる。

>>416
一応やってはみたが無理っぽい
findbarは他のツールバーと違ってタブのコンテンツに表示されるから
タブを開くごとにCtrl+Fで一旦表示させなきゃダメみたいだ

.browserSidebarCcontainer > vbox{
margin-top:1em !important;
}
findbar[hidden]{
visibility:visible !important;
margin-bottom:0 !important;
opacity:1 !important;
}

>>425
いや、Webサイトに適用されるCSSは全部切ってるよ

マジレスすると Google の UI テスト

>>428
ありがとうございます
そのCSSとGlobalFindBarというアドオンを使って常に出しておけるようになりました

googleで検索すると表示される こちらによくアクセスする方はGoogleをホームページに を邪魔なので非表示にしたいのですがcssでできないでしょうか？

>>432
@-moz-document domain(google.co.jp){
div[aria-label="promo"] {
display: none !important;
}
}

>>433
ありがとうございます
すっきりとして見やすくなりました

ナビバー上のアイコン大きくしたい
CSSでどう書けばいいか教えて

.toolbarbutton-icon

>>415
このアマゾンの4列表示なんですけど、
一列ごとの仕切り線が、一番上の線だけ1/4しか表示されてないんですが、
この線を全部表示するか消すか、どちらかに出来ないでしょうか？

>>437
ざっくりとしか確認してないけど

#s-results-list-atf .s-result-item.celwidget .s-item-container {
border-top: 1px solid yellowgreen !important;
}

>>438
ありがとうございます。
何か目の端にチラチラして気になってたので助かりました。

>>438
横からだけどいただきました
線の色を「#DDDDDD」にするとAmazonのオリジナルの色になるね

たしかに3列表示は見づらい
昔は違ったのか
なーんか見づれえなとは思っていたが

線はないほうがすっきりする

#s-results-list-atf .s-item-container {
border: none !important;
}

Amazonってなんで1ページ当たりの表示件数変えれないんだろ。
50件とか100件ぐらいの表示にしてその中から選びたいのに。

スクロールダウンするとAjax的に続きが読み込まれるのでもいいけどそれもないようだし…

>>414
横からですが使わせていただきます
今まで気にしていなかったですが、3列より4列の方が見やすいですね

4列だった時期なんて思い出せないくらい長い間3列だったと思うんだが

SearchWP のハイライトボタンと検索バーを一体化するcssが効いてないと思ったら

#search-container + #searchwp-highlight-container > #searchwp-highlight-button
↓
#searchwp-highlight-button

#search-container + #searchwp-highlight-container > #searchwp-highlight-button > .toolbarbutton-icon
↓
#searchwp-highlight-button > .toolbarbutton-1.chromeclass-toolbar-additional

こう変えたら効いた
こないだ3.0に更新した時に変わったのかな？

>>424
http://i.imgur.com/pGyEefu.png
これと同じスタイルに今さっきなった
クッキーを消したら元に戻ったよ
うっかりバックアップを取らずに消してしまったのでもう再現できない

>>446
SearchWPは使ってないからよくわからんけど
過去スレで2014年に動かなくなった報告があるみたいだけどこれとは違うcssかな？
http://anago.2ch.net/test/read.cgi/software/1369968883/829

>>448
ああこれと一緒だね
自分で数値変えてたけど

>>447
これランダムでGoogleがテストしてるデザイン
シークレットタブやそれに準ずる機能をよく使う人であればたまに遭遇する

Hide Caption Titlebar Plus
これでタイトルバーを非表示にしてるけど、CSSでできないのかな？
userstiles.orgにそれらしいのあったけど動かん。

49にしたらuserChrome Contentどっちの設定も効かなくなった

>>452
強制的にマルチスレッド有効にすると、そうなる。

>>453
さっき自分でも気づいたけどそうみたいね・・・
せっかくの機能がつかえねえ

>>452
Stylish入れるべきでは？

そもそもuserChrome.cssは本体の機能だろ

で？

>>451
ttp://zubolla.blog.fc2.com/blog-entry-289.html
こういうこと?

>>458
うーん、ちょっと違うみたい。

>>451 >>459
Hide Caption Titlebar Plusは自分も使ってるから興味あるけど
タイトルバー非表示だけならFirefox標準で出来るしHide Caption Titlebar Plusは多機能だよね

・タイトルバーのタイトル表示方法変更
・メニューバーのメニュー文字を非表示、タイトルバーにフロート表示
・アプリケーションボタンの復刻
・closeボタンのデザインと機能変更
・#navigator-toolboxの色変更
・osによっては変更できないシステムボーダー色（#main-windowの外周）の変更

ぱっと思いつくだけでもこれだけあるけど細々としたのは他にもあるし、具体的に何をやりたいか書くかSS頂戴

>>460
＞タイトルバー非表示だけならFirefox標準で出来る
カスタマイズ画面＞タイトルバーだよね。
ONの状態ではタイトルが表示され、パーソナル設定の色で表示されるけど、
OFFの状態ではタイトルは非表示になるけど、タスクバーのの領域はそのまま残りタブバーと同じ色になるんだけど、
何か設定間違ってるの？

>>460
分かりにくいと思うのでスクリーンキャプチャーをアップしましたので、アドバイス方よろしくです。

Hide Caption Titlebar Plus有効時
http://imgur.com/OtLjQnv

タイトルバーOFFの時（Hide Caption Titlebar Plusは無効）
http://imgur.com/nl3ETXg

タイトルバーONの時（Hide Caption Titlebar Plusは無効）
http://imgur.com/btoBg9X

Hide Caption Titlebar Plusはタイトルバーを非表示にするためだけに利用しており、
出来れば使いたくありません。

俺はタイトルバーをカスタムで消したら閉じるとか最小化とかのアイコンはタブのところまで下がって
表示領域が大きくなるんだがこれ見た感じなってないのな

XP か
まあいいやお前がタスクバー（タイトルバー？）の領域と呼んでるのはタブバー (#TabsToolbar) の margin-top

タイトルバーは指してるものが複数あるから
browser.tabs.drawInTitlebar;true の場合の話な

>>462
タイトルバーOFFにして、CSSでマージン詰めれば良いんじゃない
#TabsToolbar {
margin-top: 0px !important;
}

>>463
Hide Caption Titlebar Plus有効時と同じような画面になってるということですか？
新規プロファイルで試しても同じだった。
うーん、分からん。

>>465
おー、ありがとう、うまくいきました。
Hide Caption Titlebar Plusも削除できます。

俺はCSSなんか使わずにタイトルバー消せてるんだが？と思ってセーフモードで調べてみたが
カスタマイズ→タイトルバー　とやってタイトル消した後に　バー右クリ→メニューバー非表示
でタブバー以外の領域全部消えたぞ

>>468
それはウィンドウのサイズモードがマキシマイズドだからじゃ？

>>469
ああなるほど
元のサイズの時はその領域は画面外に出せるからあんま気にしたことなかった

>>275
userContent.css で消えると思うけど。
勿論、正しく書けばの話だが。。

な、age厨だろ

>>472
お前今の2ch初めてか？力抜けよ。

それは関係ないな

このスレには以前から
他力本願ですぐ質問するような他人を利用することしか考えてないクズage厨が定期的に湧き、
それに対し暴言しかはかない拒絶反応が強いアンチage厨が常駐している

>>473
むしろ「な、age厨だろ」の人に絡んでる君こそ初心者なんじゃないのかな？
悪いことは言わん、スルーしとけ

https://userstyles.org/styles/122214/firefox-search-bar-show-engine-names-firefox-43
これ良いね、Old Search Fixedが不用になった。

ゴメン、ちょっと違う。

>>476
・オートコンプリートを消す
・虫眼鏡を既定の検索エンジンのアイコンにする
・search-go-buttonを復活
これらが必要なわけか…

個人的にはオートコンプリートを消すだけでいいかな
search-go-buttonは、Enterキーかマウスジェスチャでいいや

最小化、最大化、閉じるの各ボタンの間隔をゼロにできませんか？
これらのボタンを非表示にする方法でもＯＫです。

>>479
適当

@-moz-document url("chrome://browser/content/browser.xul"){
#main-window {
-moz-appearance: none !important;
background-color:#63b4fb !important;
}
}

>>480
うーん、変化ありません。

>>481
そんならﾜｶﾗﾝ
基本的にOS依存の部分だと思う
ちなみにwin8.1やwin10ではこれで消える

@-moz-document url(

@-moz-document url("chrome://browser/content/browser.xul") {
#titlebar-buttonbox-container {display: none;}
}

うぜえ

>>484
横だが
それだとオレの環境じゃ消えないな
主がそれで消えさえすれば万事おｋではあるが、、

検索バーの虫眼鏡アイコンを右寄せにしたいのですが
可能でしょうか？

>>484
おー、うまくいった。
ありがとう

>>486
微調整は任せるよ

@-moz-document url("chrome://browser/content/browser.xul"){
.searchbar-textbox .autocomplete-textbox-container{
-moz-box-ordinal-group: 1 !important;
}
.searchbar-textbox .textbox-input-box{
-moz-box-ordinal-group: 2 !important;
}
.searchbar-textbox box{
-moz-box-ordinal-group: 3 !important;
}
.searchbar-textbox .search-go-container{
-moz-box-ordinal-group: 4 !important;
}
}

すまんミスった
@-moz-document url("chrome://browser/content/browser.xul"){
.searchbar-textbox .textbox-input-box{
-moz-box-ordinal-group: 1 !important;
}
.searchbar-textbox box{
-moz-box-ordinal-group: 2 !important;
}
.searchbar-textbox .search-go-container{
-moz-box-ordinal-group: 3 !important;
}
}

>>489
ありがとうございました。
おかげさまで、望んでいたデザインを実現することができました。

http://i.imgur.com/P9tBk0e.png

6日辺りからuserstyles.orgの検索がまともに機能しなくなって困る
ソートでupdated dateを選択しても、一番上が6日更新でその下に8日更新のが来たりする状態だし、
トップページにあるThe Newestに出てるやつが、More themesをクリックしてもソートでcreated dateを選択しても出てこず、
最新が6日のまま

>>491
http://www.ghacks.net/2016/10/09/stylish-and-userstyles-org-have-a-new-owner
オーナーが変わったとかでごたごたしてるっぽいね
英語でさっぱりわからんけど。
サーバの移管でもしてるのかしらん。
ここ数日、ここに登録してるCSSの更新とかしてたんだけど、今日、
一つのスタイルが消滅して、一つのスタイルがちょっと前の版にロールバックしてて青ざめました。

サイトはいいけど Stylish に余計なことしないのを祈るばかり

<div class="AAA">
<div class="AAA">
<div class="AAA">
<div class="AAA">
<div class="AAA">
<div class="AAA">

みたいに同じ名前のものがならんでるときに上から三つ目だけを{display: none !important;}
どうすればいいの？ 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)

:nth-of-type(n)

nth 系はある class の中の三番目みたいなのには使えんから注意が必要やね
構造次第では同じ結果になるけど