トップページsoftware
1001コメント311KB

userChrome.css・userContent.cssスレ Part4

■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。2014/05/16(金) 10:16:22.11ID:4llsQKsX0
●前スレ
http://anago.2ch.net/test/read.cgi/software/1369968883/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/

●スクリプト
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/

CSS | MDN
https://developer.mozilla.org/en-US/docs/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0460名無しさん@お腹いっぱい。2014/10/21(火) 23:04:58.78ID:VotWyK/Z0
>>459
横から

もうちょいスリムにしたい感じに思えたので-7でセットして○が切れないカツカツの範囲
margin-top: -7px !important;
margin-bottom: -7px !important
0461名無しさん@お腹いっぱい。2014/10/21(火) 23:07:53.33ID:VotWyK/Z0
ごめん
-7だとページ遷移したとき切れるわ
-6が良い感じだな
ちょい太いが
0462名無しさん@お腹いっぱい。2014/10/21(火) 23:18:50.70ID:nYN/rb1Y0
http://i.imgur.com/UV21aw1.png

で、他にもあれこれやってこんな感じかな
0463名無しさん@お腹いっぱい。2014/10/21(火) 23:25:14.46ID:U+5qMq8R0
/* ナビゲーションツールバーの高さを調整する */
#back-button {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
padding-top: 0;
padding-bottom: 0;
}

ネガティブマージンはあまり使いたくない派
0464名無しさん@お腹いっぱい。2014/10/22(水) 14:32:30.41ID:ORUzwVKE0
ううむ
0465名無しさん@お腹いっぱい。2014/10/22(水) 16:08:51.16ID:piYU3Gvc0
ピン留めタブをスリムにするCSSお願いします
0466名無しさん@お腹いっぱい。2014/10/22(水) 17:18:25.53ID:YYOkg51V0
Firefox32までだと以下のcssで滑らかに違和感なく使えていたのですが
Firefox33だとナビゲーションツールバーにめり込むようにしてブックマークツールバーが隠れるようになり非常に違和感があります
Firefox32と同様の動きにしたいのですがどこを直せばいいでしょうか

/*ナビゲーションツールバーとブックマークツールバーの背景を透明にする*/
#PersonalToolbar { background-color: RGBA(213, 213, 213, 0.7) !important; }
#nav-bar{ background: none !important;}
/*ブックマークツールバーをマウスオーバーで自動開閉する*/
#navigator-toolbox {
position: relative; border-bottom: none !important; overflow: visible!important;}
#PersonalToolbar {
width: 100%; min-height: 0px !important; height: 0px !important; overflow: hidden !important; position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid threedshadow !important;
-moz-transition-property: all;
-moz-transition-delay: 1.0s;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease;
}
#navigator-toolbox:hover > #PersonalToolbar {
min-height: 27px !important;
height: 27px !important;
bottom: -27px;
-moz-transition-property: all;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease;
}
0467名無しさん@お腹いっぱい。2014/10/22(水) 19:51:16.22ID:3yxCCKGT0
>>466
Bug 867317 - Implement transition for showing and hiding toolbars
https://hg.mozilla.org/releases/mozilla-release/diff/4a9dfa33774d/browser/themes/windows/browser.css

transitionに!importantをつけるなりして上記スタイルを上書きすればいい
0468名無しさん@お腹いっぱい。2014/10/22(水) 20:35:23.29ID:j8LBLvnj0
>>466
mouseover-open-bookmark-folder.uc.js
0469名無しさん@お腹いっぱい。2014/10/22(水) 21:44:32.93ID:sWia/lpd0
え?
0470名無しさん@お腹いっぱい。2014/10/22(水) 22:59:15.48ID:5jGdUeO30
タブを四角くするスタイルがいくつかありますが
画像を使って置き換えるものとcssでコツコツ修正しているのでは
どちらがパフォーマンス的にいいのでしょうか
0471名無しさん@お腹いっぱい。2014/10/22(水) 23:07:15.04ID:4nOG2rFx0
とりあえずcssだけで十分満足
それより>>389が欲しくてたまらん
0472名無しさん@お腹いっぱい。2014/10/22(水) 23:44:34.67ID:1O45O51x0
>>459-464
ありがとうございました。
まだ微妙に狙ったとおりにならない所があって、引き続き試行錯誤しています。

