userChrome.css・userContent.cssスレ Part6©2ch.net
レス数が1000を超えています。これ以上書き込みはできません。
●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;} 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はどこかのサイトに紹介されてありませんか? googleカレンダーの仕様変わった?
土日の色付けusercontent.cssが効かなくなってる。
新しいの教えてください。 >>106
自己レス
urlが変わっただけだった。 >>107
自分も同じ現象になってたから助かったわ あんまり詳しくないんだけどDeveloper版のFirefox最新版でuserchromeって使えないの
多分最新だおともうんだけどjsもいれてprofileのなかのChromeフォルダにローダーとスクリプトいれてもだめだし
オプションにもchromeの項目がでてこない >>109
スレを間違えてない?
ここはCSSのスレだよ niconicoってCSSにもイチャモン付けるんだろうな Google Translator Tooltip Expandedが死んだ Stylish で★阿修羅♪掲示板の 書き込みの下部に表示される「総合 アクセスランキング (7日間)〜(30日間)」 などを表示にする方法お教えくださいませ 楽店サイトをスクロールした時、検索ボックスを固定する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にするみたいな >>136
ありがとうございます
試してみましたら「Findbar on Top Right」と同じく表示が乱れました
どうもこの辺りのスタイルをいじるとがツリー型タブと衝突するようです >>138
これいいですね!
今のところ表示が乱れるようなこともなさそうですし
ありがとうございます >>135はcssでは出来ない、ということでいいのかな? #tabbrowser-tabs[overflow= ツールバーを細くするCSSを使っているのですがFx40あたりから、
Firefoxを立ち上げたときにむわっと太くなって、一秒後くらいに細くなる
こんな感じなんですけど手直ししてくれるような神がいらっしゃったらお願いします
https://pastebin.mozilla.org/8853573 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;
} 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 グリモンのアイコンについてるドロップマーカーの幅?を狭めるコード教えてください >>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( アイコンマウスオーバーでドロップマーカー出るcss使ってる
Autohide Dropmarkersてやつ >>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 YouTube また仕様変わった?
プレイヤーのデフォルトサイズを変更するスタイルが効かなくなった 画面解像度が横1024のノーパソなんで
サイトによっては表示しきれなくて横スクロールバー出るんだけど
1024のモニタ内にすべて収まるようにするCSSあれば教えてください >>193
あなたのすべてとわたしのすべてはたぶんぜんぜんちがう
あなたのすべてはなんですか >>193
Ctrl+-(マイナス)で縮小するのが無難では body { max-width: 100% !important; } >>193
スクリプトなら、縮小せずに済む便利なのあるけど...
ttps://greasyfork.org/ja/scripts/3569-shift-scroll-hscroll 礼も言わないようなカスしかいないんだから金輪際教えなくていい お礼されないとぽんぽんいたいいたいになっちゃうメンタルだもんねしょうがないよね >>197-198
確かにズレてるけど、これの方が良いんじゃね
俺は貰っとこ、横d CSS絵描き職人だれか居る?
お絵描きするのに、box-shadow意外にも何か使えるもんあるの?
1エレメント→親3つまで(本体+:before+:after)<ーーーこれも問題
1親→親と同じ形なら子を無限に指定できる,親はzindexでレイヤ指定可
1子供→親と同じ形、指定可能なのは色、位置、サイズ(親を1とする)
レイヤ→CSSに書く順番とZindex
形状は親の数まで可能、角度は親のみ指定可、子供に遺伝する<ーーこれも問題
形状○→border-radius(色指定可、位置指定可、spreadでサイズ指定可、複数可)
形状□→子供は親の比率を受け継ぐ(めんどいが子の多数指定で別の比率を作る)
形状△→角度指定は親しかできない<ーーーこれ問題
テクスチャ→親の数だけbackground-imageに指定可
□テクスチャ→linear-gradientの複数可、軸、色複数可
○テクスチャ→radial-gradientの複数可、(位置、大きさ、色)
文字→content:(→サイズ、色、位置)、親の数だけ可
inset指定でForzaの痛車みたいにお絵描きできるが、親の数に制限がある
1エレメントあたりの親の数増やす方法、
もしくは子供がそれぞれ角度指定・変形指定できれば
かなり自由度が増すとおもうんだが、なんか方法ないですか?
他になにか使えるproperty無いかな〜
エロい人おしえてください >>203 こんなの
http://nicolasgallagher.com/pure-css-gui-icons/
なんか無限の可能性がありそうでも、なさそうでもある
単一divに自由にお絵描きできればいろいろ遊べそうなんで聞いてみた
ドット打ちはミクやインベーダーやった人がいるけど、拡大すると汚いんで
べつの方法ないか模索 CSSでドラえもんが描けるって昔流行ったけど
それもFirefox3時代の遺物やん >>206
とりあえずスレチだと思うので他所でやってください googleのキャッシュリンクと類似ページリンクを並べるCSSを書いたのってこのスレだったっけ?
仕様変更でlist-styleが露出するようになったな Instagramの投稿時間を絶対時刻表示にするcssを教えて頂けますか
ぐぐってみたんですが見付かりませんでした >>209
/* Instagramの投稿時刻を絶対時刻表示にする。 */
@-moz-document domain("www.instagram.com") {
time[datetime] {
visibility: hidden !important; /* 相対時刻も一緒に表示するならこの行を削除 */
}
time[datetime]::before {
visibility: visible !important;
content: attr(datetime) !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
}
} timeってサイトごとにJSTだったりUTCだったりPTとかだったりしてぱっと見わかりにくいのが難だよね。
CSSの守備範囲外だけど、あれをユーザーが指定したタイムゾーンに変換してくれるアドオンとかってないものかな。 Web版Evernoteのノート本文のフォントサイズって変更出来ませんか?
編集すればサイズ変更出来るのは知ってるんですけど普段の閲覧時に小さくて不便なんです。
要素を調査から色々試しましたがわかりませんでした、わかる方いましたらお願いします。 >>213
お好きな要素やら{font-size: お好きなサイズやら}
css分からんというならブラウザ標準の拡大縮小使えばええ CSS 蛍光でぐぐると例が出てくる、emとstrongに background-image: linear-gradient(transparent 60%, #F99 40%) みたいなのを指定するのやってみたら結構オサレな感じになった
CSSは1.0が勧告された頃から触っているけどいつのまにかFirefoxでもrubyがサポートされていたり隔世の感があるなぁ この手の唐突に自分語りし出す基地害ってどっから湧いてくんだろ いくらなんでも言いすぎだと思うが、ただrubyはcssの話じゃないな。 いや、display: ruby-textとかdisplay: ruby-baseとかruby-position: underとか使えばruby要素じゃなくてもルビっぽい表現ができる
例えば↓みたいな感じで見出しにサブタイトルをつけるとか分母/分子が長い分数を表現するとかできそう(未検証)
〜Another story of hiro〜
とある英雄の成り上がり日記外伝
(2x+y)(3x+2y) (display: ruby-base//text-decoration: underline)
------------
(4x+5y) (display: ruby-text//ruby-position: under) userChromeやuserContentの範疇でUIやサイトの見栄えを変更したいというのが此処の趣旨だけど、突然何の脈絡も無く要素の話を持ちだしてもな 芸能人ブログでよくある連続改行を無効にするのに下記を使っていますが
br
{
display: block !important;
line-height: 0px !important;
}
<p> </p>で改行するタイプだと使えません
どう書いたらいいのでしょうか CSS ではできない
可能にする疑似クラスの提案もあったけど不採用のはず
やりたいなら JavaScript で style か class つけるって感じじゃないの JavaScriptでやるなら決め打ちで除去しちゃえば
(function () {
document.body.innerHTML = document.body.innerHTML(/<p> <\/p>/g, '');
})(); スレ違いの解決方法を書いていいならProxomitronとか類似のローカルプロキシでフィルタリングするという手もあるよ
上手く使うとadblock系の拡張が要らなくなるかもしれないというオマケ付き 記事内のpのマージンを打ち消せばいいだけの話じゃないの firefox45で見づらくなったアドオンマネージャーを見やすくするCSS
ttps://userstyles.org/styles/82370/clear-addon-manager ブックマークのフォルダのアイコンを変更したくて、userChrome.cssに
/* change all folder icons for bookmark toolbar folders */
.bookmark-item[container="true"] {
list-style-image: url('folder-item.png') !important;
}
と記載して、変更したいアイコンの画像(folder-item.png)をchromeフォルダに保存したのですが、
アイコンが非表示になるだけで、アイコンが目的の画像に変更されませんでした
試しにfolder-item.pngをプロファイルフォルダに保存したりしてみたのですが、結果は変わりませんでした
どうすればブックマークのフォルダを変更することができるでしょうか?
ちなみにfirefox45を使用しています 使いたいそのfolder-item.pngをbase64エンコードして、その結果をURLの代わりに書けばいい 他人のサイトのアイコン使わせてもらえばいんじゃね?昔こんな感じにしてたけど
たしかローカルにファイル置いて参照するのはマズいとかなんとか言われた
/* ブックマークツールバーのフォルダアイコンを変更 */
.bookmark-item[container] > image.toolbarbutton-icon,
.bookmark-item[container] > hbox.menu-iconic-left > image
{
list-style-image: url(http://thwiki.info/favicon.ico) !important;
-moz-image-region: rect(0px 32px 32px 0px) !important;
} みなさん助言有り難うございます
userChrome.cssの編集でブックマークのフォルダアイコンは一部変更できたのですが、
フォルダの中のフォルダだけなぜか変更されなかったり、
サイドバーのFoxAge2chやChaikaは変更前のままだったりと、いろいろよろしくない状態のままでした
そこで現在使用しているテーマのアドオン(FXChrome)を改造して
フォルダアイコンの画像を変えてやることで、理想の状態にすることが出来ました chromeフォルダ内なら相対指定でいいはず
-moz-image-region指定してないせいで画像の白だか透明の部分が表示されてるだけじゃね? ver.45からのURLバーのワケの分からん(i)のマークを消したいんだけどCSSでいける?
list-style-image: url("chrome://browser/skin/identity-icon.svg#normal");のやつです
(i)だけ消したいの #identity-icon {
display: none !important
} >>238-239
oh、ありがとう
だがソレだと(i)だけじゃなく全部消えちゃうお
(i)だけ消したいんや… >>237
image[consumeanchor="identity-box"]{
display: none !important;
}
辺り? #identity-icon {
list-style: none;
width: 0;
} CTR1.4.9で(i)を地球アイコンに戻せるようになった userstyles.org、証明書の期限切れとか出て見れないな >>246
>>245が管理者なの?俺も修正して欲しい freestyler.ws とかいうパクリ転載が蔓延る前に修正しろ jason >>247
どこをどう読んだらそうなるんだよw
俺だって早く直して欲しいわw >>249
ごめん>>246はそう言ってる気がしたんだ。
ほんと直るといいよね・・・ (証明書をちょろまかすだけならPCの時計をいじっておk) >>241 d
う〜んソレだとやっぱり全部消えちゃうお…
>>242だと何も変化なし…
しゃーないから俺もCTRで妥協するかお… Mozilla Firefox Part304 [無断転載禁止]c2ch.net
847 :名無しさん@お腹いっぱい。 (ワッチョイ ba6d-Z9Gu)[sage]:2016/03/14(月) 00:29:04.22 ID:YfLN4jQX0
Flashバージョンダウン(笑)
いや馬鹿の脳味噌ってすげーは
Mozilla Firefox 拡張機能スレッド Part95 [無断転載禁止]c2ch.net
329 :名無しさん@お腹いっぱい。 (ワッチョイ ba6d-Z9Gu)[sage]:2016/03/14(月) 00:33:15.28 ID:YfLN4jQX0
たかが再起動にわざわざアドオン(笑)
馬鹿の脳味噌ってすげーは タイトルバーにCSS当てたいんだけどどうやるんでしょう?
#titlebarではダメでした タイトルバーは「#titlebar」か「#titlebar-content」 >>255
んーどちらもダメでした
Stylishで
#titlebar{
background-color: red;
}
で適用されません。
#TabsToolbarとか#navigator-toolboxでは適用されました。
なぜでしょう? #titlebar
{
…
}
#titlebar-content{
…
}
で基本的に大丈夫ですが、必要なら「 -moz-appearance:none !important;」を追加したりで適応されませんか? >>257
「 -moz-appearance:none !important;」追加もダメでした。
userchrome.cssを直接書き換えてもダメ
いみわからん(´;ω;`) OSごとに地味にCSS指定が違ってたりするし、特にuserChrome周りに手を加えるなら環境を出してくれないことには何とも
加えてstylishでどんな記述をしたのかもあればベター win7の64bit
と別pcのwin7の32bit
どちらもfirefox45です
書いたこと
@namespace url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
名前空間なしの全パターン
#titlebar{
height:60px; とか background-color: red;
!important つけたりもしました。
}
です。同じ環境で、どなたかタイトルバー変えられるか試してもらえませんか? >>261
#titlebar-spacer { background-color: red !important;}
では? #titlebar-content{
background-color:#ff0000 !important;
}
で基本的に大丈夫。
contentは閉じるボタン等の背景全て、spacerはこれを除外。 >>262-263
CSS書いてみました。結果
↓タイトルバー表示時
http://i.imgur.com/r83T1op.jpg
↓タイトルバー非表示時
http://i.imgur.com/ivWEepS.jpg
なぜかタイトルバー非表示時にCSSが適用されるという・・・
バグなんですかね bingの動画検索で直接動画サイトに飛ぶにはどうすればいいの? >>266
確かに書き込んだあとこのスレじゃないなと気付いた
スレチすまん アドレスバーに星アイコン(ブックマーク)とRSSアイコンを表示するにはどうすればいいですか >>268
位置固定でごり押しするとかでもない限りは>>266 RSSはcssでできたはずだし、スレチだけどアドオンもある
ブックマークはシラネ >>271
そりゃそうだw
カスケードスタイルシートだもんw newTabByLongPress.uc.jsがe10sで動かない userchrom.cssを使ってfirefox45のオプション画面からSyncのタブを消したいのだがやり方がわからない。
DOMiでidがcategory-Syncであることはわかったのだけどuserchrom.cssに
#category-sync [visibility:collapse !important;]
って設定してもきえない。
たすけて >>275
なんで[ ]使ってんの?
cssの書き方ぐらいは自分で調べろよ x userchrom.css
x userChrome.css
x []
- visibility: collapse このスレだったか分からないけど、Search Barを旧スタイルのロゴを表示するCSSをロダにアップしてくれたものが
45.0では動いてるが46.0では動かない。
CTRを使わず、Search Barを旧スタイルにする方法ありませんか? >>280
それを作った奴は転載して欲しくないと言ってたのに
勝手に晒されたんだよな 作ったんじゃなくて CTR から抜き出しただけだろ
CTR のライセンス的に上げたやつの態度のほうが問題だぞ 抜き出したでもいいけどさ
ライセンスの話は後付じゃん >>290
CSSで?46.0で動く?
ならロダにアップたのむ。 >>291
46は持ってないから知らん
47.0a2上では動く
ちなみに検索エンジンのリストの一番下をクリックしても
マネージャが開かなかったが、それも動くようにした
http://or2.mobi/data/img/124543.png >>295
しょうもない質問に丁寧に答えてるのにこの反応ワロス
下手にうpっても>>282みたいなのに寄ってたかって叩かれるだけだし
使えなくなる度にクレクレ厨が湧く
こんな奴ら、もう放っときゃいいんだよ ライセンス記述と転載許可は権利であり義務なのに
ライセンス記述なしの上に転載禁止とかもうね https://addons.mozilla.org/ja/firefox/addon/classicthemerestorer/
> Mozilla Public License, version 2.0 の下で公開されています
https://www.mozilla.org/en-US/MPL/2.0/
Required(必須)
ソースの明示、著作権の表示
Permitted(許可)
商用利用、修正、配布、サブライセンス、特許許可
Forbidden(禁止)
責任免除、トレードマークの使用 >>268
気に入らなかったら捨ててくれ(改行制限で見づらくなってしまったスマソ)
@-moz-document url("chrome://browser/content/browser.xul"){
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker{display: none !important;}
#feed-button,
#bookmarks-menu-button{box-shadow:none !important;background:transparent !important;padding:0 !important;}
#feed-button .toolbarbutton-icon,#bookmarks-menu-button .toolbarbutton-icon{padding:0 2px !important;margin:0 !important;border:none !important;}
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker{display: none !important;}
#feed-button{ position: fixed !important;margin-right:4.5em !important;margin-left:-6.0em !important;}
#bookmarks-menu-button{position: fixed !important;margin-right:2.5em !important;margin-left:-4.7em !important;}
#urlbar-go-button,#urlbar-reload-button,#urlbar-stop-button{border-image-slice: 0 !important;margin-right:-2px !important;}
.urlbar-history-dropmarker{margin-right:2.7em !important;}
}
http://www.dotup.org/uploda/www.dotup.org795224.png cssでアイコンの配置替えなんてどうやんのかと思ったら
ネガティブマージンで決め打ちかw >>299
こいつ、性格悪すぎる。
こういうスレから出て行けよ。 CTRさっさと入れたらいいのに
それともCTRって入れたら何かとんでもないデメリットでもあるの? 略称で書き込んでるのが間違い。
正式名称で書き込めば誤解は生じない。 実際には「CTRが何のことかわからない」なんて発言してる奴は誰も居ないから無問題 質問です
フォントの行間を詰めたいのですが、
この記述では成功しませんでした
何が足りないのでしょうか?
.line {
line-height:80%;
} 何がと言われてもそれだけじゃ情報不足
あえて言うなら詳細度関連かもしれんから !important つけろってとこか >>322
説明不足ですみません
webページのフォントの行間を詰めたいのです
アドオンのStylishを使って変えたいと思い、cssを検索して書いたのですが
なかなかうまくいきません >>323
そうではなくてどこのサイト・ページなのかってこと
特定のサイトやページじゃないって場合でもとりあえずこのページでできないって情報は欲しい
っていうか !important は試したの? >>323
情報が足りないのは具体的にどこにそれを適用しようとしているのかってこと
その対象の要素がどの親要素のプロパティを継承してるとか、表示形式(display)がどうなってるかが重要
line-height はブロック要素への指定なので対象要素は block とか inline-block じゃないといけない >>324-325
反応が遅れてすみません
IDが変わっているかもしれません
検索してみて、以下の書式にしてみました
body {
line-height:90% !important;
}
cssはさっき知ったばかりで要素が何なのかわかっていません
試しているページは、http://www.htmq.com/csskihon/003.shtml です 何故要素を調査すらしないのか
そのサイトで本文の行間を詰めたいなら、指定すべき対象は「p.honbun」だろ >>326
そのページの本文部分だと p.honbun に line-height がかかってるので
p {
line-height: 1 !important;
}
とか
p.honbun {
line-height: 1;
}
って感じなら効く 蛇足:
・要素というのはDOM要素のこと CSSのプロパティだけ覚えても知識としては不十分なので「DOM」についても調べておこう
・line-height は % や em などの単位を付けないただの数値で指定した方がいい 90% なら 0.9 あとWEBページの要素を調査するには開発ツールのインスペクタ (Ctrl+Shit+I) を使う
インスペクタ - 開発ツール | MDN
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector >>327
わかりました、勉強します
>>328
成功しました
だいぶ見やすくなりました
皆様、ありがとうございます >>329-330
ありがとうございます
時間がかかると思いますがじっくり勉強してみます
インスペクタは便利ですね 46にしたら検索バーを旧スタイルにするcssで検索が出来なくなったんだけど他の人はどう?
http://pastebin.com/Jj7GQSfw >>337
素直にClassicThemeRestorerを入れるか
Cyberfoxに乗り換えた方が幸せだと思うよ 46を入れたらアドオンバーの中にリンク先URLを埋め込みが効かなくなりました
どこを直したらいいですか
#main-window:not([inFullscreen]) statuspanel {
margin-top: -17px !important;
max-width: 80% !important;
}
#main-window:not([inFullscreen]) .statuspanel-label {
background: transparent !important;
border: none !important;
} >>339の件は、旧ステータスバーの事かな?
ステータスバー廃止で、アンカーされた文字列のリンク先は表示領域最下部にフロートして表示されますが、これも表示しないという事なのか? 旧ステータスバーです
CTRをインストールしてメニューバーの表示→ツールバー→Add-on Barで表示させています
>>339は28以前のようにリンク先を旧ステータスバー(Add-on Bar)に表示させるもので
45.0.2までは>>339で表示できていました
過去スレより
userChrome.css・userContent.cssスレ Part3
http://anago.2ch.net/test/read.cgi/software/1369968883/307-308,314,318,349 すみません
Firefox 4とかそんな昔のバージョンからだったみたいです
リンクURLやステータステキストをアドオンバーに表示する Status Box 0.4.2 | FOX x FOX
ttp://mff2.blog109.fc2.com/blog-entry-715.html
ttp://blog-imgs-10-origin.fc2.com/m/f/f/mff2/20110725-001.jpg リンク先のURI文字列を表示させるのにアドオンバーは不要。 (CTRの)アドオンバーに表示させたいという意味なのですが・・
45.0.2と>>339のCSSの組み合わせでは表示できていました >>348
プロファイルを作り直すついでにClassicThemeRestorerを入れてみた
http://www.dotup.org/uploda/www.dotup.org838624.png
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen]) statuspanel {
margin-top: -1.2em !important;
margin-left: 1.5em !important;
max-width: 80% !important;
}
#main-window:not([inFullscreen]) .statuspanel-label {
background: transparent !important;
border: none !important;
}
}
#その括弧で括った部分を初めに言ってくれればよかったのになぁ >>351
1.7じゃないの?
1.7.8だよ。
DLできなくなってる。 ありがとう
残念だけど権限が無いって言われてDL出来ないわ >>350
アドオンバーがCTRに因るものだと忘れてました、すみません
お教え頂いたCSSでも46では表示できませんでした
45.0.2と38.8.0 ESRでは表示できました
46を改めてインストールしてプロファイルも作り直しのですが変わらずでした 46にしてからCSSが一切機能していない気がしてきました
画像の背景を黒から白にして表示位置を中央から左上に表示させるCSSや
「タブですべて開く」を非表示にするCSSも機能してないことがわかりました >>355
∧_∧
(´・ω・) 知らんがな
ノ^ yヽ
ヽ_ノ==|ノ
/ ||
"""~""""""~"""~"""~"
http://www.dotup.org/uploda/www.dotup.org838958.png >>342
うちでも同じ症状出て困ってた。
old search 1.7.8インストールしたら直ったよ。
ありがとう。 http://qiita.com/devmgn/items/605c9f5237c26fff0376
このコードを使ってフルスク時にもブックマークバーを表示できるようにしてるのですが
フルスク時にマウスポインタを下端に持ってくとWindowsタスクバーが表示されるようにとかできませんかね? Windows 側がタスクバー自動非表示で Firefox 側の最大化画面を応用すれば
似たようなことはできるだろうけどその動作自体はムリ 早速の返信ありがとうございます
似たようなことでもいいので教えてもらえないでしょうか? そのままじゃないの?
タスクバーのプロパティから「タスクバーを自動的に隠す」にチェック >>365
ドックランチャーでタスクバーの機能を代替してればお望みの動作は簡単に実現できるし
cssとjavascriptに明るいのならSamurizeあたり使えばもっと自由にデザイン出来るが
どちらも10年くらい前に流行ったカスタマイズだから今から調べるとしたら情報など古かったり死んでたりはするかもしれない 自分はまったくの初心者なので諦めますorz
みなさんありがとうございました すいませんもう1つだけ質問させてください><
>>365のコードでフルスク時にフォルダのポインタを別のフォルダに移動させると
またフルスクに戻ってしまってめんどくさいのですが、何か対処法ありますでしょうか?
説明へたくそですいませんこんな感じです
http://i.imgur.com/BPX7Iaz.gif >>371 ドックランチャーには高度な知識は必要ないよ
>>372 Firefox標準のツールバーのカスタマイズで
「ブックマックツールバーの項目」をナビゲーションバーに移動させて使えば解決
そしてブックマークツールバー自体は非表示にしてしまえばその分縦方向のスペースは確保できるから
そもそも無理やり全画面でめんどくさい思いする必要も少なくなるかもしれない
もしくはメニューバーを表示にしておいてそこに「ブックマックツールバーの項目」を移動するという手も
CSSでなんとかしようとする前にまずは標準で出来る事を模索してみたらどうかな >>373
いや結果同じですね
どうかわかる方いらしたらよろしくですm(_ _)m >>374 ああ、言ってる意味やっとわかった、ごめんよ(あとメニューバーはいじってないデフォだと全画面で消えるんだった、訂正)
フォルダのaをクリックせずにマウスオーバーした状態からのbフォルダへのマウス移動だと起きないけど
一旦aフォルダをクリックして中の一覧を表示させたあとbフォルダへ移る際には確かにあなたのいう挙動になるね
フォルダからフォルダだと起きるみたいだね、フォルダから単体のブクマアイコンへの移動だとフォルダクリックしてても起きない
バーが消えても移動しようとしてたフォルダの内容はフロートで残ってて選択もできるみたいだけど
フォルダの数が増えると行きたいフォルダに行く前に消えちゃうかもだね
ツールバーを隠さない全画面モードもあるけどそれじゃイヤでどうしてもコンテンツオンリーで表示していたいってのなら
代替案しかだせなくてすまんが、それこそブックマーク自体をコンテンツにしちゃえばどうよ、初心者のCSSの勉強にはもってこいじゃん 非常に面倒な事をしようとしてるね
詳細に説明しても受け取り手の解釈で間違った認識をされるなら、自助努力で何とかするしかない
無理なら諦める 他人に共感もしくは興味を持ってもらえなければ、素直に諦めるしかない 要するにhover時には起こらずclick時に起こってる挙動なんだけど
いくつかのバージョンで確認してみた所Firefox30.0〜38.8では発生せず、44.0.2〜現行の46.0になると発生している様子
(いずれも新規プロファイルにて)
38から44のまでの間のどこかで意図的に変更された、もしくはバグかのどちらかだろうけど
以前の挙動を再現するCSSを誰かがくれるといいだろうけどね、殆どの人は気がついてもいないかもだし
>>374ががんばって勉強してここでコード披露してください、待ってます >>355-356
もしかしてGrieverのUserCSSLoader使ってる?
それならグリモンスレで46で動かないって報告あって
ろだにUserCSSLoader_liteっていう修正版が上がってるから試してみては? >>378さん何か失礼な態度とってしまってすいません
自分もためしましたが、Firefox44〜になると発生するみたいなのでしばらく43使ってみます
後、自分ははなから勉強する気がない(このためだけにCSSを1から勉強するのは時間もかかりそうだし嫌だw
ので誰かコード貼ってくれないかなと思って質問した感じです。屑ですみませんw
一応最新版でも少し面倒だけどフルスクでできるので勉強する気は今のとこあんまないですw
フルスクに拘ってるのはフルスクだと作業がはかどるからですね
ブックマークとかが見えてるとどうも気が散ってしまいまして・・・
Vertical Toolbarというアドオンも使って見たんですがちょっと使いづらかったです
>>378さんいろいろ付き合ってくれてありがとうございました
気が向いたらちょっと調べてみて自分でも出来そうだったらやってみますね ツイッターの新聞記事等の「IFRAME」で表示される部分を非表示にして、替わりにハイパーリンクの文字列を表示するユーザースタイルシートは無いかな?
動画やgifは除外して。 >>381
お前がしたいのはスタイルの変更じゃなくてデータの加工だろう?
CSSをなんだと思ってるんだ? >>381
@-moz-document domain("twitter.com") {
iframe[src^="https://twitter.com/i/cards/"] { display: none !important }
a.twitter-timeline-link.u-hidden { display: inline !important }
} >>381
こっちで
@-moz-document domain("twitter.com") {
.js-macaw-cards-iframe-container.card-type-summary { display: none !important }
a.twitter-timeline-link.u-hidden { display: inline !important }
} >>381
ttps://userstyles.org/styles/113571/twifixweb
多分これで消えてる?けどどこのCSSがそれなのかわからないなぁ… >>379
仰る通りGrieverさんのUserCSSLoaderを使っていました
ご紹介頂いたUserCSSLoader_liteに換えたら機能しました
ありがとうございました Firefoxで2ちゃんに書き込む時のテキストボックス?
あれの中の行間がやたら広くて狭くしたい >>392
ごめん、言い方が悪かった
フォントの行間のことなんだよAAとか見苦しくなる
>>393
あー!テキストエリアって呼ぶのか
それで綺麗になった
ヘ⌒ヽフ
( ・ω・) dd
/ ~つと) >>337
うちだとこのCSSを入れても検索はできるんだけど、SearchOnEngineChangeForFx38.uc.jsだっけ?検索エンジンのアイコン上でホイールスクロールで切り替えるスクリプト、あれが動かないのだが
ClassicThemeRestorerを入れてみると動くんだけど
たしかこのCSSってClassicThemeRestorerから抜き出したやつだよね?
何がいけないのでしょうか? >>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
それってもう普通に拡張入れた方が早くない?
スレの趣旨からは外れちゃうけど >ホイールスクロールで切り替えるスクリプト、あれが動かない
この時点でスレチだろw >>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まではぼかしを指定しても問題無いんだがちょっと困ってる
何か他の方法で似たような事は出来ないだろうか? 過疎ってると思ってたからまさかの即レスに涙がちょちょぎれざるを得ない
ちょっくら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
こうかな?
.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だけで最初から出しっぱなしに出来ないでしょうか >>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が干渉してるとしか見えないんだが >>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は全部切ってるよ >>428
ありがとうございます
そのCSSとGlobalFindBarというアドオンを使って常に出しておけるようになりました googleで検索すると表示される こちらによくアクセスする方はGoogleをホームページに を邪魔なので非表示にしたいのですがcssでできないでしょうか? >>432
@-moz-document domain(google.co.jp){
div[aria-label="promo"] {
display: none !important;
}
} >>433
ありがとうございます
すっきりとして見やすくなりました ナビバー上のアイコン大きくしたい
CSSでどう書けばいいか教えて >>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
さっき自分でも気づいたけどそうみたいね・・・
せっかくの機能がつかえねえ そもそもuserChrome.cssは本体の機能だろ >>451
ttp://zubolla.blog.fc2.com/blog-entry-289.html
こういうこと? >>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厨が定期的に湧き、
それに対し暴言しかはかない拒絶反応が強いアンチage厨が常駐している >>473
むしろ「な、age厨だろ」の人に絡んでる君こそ初心者なんじゃないのかな?
悪いことは言わん、スルーしとけ >>476
・オートコンプリートを消す
・虫眼鏡を既定の検索エンジンのアイコンにする
・search-go-buttonを復活
これらが必要なわけか…
個人的にはオートコンプリートを消すだけでいいかな
search-go-buttonは、Enterキーかマウスジェスチャでいいや 最小化、最大化、閉じるの各ボタンの間隔をゼロにできませんか?
これらのボタンを非表示にする方法でもOKです。 >>479
適当
@-moz-document url("chrome://browser/content/browser.xul"){
#main-window {
-moz-appearance: none !important;
background-color:#63b4fb !important;
}
} >>481
そんならワカラン
基本的にOS依存の部分だと思う
ちなみにwin8.1やwin10ではこれで消える @-moz-document url("chrome://browser/content/browser.xul") {
#titlebar-buttonbox-container {display: none;}
}
うぜえ >>484
横だが
それだとオレの環境じゃ消えないな
主がそれで消えさえすれば万事おkではあるが、、 検索バーの虫眼鏡アイコンを右寄せにしたいのですが
可能でしょうか? >>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 系はある class の中の三番目みたいなのには使えんから注意が必要やね
構造次第では同じ結果になるけど >>494の書き方だと
├AAA
├AAA
├AAA
なのか
└AAA
└AAA
└AAA
のどっちなのかっていうのは疑問よね
上のはnthで、下のであれば.AAA>.AAA>.AAAみたいな対応 nth-of-type や nth-child はそもそも class の順番とは関係ないので上の場合でも使えないよ 500 Internal Server Error >>491の件、今見たら直ってた
オーナーがどうとかの話、一段落したんだったらいいけど <div class="A">
├<div class="AAA">
├└<div class="B">
├<div class="AAA">
├└<div class="B">
├<div class="AAA">
├└<div class="B">
こんな感じです
やっぱCSSだと不可能でしょうか どれを消したいんだ
「上から三つ目」が2つ目のAAAを指してるならdiv.A > div:nth-of-type(2)で消えるけど そもそも例を示すならなんで閉じタグを書かないんだよ http://i.imgur.com/etVI7g5.png
3つ目の<div class="AAA">をごっそり消すこと可能でしょうか
(AAA内のB.C.D.Eすべbト) コメントが枝になってる上に場所統一されてないし閉じタグが何を閉じてるのか不明でワロタ
いいからA直下の子要素の3番目を消せよ >>505
あなたはそんな罫線文字で遊んでる暇があったらHTMLのお勉強をしなさい
DOMもCSSもそれからです >>505
折角画像を貼ってるんだから消したい部分に色を付けるとかすればいいのに その構造だけでいうならこう
場合によって !important が必要
.A > :nth-child(3) {
display: none;
} ブックマークツールバー上にあるアイテムの内
フォルダをクリックしたときにポップアップする領域(フォルダの中身)
にのみ幅を指定したいのですが今使っている記述ですと
#PersonalToolbar .bookmark-item {
min-width: 10px !important;max-width: 200px !important;}
ブックマークツールバーのアイテムすべてに適用されてしまいます
#PersonalToolbar .bookmark-item >XXXXX {、、、、、}のように
指定するのかなと考えましたがXXXXXの部分がわかりません
ブックマークツールバー上のフォルダからポップアップする領域を
指定するにはどう記述したらよいでしょうか? .bookmark-item に :not(toolbarbutton) でいんじゃね >511
.bookmark-item > menupopup かな >>512、>>513さん ありがとうございます
#PersonalToolbar .bookmark-item >menupopup {・・・ で指定できました!
迷惑ながらもう少しお聞きしたいのですが、
#PersonalToolbar .bookmark-item {max-width: 80px !important;}
#PersonalToolbar .bookmark-item >menupopup {max-width: 200px !important;}
上の二つの記述が共存できる>menupopupに影響が出ないような記述はないでしょうか?
例えば:only(toolbarbutton)のような・・・
可能ならばブックマークツールバー上のtoolbarbutton要素の幅を別に指定したいのです
またidには「#」 classには「 . 」 を付けるとなんとなく理解しているのですが
> はどんな用いり方をするのでしょうか ご教示頂きたいです >>514
#PersonalToolbar toolbarbutton.bookmark-item {max-width: 80px !important;}
#PersonalToolbar toolbarbutton.bookmark-item .bookmark-item {max-width: 200px !important;}
> は「子セレクタ」 515さんありがとうございました
試行錯誤してこんな感じでうまくいきました・・・
#PlacesToolbarItems > toolbarbutton {max-width: 80px!important;}
#PersonalToolbar .bookmark-item >menupopup {max-width: 200px !important;}
515さんの記述も試してみます
> >は子セレクタ ありがとうございます調べてみます ID:11Y/c7ZH0 さんはまず「用いり方」というおかしな言い回し?だったり、2chでの引用の方法を覚えたり、した方がいい サイトの続きを読むなどの折り畳み展開のボタンを一括で展開できる方法ありませんでしょうか? ライブドアニュースとヤフーニュースのはあるよ
省略記事から記事全文にリダイレクト でぐぐるとでてくる
cssじゃなくてスクリプトだけど そんなようなものです
ググってもなかなか出てこないですね
よく見るサイトが20以上押すところがあって大変だったもので
http://fjiblog.cocolog-nifty.com/blog/2012/05/web-0bf7.html
ここのサイトではjavascript、style、htmlでのやり方が載ってるようなのですがcssからなど可能なんでしょうか? そんなのサイトによるよ
googleの折り畳みメニューやyoutubeの説明文なんかはcssだけで事足りるけど
無理なところは無理だし 入力エリアへマウスオーバーしたとき、クリックせずにフォーカスできませんか?
cssで不可ならスクリプトでもOKです。 userContent.cssが効かなくなったって人って居る?
別プロファイルの方は効いてるのが不思議に思って色々試してみたら、NoScript入れると効くのはわかったんだけどこれ何故なんだろう・・・ マルチプロセスだと効かないよ
http://b.hatena.ne.jp/Rockridge/20161104#bookmark-306774748
Firefox 51では、インストールされている拡張機能がマルチプロセス非互換
(MPC=False)であるか、または除外リストに掲載されているのでない限り、
マルチプロセス機能(e10s)が有効化される予定。
http://arewee10syet.com/#5
たぶんNoScript入れるとマルチプロセスじゃなくなるから効くんじゃない?
俺developer editionしか入れてないから、50でそうなってるか分からないし
全然違ったらすまん そうなのか・・・
トラブルシューティング見てみたら確かに無効と有効だった
気持ち悪かったのはこれでスッキリ
ホントありがとう
でもこれuserContent.cssが使えなくなるってことか・・・ e10sに幻想抱きすぎ
レスポンス悪くなるだけ
無効 これで十分 bug1046166は現在進行形で動いているみたいだから近いうちに解決するといいなあと思っている
もうbugが報告されてから2年過ぎちゃったのか、当初は優先順位低かったからなあ…… 以下のスタイルを適応したらタグの百マークが消えて、ニコニコ大百科へのリンクが無くなってしまいました。
タグの百を表示してニコニコ大百科へのリンクを復活させたいのですが、
どこをどのように編集したら良いでしょうか?
https://userstyles.org/styles/134647/html5 ニコニコ大百科へのリンクが無くなった以外は気に入っているので、
出来ればスタイルを削除する以外でお願いします >>533
.NicoDicLink,
をコメントアウトか消す webフォントは触らずに、それ以外のフォントファミリーを
segoe UI(英数)とメイリオ(日本語)に強制固定するにはどう記述すればいいの?
*|* {
font-family: 'Segoe UI', 'Meiryo';
}
これだとwebフォントが豆腐になっちゃう @font-faceとunicode-rangeの組み合わせで
何とかなるんじゃないかと思っていろいろやったけどわからん >>538
片っ端から突っ込む手間を省きたくて一括で置換したい
1.英数部はsegoe UI
2.日本語部はメイリオ
3.webフォントで指定されてる "記号部分" はそのままwebサイト指定どおりのまま残す
て感じにしたいので3を除外するにはどう記述すればいいかが知りたいのです 完璧に避けるのは無理じゃないか
中華サイトとかuserstyles.orgでよく見かけるのは
*:not(I):not([class*='icon']) {
font-family: 'ふぉんと' ;
}
これでも、たとえばよくある.faは豆腐になるから指定してやるか
.fa {
font-family: 'FontAwesome' !important;
}
最初から.fa除外しとくか
*:not(I):not([class*='icon']):not(.fa)
俺は@font-faceは一切使ってない >>540
なかなかむずかしそうですね
参考にさせてもらって格闘してみます >>540
上段+中段の組み合わせ試してみたところ主要巡回先は問題なさそうです
後は例外的なところ見つけたら>>538氏のアドバイスも加味して
追記でしのいでいく方向で対応できそう
両氏ありがとう :-moz-any(h1,h2,h3,h4,h5,h6,p,a)::after { content: "でコロン"; } ニコニコ動画に以下のスタイルを適応したら、タグが説明文にかぶってしまいました
スタイルのURL先の画像のようにタグを動画の上に表示したいのですが、
どこをどのように編集したら良いでしょうか?
http://www.dotup.org/uploda/www.dotup.org1099867.png
https://userstyles.org/styles/134647/html5 >>546
>2016/12/16:タグリストが下にあると不便なので上に移動、コンテンツツリーは要らないので削除
まず更新してみたら? >>548
更新した状態でこうなります。
再起動やCCleanerでの清掃も試してみましたがダメでした 50.0からかな?タブバーの右端にプルダウンして閉じたタブを戻すと開いてるタブの一覧がが表示されるようになってるけど、
これを非表示に出来ませんか? cssでツールバーとか弄ってるんだけど、カスタマイズページ(ボタンなどの配置を弄れるページ)のみ適用除外したいんだけど良い方法ないかな?
「新しいタブ」では適用されるようにしたいのだけれど >>552
#main-window:not([customizing]) ツールバーとか { … } >>553
ありがとうございます
非表示にしていたボタンをカスタマイズで表示させたかったのですが無事実現できました! テキストエリアにマウスオーバーでアクティブにできませんか?
検索バーだけでもOKです。 Gmail Easy Access Colored Buttons
https://userstyles.org/styles/56063/gmail-easy-access-colored-buttons
これが、職場のWindows上のGoogleChrome Stylish 1.5.2では正常に動いて言いますが、
自宅のMac上のGoogleChrome Stylish 1.6.3ではうまく表示されません。
Stylish 1.6.3でうまく動いている方いますか? Australisで追加されたタブとタブの間のセパレータを消したいんですが、要素が分からなくて消せません。
消す方法はありますか? Australisを打ち消すCSSなんてググればいくらでも出てくるだろうに 次に消し方がわかりませんと来そうな聞き方
セパレータがどれ指してんのか知らんけど
.tabbrowser-tab::before/::after か .tab-background(-*) あたりのことだろう セパレータは存在しないから囲みの事だろ?
.tabbrowser-tab{
border-width:0px !important;
} 「履歴とブックマークの管理」で項目をD&Dで移動させる際に移動させている項目内容がマウスカーソルに追従してくるのを消す方法はないでしょうか?
非常に見づらくD&D先を間違えることもあってどうにかしたいのですが… >>566
nglayout.enable_drag_images;false >>567
ありがとうございます
無事実現できました
ちゃんと設定があったんですね… 右クリックメニューのcontext-backとかcontext-forwardとかって51で急に画像になった?
CSSで着色されなくなったんだが firefox使ってgoogle検索で検索すると、こんな風に囲みが出るようになってしまったんですが
いままで通り出ないようにする方法があれば教えてもらえないでしょうか?
http://www.dotup.org/uploda/www.dotup.org1148956.png >>571
GoogleのABテストでしょ、1年前くらい前から見かける
使い難いと思ったらGoogleのcookie削除すれば戻るよ >>573
dom inspectorで該当要素のCSS調べてstylishで弄ってみればいいだろ
-moz-appearance >>574
んん?
前ver.まではずっとstylishで着色出来てて
51に上げたら急に色が付かなくなったんで…
ID変わったのかと調べても変わってないんで
なんでかなと >>575
今までどうやってたのか知らないけどこれで色変わったぞ
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
fill: red;
}
困ったらここで該当要素付近のコードを見ると解決することが多い
mozilla-central - DXR
https://dxr.mozilla.org/mozilla-central/source/ >>572
ありがとうございます、クッキー削除で直りました 偉い人教えて
検索バーの「検索」を書き換えたくて下のようにしてみたけど無反応
擬似要素(before/after)を付けても同様orz
よろしく頼んます <(__)>
#searchbar input::-moz-placeholder{
content: "hoge " !important;
} CSS で placeholder の内容はいじれないし、input に ::before, ::after は使えない
ぱっと見程度ならできるけど全く同じ機能を持たせるのはムリ >>581
レスd
了解です
>>582
そうします ランゲージファイルのja.xpiを貰ってきて中身のsearch.propertiesを取り出し
searchPlaceholderの部分を書き換えてja.xpiを固め直してインストールする
あるいはFirefoxインストールした場所のbrowserフォルダにあるomni.jaをバラして
同じようにsearch.propertiesを取り出して書き換えて固め直す http://i.imgur.com/N7Wpmlt.png
久々にFifefox本体をうp(51.0.1)してあれこれ設定を以降してるんですが
ブックマークツールバーのフォルダのメニューの一番下にあるセパレータが
前環境でのcssを移植しても消えないので、分かる方おりましたらお願いします。
↑の画像の一番下のやつです。
自分で追加したとかではありません。全部のフォルダメニューで表示されています。 その「前環境でのcss」の記述をどうにかするか削除したら? 前環境でのcssとやらをエスパーしろと
それは無理というものだ ESRがメインだから知らないけど
51ってDOM Inspector使えねーの? >>585
/* ブックマークバーを美しく */
#PersonalToolbar{
height:26px;
}
#personal-bookmarks{
position: fixed;
left: 200px;
background: rgba(255,255,255,0.5);
border-top:1px solid #bbb;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
border-radius: 5px 5px 0 0;
padding:4px 10px 0 5px;
height:25px;
}
#personal-bookmarks .bookmark-item{
visibility:visible !important;
}
#personal-bookmarks .bookmark-item .toolbarbutton-menu-dropmarker{
display:none;
}
/* ブックマークバーのメニューを整理する */
.bookmarks-actions-menuseparator/*★←これ★*/,
.openintabs-menuitem{
display: none;
} >>589
.bookmarks-actions-menuseparator{
display: none;
}
↑これいただきました。
キレイに消えて美しいです
ありがとうございました firefox28以前の旧UIで、ツールバーをテキスト表示(のみ)にし、更に
#toolbar-menubar .toolbarbutton-icon{display:inline;}
を使ってアイコンを横表示で出現させています。
ですが画像のようにアイコンがテキストの上に来て横に来てくれない表示のアドオンがあります、
例えば画像のLink Ninjaのアドオンのアイコンを周りと同じく横に表示させるにはどうしたらいいでしょうか?
http://s1.gazo.cc/up/234081.jpg テキストかアイコンをfloatなりpositionさせるなり工夫。 >>591
回り込みが起きるinline-blockかinline-tableは? >>591
.toolbarbutton-menubutton-button {
-moz-box-orient: horizontal !important;
} >>593
cssについてはよく分かりませんが、アイコンの大きさは変更しないのでブロック要素は必要ないと思います
>>594
こちらで出来ました、水平に表示させる要素ですか、ありがとうございました。 >>595
> cssについてはよく分かりませんが、アイコンの大きさは変更しないのでブロック要素は必要ないと思います
まず CSS について調べて、何を言われているのか理解してください 偉い人おしえて
検索バーの「検索設定を変更」を左に寄せたくて
#searchbar-anon-search-settings .button-text{
text-align:left !important;
}
としてみたがビクともしない(TT)
サンプル画像をみつけたのでおいときます
https://support.mozilla.org/legacyfs/online/sumo-media/gallery/images/2015-09-21-01-15-27-95c8b9.png #searchbar-anon-search-settings::before {
content: "";
} 次のCSSででタイトルバーを非表示にしてたんだけど、52.0で効かなくなった。
/* タイトルバーを非表示にする */
#TabsToolbar {
margin-top: 0px !important;
}
どう修正すれば良いんでしょう? >>600
52.0にしてないから未確認だけど、うちはこれでやってるよ。
52.0にしたらこれも効かなくなるってことなのかな?
#TabsToolbar{
display:none !important;
} >>601
タブバーが非表示になって、えらいことになった。
戻した。 Hide Caption Titlebar Plus >>603
うーん、あまり使いたくない。
CSSでできないのかな? >>605
よわった!
新規プロファイルでは>>600で非表示にできた。
確かに俺環だけど、原因が掴めん。 about:configでbrowser.tabs.drawInTitlebarがfalseになっていたのでtrueにしたら非表示になった。 >>607
すまん、オレの勘違いでへんなの紹介しちゃった。
解決したようでなによりです。 タイトルバーを非表示にする代わりに[追加のツールバー]に見ているページの
タイトルを表示するCSSはありませんか?45ESRです >>609
いったいCSSをなんだと思ってるのか? userstyles.orgってエロサイト系には対応してないの? ユーザ製のスタイルシート置場だし対応するもくそもないだろ userstyles.orgに登録する場合、成人向けコンテンツを扱う特定のサイトへ適用される記述はダメだったような
回避方法はいくらでもあるけど FireFox(最新版)でStylishを導入したのですが、一つわからない事があるので教えて下さい
input, select, optgroup { font-family:sans-serif; }
で各フォームのフォントを変更したのですが、
ドロップダウンリストを開いた際の選択肢の部分だけは適用されません
ここも適用させるにはどうすればいいのでしょうか すみません、CSSを使用するのは今回が初めてでして、
↑の一行でフォームのフォントをまとめて変えられる…という事以外、殆ど仕組みを理解しておりません
恐縮ですが、詳しく教えていただけないでしょうか
追記ですが、スタイルシート自体は↑の一行のみしか入力しておりません >>618
そのサイトで右クリックして要素を調査
右側のルールに表示されてるのがCSS
リストで使われてるタグを調べて足せばいいよ
元からフォントが指定してあったら変更するCSSにする
これぐらいはググれば何とかなるから頑張れ レスありがとうございます
…が、私の頭脳では中々に難解で時間がかかりそうです
特別、どこのサイトという訳ではなく、サイト未指定のフォームのフォントをゴシックに統一したいだけなのですが、
ユーザースタイルに>>616のような一行を入力して終り、とはいかないのでしょうか NightlyとReleaseで実装差がなければuserChrome.cssで
#ContentSelectDropdown menuitem,
#ContentSelectDropdown menucaption {
font-family: sans-serif !important;
}
じゃねえの ありがとうございます
試してみたところ、ドロップダウン内も綺麗にまとまるようになりました
皆さん親切に教えていただきありがとうございました mobile.twitter.comでおすすめユーザーを非表示にするCSSを教えてください。 #react-root > DIV > DIV > MAIN > DIV > DIV:last-child > DIV > DIV:last-child > DIV > DIV > SECTION > DIV > DIV > DIV > DIV:nth-child(3)
._1_KafmK5 消えませんね、申し訳ありません
ありがとうございます [role="presentation"], [role="presentation"]~div おすすめユーザーの部分しか確認してないので弊害あるかもしれんとは言っておく >>630さん
消えました!!
本当にありがとうございました
弊害は自己責任にしておきます 検索バーの移動ボタン?を検索バーが空の状態でも表示&押せるようにはできませんか? >>633
/* 検索バーのGoボタンを常に表示させる。 */
/* https://support.mozilla.org/ja/questions/1038120 */
searchbar .search-go-button[hidden="true"] {
display: -moz-box !important;
} >>634
早速教えてくれてどうもありがとうございます
思う通りの動きになりました! >>637
さっき見てマジびびったわ、なんだあれ
何より個々のスタイルのページを別タブで開けないのが最悪すぎる >>638
ああ、別タブで開いたと思ったら元ページも遷移しちゃうのか なんだこれstylishのこのサイト用のスタイルを探すから行くと2ページ目以降がMostPopularになっちゃうな userstyles.orgが見やすくなるuserstyleはよ(`・ω・´) userstyles.orgの項目で右クリックすると左クリックと同じ展開になるな
何これ? CSSでなんでもどうにかしちゃう達人たちが
根城のuserstyles.orgの裏切りの前に次々と斃れる… 更新順のソートもできないときた
一縷の望みをかけて、新着順ソートのアドレスのnewestをupdatedに変えてみたけど、やっぱり「このクエリにはデータねえよ」
みたいなメッセージが出て終わり 何らかの意図があっての改悪なのか?
それともWebデザイナが見てくれだけで考えが浅い未熟者なだけなのか? ストレル
4月26日 編集日:4月26日 Firefox
ひと目で:
1.スタイルの設定がスタイルメインページ(非編集ページ)から消え、このサイトが提供していたスタイルの高度な機能が失われ、
公開スタイルの大部分がほとんど役に立たなくなりました。
2.リストモードなしで検索結果を表示し、表示された結果の数を調整することはできません。
作成/更新日、インストール数または関連性によって並べ替えられないため、検索はそのユーティリティのほとんどを失いました。
3.スタイル・メイン・ページ(オン・エディション・ページではない)のCSSコード・エリアはモノスペースではありません。
4.スクリーンショット機能は、スタイルのメインページに壊れています:
- スタイルメインページ(編集ページではない)に追加のスクリーンショットのオプションを表示しない
- スクリーンショットを部分的に切り抜くのではなく、部分的にスクリーンショットを完成させる
- 透明紙のチェッカーボードパターンを表示します(例: https : //userstyles.org/styles/137140/forced-preline-wrap )
- メインのスクリーンショットを表示しない場合があります(たとえば、この3つのスクリーンショットのコンポジションは、メインのものではありません) 。
https://userstyles.org/styles/86347/tab-bar-buttons-elements
5.コメントに関する問題
https://forum.userstyles.org/discussion/55373/new-site-design-comment-sorting
6.アプリケーションカテゴリは、chrome-extensions https://userstyles.org/categories/app を含むサブカテゴリを表示してうまく並べ替えられますが、
- 「Web App Themes&Skins」は「App Themes&Skins」と言わなければならない
- サブカテゴリは機能していないので、実際にはアプリのスタイルは現在再帰可能ではありません。
7.スタイルの統計ページから戻ってくる問題のスタイルへの参照やリンクはありません。
すべての問題に対処している間に機能的なolde 90のルックサイトにロールバックするのはどうですか? フォーラムをざっと見てみたがひどいねえ
検索・閲覧だけでなく、スタイルを設定してインストールする基本的な機能にも問題を生じており
ほとんど役立たずの状態になっているのだね
テストサーバで十分なテストを行わずにぶっつけ本番で公開したんじゃないかというレベル
ロールバックを要求するものの、経営陣はフォーラムなんか見て無いんじゃないかという悲観的な意見も やっぱり阿鼻叫喚か
サイトそのものが売られたりしたんだろうかね
これやったwebデザイナーはcssやサービスを使ってるとは思えない インストール際に設定選べたcssとかいろいろあったと思うんだが、もしかして選べなくなってる? サイトデザインの改悪問題ももちろんあるけどインストールボタン押しても無反応なのが一番困る
Firefoxで駄目だったからChromeで試してみたけどそっちはいけた
Chromeの方のStylishのUIが大幅に変わってたけどFirefoxその他のブラウザ用StylishはUIが古いままだからインストールが上手くいかないのかな
Chromeのstylishって確か今年初めにブラウザの全閲覧情報を収集・送信する仕様に変わったはずだけど、そっちのStylish使わせたいから他のブラウザのは使えないように変えたんだろうか >>655
選べないね
Github Dark https://userstyles.org/styles/37035/ 見てみたけど、色々あった設定項目が何一つ表示されない Firefoxでuserstyles.orgのリンク上の右中クリが左クリになるのはgreasemonkey等で
document.onclick = null;
すればとりあえず防げる https://forum.userstyles.org/discussion/comment/112473/#Comment_112473
>6. Missing Advanced Search
>this is not a bug, it's by design.
>We're made many improvements to style discovery, which we believe delivers a good user experience.
>Additionally, based on our stats, usage of advanced settings was very low.
検索直す気無いってさ > Chromeのstylishって確か今年初めにブラウザの全閲覧情報を収集・送信する仕様に変わったはずだけど、
> そっちのStylish使わせたいから他のブラウザのは使えないように変えたんだろうか
そういうことだろね
ついにその日が来たってことかと >>657
まじかよ困った
改悪どころの話じゃねぇなこれ
機能不全起こしてるじゃん
>>659
>we believe delivers a good user experience.
ここ最高に腹立つな >>656
>>660
こっちは問題なくインストールできているので安易な邪推はやめましょう >>659
Win8でスタートメニューが消滅したときの説明と同じだな。
「我々はそれがめったに使われていないことを発見した」っていう。 UI改悪したやつってほんともれなくuser experienceって言うのな >>662
Advanced Search に関する返答だけ抜き出してるけどさ、全部読んだの?
最初に「5件のバグ、再現できない2件の問題、5件のバグではない報告」とガツンとくぎを刺して
これは仕様だからおまえらは黙って使えと言わんばかりの、上からの傲慢な意思がぷんぷんと臭ってる
使用率とやらを盾に機能削除
早く公開するため仮で作っておいて、あとから直しますよというふざけたスタンス
これはひどい >>665
確かにひどい対応だと思うけどそれと>>660とは関係ないでしょ
対応が傲慢だから>>660みたいな意図があるに違いないって考え方は危険 お前がサイト作って素晴らしい機能を提供しろって話よ
それでもサイトについて語りたいならフォーラム行けや 検索とかカテゴリで絞りこんでアップデート順でソートするって使い方はもう無理ってことね
新しいサイトの仕様だと人気のスタイルシート以外は目に付きにくいよな >>667
むしろ前のままでよかったんだよ
いまのデザインにいいところが見つからない あの返答を読んでわかったのは、担当者のミスなどではないトップダウンであえてアレをやったんだってこと
未完成のハリボテのようなサイトを急いで公開する必要があったってことだよ
その目的は確かにわからないけど、こんな無茶なことするだけのロクでもないことのはず >>672
それの作者ですが新規の方がインストールして意図しない動作をされても困るので一度アーカイブした方がいいのかなと思っています >>673
作者さんお疲れ様です
いつもとてもよいTwitterライフを過ごさせていただいていました
ちょっと事情があって入れなおしたんですが、項目が選べずマウスオーバーでの画像の拡大が切れずに困ってました・・・
設定できるのもよいところの一つだっただけに今はかなり困りますね >>673
連投になってしまうのですが、少々質問があります
こちらが片思いフォローしているアカウントの文字色が文字色が紺色なのですが、通常フォローと見分けがつかないことが多く困ることが多いです
これは既存の設定項目で変更できるものだったんでしょうか? >>675
はい、片思いユーザーのツイート本文の色は設定で変更できます >>676
昨日それに思い立って確認に行ったのですがちょっと遅かったのですね
一日でも早く設定項目ができる環境が戻ることを願っております
回答本当にありがとうございました UserStyle.orgのデザイナーのオナニー感がひどい >>678
確かに見づらくなったわ、ソートもできないし そういうときには「優しそうな彼氏だね」と言っておけばいいと聞いた >>680
わからないが、Stylish運営にとって良くなったところがあるんだろう
そもそも今の運営の正体はなんだろう
アドオンの作者としては userstyle.org を名乗り
userstyle.org サイトでは stylish と名乗っている --> 「(c) 2017 Stylish. All rights reserved.」
明らかに個人じゃないのに組織名が不明 まぁリニューアル前は本当にcssを扱うサイトなのかと思うくらいチープだったのは確か 最初の腕試しのためにあえていじりがいを残してあげていたのさ >>689
CSSだけではどうしようもないんですがそれは そのうち誰かがGreasy Forkあたりでスタイルをソート可能にするスクリプトを公開してくれたりするんじゃないかな
スレ違いな上に他力本願だけれども データベースの参照ができない限りは
autopagerize系で目一杯連結したあとにブックマークレットでソートするくらいしか思いつかないな >>693
運営は聞く耳持たないようです
あきらめた方がいいでしょう
Stylishからフォークしたアドオンとスタイル登録サイト作る人出てこないかな >>694-695
Autopagerizeの替わりにXHRでHTMLだけ何ページ分も取得すれば、
ぐりもんでソートまで持って行ける。
XHRでHTMLだけ何ページ分も取得する部分は過去に作ったことある。
https://gist.github.com/knoajp/8e0f82e21731b8ed38d408e2cb50e97c
負荷の問題はあるけど、オメーが悪いんだよって流れになればいいのかな。 > 負荷の問題はあるけど、オメーが悪いんだよって流れになればいいのかな。
それはいい!
ぜひ、みんなでやるべきだね userstyles.org「一部のユーザがクソだからもっと色々制限かけまぁす!」 >>699
そうしたら、運営が本性を現して
「会員制にしてアカウントログインしないと使えなくしました」
「有料にします」
とかになって誰も来なくなって無事死亡
だといいな URLが連番っぽいからグリモンでどうにかするよりは
連番でソートしてついでにタグ付けもしたミラーサイトを作った方が早い気もする 連番でソートって、それただの新着順じゃん
しかしあのクソ運営、日付もまともに数えられないのか? 4/30の次が5/30になってるんだが natalieg
Since it's a big project, the design will be broken down to 2 stages.
Stage 1 includes:
New design for the home page, results pages (popular styles, website styles, etc.), and style pages.
No features, terminology or functionality changes will be included at this stage
(we'll update about these when we're closer to stage 2).
I understand that some of you prefer a list view.
I like CodyMKW's suggestion of a button that allows choosing between grid and list view.
I'll add it to our pipeline and we'll work on it in stage 2.
We actually didn't think the description is substantial, especially since many styles don't bother too much with it.
However, since several of you raised it, what we can consider is adding the description to the 'list' mode when will add the option to choose between grid and list.
For now we're not adding new features, but I'll add to the pipeline your suggestion for extra information points in the search results.
We're planning to add 'Bookmarks' in stage 2. Maybe in stage 3 people will be able to share their favorite lists. この運営はuserstyles.orgを使ったことなさそうだよな
声のデカいユーザーの懐古趣味ぐらいにしか思ってないだろこれ 新しい機能ではなく、今までできたことができる、というのがまず出発点だと思うのだが
それができていない時点では新サイトスタイルを公開すべきではなかった 海外のエロ動画サイトと同じ作りを目指しているようだな
重視するのは評価だけ >>710
これは!と思ったけどStylishじゃインストールできないのかぁ・・・ >>713
Nice but with one major problem for me
投稿者: RedDwarf - January 23, 2017 · 固定リンク
It works and I hope that it does not have the the unwanted "extras" that Stylish extension
now seems to have but there is one thing which lets it down for me. When pages load,
the CSS seems to take ages before it takes effect. This means that white pages, which
the web seems littered with, are present for far longer than I would like. I do not remember
this being a problem for stylish or styleRRR. StyleRRR is less feature rich and more trouble
to use but does seem to setup the CSS much more quickly. freestylerって独自ライセンスかー
stylishはGPLv3だけどソースコード見たり弄ったりする能力ない自分にはあんま意味ないけど
独自ライセンスのアドオンっていうのもある日豹変しそうで怖いイメージ css使うのにアドオンのインスコなんて必要ないだろ
コード丸出しなのに ttp://uwagakisimasuka.blog.fc2.com/blog-entry-5405.html
個人のブログなので本当かどうか分からないから参考程度に
FreeStyler はより強い権限を要求してたりするので注意です
と書かれてある 入れてるスタイルのほとんどが自作だからカンケーねーよヽ(`Д´)ノ 現状Firefox版はStylishはXUL、FreeStylerがAddonSDKなので権限の概念は無いが
FreeStylerはPrivacy policy見ると匿名の利用統計取ってるかも
アイコンクリックするとスタイル候補表示されるあたりむしろChrome版Stylishの方がパクったのかな
スタイル適用がワンテンポ遅れるのが気になる >>720
> スタイル適用がワンテンポ遅れるのが気になる
それは気になってしまうな
非表示にしてるはずの要素が一瞬だけ見えちゃうような感じ? Firefox53にしたら52まで効いてたタブの文字を中央寄せにするスタイルが
効かなくなったんだけど、直し方がわかる人いない?
タブ系のアドオンはTab Mix Plus 0.5.0.3pre.170421a1を入れてる
.tabbrowser-tab .tab-text { text-align: center !important; } >>723
自己解決しました
/* タブの文字を中央寄せ for FF53 */
.tab-label {-moz-box-flex: 1 !important; text-align: center !important;} feedlyのFeedのタイトルが太字で表示されるのを通常の太さの文字にしたいのですが
userContent.cssをどう編集すれば良いでしょうか?
http://www.dotup.org/uploda/www.dotup.org1244183.png セレクタ調べてfont-weight: 400 !important >>728
すいません、全くの初心者でセレクタというのがよく分からなりません
ググってみたらセレクタとはスタイルを適用する対象とのことですが、調べ方を教えていただけないでしょうか? コンテクストメニューに要素を検証ってあるだろ、そこからよ
本当の初心者が使えるかはわからんけど
ちなみに今見た感じfeedlyが太字にするのに使ってるセレクタは
.fx .entry .title .fx .entry .title { font-weight: 400 !important}
で行けました
有難うございました .tabbrowser-tab:not([pinned]) {
かなり長いことこれ使ってタブの幅と高さ変えてきたんだけど
この状態でbrowser.tabs.animateをtrueにすると変な競合おきるね
こっちもずっとfalseだったから最近気づいた
アニメーション起こらず閉じたタブの場所に空白が残る >>732
.tabbrowser-tab[fadein]:not([pinned]) >>734
Element Inspector を DOM Inspector と共に使えばおk。 userstyles.org、とうとう新着styleのRSSも受け取れなくなってしまった・・・
みんなはどうやってstyleの新着とか更新をチェックしてるの? >>736
いつの間にかRecently Updatedが追加されてるからそこ見ればわかる
Github Darkみたいな設定項目のあるスタイルも、弄れるように復活してた >>738
ホントだ、気付かなかった
どうもありがとう 右クリックのコンテキストメニューのEvernote web clipperという項目を非表示にしたいのですが、ラベル?というのでしょうか?教えていただけませんか?
よろしくお願いします >>741
DOM Inspector とElement Inspector入れてみたのですが、firefoxの外観の要素を調べるのはなんとなく理解できたのですが、コンテキストメニューの調べ方はどうやればいいのでしょうか?
分からなかったのでmenumanipulatorを入れてみたのですがnoscriptなどの項目は調べられたのですがEvernoteの項目が見当たらなくてお手上げです。
すみません、もう少し教えていただけないでしょうか? >>742
恐らくはjavascriptで挿入されてる可能性
xpi展開してもそれらしき項目は確認できない メニュー内項目をshift+右クリで普通にDOM出ないか? >>743
調べてくれてどうもありがとうございます
javascriptだと非表示にはできないんですね
ボタンからしか使わないのでコンテキストメニューのは邪魔で消したかったのですが、諦めるしかないですね
>>744
DOM Inspector の下ウィンドにfirefoxの外観を表示させてshift+右クリで調べるのは分かったのですが、コンテキストメニューを表示させる方法がわかりませんでした
他のメニューなどはクリックで開けるので調べられたのですが、右クリックからコンテキストメニューを表示させるにはどうすればいいんですかね? コンテキストメニューをshift+右クリじゃないの >>745
CSSじゃなくても何としてでも非表示にしたいならスレチだけど Menu Wizard で出来るけど >>746
やっとおっしゃってる意味がわかりました
DOM Inspectorを起動して調べなくても、firefox本体から調べられるんですね
勉強になりました、どうもありがとうございます
>>747
教えてくれてどうもありがとうございます
しかし試してみましたが、Evernoteの項目が弄れなくて非表示に出来ないみたいです
javascriptで挿入されているものは拡張じたいを弄らないと非表示にはできないみたいですね 動的に挿入されてようが非表示とは無関係
ただそういうのって調べられないわけでもないけど
DOM Inspectorと相性よくないってのはあるかもな 右クリックで出るメニューは基本的にpopupsetかmenupopupなどにまとめられてる
上手く探せないならそれらをつぶさに見ていけばいい >>749,750
アドバイスどうもありがとうございます
もう少し頑張って弄ってみます
レスどうもです! 747だけど
一応試して非表示になったからレスしたんだけど環境が違うのか
お互い言ってる項目が違うのか分からんけどダメならしょうがないね
http://i.imgur.com/HX59ExZ.png >>752
自分の環境だとこのようにチェックボックスが弄れないようになっていて無理でした
もしかしてMenu Wizardの使い方間違っているんでしょうか?
わざわざ画像まで上げてくれてどうもありがとうございます
http://i.imgur.com/PULbeT5.jpg Evernote Web ClipperとMenu Wizard入れて確かめてみたけど
Menu Wizardのこの設定有効にすればできるんじゃね
- Set ID for a menu if this menu does not have a unique ID >>754
どうもありがとう
やっと表示に出来ました
皆さん長々付き合ってくれてどうもありがとうございました アドオンCompact Menu 2を入れると下記CSSでタイトルバーを非表示に出来なくなる。
Compact Menu 2がないときは、問題なし。
#TabsToolbar {
margin-top: 0px !important;
}
CSSの修正で対応出来ないでしょうか? 1. 拡張設定のtabsintitlebarを有効にしていじれるほうのタイトルバーに戻す
2. #TabsToolbarにかかってるmargin-topを上書きする(このIDだけだと詳細度不足) >>758
もう少し分かりやすくレスして欲しい。
どうすれば良いか分かりません。 Compact Menu 2は止めて、ジェスチャーでメニューの表示/非表示することとした。 Compact Menu 2入れるならPersonal Menuの方が最善 stylusで*{font-family:"","" !important}としてるんだけど、https://music.amazon.co.jp/*を除外したい場合どうすればいいのん?
webフォントが文字化けするから その下にmusic.amazon.co.jp用のコード書いて!importantで上書き >>762
@-moz-document regexp("https?://(?!music\\.amazon\\.co\\.jp/).*") { *{font-family:"","" !important} } Twitterの「○○さんがいいねしました」を消すcssを教えて下さい Feedlyを使い始めました。
Magazine ViewやCards Viewで表示したとき、タイトル下部の文字色がグレイで見にくいです。
タイトルもグレイのようですが、少し濃くみえるので問題ないと思います。
userstyles.orgで探したのですが見つけられませんでした。
良い方法ありませんか? >>769
その変え方が分からなくて質問しました。
userstyles.orgでベースになろものありますか? >>773
今日になってから何も表示されなくなったと思ったらこういう事か
adblock系オフにしないとダメとかアホかよ userstyle.orgどんどん使いにくくなってて笑えん 今の運営になってからせっかく投稿されたスタイルシートを見れないように見れないようにしてるよな >>777
にしても代替というか対抗サイトが現れないんだよな Firefox55でブックマークサイドバーのファビコンを持たないサイトの前に表示されるデフォルトアイコンを消す方法はないでしょうか?
(ttp://i.imgur.com/gy5jyt7.jpg ←こういうアイコンです)
Firefox54までは以下の記述で消せていたのですが。
#bookmarks-view treechildren::-moz-tree-image(leaf),
#history-panel treechildren::-moz-tree-image(leaf)
{ list-style-image: none !important; } 【朗報】userstyle.orgに繋がる
以前の状態に戻ったのか?やったぜ! userstyle.orgって何?
userstyles.orgなら知ってる どなたか>>782をご存じの方はおられませんか?
「list-style-image: none !important;」の代わりに「visibility: hidden !important;」や「display: none !important;」も試してみましたが
デフォルトのファビコンは消せませんでした。
一方、「width: 0 !imporatnt;」と「opacity: 0 !important;」では、独自のファビコンを持つサイトも持たないサイトも両方アイコンが消えてしまいました。 Fx57以降ってもしかしてブラウザ本体のスタイルはいじれなくなるの? 現時点のNightly/57でuserChrome.cssは使える
ただし、今後どうなるかは不明
将来的なサポートを保証されてるわけでもないし
廃止すると明言されてるわけでもない
使えなくなるっていう話はbugzillaにあるコメントの拡大解釈か
WebExtensionsやuserChrome.jsあたりの情報とごっちゃになってるかだろう 自分はまだStylish使ってるからこれは使ってないんだけど
https://addons.mozilla.org/ja/firefox/addon/styl-us/
> ただし残念ながら、WebExtensionsプラットフォームのセキュリティ上の制約のため、ブラウザのUIや内部ページへのスタイルの適用は禁止されています。
userChrome.cssなら動くけどスタイル管理アドオンからは触る方法がないってことなのかな? そもそもDOM Inspectorなしじゃ目標の要素が特定できん…
ソースとかわからんし… ほんとだ...
DOM InspectorのWebExtension版なんて無理だよなぁ... それこそ、UIで気にくわない点をbugzillaに上げればいいよ
可能性は低いが、直してくれるかもな DOM Inspector無理だよな
きついなこれ
修正できるところがいいところだったのに・・・ DOMi の代わりには Browser Toolbox を使えばいいんだよ 他のスレで反応がないのでこちらで質問し直しますが
54.0.1まで正常だったけど、
55.0.2にしたらブックマークツールバーフォルダアイコンをuserChrome.cssで非表示にすると
フォルダ名の右のドロップダウンマーカーが消えてしまってフォルダの間隔が詰まってしまいます。
これを55.0.2で54.0.1までのようなスタイルにする方法はないのでしょうか?
userChrome.css
toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none;
}
を追加してフォルダアイコンを消しています。 >>802
toolbarbutton.bookmark-item[container] > .toolbarbutton-menu-dropmarker {
display: -moz-box !important;
} >>803
おお!早速どうも。
みごと表示できました。ついでに左右もマージンを追加して前のバージョンと揃えておきました。
ありがとうございます。助かりました。 list-style-imageプロパティっていつの間にか効かなくなってない?
>>801
それって開発ツールのインスペクターのことかな >>806
ttps://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox YouTubeの改悪が来たね・・・
とりあえずバカでかいフォントを何とかしてほしいわ・・・ 別に改悪では無かったと思うけど
あなたが変更に対応できてないだけでは >>808
旧版に戻せば大丈夫。右上の3っつの丸から治せる ニコニコ動画とかUI変わるたびに叩かれるが俺としちゃYoutubeの方がよっぽど改悪多い >>811
ありがとうありがとう
めちゃくちゃ助かった ロゴが変わってるなんてよく気付いたな
大して変わってなくて全然気付かなかったわ >>820
最新版だと効かない1.13.8に戻すか
CSSが更新されるまで待て stylishも改悪
youtubeも改悪
firefoxも改悪
何一つ良くないな stylishからstylusに移行したらヤバヤバっすか?(永井風) 954 名前:名無しさん@お腹いっぱい。[sage] 投稿日:2017/09/08(金) 08:07:00.86 ID:bYrPnIDp0
>>953
#TabsToolbar{display: none !important;}
#navigator-toolbox:hover #TabsToolbar{display: -moz-box !important;}
これじゃ駄目なの?
これでやるとオンマウスでタブバーは隠れますが、戻りません。
そして、タブタイトルが空になり最初にアクセスしたページ以外は開けなくなりました。
それで…
#TabsToolbar:hover * {
min-height: 4px !important;
max-height: 4px !important;
}
こうやって見ましたがウンともス〜ともいいません。
hoverはオンマウスってことだしアスタリスクで指定してるからいいかなって思って。
見よう見まねでやってみました。
classic Theme restorerでタブを下に表示するようにしています。 連投すいません。
#TabsToolbar:not(:hover) * {
min-height: 4px !important;
max-height: 4px !important;
}
これで行けました! ああ…
タブバーで開いてるタブの部分にオンマウスの時だけ開いたり閉じたり出来てます。
これタブバーのどこの部分にオンマウスで開いたり閉じたりするにはどう書き換えたら
よいですか? 例えばタブを2つ開いてる場合、その2つがあるところにオンマウスすると開閉しますが、2つ目の隣(3つ開いていたら3つめが表示される部分)に
オンマウスしても開閉しないんです。以前のですとタブバーのどこをオンマウスにしても開閉していました。 新規プロファイルを作って>831だけ書いたuserChrome.cssを作って試したけど、タブバーのどこかにマウスを持っていけばちゃんとタブバーは通常の高さで表示されるよ?
書いてある他の記述と干渉しているんじゃないの? UIのセレクタってどうやって調べればいいんだ?
いつも公開されてるcss見て探しているのだけど >>835
おれも同じく自動開閉cssだけをやってみましたが、やっぱタブのトコだけです。
アドオンでタブに関するものは
SuperTabMode
CustomNewTab
ClassicThermeRestorer
これらを無効にしてもダメでした。
ちなみにcssで他に記述しているのは、サイドバーなどのフォント設定にツールバーの色設定です。 >838
あ、分かったかもしれない。たぶんそれタブバーじゃないところだ
最初の行を #navigator-toolbox:not(:hover) #TabsToolbar:not(:hover) * { とすればどうよ?
これだとロケーションバーがあるツールバーにマウスを持っていくとタブバーが表示されちゃうけど
なお、行儀が悪いアドオンが#navigator-toolboxを使っていることがある
もし誤爆したら #browser-panel > を頭に付けると解決するかもしれない amazonにアクセスして時に上部にでる 「サインイン 初めてお使いですか?」とかいう吹き出しを出ないようには出来ませんか?
もしcssで出来るのであれば教えてください >>841
いろいろ試してみたんですが、うまく消えてくれません
もう少しヒントお願いします >>842
ポップアップしてる部分に要素を調査すればインスペクタ上で要素をハイライトで表示するじゃん
これで何をブロック対象にするべきかわかるでしょ? >>843
なんとか出来た!
ご迷惑おかけしました、どうもありがとう 「こちらによくアクセスする方は Google をホームページに」が
また出るようになったな .gb_Ic, .gb_g, .gb_jb, .gb_kb, .gb_ga div, ._Ak,
#rhs_block
{display: none !important;}
今これで消えてるけど古いから要らないセレクタが入ってるかも >>845のポップアップ、>>>>847でじゃうちでは消えてくれないのですが、みなさんは消えますか? .gb_gがあれば非表示にできるはずだけどな
ほかに.gb_Ncで非表示にできなかったら
ドメイン指定がおかしかったり、!important忘れたりとなんかしら不備があるか
そもそもGoogle側の仕様かなんかでclassが違うとかそんなんだろ > tp://egg.2ch.net/test/read.cgi/software/1505369817/198,202
#sidebar-box:not(:hover) {
max-width: 4px !important;
min-width: 4px !important;
}
ホバーしたらサイドバーを元の幅に戻すユーザースタイルというのはこれじゃいかんのか?
これじゃ狭かったら4pxを10pxにするとか適宜調整する感じで
それとホバーするまでサイドバーの中身表示したくないなら以下を追記
#sidebar-box:not(:hover) * {
visibility: collapse !important;
} tp://egg.2ch.net/test/read.cgi/software/1505369817/198,202
#sidebar-box:not(:hover) {
max-width: 4px !important;
min-width: 4px !important;
}
ホバーしたらサイドバーを元の幅に戻すユーザースタイルというのはこれじゃいかんのか?
これじゃ狭かったら4pxを10pxにするとか適宜調整する感じで
それとホバーするまでサイドバーの中身表示したくないなら以下を追記
#sidebar-box:not(:hover) * {
visibility: collapse !important;
} tp://egg.2ch.net/test/read.cgi/software/1505369817/198,202
#sidebar-box:not(:hover) {
max-width: 4px !important;
min-width: 4px !important;
}
ホバーしたらサイドバーを元の幅に戻すユーザースタイルというのはこれじゃいかんのか?
これじゃ狭かったら4pxを10pxにするとか適宜調整する感じで
それとホバーするまでサイドバーの中身表示したくないなら以下を追記
#sidebar-box:not(:hover) * {
visibility: collapse !important;
} うわ、すまん。書き込み失敗したと思ってリロードしてなかった…… >>850
すみません、やはりこちらのミスでちゃんと非表示にできました
お騒がせして申し訳ありません
ただ右上のgoogleアプリを開くことが出来なくなるのもセットなんですが、これはどうにかなりませんか?
たまに翻訳したい時とかあるので、開けると便利なのですが >>855
.gb_bはああいうメニューを表示する時につけるclassっぽいから
.gb_Ncかdiv[style="behavior:url(#default#userData)"]あたりだろうか 横からだが>>855さんのを見て
div[style="behavior:url(#default#userData)"]{
display: none !important;
}
で消せたわ
これならgoogleアプリを開くボタンも使えるぽい。
ありがとうございます。 >>856,857
お二人ともどうもありがとう
大変見やすく便利になりました こういうのここで聞いていいのかわからないんだけど
Stylishで親の無い並べられた子要素消すときってどういう書き方したらいいんだろう
CSSだとnth-of-typeで一々消さないとダメかな
https://i.imgur.com/sLVCRz1.png 消したいものをちゃんと言ってくれ
親のない子要素ってなんやねん >>860
span > span + b + b + b + hr + b + b + br + hr + b + span {
display: none !important;
} >>861->>862
ごめん
一番上のspanは無視で2行目のspanやらbタグの要素を全部消す効率のいい方法を聞きたかった 「この文章で誤解なく伝わるかな?」という想像力の足りないやつだな。
落ち着いて推敲してから書き込んでほしい。
span > *{display:none}
こんな単純なことをわざわざ質問しないだろうから、これが答えじゃないんだろう。
「一番上のspanは無視」という表現を元にむりやり別解を連想するなら、こう。
span > *{visibility:hidden}
しかしこれも単純すぎるよな。
表現力に限界があるなら、とにかく具体例を示してほしい。
「nth-of-typeで一々消した例」とは、どういうものなのか。
まさかこんなのじゃあるまい?
span > span:nth-of-type(1){display:none}
span > b:nth-of-type(1){display:none}
span > b:nth-of-type(2){display:none}
... 「一番上のspan」をすべての親であるspan要素(インデント浅いやつ)の子要素の一番上にあるspanと解釈したら
span > :not(span:first-child)
だろうか > span > span:nth-of-type(1){display:none}
> span > b:nth-of-type(1){display:none}
> span > b:nth-of-type(2){display:none}
まさにこれで考えてました。
この記述のほかにもっとスマートにできる方法があるのかと思いまして
> span > :not(span:first-child)
この書き方は考えもしませんでした。
ありがとうございます 同階層のほとんどを消したいけど一部表示したい要素があるなら
一行目でspan>*{display:none}、二行目以降に表示したい要素だけdisplay:○○; オーケイ。これで要求がハッキリした。
個人的には :not の使用を避けて span > span ~ *{} とか、
表示させたい要素の指定に対してより汎用性の高い >>867 のほうが好きかな。 >>869
アメリカ映画の吹替え版みたいな口調でなんか草生えた firefoxってどうしてスクロールバーいじれないんだろう
userChrome.css使えばいけるのかな 自分なんかはふだんは消してる。カーソル右端にもっていくと太いのが現れるようになってる。
おさわりOKよん♪ https://u6.getuploader.com/script/
ここの「コメント」「Upload」「検索」のdivのスペースが無駄過ぎるので
「検索」「Upload」「コメント」という並びの一行にまとめようと思った
下2つのdivは「コメント」の高さ分だけネガティブマージンで上に引っ張ればいいとして、
あとは「Upload」をセンタリングすれば完了、と思いきや
text-align: centerの時点では真ん中に寄るものの、上に引っ張ると少し左にズレてしまう
ズラさずに綺麗に真ん中に収めるにはどうすればいい? >>876
position: relative; left:xx か transition: translateX(xx) で十分 >>876
.navbar ~ .container > .pull-right {
float: none !important;
text-align: right !important;
} アドオン:Context Searchでコンテキストメニューのトップに位置することできませんか >>878
なるほど 犯人はそいつか
勉強になったありがとう tumblrのarchiveページでサムネイルにポインタを合わせるとグレーアウト(?)するのですが
これを色が付かないようで出来ますでしょうか?
出来れば表示される文字は残したいです。
例) http://nijyuhachi-iroiro.tumblr.com/archive スレをブラウザで見たら非表示にしてたiframeがまた出てきてた
と思ったら2chが5chになってたせいだった >>881
.post_micro .post_glass {
background: none;
opacity: 1.0;
}
.post_micro .post_glass span {
text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
} >>883
うまくいきました(^O^)
文字の縁取りもしていただいていい感じです
ありがとうございましたm(_ _)m >>879
コンテキストメニューを編集するアドオンを使えや。
Menu Wizardとかな。
というかスレチ。 メニューのidさえわかればuserChrome.cssでできるからスレチとは言えんと思う
#メニューのid{-moz-box-ordinal-group:0!important} >>888
>>879へのレスですか?
メニューののidって、about:support>拡張機能のIDのこと? コンテキストメニューのリンク関係をすべて消したい。
・リンクを新しいタブで開く
・リンクを新しいコンテナタブで開く
・リンクを新しいウィンドウで開く
・リンクを新しいプライベートウィンドウで開く
・このリンクをブックマーク
・名前をつけてリンク先を保存
・リンクをPocketに保存
・リンクのURLをコピー
よろしくお願いいたします。 ucjs_copyMenuList.uc.js使え >>888だがスレのみんなに謝っておく
こんな馬鹿が居つく原因になりそうな発言をして本当に悪かった
ごめんなさい
ID:SHSHzwhx0
コンテキストメニューの話をしているのに>>890の発言をする人に
userChrome.cssはまだ早い
ググってどういうものかわかれば自力でできるから頑張れ xqiv75ljlはどこのスレ行っても住人に嫌われる天才だな 開発ツール使ってもいいしソースからidを拾ってきても良い
ttps://dxr.mozilla.org/mozilla-release/source/browser/base/content/browser-context.inc ソース!
そんなのもあるのか
そしてハードル高すぎるから俺はちまちま見えてるものをクリックするか… ロケーションバーやメニューボタンを移動させたくて、それぞれ{removable: true !important;}って
userChrome.cssに記述してみたけど変更出来ないように保護されてんのか反映されんわ…
このあたりの設定を問答無用で書き換えてくれたCTRってやっぱ偉大で異常だったんだな userChrome.jsで普通にやってたけど
document.getElementById("menubar-items").setAttribute("removable", "true"); そりゃcssのプロパティじゃなくて要素の属性なんだからuserChrome.cssではいじれないよ Stylus 1.1.4.2を使ってみようと思ったのにFirefox 56.0で動かん(´・ω・`)ショボーン Selection Context Searchでコンテキストメニューのトップに位置付け出来ないでしょうか?
ContextSearcher.uc.jsの場合はuserChrome.cssへ下記追加で出来たのですが・・・
#context-searcher{-moz-box-ordinal-group:0} >>905
56、57共に動いてる。
新規プロファイルでためすべき >>906
こうかな
#contentAreaContextMenu [id^="_3923146e-98cb-472b-9c13-f6849d34d6b8_"] { -moz-box-ordinal-group: 0; } 891 名前:名無しさん@お腹いっぱい。[sage] 投稿日:2017/10/05(木) 21:07:20.42 ID:SHSHzwhx0 [2/3]
コンテキストメニューのリンク関係をすべて消したい。
・リンクを新しいタブで開く
・リンクを新しいコンテナタブで開く
・リンクを新しいウィンドウで開く
・リンクを新しいプライベートウィンドウで開く
・このリンクをブックマーク
・名前をつけてリンク先を保存
・リンクをPocketに保存
・リンクのURLをコピー
よろしくお願いいたします。
894 名前:名無しさん@お腹いっぱい。[sage] 投稿日:2017/10/05(木) 22:23:07.41 ID:SHSHzwhx0 [3/3]
>>892
57で使えないもの勧めるなよ。
910 名前:891[sage] 投稿日:2017/10/11(水) 21:13:16.57 ID:gXKxGNB50 [4/4]
これにレスくれる優しい人いませんか? 490 名前:名無しさん@お腹いっぱい。[sage] 投稿日:2014/09/26(金) 17:16:42.21 ID:PStOvxMp0
>>486
俺がレスしなかったらずっと書き込みなかったスレなのに何言ってんだこのクズ
485なんぞ飼い主が与えた餌に飛び付く犬みたいにすぐ返信したくせに。
俺が書き込むことによってお前らにレスする機会を与えてやったようなもんだろうがバカども
>>487何も分かんないんだったら書き込むな無能
一生過疎ってろw >>907
やってみたら動いた
最初はアイコンが表示されなかったけれども、一度削除してもう一度追加したら表示されたし、
使っていたプロファイルから設定だけを移植してもエラーが出なかったから、きっと他の拡張との兼ね合いがマズかったのだと思う
後でどの拡張か特定してみる >>916
動かないものが多いと思うが、いかかが? Firefoxのサイドバーの幅を数値で指定するには、どう書けば良いですか? >>918
#sidebar-box {
min-width: 250px !important;
max-width: 250px !important;
} Stylishのアプリスタイル用のCSSを書くときだけ入力補完が利かなくなった
サイトスタイルを書くときはきちんと補完してくれる
Firefox56.0 Stylish 2.0.7
似たような経験をした人いるかい? >>921
stylusは確かchromeのスタイルをそのまま試せないのではなかったっけか
何れにせよWEの57以降はできないのだっけ?
不便になるな あれ?
56.0で#editBMPanel_descriptionRowをvisibility: visible !important;しても、
説明があるページでも表示されないぞ
今までこれで行けたのに >>923
もう解決しただろうがググったら出てきたサイト置いておく
ttp://www.01.246.ne.jp/~hatch/firefox.html
/* ブックマーク編集パネルにURL欄を表示 */
#editBMPanel_locationRow,
/* ブックマーク編集パネルに説明欄を表示 */
#editBMPanel_descriptionRow {
visibility: unset;
} >>924
ありがとう、けれどもそれはもう試したよ
inheritも試したけれども効果なしだよ
collapseとhiddenは論外だし
相変わらず説明があるページでも中身は表示されないよ 57.0b10で>>924が効くからCSSを疑うよりプロファイル疑った方がいいんじゃね? >>926
当然、真っ先にやったよ
欄だけ表示されてdescriptionの内容は反映されない
もちろんブックマークして変更を加えているというオチもない
念のために言うとeditBMPanelはブックマークのプロパティとは別だよ いや、表示できてるけどなと思ってやりなおしてわかった
新しく開いたページをブックマークに追加するときパネル上で説明を入れて
その後ブックマーク編集パネルで表示されることを確認したんだが
この編集パネルは最後の記述がそのまま保持される仕組みなんだな
情報の入力はできるけど出力されない >>928
そうそう、そうなんだ
例えばhttps://www.mozilla.jp/なら、ブックマークされていなければ、ブックマークボタンを押したときはmetaにある通り、
"一般社団法人 Mozilla Japan は、2017 年 7 月より WebDINO Japan と名前を変え..."
と表示されなければいけないはずなのに、空なんだ googlemonkeyRでプレビューイメージをオン、4列表示にしてるんですが
たまに検索結果が空白になる事があります。同じような人いますか?
一瞬普通に表示されるのにすぐ全部消えて空白になるという感じです スクリプトスレと間違えました
向こうに書き直します アクティブタブの背景色の設定下記で効かない。
間違い指摘方よろしく。
tab[selected=true] {
background-color:#9eed17 !important;
} >>933
.tab-background-start[selected="true"]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before{
background-image: url(chrome://browser/skin/tabbrowser/tab-selected-start.svg);
}
.tab-background-middle[selected="true"] {
background-color: -moz-dialog;
background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4)), none;
}
.tab-background-end[selected="true"]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before {
background-image: url(chrome://browser/skin/tabbrowser/tab-selected-end.svg);
}
このあたりを弄れ >>934
レス、ありがとう。
が、まったく反応しませんでした。 57のかな?
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,blue,white,red) !important;
} >>936
はい、57です。
ダメでした。
結構厄介なんですめ。
背景色じゃなく文字色、フォントでもOKです。
CSSの知識なく、すみません これで出来た。
/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(0,0,0,1) !important;
background: #f7e9af !important;
background-clip: padding-box !important;
border-color: rgba(0,0,0,.25) !important;
font-weight: 900;//201703/17追記
}
#TabsToolbar .tab-background {
margin: 0 !important;
background: transparent !important;
} 下記CSSだとブックマークツールバーが半透明になるのはなぜなんでしょうか??
これが無効のときは透明になりません。
/*** Auto-hide Bookmarks Toolbar ***/
@namespace url(・・・・);
#navigator-toolbox {
position: relative;
transition: all 0.3s ease 0s !important;
}
#PersonalToolbar {
/*overflow: hidden;*/
margin-top: -20px !important;
transition: all 0.3s ease 0s !important;
}
#navigator-toolbox:hover {
margin-bottom: -20px !important;
transition-delay: 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
margin-top: 0 !important;
transition-delay: 0s !important;
} 「マウスをする」ってまるで「マッチを擦る」みたいだな Googleカレンダーが仕様変更になって土日の色を変更してたけど機能しなくなったわ
新仕様に対応した土日の色を変更してくれるCSSってどこかに無いかな? 56.0では問題なく、57.0で半透明になります。
新しいプロファイルで、アドオンなしでは正常でした。
元のプロファイルでアドオンをすべて無効化しても修復出来ず。
57.0のバグかな? 新規プロファイルで問題ないならおま環だろ
アドオン無効にしたってインストール前の状態に戻してくれる訳じゃない コンテキストメニューの スクリーンショットを撮る を非表示にしたいのですが、IDというのでしょうか?分かる方教えてくれませんか IDぐらい自分でブラウザーツールボックス使って調べろ
導入の仕方、使い方はググれば出てくるから 原因が分かった。
デーマをデフォルトに戻して直った。 >>946
#screenshots_mozilla_org_create-screenshot {display: none !important;}
Firefox screenshots自体を全く使わないというなら
extensions.screenshots.disabledをtrueにした方がいい
WebExtensionsのメニューはDOM Inspectorならメニュー開いた時に末尾に追加されてるのが分かるが
ブラウザツールボックスだと反応してないように見えるね >>949
ちゃんと消すことができスッキリしました
どうもありがとうございました 57.0でsearchbarへ丸みは下記でいけるのですが、urlbarへの丸みどう記述すれば良いのですか?
.searchbar-textbox {
border-radius: 10px !important;
} #urlbar {
border-radius: 10px !important;
} >>954
.search-go-button { display: none !important; } 57.0でブックマークツールバーの高さを変えたい。
下記じゃダメなの?
PersonalToolbar {height: 25px !important;} >>943
自分でやってみたけど数字の色しか変更できないわ。
新バージョンには帯の部分のセレクターがないっぽい。 >>943>>961
なんぼのもんじゃいと思ってみてみたけど、こういうことじゃいかんのか?
tr > td:nth-child(7){
background: rgba(0,128,255,.25);
}
セレクタもうちょっと工夫すれば背景の重複も解消すると思う。 >962
ありがとうございます。
でもこれ新バージョンには適応してないみたい?
現行バージョンには効くけど。
backgroundの色の範囲はさらに昔のバージョンに戻ると思って慣れるしかないかな。 >>963
失礼しました。選ばないと新バージョンにならないのね。こうだね。
クラス名はコロコロ変わるかもしれないから工夫の余地はある。
.PhLhOd:nth-child(1),
.t8qpF:nth-child(1){
background: rgba(255,0,0,.1);
}
.PhLhOd:nth-child(7),
.t8qpF:nth-child(7){
background: rgba(0,128,255,.1);
} >>964
ありがとうございます。大変参考になりました。
自分は使ってないけどミニカレンダーのほうはこんな感じですね。
.zRt28b:nth-child(1),
.W0m3G:nth-child(1) {
color: #FF6A6B !important;
}
.zRt28b:nth-child(7),
.W0m3G:nth-child(7) {
color: #6A6AFF !important;
} >>964,>>965
ありがとうございます、理想通りの見た目になりました stylishのcssをuserChromeとuserContentに分けてChromeフォルダに入れstylish内の各スタイルは全部削除したんだけど
通信プロトコルでアドレスバーの色が変わるようにしてるスタイルがsytlishを有効にしておかないと上手く機能しない
sytlishを有効
http 色変る(指定した色になる
https 色変る(指定した色になる
ftp 色変る(指定した色になる
sytlishを無効
http 色変わらない(薄グレーのまま
https 色変る(指定した色になる
ftp 色変わらない(薄グレーのまま
これってstylishがuserChrome.cssを読みに行ってるのかな??
css分からなくて拾ってきたの繋ぎ合わせて使ってるんだけどstylish無しで使えるようにしたいです Stylishってルート要素になんか情報付け足してたし
そういうStylish依存のセレクターがあるとかじゃねえの >>968
やっぱりそんなのがあるんですか
#main-window[stylish-url は胡散臭くてググってみたのですがよく分からずじまいでした
stylishの時はこれで動いていたのですが
https://pastebin.com/4KeFmARX
解る方いましたらご指南くださいませ >>969
ご指南も何も >>968 さんが正解だしてくれてる。
属性セレクタ指定に使われてる「stylish-url^=」を
通常の正規表現「url^=」に置き換えれば動くはず。
その他にも”stylish”を含む箇所をチェックするのは言うまでもなく。 わざわざ#main-windowにstylish-urlなんて属性追加してるくらいなのに
単純に置き換えただけで動作するとは思えんね >>971
コードをざっと見た感じ セレクタ別にbackground色と
list-style-image指定してる程度なので大丈夫だろうと思ったんだけど…
確かに"動くはず"はまずかった;ので心配になって確認してみた。動いた。 ルート要素にurl属性はないし
セレクターの話でプロパティーを見て大丈夫と判断する理由も
正規表現という言葉をなぜそこで使ったのかもわからない pawooの画像サムネイルをトリミングしたのじゃなく全体図を縮小したのにしたいんだけどどう書けばいいのかわからない・・・ https://sites.google.com/site/mymemomemo/freesoft/firefox
コンテキストメニューは、これを見て整理できた。
タブコンテキストメニューも整理(アイテム削除)したい。まとめてくれてるサイトありませんか? >>976
そのサイトにも書いてあるよ、ちょっと古いけど
最新版はこれ
menuitem#context_reloadTab /* タブを再読み込み */
menuitem#context_toggleMuteTab /* タブをミュート */
menuitem#context_toggleMuteTab + menuseparator /* タブをミュート 直後の区切線 */
menuitem#context_pinTab /* タブをピン留め */
menuitem#context_unpinTab /* タブのピン留めを外す */
menuitem#context_duplicateTab /* タブを複製 */
menuitem#context_openTabInWindow /* 新しいウィンドウへ移動 */
menuseparator#context_sendTabToDevice_separator /* タブを端末へ送信 メニュー直前の区切線 */
menu#context_sendTabToDevice /* タブを端末へ送信 メニュー */
menu#context_sendTabToDevice + menuseparator /* タブを端末へ送信 メニュー直後の区切線 */
menuitem#context_reloadAllTabs /* すべてのタブを再読み込み */
menuitem#context_bookmarkAllTabs /* すべてのタブをブックマーク… */
menuitem#context_closeTabsToTheEnd /* 右側のタブをすべて閉じる */
menuitem#context_closeOtherTabs /* 他のタブをすべて閉じる */
menuitem#context_closeOtherTabs + menuseparator /* 他のタブをすべて閉じる 直後の区切線 */
menuitem#context_undoCloseTab /* 閉じたタブを元に戻す */
menuitem#context_closeTab /* タブを閉じる */
https://dxr.mozilla.org/mozilla-central/rev/083a9c84fbd0/browser/base/content/browser.xul#79 に基づく それ、一度も使わないからいつも消しているわ
ナビゲーション、画像の URL をメールで送信、デスクトップの背景に設定、ページを端末に送るも消している 印刷コマンドとかもうちプリンタないから消してる
ぶっちゃけ誤クリックがめんどくさい それ俺も消してるわ
プリンタあるけどバグだらけでまともに印刷できないからねぇ >>977 横からありがとう、参考になります。
>>980-981
確かに誤クリックしがちだ;俺も印刷メニュー消そうかな
印刷する時はいつもPrint Edit WEでページ編集してからだし。 >>977
あれ、お礼言うの忘れてた。
ありがとう、助かりました。 57.0、マウスオーバーでブックマークツールバーを自動表示すること出来ませんか?
userstyles.orgでいくつか公開されてるけどダメでした。 cssだけじゃ無理なことを出来ると思ってるらしいな https://www.axfc.net/u/3860755.css
↑ネットで見つけたcss用の多段タブを微調整してある程度タブの横幅が固定になってる以外は、違和感なくできたんですが
これをTabMixPlusのようにタブの横幅を可変式?にすることは出来るでしょうか?
いろいろやってみたんですが、ほとんど知識のない自分には、見つけられませんでした。
どう書き加えたらいいかどなたかよろしくお願いします。 >>988
/*
* Tab width fits to tab title
* from tab_mix_plus-0.5.0.4-fx/chrome/content/overlay/browser.css
*/
.tabbrowser-tabs[orient="horizontal"] > .tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0 !important;
width: auto !important;
} >>989
返信ありがとうございます。
自分が想像してるタブの可変?は、タブが少ないときは、最大値で表示してタブが増えるごとに
少しずつ小さくなって多段タブになった時には、最小値になってるって感じなんです。
せっかく教えてくれたのに説明不足で申し訳ないです。
ありがとうございました。 今日になって突然stylishが動かなくなった(Firefox 56.0.2)
放心状態でこのスレに来た
サイドバーを右に移す(デフォルトは左)にはどうしたらいいのでしょうか? サイドバーとかアドオン使わんでも右左自由に動かせるだろ >>991
Firefox55からはユーザーcss使わなくてもサイドバー上の切り替えメニューで右に移動できるぞ
stylish3.0.0にされてるなら不具合だらけで取り下げられてるから、2.1.1か2.0.7に入れなおしてきな >>994
ホントにありがとう!
stylish3がこんなに不具合あるなんて・・
全ておっしゃるとおりでした >>991
だから自動アップデートは切って置けとあれほど Live editor for CSS and LESS
https://addons.mozilla.org/ja/firefox/addon/live-editor-for-css-and-less/
スタイルシート編集しつつ、リアルタイムで確認できる。これめっちゃイイ!
Custom Style Script (Inject desired CSS or JS)
https://addons.mozilla.org/en-US/firefox/addon/custom-style-script/
特定のページに対してJSとcssを個別にまとめて(;)適用・管理できる。 このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 826日 16時間 19分 58秒 5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。
───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────
会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。
▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/
▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php レス数が1000を超えています。これ以上書き込みはできません。