userChrome.css・userContent.cssスレ Part4
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん＠お腹いっぱい。
2014/05/16(金) 10:16:22.11ID:4llsQKsX0http://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/
0456名無しさん＠お腹いっぱい。
2014/10/20(月) 23:58:34.27ID:cq5Tmaxz0いつもありがとうございます。
大変に助かります。
#context_closeTabsToTheEnd
と
*menuitem[label="右側のタブをすべて閉じる"]
が
働きとしては同じ。
display: none の逆として今回の場合は display: inline で良い。
などいろいろ勉強になりました。
0457名無しさん＠お腹いっぱい。
2014/10/21(火) 00:26:39.72ID:+Hb6O7m40表示的にはなんも変わらんけど
0458名無しさん＠お腹いっぱい。
2014/10/21(火) 22:45:23.57ID:vQK49UbC0「戻る」ボタンの上下と左が切れないようにするにはどうすれば良いでしょうか？
図で説明
https://lh4.googleusercontent.com/-5wI61Ia8Czc/VEZiNH1dlgI/AAAAAAABGLE/Na6kRG13zRw/s0/firefox_australis_navbar_2.png
/* ナビゲーションツールバーの高さを調整する */
#navigator-toolbox #nav-bar .toolbarbutton-1 {
padding: 0px 0px !important; ←★
}
#navigator-toolbox #nav-bar {
padding: 2px 3px !important;
}
★の部分に 1px 1px を指定すると、URLバー（白地の部分）まで影響を受けてしまいます。
「戻る」ボタンの円の部分だけを修整出来ないでしょうか？
（browser.cssを見てもどうしても分からないのです）
0459名無しさん＠お腹いっぱい。
2014/10/21(火) 22:55:57.98ID:nYN/rb1Y0Firefox Small Icons - userstyles.org
https://userstyles.org/styles/100548/
↑これちょうど良かった
スレチかもしれんが参考にどぞ
0460名無しさん＠お腹いっぱい。
2014/10/21(火) 23:04:58.78ID:VotWyK/Z0横から
もうちょいスリムにしたい感じに思えたので-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で、他にもあれこれやってこんな感じかな
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:ORUzwVKE00465名無しさん＠お腹いっぱい。
2014/10/22(水) 16:08:51.16ID:piYU3Gvc00466名無しさん＠お腹いっぱい。
2014/10/22(水) 17:18:25.53ID:YYOkg51V0Firefox33だとナビゲーションツールバーにめり込むようにしてブックマークツールバーが隠れるようになり非常に違和感があります
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:3yxCCKGT0Bug 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:j8LBLvnj0mouseover-open-bookmark-folder.uc.js
0469名無しさん＠お腹いっぱい。
2014/10/22(水) 21:44:32.93ID:sWia/lpd00470名無しさん＠お腹いっぱい。
2014/10/22(水) 22:59:15.48ID:5jGdUeO30画像を使って置き換えるものとcssでコツコツ修正しているのでは
どちらがパフォーマンス的にいいのでしょうか
0471名無しさん＠お腹いっぱい。
2014/10/22(水) 23:07:15.04ID:4nOG2rFx0それより>>389が欲しくてたまらん
0472名無しさん＠お腹いっぱい。
2014/10/22(水) 23:44:34.67ID:1O45O51x0ありがとうございました。
まだ微妙に狙ったとおりにならない所があって、引き続き試行錯誤しています。
そもそも toolbarbutton-1 が何を意味してるのかググっても意味が分からないですし。
0473名無しさん＠お腹いっぱい。
2014/10/23(木) 00:06:45.81ID:I1LdmAtW00474名無しさん＠お腹いっぱい。
2014/10/23(木) 00:23:38.30ID:Z97srMdO0ハイフン入った語をググるときは "" で囲むんだよ
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全部にimportant付けてとりあえず以前の動きを取り戻せました
ありがとうございました
0476名無しさん＠お腹いっぱい。
2014/10/23(木) 01:16:03.74ID:yom/mRIG0about:addonsの並び
スクショのまんまにするcss
よければ教えて下さいm(_ _)m
あとAddonPage.uc.jsはどちらのものをお使いになってます？
それアイコンがシンプルで羨ましい……
アイコン自作で差し替えですか？
0477名無しさん＠お腹いっぱい。
2014/10/23(木) 01:23:10.54ID:m7dK3xk700478名無しさん＠お腹いっぱい。
2014/10/23(木) 08:40:26.90ID:hkjuR65p0@-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
↑変更したやつうｐしてみた。これはFugueアイコンだったかな
自分で用意したアイコンをオンラインとかでbase64変換すると好きなのに変更できるよ
580行目あたり
0479名無しさん＠お腹いっぱい。
2014/10/23(木) 12:00:09.57ID:a+hZxWF10リンク先のでは25以降にしか適用できません。
クローム風のとかはあったんですけど、そこだけクロームっぽくなっても浮いてしまうので。
https://userstyles.org/styles/93867/findbar-on-top-right
0480名無しさん＠お腹いっぱい。 転載せんといてや ©2ch.net
2014/10/23(木) 12:05:44.29ID:rOWTfr1c0ある
0481名無しさん＠お腹いっぱい。
2014/10/23(木) 12:08:37.29ID:a+hZxWF10教えろ下さい、お願いします。
0482476
2014/10/23(木) 12:10:40.55ID:wxV/EN900丁寧にありがとうございますm(_ _)m
AddonsPage.uc.js 2014.09.11版でも580行目変更でアイコン変更できました!!
about:addonsの並び替えもできました!!
http://i.imgur.com/kZWrfqm.png
とりあえずイメージ的にわかりやすいmozdev.orgのfaviconにしてみましたが…
ちょっと微妙なのでいろいろ変えて遊んでみます
ちょうど配布開始されたGoogleの「Material Design Icons」辺りに良いのがあればいいなー
0484479
2014/10/23(木) 17:54:13.33ID:a+hZxWF100485名無しさん＠お腹いっぱい。
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:fhcIskjh00487名無しさん＠お腹いっぱい。
2014/10/23(木) 21:42:18.76ID:b+HWPmYq0.searchbar-textbox[focused] {
width: 500px !important;
}
0488名無しさん＠お腹いっぱい。
2014/10/23(木) 22:40:09.66ID:J2OflIHK0http://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まじでー？
俺それでできたけどな
0490名無しさん＠お腹いっぱい。
2014/10/24(金) 00:30:43.82ID:x/xJ5awO0ありがとうございます！！ 今日はちょっと出来ないので明日やってみます。
>>489
念のためStylish以外のアドオンを全て無効にしてみたけどやはり min- max- で指定しないと無反応でした。
0491名無しさん＠お腹いっぱい。
2014/10/24(金) 17:55:11.24ID:ga1J+rOR0GoogleMapで新しいマップに馴染めず以前のマップを使用していますが
検索バーの部分を新しいマップのように透過にしたいです。
もしくはGoogleのロゴも含めて元の60pxから30px程度に縮めたいと思っています。
「.onegoogle」と「.gb_Pb」の要素にheightで高さを指定したら下からは縮んでくれました。
しかし上から縮めるのとロゴを小さくするのがわかりません。
それとこれで高さを詰めると左上のパネルを出し入れする「＜」「＞」も一緒に上がってクリックできなくなります。
これらを解決できる方法があればアドバイスを下さい。
0492名無しさん＠お腹いっぱい。
2014/10/25(土) 20:39:02.61ID:NCRl9JPY0一部アドオンのボタンが大きくてナビバーが上下に広がってしまって...
0493名無しさん＠お腹いっぱい。
2014/10/25(土) 21:23:56.96ID:hcO0MwAU00494名無しさん＠お腹いっぱい。
2014/10/25(土) 21:49:30.03ID:aiU/MN9o0DFTってのは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+00497名無しさん＠お腹いっぱい。
2014/10/26(日) 14:44:43.42ID:EkR8p7vS0試してみたけど別に間延びしないぞ
0498名無しさん＠お腹いっぱい。
2014/10/26(日) 16:16:27.98ID:OBkgYJU500499名無しさん＠お腹いっぱい。
2014/10/27(月) 12:41:04.48ID:i1l+NKvt00500名無しさん＠お腹いっぱい。
2014/10/27(月) 14:11:57.49ID:UR4tbYLu0やってみたけどこれでもいいみたい
0501名無しさん＠お腹いっぱい。
2014/10/27(月) 14:14:55.21ID:0QGVv/4R0ツールバーの幅を細く詰めてたりすると弊害が起こるんじゃないかな
0502名無しさん＠お腹いっぱい。
2014/10/27(月) 14:36:51.88ID:i1l+NKvt0完全おま環じゃないですかー、やだー
0503名無しさん＠お腹いっぱい。
2014/10/27(月) 19:50:20.92ID:mUtTJO7X0修正法を伝授してください
.tabbrowser-tab:not([pinned=true])[fadein] { min-width: 40px !important; }
0504名無しさん＠お腹いっぱい。
2014/10/27(月) 21:58:33.83ID:5KdiBxJH0その後の報告です。
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.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:EGRix5ox0CTRの中身見てicons〜ってあるcss適用してもめちゃくちゃになっちゃいます
0507名無しさん＠お腹いっぱい。
2014/10/28(火) 18:45:48.28ID:oJcRTm4S00508名無しさん＠お腹いっぱい。
2014/10/28(火) 19:23:59.96ID:0hNLv/0B0@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#nav-bar * {clip-path: none !important;}とすると直るけど
戻る進むボタンがおかしくなる
0511名無しさん＠お腹いっぱい。
2014/10/29(水) 07:24:16.33ID:CjnINM5V0てかどんなやつよ
0512名無しさん＠お腹いっぱい。
2014/10/29(水) 07:30:21.04ID:CjnINM5V00513名無しさん＠お腹いっぱい。
2014/10/29(水) 09:16:16.20ID:bg2nJRxf0layers.offmainthreadcomposition.enabled を false へ変更
0514名無しさん＠お腹いっぱい。
2014/10/29(水) 09:16:19.27ID:94pc3L6B0back-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最初からfalseに設定してたけどダメみたい
上がデフォで下が#nav-bar * {clip-path: none !important;}を適用したもの
http://i.imgur.com/JUXuHKD.png
0516名無しさん＠お腹いっぱい。
2014/10/29(水) 17:03:52.36ID:ic97zclw00517名無しさん＠お腹いっぱい。
2014/10/29(水) 17:29:00.72ID:C3MtUW0L0適応させるドメインが google.co.jp になってれば www.google.co.jp にする
0518名無しさん＠お腹いっぱい。
2014/10/29(水) 18:53:26.04ID:ic97zclw0確認してみたら最初からwww.google.co.jpだったです
Google検索とGoogleイメージって最初のURLが一緒だから無理なのかなぁ
0519名無しさん＠お腹いっぱい。
2014/10/29(水) 19:02:04.39ID:dDHguTk200520名無しさん＠お腹いっぱい。
2014/10/29(水) 19:07:22.88ID:94pc3L6B0@-moz-document regexp('https://www\\.google\\.co\\.jp/(?!imghp).*') {}
0521名無しさん＠お腹いっぱい。
2014/10/29(水) 19:30:02.05ID:ic97zclw0除外の書き方勉強になりました！ありがとうございます。
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@-moz-document regexp('https://www\\.google\\.co\\.jp/(?!.*tbm=isch).*') {}
0523名無しさん＠お腹いっぱい。
2014/10/29(水) 19:33:35.94ID:ic97zclw0書き込んだ途端答えが書き込まれた！！
どうもありがとうございました！
0524名無しさん＠お腹いっぱい。
2014/10/30(木) 19:30:16.52ID:nlrzpvBd0userstyle.orgにあるのですがタブ数が増えてスクロールボタンが出だすとピンタブの表示が変になります
0525名無しさん＠お腹いっぱい。
2014/10/30(木) 20:32:01.60ID:/RTvHEaw0>>447-
0526名無しさん＠お腹いっぱい。
2014/10/30(木) 20:40:26.14ID:mppRR4cD0#tabbrowser-tabs:not([positionpinnedtabs]) > .tabbrowser-tab[first-tab="true"]:not([pinned]){
-moz-margin-start:-15px;
}
0527名無しさん＠お腹いっぱい。
2014/10/30(木) 20:40:42.86ID:nlrzpvBd00528名無しさん＠お腹いっぱい。
2014/10/30(木) 20:47:15.91ID:nlrzpvBd0書き込んだ途端答えが書き込まれた！！
どうもありがとうございました！
0529名無しさん＠お腹いっぱい。
2014/10/31(金) 21:34:00.72ID:uS2Smgsa0タブの横幅小さくしてるとタブ見ても何のスレかわからなくて不便でして…
0530名無しさん＠お腹いっぱい。
2014/10/31(金) 21:36:48.97ID:y1Rdj0rx0CSSじゃ無理です
0531名無しさん＠お腹いっぱい。
2014/10/31(金) 21:40:18.04ID:LGQbOib/0chaikaスレに行きなんせ
解決策書いてある
0532名無しさん＠お腹いっぱい。
2014/10/31(金) 21:43:34.22ID:uS2Smgsa0Chaikaスレ見てきます
0533名無しさん＠お腹いっぱい。
2014/11/01(土) 07:42:23.92ID:/qF3d1u900534名無しさん＠お腹いっぱい。
2014/11/01(土) 08:31:02.49ID:Z3a/h0m900535名無しさん＠お腹いっぱい。
2014/11/01(土) 08:36:04.16ID:SSO0+2UK0それuserChrome.cssの仕事じゃないの？
0536名無しさん＠お腹いっぱい。
2014/11/01(土) 09:47:16.67ID:595QnSaB0同様にiframeもよく消してる
あと消すほどじゃないけど冗長で鬱陶しい要素をマウスオーバーで開閉するように無理矢理書き換えたり
逆に見辛い要素のwidthを強引に広げたりフォントを弄ったり等
他には入力欄のime-mode指定もやってるな
あ、あと画像を単体で開いた時の位置と背景色とかgoogleの大改造もuserContent.cssの分野か
0537名無しさん＠お腹いっぱい。
2014/11/01(土) 10:39:02.07ID:akq99kCM0ボールドとレギュラーがファミリーになってないフォントを使う時
CSSでボールドフォントを指定しておくとフォントが綺麗
0538名無しさん＠お腹いっぱい。
2014/11/01(土) 11:21:01.65ID:xQM+eNA00あれってどういう仕組み？cssは奥が深いね
0539名無しさん＠お腹いっぱい。
2014/11/01(土) 14:04:12.12ID:Yex0xWdH0それ多分 Windows での話だろうけど、フォント側を ttfname3.exe とかでいじった方が良くないか
0540名無しさん＠お腹いっぱい。
2014/11/01(土) 23:05:58.27ID:zRuPB65x00541名無しさん＠お腹いっぱい。
2014/11/02(日) 00:29:47.96ID:74Jo3wsVO0542名無しさん＠お腹いっぱい。
2014/11/02(日) 03:26:02.01ID:JAI1qo7/0#feedHeaderContainer {display:none !important;}
だけだな
他はStylish
0543名無しさん＠お腹いっぱい。
2014/11/02(日) 11:22:34.62ID:0ciJz7CW0https://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:OlFmyrpZ0https://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レスありがとうございます
しかしながらその方法がわからず…orz
で……
>>545
ありがとうございます！！！
プレースホルダ、綺麗に隠れてくれました
CSSはコピペばかりで自分で書けないので適用諦めかけていましたが聞いてみてよかった…
あとはサイズや色変更などの数値変更でどうにかなる部分をわからないなりに弄ってカスタマイズしてみます
0547名無しさん＠お腹いっぱい。
2014/11/03(月) 13:45:36.15ID:BYdzAXHf0>>545
スーパースタートこんなのあったのか、いただいた。
他にもユーザー側でスタイル公開されてないかとググったけど、英語わからんせいも相まって見つけられなかった。
誰か暇だったら『俺のこれどうよ？』と晒してくれ。
0548名無しさん＠お腹いっぱい。
2014/11/03(月) 22:58:21.19ID:mQqGeHKo0navbarにABPのアイコン置くと幅広になっちゃいます
修正するコード教えてください
0549名無しさん＠お腹いっぱい。
2014/11/04(火) 13:37:40.57ID:nEc94UOL0あれをメニューバーのファイル・編集・表示…の文字をクリックした際のメニューにも適用させたいんだけど
そういうのってCSSでできるの？切りたいのではなく適用させたい
詳細教えろください
0550名無しさん＠お腹いっぱい。
2014/11/04(火) 16:57:23.32ID:WauryjxZ00551名無しさん＠お腹いっぱい。
2014/11/05(水) 09:56:33.76ID:EDsL2LVR0とりあえず質問する前にこれ↓使えるようになってくれ
http://firefox.geckodev.org/?DOM%20inspector
つーかそろそろテンプレにDOM inspectorを入れてほしい
0552名無しさん＠お腹いっぱい。
2014/11/05(水) 10:02:16.28ID:yZrTWHNR00553名無しさん＠お腹いっぱい。
2014/11/07(金) 15:09:24.25ID:8YFzmTBQ00554名無しさん＠お腹いっぱい。
2014/11/14(金) 19:00:17.15ID:FHLX8/cj0https://gist.github.com/Ede123/5a5dba30bcc2c8d3826b
0555名無しさん＠お腹いっぱい。
2014/11/14(金) 19:53:19.73ID:Pgy/HjQI0それ質問スレで逆に切る方向で聞いたんだけど同じように
したり顔でtransitionとしか返答ないからもう一回聞いてみた
CSSでやるのは簡単だけどさそうではなくて
about:configの真偽値変えるだけで切ったり付けたり出来るはずなんだけどなあ
■ このスレッドは過去ログ倉庫に格納されています