そもそも toolbarbutton-1 が何を意味してるのかググっても意味が分からないですし。
0473名無しさん@お腹いっぱい。2014/10/23(木) 00:06:45.81ID:I1LdmAtW0
ググったら普通に出てくるのに?
0474名無しさん@お腹いっぱい。2014/10/23(木) 00:23:38.30ID:Z97srMdO0
>>472
ハイフン入った語をググるときは "" で囲むんだよ

Creating toolbar buttons (Customize Toolbar Window) - Mozilla | MDN
https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Toolbars/Creating_toolbar_buttons

XUL要素 | Firefoxアドオン開発
http://so-zou.jp/add-on/tech/firefox/ui/xul/elements/
0475名無しさん@お腹いっぱい。2014/10/23(木) 00:45:21.75ID:RzXNzuT70
>>467
全部にimportant付けてとりあえず以前の動きを取り戻せました
ありがとうございました
0476名無しさん@お腹いっぱい。2014/10/23(木) 01:16:03.74ID:yom/mRIG0
>>462
about:addonsの並び
スクショのまんまにするcss
よければ教えて下さいm(_ _)m

あとAddonPage.uc.jsはどちらのものをお使いになってます?
それアイコンがシンプルで羨ましい……
アイコン自作で差し替えですか?
0477名無しさん@お腹いっぱい。2014/10/23(木) 01:23:10.54ID:m7dK3xk70
-moz-box-ordinal-group
0478名無しさん@お腹いっぱい。2014/10/23(木) 08:40:26.90ID:hkjuR65p0
>>476
@-moz-document url("about:addons") {
#category-availableUpdates {-moz-box-ordinal-group: 1;}
#category-recentUpdates {-moz-box-ordinal-group: 2;}
#category-extension {-moz-box-ordinal-group: 3;}
#category-userstyle {-moz-box-ordinal-group: 4;}
#category-greasemonkey-user-script {-moz-box-ordinal-group: 5;}
#category-userchromejs {-moz-box-ordinal-group: 6;}
#category-plugin {-moz-box-ordinal-group: 7;}
#category-theme {-moz-box-ordinal-group: 8;}
#category-locale {-moz-box-ordinal-group: 9;}
#category-service {-moz-box-ordinal-group: 10;}
#category-discover {-moz-box-ordinal-group: 11;}
}

↑こんな感じ。

http://u6.getuploader.com/script/download/1341/AddonsPage.uc.js

↑変更したやつうpしてみた。これはFugueアイコンだったかな
自分で用意したアイコンをオンラインとかでbase64変換すると好きなのに変更できるよ
580行目あたり
0479名無しさん@お腹いっぱい。2014/10/23(木) 12:00:09.57ID:a+hZxWF10
palemoonでfindbarを右上に持ってきたいんですけど、そういうcssありますか?
リンク先のでは25以降にしか適用できません。
クローム風のとかはあったんですけど、そこだけクロームっぽくなっても浮いてしまうので。

https://userstyles.org/styles/93867/findbar-on-top-right
0480名無しさん@お腹いっぱい。 転載せんといてや ©2ch.net2014/10/23(木) 12:05:44.29ID:rOWTfr1c0
>>479
ある
0481名無しさん@お腹いっぱい。2014/10/23(木) 12:08:37.29ID:a+hZxWF10
>>480
教えろ下さい、お願いします。
04824762014/10/23(木) 12:10:40.55ID:wxV/EN900
>>476
丁寧にありがとうございますm(_ _)m
AddonsPage.uc.js 2014.09.11版でも580行目変更でアイコン変更できました!!
about:addonsの並び替えもできました!!

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

とりあえずイメージ的にわかりやすいmozdev.orgのfaviconにしてみましたが…
ちょっと微妙なのでいろいろ変えて遊んでみます
ちょうど配布開始されたGoogleの「Material Design Icons」辺りに良いのがあればいいなー
04834762014/10/23(木) 12:25:41.95ID:wxV/EN900
>>482>>478さんへです
ミスりました…orz
04844792014/10/23(木) 17:54:13.33ID:a+hZxWF10
findbar move cssで検索したらありました。
0485名無しさん@お腹いっぱい。2014/10/23(木) 21:24:16.14ID:b+HWPmYq0
検索バーにフォーカスが当たった時に幅を自動で広げたいのですが、
ナビゲーションツールバーからはみ出して、勝手に>>マークで折りたたまれてしまいます。

