userChrome.css・userContent.cssスレ Part6©2ch.net
■ このスレッドは過去ログ倉庫に格納されています
●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 .
//
/ / パカ
/ ∩∧__∧
>>1乙 .|(´・ω・) ス
// | ヽ/
" ̄ ̄ ̄ ̄"∪ 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;
} お伺いします
ページ内検索バーを右上に持ってくる
https://userstyles.org/styles/93867/findbar-on-top-right
このスタイルを使ってますがこれを透過させる方法が知りたいです .browserContainer findbar,
#viewSource #FindToolbar {
background: transparent !important;
} 検索バーの各々の検索エンジンの文字色等を変更するのは以下で判ったが、検索エンジンにカーソルが乘った時に文字色等を変更する要素が判らない。
.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バーの中にある地球みたいなアイコンが歪んでしまいます
アイコンを歪ませないようにするにはどうすればいいでしょうか >>17
!important はちゃんと付けてる? >>17
:hoverは両方に追加しても駄目。
!important;は当然記述。 そもそも↓だけでおk
.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;
} >>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 -moz-appearance: menuitem のままで background-color を
適用できれば一番いいと思うのだけど、上手く行かなかった http://i.imgur.com/3ovVPdl.png Organize Search Enginesって今もうないのね。
便利なアドオンだったのに、みんな何に乗り換えたのかしら。 >>27
重ね重ね済みません。
もう問題は解決しました。
>>28
同様の機能のアドオンは存在しませんね。
寂しい限りです。 Context Search系で似たようなことをできるものはあるっぽいな フォルダ分けは他にあるね。
searchpluginのXMLファイルを直接GUIから編集できる機能は唯一無二な気がする。 Stylishのデフォルトエディタ、Tabを勝手に半角スペースにしやがる
余計なことすんなし(´・д・`)モー
前からこうだったっけ? if you don't want tabs expanding to spaces at all and would like real tabs instead, set devtools.editor.expandtab to false tabはwhite spaceにするよ
でないといろいろ面倒なことになる user_pref("extensions.stylish.editor", 1);
で解決しないのか? >>34
おおおできたあ!
ありがたや!
>>37
それは旧エディタか新エディタかというだけじゃなかったっけ? Stylishはスタイル管理画面がabout:addonsに統合されて以降管理がしにくくて仕方ない。
なんかちょっと重い(ソートするだけでどうしてあんなに?)のもそうだけど、
一体どうしてスタイル名からの絞り込み検索ができなくなったのか… >>39
extensions.stylish.buttonStylesDisplay.app: submenu
extensions.stylish.buttonStylesDisplay.siteNonMatching: submenu
にして使っている
show, hide, submenu の値が設定できる
submenu にすると、ツールボタンメニューに App styles と Site styles のサブメニューが表示されて、
スタイル名を選択してコンテキストメニューから 有効/無効, 編集, 削除 が選択できる >>39
> 一体どうしてスタイル名からの絞り込み検索ができなくなったのか…
普通にできるだろ >>39
"Addons Manager Hilite"っていうアドオン使うと少しだけ便利になるかも Firefox40になってからタブの読み込み中のアイコンが青色に変わりましたが
以前の緑色に戻す方法はないでしょうか? すみません、自己解決しました
↓でいけました
.tab-throbber { filter: hue-rotate(-90deg); } >>8
これ使うとナビゲーションバーの各項目が下が切れてしまうんだけど
もうちょい良い調整法ないですかね? /* defaultでの使用を前提(他のスタイルを考慮せず)*/
#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
/*
padding: var(--toolbarbutton-vertical-outer-padding) 2px;
*/
padding-top: 0px;
padding-bottom: 0px;
}
#back-button {
/*
padding-top: 3px !important;
padding-bottom: 3px !important;
*/
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: -3px;
margin-bottom: -3px;
} 地味にグーグルの仕様が変わってますね・・
検索語句の入力欄とその隣のボタンが大きくなった 今迄「autocomplete」を使ってたけど、「treechildren」で全てカバー出来る事に気が付いた。
これならサイドバーやページの情報、特定のアドオンの表示リスト等の表示も一括で管理出来る。 >>46
これ使ってもほとんど変化ないように感じるんだが 拡張機能の一覧でアドオンのバージョンが表示されなくなりましたが
cssでそれを表示できるようにはならないでしょうか?
アドオンで実現させるものはありますが、もしcssで何とかなるなら
そのほうがスマートだと思っています。 >>50
ttp://u6.getuploader.com/script/download/1422/about_addon_revert_version_number.css CSSでこんなこともできるのか、すごいな
もっともこれを「」cssで何とかなる」の範疇に入れていいのかは悩ましい >>51
ありがとう、いただきます。
userstyles.orgへ登録すべし。 Twitterのツイートするときにフロート表示される書き込みダイアログの中の
「いまどうしてる?」を非表示にするCSS教えてください
http://i.imgur.com/XsQVS5H.png @-moz-document domain("twitter.com") {
.tweet-form div.rich-editor.is-showPlaceholder:before{
display:none;
}
} 検索バーに何も入力してない時に「検索」と表示されるグレイテキストを
消すCSSを教えてください
昔効いていた「#searchbar[empty="true"] .searchbar-textbox」では
消えなくなってしまい… ロケーションバーにマウスオーバーした時、URLが長すぎるとポップアップされて邪魔なんだけど、
ポップアップしないように出来ませんか?
検索バーでも「Googleで検索します」がポップアップされて邪魔です。
ツールバーにマウスオーバーでブックマークツールバーを表示するようにしているので隠れて邪魔なんです。
CSSで出来ませんか? #main-window > tooltip {
display: none !important;
}
とか >>61
ありがとうございます
望んでいたことが実現できました >>62
> userstyles.org で remove tooltip で検索すればいい
って質問スレで回答貰ってるのに、何で礼も言わずにマルチしてんの? >>65
userstyles.orgにあるのは、タブでしか効かない?
質問スレはレスしときました。 >>63
私へのレスだったんですね。
残念ながら効きません。
userstyles.orgにRemove Tooltips Everywhereがけど、タブ上でしか効かない。 >>63のスタイルであれ「Remove Tooltips Everywhere」であれ
Stylishを使ってるなら「/* AGENT_SHEET */」でおk >>68
レス、ありがとう。
/* AGENT_SHEET */を追記したら、非表示になりました。
ツールボタンは表示したいのですが、下記をどう修正すれば良いのでしょうか?
/* AGENT_SHEET */
#btTooltip,
#un-toolbar-tooltip,
#tooltip,
.tooltip,
#aHTMLTooltip,
#urlTooltip,
tooltip,
#aHTMLTooltip,
#urlTooltip,
#brief-tooltip,
#btTooltipTextBox,
#un-toolbar-tooltip
{
display: none !important;
} urlbar/searchbarのtooltipが問題であるなら>>63が書いてるもので十分
ただし…
「#main-window > tooltip」はurlbar/searchbarだけでなく、普通のtoolbarbuttonの
tooltipとしても機能している。
toolbarbuttonすべてが「#main-window > tooltip」を使用しているわけではなく、
bookmarks-menuやdownloadなどは別個#dynamic-shortcut-tooltipを使っているし、
backbuttonやforwardbutton,sharebuttonなどは独自のtooltipを使っている。
またアドオンによっては独自のtooltipを用意している。(例:Stylish)
なので「#main-window > tooltip」を非表示にしてみてどうしても表示させたいtoolbarbuttonの
tooltipまで消えているなら、そのtooltipだけlabelで例外指定する。無様だが仕方ない。
例えばhomebuttonのtooltipは#main-window > tooltipを使ってるから消えてしまうが
以下のようにすれば除外される。(labelは環境によって変わるので適宜変更)
#main-window > tooltip:not([label="Nightly Start Page"]){
visibility: collapse;
} >>70
ご丁寧な説明、ありがとう。
けっこう厄介なんですね。
アドバイス通り>>63の方法で利用させてもらいます。 #gMq0PHwS0 {
display: none;
} Firefox41でメニューの「syncにサインイン」を非表示にするCSSが中途半端になっちゃった
文字は消えてるけど枠が残ってる
誰か直してー >>74
ちなみに当ててるスタイルが
/* メニューパネルの Firefox Sync 非表示 */
#PanelUI-fxa-status {
visibility: collapse !important
}
どこかで拾ったやつ #PanelUI-fxa-status → #PanelUI-footer-fxa タブにナンバーリング
.tabbrowser-tab { counter-increment: tabs; }
.tabbrowser-tab::after {
display: block;
content: counter(tabs);
}
タブに番号を付けるが、いつの間にか出来ない
誰か修正してください >>80
多分こういうことをやりたいんだよな?
.tabbrowser-tab {
counter-increment: tabs;
}
.tab-content:after {
content: counter(tabs);
display: -moz-box;
} >>81
ありがとうございます。
タブにナンバー付いたんだけどすべて0です
タブ1 タブ2 タブ3と連番に出来ないでしょうか >>82
#tabbrowser-tabs {
counter-reset: tabs;
} これをどこと交換すればよいのですか
>>83
#tabbrowser-tabs {
counter-reset: tabs;
} 良くわからないので
NumExt - Numbered Tabsというアドオンを入れました
おさがわせしました twitterの『こちらのユーザーもフォローしてみませんか?』ってuserContent.cssで消すことって出来ませんか?
http://easaiwindows.blogspot.jp/2013/07/stylish.html
を参考にしてuserContent.cssに
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("twitter.com") {
div.empty-timeline-footer
{
display:none;
}
}
って書き込んでみたのですが、非表示にすることができませんでした 消したい箇所のIDやclassを「要素を調査」で調べろ 教えてやろうと思ったけどアカウント持ってねえや
ちなみに @namespace url(http://www.w3.org/1999/xhtml); は別にいらないぞ ロケーションバーやバックボタンをなどを background-color: transparent などで
フラットデザインっぽくしているのですが、プラグインが使われているサイトでは
下記のようになってしまいます。
http://i.imgur.com/N6m0rfB.png
プラグインの部分にはどのような指定をすればよいのでしょうか。
教えて頂きたく、よろしくお願いします。 background:transparent と border:none
場合によって margin:auto >>91
プロパティ名や値ではなく、プラグインのところのセレクタ(idもしくはclass)が
不明で困っています。DOM Inspectorでも上手く見つけられず…。
せっかくお答えいただいたのに、言葉足らずですみませんでした。 >>92
これ?
#notification-popup-box ありがとうございます
ブロックのアイコンのところは望みどおりになりました
…が、アイコンの右側「>」のところが三角に色が残ってしまいます
簡単にはいかないものですね border-imageってborderで消せなかったっけ 前スレを参考に検索バーの伸び縮みをさせています
#search-container:not(:hover) {
max-width: 30px !important;
min-width: 0 !important;
}
これをホバーだけではなく、検索バーに文字が有るか無いかでも
伸び縮みするようにはできないでしょうか aのtitleをaの後に疑似要素として表示させたのですが、この疑似要素の文字列を選択可能にするにはどうしたら良いでしょうか
a::after{content: " "attr(title) !important;} ■ このスレッドは過去ログ倉庫に格納されています