.searchbar-textbox[focused] {
min-width: 500px !important;
max-width: 500px !important;
}

検索バーを広げた分だけURLバーを縮めるにはどうすれば良いでしょうか?
0486名無しさん@お腹いっぱい。2014/10/23(木) 21:30:54.01ID:fhcIskjh0
min/max 要らなくね
0487名無しさん@お腹いっぱい。2014/10/23(木) 21:42:18.76ID:b+HWPmYq0
それだと何も変化しません。何故かは分かりませんけど。

.searchbar-textbox[focused] {
width: 500px !important;
}
0488名無しさん@お腹いっぱい。2014/10/23(木) 22:40:09.66ID:J2OflIHK0
>>487
http://mxr.mozilla.org/mozilla-release/source/browser/base/content/browser.css#316

#url/search-containerのmin-widthに手を加えてnavbarにoverflowが
起こらないようにする
0489名無しさん@お腹いっぱい。2014/10/23(木) 23:21:39.00ID:cu+EsysR0
>>487
まじでー?
俺それでできたけどな
0490名無しさん@お腹いっぱい。2014/10/24(金) 00:30:43.82ID:x/xJ5awO0
>>488
ありがとうございます!! 今日はちょっと出来ないので明日やってみます。

>>489
念のためStylish以外のアドオンを全て無効にしてみたけどやはり min- max- で指定しないと無反応でした。
0491名無しさん@お腹いっぱい。2014/10/24(金) 17:55:11.24ID:ga1J+rOR0
お伺いします。
GoogleMapで新しいマップに馴染めず以前のマップを使用していますが
検索バーの部分を新しいマップのように透過にしたいです。
もしくはGoogleのロゴも含めて元の60pxから30px程度に縮めたいと思っています。

「.onegoogle」と「.gb_Pb」の要素にheightで高さを指定したら下からは縮んでくれました。
しかし上から縮めるのとロゴを小さくするのがわかりません。
それとこれで高さを詰めると左上のパネルを出し入れする「<」「>」も一緒に上がってクリックできなくなります。
これらを解決できる方法があればアドバイスを下さい。
0492名無しさん@お腹いっぱい。2014/10/25(土) 20:39:02.61ID:NCRl9JPY0
ツールバーボタンの大きさ?を固定したいのですがどう書けばいいですか?
一部アドオンのボタンが大きくてナビバーが上下に広がってしまって...
0493名無しさん@お腹いっぱい。2014/10/25(土) 21:23:56.96ID:hcO0MwAU0
自分もDFTとか大きく化けるのどうにかしたいな
0494名無しさん@お腹いっぱい。2014/10/25(土) 21:49:30.03ID:aiU/MN9o0
>>493
DFTってのはDocument Font Toggleのこと?
だったらcssあるいは拡張でボタンをデフォルトより小さくしてるんじゃないかな
その場合、以下のスタイルをどうにかしないと小さくしてる他のボタンと違った外観になる
http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/browser.css#692
0495名無しさん@お腹いっぱい。2014/10/25(土) 22:14:05.70ID:WRerMdhR0
アドオンによっては馬鹿でかく間延びするアイコンあるね
これとかね → https://zenmate.com/

前はこれでいけてたんだけどなあ
違うCSSなんかな

/* ツールバー内のアイコン調整 */
#PanelUI-menu-button > .toolbarbutton-icon {
padding: 3px 7px !important;
}
0496名無しさん@お腹いっぱい。2014/10/26(日) 11:15:02.25ID:m8+kJDg+0
Thunderbird 31.2.0でタブバーの霧を消したいのですが、どう書けばよいでしょうか?
0497名無しさん@お腹いっぱい。2014/10/26(日) 14:44:43.42ID:EkR8p7vS0
>>495
試してみたけど別に間延びしないぞ
0498名無しさん@お腹いっぱい。2014/10/26(日) 16:16:27.98ID:OBkgYJU50
ナビバーの高さをheight: 24pxとかで固定すればいいのかな
0499名無しさん@お腹いっぱい。2014/10/27(月) 12:41:04.48ID:i1l+NKvt0
24px て
0500名無しさん@お腹いっぱい。2014/10/27(月) 14:11:57.49ID:UR4tbYLu0
31pxだね
やってみたけどこれでもいいみたい
0501名無しさん@お腹いっぱい。2014/10/27(月) 14:14:55.21ID:0QGVv/4R0
>>497
ツールバーの幅を細く詰めてたりすると弊害が起こるんじゃないかな
0502名無しさん@お腹いっぱい。2014/10/27(月) 14:36:51.88ID:i1l+NKvt0
>>501
完全おま環じゃないですかー、やだー
0503名無しさん@お腹いっぱい。2014/10/27(月) 19:50:20.92ID:mUtTJO7X0
タブのオーバーフロウを止めるcssがきかなくなってたのに気づいたんですが
修正法を伝授してください

.tabbrowser-tab:not([pinned=true])[fadein] { min-width: 40px !important; }
0504名無しさん@お腹いっぱい。2014/10/27(月) 21:58:33.83ID:5KdiBxJH0
>>488
その後の報告です。

Firefoxのウインドウ横幅が広ければ意図通りに動作するのですが、
ウインドウが狭い時は、やはり検索バーがアクティブになった瞬間に隠れてしまいます。

−−−散々の試行錯誤の結果↓−−−

#urlbar-container {
min-width: 0px !important;
}

#search-container {
min-width: 0px !important;
}

.searchbar-textbox[focused] {
min-width: 500px !important;
max-width: 500px !important;
}

「ウインドウ横幅が狭い時に検索バーがアクティブになったらURLバーの横幅をゼロにして、検索バーはできる限り広く表示する」
・・・というのが理想なのですが、cssでは無理なのかもしれませんね。

とりあえず諦めることにします。
ありがとうございました。
0505名無しさん@お腹いっぱい。2014/10/28(火) 09:26:10.37ID:lkAf8vmT0
#search-container,
.searchbar-textbox {
min-width: 0 !important;
}

.searchbar-textbox[focused] {
width: 500px !important;
}

こうじゃね

#urlbar-container はどうなんだろうな
0 にしてバー内のボタンは #urlbar[focused] 以外の時非表示とか
identity なんちゃらとかボタンとかの分だけ width 取っておくか

最悪 position: fixed っていう力技もあるけど
0506名無しさん@お腹いっぱい。2014/10/28(火) 18:20:00.33ID:EGRix5ox0
Fx29以前のような小さいアイコンモードにするcss教えてください
CTRの中身見てicons〜ってあるcss適用してもめちゃくちゃになっちゃいます
0507名無しさん@お腹いっぱい。2014/10/28(火) 18:45:48.28ID:oJcRTm4S0
過去ログにたんまり書いてある
0508名無しさん@お腹いっぱい。2014/10/28(火) 19:23:59.96ID:0hNLv/0B0
>>504
@mediaで切り分ければいいんじゃないの
検索バーがアクティブになった瞬間に隠れてしまうウィンドウの狭さを境界にするとか
#urlbar-container {
min-width: 0px !important;
}
@media (min-width: 630px) {
#search-container {
min-width: 0px !important;
}
.searchbar-textbox[focused] {
min-width: 500px !important;
max-width: 500px !important;
}
}
@media (max-width: 629px) {
.searchbar-textbox[focused] {
width:-moz-available !important;
}
#urlbar > :-moz-any(#identity-box,#notification-popup-box,#urlbar-display-box,
.urlbar-history-dropmarker,.chromeclass-toolbar-additional){
visibility: collapse;
}
#urlbar > .urlbar-textbox-container > .urlbar-input-box{
padding-left:8px;
}
}
0509名無しさん@お腹いっぱい。2014/10/28(火) 21:43:17.25ID:0hNLv/0B0
訂正
#urlbar > :-moz-any(#identity-box,#notification-popup-box,#urlbar-display-box,
.urlbar-history-dropmarker,.chromeclass-toolbar-additional){

#urlbar > :not(.urlbar-textbox-container){
0510名無しさん@お腹いっぱい。2014/10/28(火) 22:29:59.51ID:G8SHh4aV0
urlバーテキストの滲み直らんかな
#nav-bar * {clip-path: none !important;}とすると直るけど
戻る進むボタンがおかしくなる
0511名無しさん@お腹いっぱい。2014/10/29(水) 07:24:16.33ID:CjnINM5V0
滲みなんかないけど
てかどんなやつよ
0512名無しさん@お腹いっぱい。2014/10/29(水) 07:30:21.04ID:CjnINM5V0
あと戻る進むボタンに効くのが嫌なら #nav-bar じゃなくて #urlbar 使えば?
0513名無しさん@お腹いっぱい。2014/10/29(水) 09:16:16.20ID:bg2nJRxf0
>>510
layers.offmainthreadcomposition.enabled を false へ変更
0514名無しさん@お腹いっぱい。2014/10/29(水) 09:16:19.27ID:94pc3L6B0
> #nav-bar じゃなくて #urlbar 使えば?
back-buttonのclip-pathは#urlbar-wrapperに掛かってる
「#nav-bar *」で全称使ってるから#urlbar-wrapperに適用されるわけで
#urlbarに変えたら意味ない
http://mxr.mozilla.org/mozilla-release/source/browser/themes/windows/browser.css#1175

「urlバーテキストの滲み」云々と関係あるのかは知らない
0515名無しさん@お腹いっぱい。2014/10/29(水) 13:31:44.35ID:WhcChrm30
>>513
最初からfalseに設定してたけどダメみたい

上がデフォで下が#nav-bar * {clip-path: none !important;}を適用したもの
http://i.imgur.com/JUXuHKD.png
0516名無しさん@お腹いっぱい。2014/10/29(水) 17:03:52.36ID:ic97zclw0
Googleの検索結果を弄るcssを入れてるとgoogleイメージを開くと表示が崩れてしまうのですが、googleイメージだけ非適用にする方法ってないですかね?
0517名無しさん@お腹いっぱい。2014/10/29(水) 17:29:00.72ID:C3MtUW0L0
>>516
適応させるドメインが google.co.jp になってれば www.google.co.jp にする
0518名無しさん@お腹いっぱい。2014/10/29(水) 18:53:26.04ID:ic97zclw0
>>517
確認してみたら最初からwww.google.co.jpだったです
Google検索とGoogleイメージって最初のURLが一緒だから無理なのかなぁ
0519名無しさん@お腹いっぱい。2014/10/29(水) 19:02:04.39ID:dDHguTk20
前方一致にすればいいだけだろ
0520名無しさん@お腹いっぱい。2014/10/29(水) 19:07:22.88ID:94pc3L6B0
>>518
@-moz-document regexp('https://www\\.google\\.co\\.jp/(?!imghp).*') {}
0521名無しさん@お腹いっぱい。2014/10/29(水) 19:30:02.05ID:ic97zclw0
>>520
除外の書き方勉強になりました!ありがとうございます。
imghpがGoogleイメージ検索のパラメータなんですよね?
例えばGoogle検索をしたあと検索結果画面で画像をクリックした場合、URLにはimghpが含まれないのですがそういう場合はどうしたらいいのでしょうか?
URLはこんな感じです
https://www.google.co.jp/search?q=aa&;num=30&safe=off&hl=ja&source=lnms&tbm=isch&sa=X&ei=AMFQVP7DMcTDmwW004GwDw&ved=0CAgQ_AUoAQ
0522名無しさん@お腹いっぱい。2014/10/29(水) 19:30:02.45ID:kMA4rM4V0
>>518
@-moz-document regexp('https://www\\.google\\.co\\.jp/(?!.*tbm=isch).*') {}
0523名無しさん@お腹いっぱい。2014/10/29(水) 19:33:35.94ID:ic97zclw0
>>522
書き込んだ途端答えが書き込まれた!!
どうもありがとうございました!
0524名無しさん@お腹いっぱい。2014/10/30(木) 19:30:16.52ID:nlrzpvBd0
タブバーの左端の無駄スペースを無くすCSSお願いします
userstyle.orgにあるのですがタブ数が増えてスクロールボタンが出だすとピンタブの表示が変になります
0525名無しさん@お腹いっぱい。2014/10/30(木) 20:32:01.60ID:/RTvHEaw0
>>524
>>447-
0526名無しさん@お腹いっぱい。2014/10/30(木) 20:40:26.14ID:mppRR4cD0
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]),
#tabbrowser-tabs:not([positionpinnedtabs]) > .tabbrowser-tab[first-tab="true"]:not([pinned]){
-moz-margin-start:-15px;
}
0527名無しさん@お腹いっぱい。2014/10/30(木) 20:40:42.86ID:nlrzpvBd0
右端じゃなく左端...
0528名無しさん@お腹いっぱい。2014/10/30(木) 20:47:15.91ID:nlrzpvBd0
>>526
書き込んだ途端答えが書き込まれた!!
どうもありがとうございました!
0529名無しさん@お腹いっぱい。2014/10/31(金) 21:34:00.72ID:uS2Smgsa0
タブとfoxage2chの一覧でだけ[転載禁止]を消すcss教えてください
タブの横幅小さくしてるとタブ見ても何のスレかわからなくて不便でして…
0530名無しさん@お腹いっぱい。2014/10/31(金) 21:36:48.97ID:y1Rdj0rx0
>>529
CSSじゃ無理です
0531名無しさん@お腹いっぱい。2014/10/31(金) 21:40:18.04ID:LGQbOib/0
>>529
chaikaスレに行きなんせ
解決策書いてある
0532名無しさん@お腹いっぱい。2014/10/31(金) 21:43:34.22ID:uS2Smgsa0
なるほど ありがとうございます
Chaikaスレ見てきます
0533名無しさん@お腹いっぱい。2014/11/01(土) 07:42:23.92ID:/qF3d1u90
userContent.css って実際のとこみんな何に使ってんの
0534名無しさん@お腹いっぱい。2014/11/01(土) 08:31:02.49ID:Z3a/h0m90
Australisのクソ丸タブを各タブにしてる
0535名無しさん@お腹いっぱい。2014/11/01(土) 08:36:04.16ID:SSO0+2UK0
>>534
それuserChrome.cssの仕事じゃないの?
0536名無しさん@お腹いっぱい。2014/11/01(土) 09:47:16.67ID:595QnSaB0
userContent.cssは主にadblock#_lite.uc.jsで消した広告の要素を潰すのに使っている
同様にiframeもよく消してる
あと消すほどじゃないけど冗長で鬱陶しい要素をマウスオーバーで開閉するように無理矢理書き換えたり
逆に見辛い要素のwidthを強引に広げたりフォントを弄ったり等
他には入力欄のime-mode指定もやってるな
あ、あと画像を単体で開いた時の位置と背景色とかgoogleの大改造もuserContent.cssの分野か
0537名無しさん@お腹いっぱい。2014/11/01(土) 10:39:02.07ID:akq99kCM0
>>533
ボールドとレギュラーがファミリーになってないフォントを使う時
CSSでボールドフォントを指定しておくとフォントが綺麗
0538名無しさん@お腹いっぱい。2014/11/01(土) 11:21:01.65ID:xQM+eNA00
ime-modeってかなり有用なコードだと思うけど、
あれってどういう仕組み?cssは奥が深いね
0539名無しさん@お腹いっぱい。2014/11/01(土) 14:04:12.12ID:Yex0xWdH0
>>537
それ多分 Windows での話だろうけど、フォント側を ttfname3.exe とかでいじった方が良くないか
0540名無しさん@お腹いっぱい。2014/11/01(土) 23:05:58.27ID:zRuPB65x0
いいか?
0541名無しさん@お腹いっぱい。2014/11/02(日) 00:29:47.96ID:74Jo3wsVO
いいじゃ〜ないの〜
0542名無しさん@お腹いっぱい。2014/11/02(日) 03:26:02.01ID:JAI1qo7/0
userContent.cssは
#feedHeaderContainer {display:none !important;}
だけだな

他はStylish
0543名無しさん@お腹いっぱい。2014/11/02(日) 11:22:34.62ID:0ciJz7CW0
Super Start :: Add-ons for Firefox
https://addons.mozilla.org/ja/firefox/addon/super-start/
お使いの方いますでしょうか?

http://www.enjoyfreeware.org/superstart/customize

↑最下部「A new look」のCSSを適用するとプレースホルダまで透過されなくなってしまうのですが
プレースホルダを透過させるにはどうすればいいかわかる方いたら教えて欲しいです
0544名無しさん@お腹いっぱい。2014/11/02(日) 13:00:34.16ID:Uj3l7gub0
背景色指定消せば終わり
透過させるだけならね
0545名無しさん@お腹いっぱい。2014/11/02(日) 14:43:42.88ID:OlFmyrpZ0
>>543
https://gist.github.com/cyberscorpio/8525539#file-gistfile1-css-L9
→.site:not(.placeholder) > .site-link > .site-title {

https://gist.github.com/cyberscorpio/8525539#file-gistfile1-css-L19
→.site:not(.placeholder) {
0546名無しさん@お腹いっぱい。2014/11/02(日) 15:12:37.23ID:0ciJz7CW0
>>544
レスありがとうございます
しかしながらその方法がわからず…orz

で……

>>545
ありがとうございます!!!
プレースホルダ、綺麗に隠れてくれました
CSSはコピペばかりで自分で書けないので適用諦めかけていましたが聞いてみてよかった…

あとはサイズや色変更などの数値変更でどうにかなる部分をわからないなりに弄ってカスタマイズしてみます
0547名無しさん@お腹いっぱい。2014/11/03(月) 13:45:36.15ID:BYdzAXHf0
>>543
>>545
スーパースタートこんなのあったのか、いただいた。
他にもユーザー側でスタイル公開されてないかとググったけど、英語わからんせいも相まって見つけられなかった。

誰か暇だったら『俺のこれどうよ?』と晒してくれ。
0548名無しさん@お腹いっぱい。2014/11/03(月) 22:58:21.19ID:mQqGeHKo0
CTRから小さいアイコンにするcss使ってみたのですが
navbarにABPのアイコン置くと幅広になっちゃいます
修正するコード教えてください
0549名無しさん@お腹いっぱい。2014/11/04(火) 13:37:40.57ID:nEc94UOL0
現行ver.からボタンをクリックした際にウニョンてエフェクトみたいのがかかるようになったけど
あれをメニューバーのファイル・編集・表示…の文字をクリックした際のメニューにも適用させたいんだけど
そういうのってCSSでできるの?切りたいのではなく適用させたい
詳細教えろください
0550名無しさん@お腹いっぱい。2014/11/04(火) 16:57:23.32ID:WauryjxZ0
transitionをお勉強なさればできるのでは
0551名無しさん@お腹いっぱい。2014/11/05(水) 09:56:33.76ID:EDsL2LVR0
最近いつもの常駐の教えて君以外にも努力しない教えて君増えすぎw

とりあえず質問する前にこれ↓使えるようになってくれ
http://firefox.geckodev.org/?DOM%20inspector

つーかそろそろテンプレにDOM inspectorを入れてほしい
0552名無しさん@お腹いっぱい。2014/11/05(水) 10:02:16.28ID:yZrTWHNR0
ほっとけ
0553名無しさん@お腹いっぱい。2014/11/07(金) 15:09:24.25ID:8YFzmTBQ0
sage
0554名無しさん@お腹いっぱい。2014/11/14(金) 19:00:17.15ID:FHLX8/cj0
>>389っぽいのみつけた
https://gist.github.com/Ede123/5a5dba30bcc2c8d3826b
0555名無しさん@お腹いっぱい。2014/11/14(金) 19:53:19.73ID:Pgy/HjQI0
>>549
それ質問スレで逆に切る方向で聞いたんだけど同じように
したり顔でtransitionとしか返答ないからもう一回聞いてみた
CSSでやるのは簡単だけどさそうではなくて
about:configの真偽値変えるだけで切ったり付けたり出来るはずなんだけどなあ
0556名無しさん@お腹いっぱい。2014/11/14(金) 20:22:38.13ID:d8oyw6hR0
about:configでanimと検索すれば・・・
0557名無しさん@お腹いっぱい。2014/11/14(金) 20:39:05.10ID:lk1iBqvJ0
Bug 984589 - Doorhanger/panelui menus have animations. There should be an option to disable them completely to appear instantly.
https://bugzilla.mozilla.org/show_bug.cgi?id=984589
0558名無しさん@お腹いっぱい。2014/11/14(金) 20:41:10.95ID:lk1iBqvJ0
http://mxr.mozilla.org/mozilla-release/source/toolkit/content/xul.css#411[以下]
0559名無しさん@お腹いっぱい。2014/11/14(金) 21:00:26.81ID:N+TNYtzM0
>>554
そういやこれ便乗で自分も書いたなぁ
clip-pathに気付くまで5分くらい格闘した記憶がある
■ このスレッドは過去ログ倉庫に格納されています