X



userChrome.css・userContent.cssスレ Part8
■ このスレッドは過去ログ倉庫に格納されています
0001名無しさん@お腹いっぱい。
垢版 |
2017/12/14(木) 00:29:24.23ID:XdBerJGV0
●前スレ
userChrome.css・userContent.cssスレ Part7
http://egg.5ch.net/test/read.cgi/software/1510394098/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager
https://greasyfork.org/scripts/35880

●CSS(ユーザースタイルを記入するべきファイル)
userChrome.css(UI) / userContent.css(Web Site)

●関連サイト
userstyles.org
https://userstyles.org/

MDN - CSS
https://developer.mozilla.org/ja/docs/Web/CSS

とほほのスタイルシート入門
http://www.tohoho-web.com/css/
0128名無しさん@お腹いっぱい。
垢版 |
2017/12/24(日) 23:18:58.96ID:+kdYc/cA0
#titlebar-buttonbox-container
#titlebar-buttonbox
.titlebar-button
この辺のheight,padinngを弄れば高さが変わって隙間は消せる
osが7、8、10で違う場合もある
ウインドサイズがnormalかmaximizedか指定する必要もあると思う
0130名無しさん@お腹いっぱい。
垢版 |
2017/12/25(月) 13:22:12.00ID:swov1hYq0
前スレとは打って変わって凄く雰囲気悪くなったな。
ヌシのような奴は口だけで何もしないようなので素人さんはcss絡みも別スレで聞いたほうが良いぞ。
0131名無しさん@お腹いっぱい。
垢版 |
2017/12/25(月) 13:34:13.21ID:G8Rf1nT10
こんなのイキってる馬鹿チョンが一匹ID転がして雰囲気壊してるだけだろ。
口調と質問に対する対応がずっと同じ。
そういう奴に限って質問への回答が一切できない。

どうせここで質問して誰も教えてくれなかったのを根に持って荒らしてるんだろ。
0132名無しさん@お腹いっぱい。
垢版 |
2017/12/25(月) 14:19:21.04ID:swov1hYq0
>>131

そういう態度や言動がここの雰囲気悪くしてるのに気づかないとはな。

哀れなやつだ
0137名無しさん@お腹いっぱい。
垢版 |
2017/12/26(火) 17:01:40.79ID:zjLVoGZu0
cssで履歴サイドバーの検索ボックスを非表示にしています
#history-panel #search-box {
display: none !important;
}

残った表示のボタンは利用したいので
スクリーンショットの赤丸の位置へ移動させられればと考えてます
どうすれば可能でしょうか
https://i.imgur.com/XSBwsbW.png
0141名無しさん@お腹いっぱい。
垢版 |
2017/12/27(水) 01:12:25.17ID:Y0dd3Fh30
cssで特定のプロパティ:値を持つ要素をセレクタに指定することって可能ですか?
例えばfont-weight:boldの文字のみをいじったりしたいのですが
0144名無しさん@お腹いっぱい。
垢版 |
2017/12/27(水) 10:57:31.07ID:6liWeLMw0
ブックマークツールバーをマウスオーバーで自動開閉やつを自分好みに弄ってみた

/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important;
}
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important;
}
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important;
}
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important;
}
#navigator-toolbox:hover {
margin-bottom : -20px !important;
transition-delay : 0s !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important;
}
0145名無しさん@お腹いっぱい。
垢版 |
2017/12/27(水) 10:58:46.80ID:Y0dd3Fh30
>>142
やはり無理でしたか
結構調べましたが無理っぽいですよね
htmlで<b>してるなら(b)とかで行けると思うのですがそんなサイトはもうめったにないです
0146名無しさん@お腹いっぱい。
垢版 |
2017/12/27(水) 14:00:36.97ID:gsrBh6D40
CSSでgetComputedStyleみたいなことはムリとしても
そもそもfont-weight: boldになってるなら、セレクターとしてはなんかしら引っ掛けるところがあると思うが
0150名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 00:51:40.08ID:yh2IS2d80
ずっとスレ荒らしてるチョンだろ
やり口かえて荒らしてるだけだよ
質問者とは別人なのは文の癖で分かる
0153名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 07:08:39.13ID:l53AAQug0
今少し試して見たけどサイドバーヘッダーの手前に持って来るのよくわからなくて挫折したw早っ
css素人な自分では無理だた
0154名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 10:05:57.12ID:L/NgujsF0
つ、釣られたクマー(AAry

ヘッダは隠せなくなるけどできたので要点だけ
・ヘッダを潰してボタンをいい感じに配置
sidebarheader#sidebar-header {min-height: 0px !important; max-height: 0px !important; position: fixed !important;}
sidebarheader#sidebar-header .close-icon {position: absolute !important;}
sidebarheader#sidebar-header toolbarbutton#sidebar-switcher-target {position: relative !important;}
・履歴の[表示▼]をいい感じに配置
・ブックマークやら同期タブやらの時に上部にヘッダ分のスペースを設ける
0155名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 10:16:09.73ID:g8czU6vR0
>>154
そのcssじゃ、まるで駄目駄目だな
無理なら無理ってはっきり謝罪しろよ
無理じゃないけど、なんて思わせぶりなこと書くから、恥をかくことになる
0156名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 10:49:33.05ID:L/NgujsF0
要点だけって言ってんのにこれで全部できると思ったの?
それともそう言えば全部書いてもらえると思ったの?
0159名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 11:01:02.67ID:RDCoSBGy0
>>137
@-moz-document url("chrome://browser/content/browser.xul") {
#sidebar[src="chrome://browser/content/history/history-panel.xul"] {
margin-top: -46px !important;
}
#sidebar-header #sidebar-switcher-target,
#sidebar-header #sidebar-close {
position: relative !important; /* クリックに反応するようにする */
}
}
@-moz-document url("chrome://browser/content/history/history-panel.xul") {
#history-panel #sidebar-search-container #search-box {
display: none !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-left: 100px !important;
margin-top: 4px !important;
}
#history-panel tree {
padding-top: 4px !important;
}
}
0160名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 11:04:49.85ID:g8czU6vR0
>>159
おおおおおおお、すっげええええええええ
あなたこそは神wwwwwwww


でもサイドバーを閉じるボタンと重なってるよ
0162名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 12:01:59.45ID:l53AAQug0
二人のを参考にしてやっと出来た。使う予定ないけどw
まだpositionの概念がよく理解できてないからどこかで学習し直してくる
#history-panel #search-box {
display: none !important;
}
#history-panel #viewButton {
margin-left: 90px !important;
}
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header {
margin-bottom: -40px !important;
}
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header #sidebar-switcher-target,
#sidebar-box[sidebarcommand="viewHistorySidebar"] #sidebar-header #sidebar-close {
position: relative !important;
}
0163137
垢版 |
2017/12/28(木) 12:08:11.95ID:LE4kKClG0
>>159
>>137です
>>154さん>>159さん
作ってもらえて感謝してます
https://i.imgur.com/ReFneRa.png

margin-left: 100px で左からの位置固定になるわけですが
サイドバーを広げたり狭めたりしたときに「表示」も
サイドバー右に沿いながら可変するにはどうすればいいでしょうか

動作例としては履歴サイドバーの検索を消す前の状態のとき
サイドバーを広げたり狭めたりしたときに「表示」も移動するのと同じようにです
0165名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 12:39:37.49ID:RDCoSBGy0
>>163
>>159を元に二箇所変更

#search-box の display: none を visibility: hidden にする
#viewButton の margin-left: 100px を margin-right: 25px にする (×ボタンの分)

その他の余白は環境によって適切な値が異なるだろうから、適宜調整して
0169名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 19:08:33.59ID:g8czU6vR0
スルースルーって馬鹿の一つおぼえみたいに言ってるが

>>159みたいな「教えたがり君」もいるってことを忘れるな
がははっは
0170名無しさん@お腹いっぱい。
垢版 |
2017/12/28(木) 21:23:21.99ID:LE4kKClG0
>>165
遅くなりました
このように変更してみましたがうp画像のようになってしまいます
https://i.imgur.com/FMYLEsN.png
#history-panel #sidebar-search-container #search-box {
visibility: hidden !important;
}
#history-panel #sidebar-search-container #viewButton {
margin-right: 25px !important;
margin-top: 8px !important;

あちこちいじってあるためきっと環境のせいなのだと思います
ここまでできただけでも十分です
ありがとうございました(・∀・)つI
0173名無しさん@お腹いっぱい。
垢版 |
2018/01/02(火) 00:47:30.80ID:kabeoatB0
urlfilter.uc.js 0.0.8.3で
つべの動画の始まりに割り込んでくる広告CMを
http*://*.doubleclick.net/* でブロックしてたんだけど
最近効かなくなっちゃったんだがどう直せばいいかわかる猛者おるか?
0177名無しさん@お腹いっぱい。
垢版 |
2018/01/03(水) 07:35:02.83ID:hpn/ew150
>>175
/*ブックマークツールバーをマウスオーバーで開閉する*/
#navigator-toolbox:not(:-moz-lwtheme) { /* Default テーマ */
background-color : hsl(0, 0%, 78%) !important; }
#navigator-toolbox:-moz-lwtheme {
background-color : var(--chrome-background-color) !important;
background-image : var(--lwt-header-image) !important; }
#navigator-toolbox {
position : relative !important;
transition : all 0.3s ease 0s !important; }
#PersonalToolbar:not([customizing="true"]) {
margin-top : -20px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#nav-bar:not([customizing="true"]) {
margin-top : -29px !important;
transition : all 0.3s ease 0s !important;
opacity : 0 !important; }
#navigator-toolbox:hover {
margin-bottom : -49px !important;
transition-delay : 0s !important; }
#navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }
#navigator-toolbox:hover > #nav-bar:not([customizing="true"]) {
margin-top : 0 !important;
transition-delay : 0s !important;
opacity : 1 !important; }
0179名無しさん@お腹いっぱい。
垢版 |
2018/01/06(土) 21:05:40.33ID:a+t1Su8M0
Thunderbirdの話なんですけど、52.5.2になってから(?)
UI(メインウィンドウ)用のスタイルが動かなくなってしまいました。

ただ、

@-moz-document url("chrome://messenger/content/messenger.xul"){
}

という指定を除去すると何の問題もなく機能します。
ひょっとして@-moz-documentの正しい記法か
メインウィンドウのアドレスが変わったりしたんでしょうか?

url指定なしでも一応弊害は出ていませんが
なるべく具体的に指定できたほうが精神衛生上いいので事情をご存知の方ご教示ください。
0180名無しさん@お腹いっぱい。
垢版 |
2018/01/07(日) 11:17:16.18ID:7/jlZO1T0
下記でURLバーにマウスオーバーでURLバーが広がり、Searchバーが縮まります。
#urlbar,#urlbar-container{
max-width: 350px !important;
min-width: 200px !important;}
#urlbar:hover,#urlbar-container:hover{min-width: 580px !important;}

これを逆にSearchバーへマウスオーバーで広がり、その分URLバーを縮めたい。
urlbarをsearchbarに入れ替えるだけでは、うまくいかない。
どう記述すれば良いのか?
0182名無しさん@お腹いっぱい。
垢版 |
2018/01/07(日) 16:18:58.84ID:ZXpLGd210
>>181
/* サイドバーの行間を狭くする */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:1.5em !important;
border-width:1px !important;
}
0183180
垢版 |
2018/01/08(月) 08:14:11.84ID:i/hn/Pi70
誰か、教えて!
0185名無しさん@お腹いっぱい。
垢版 |
2018/01/09(火) 12:13:46.16ID:L8MR7eDe0
教えて下さい。
デフォルトの状態からバーの高さに関係すると思われる変更を行ったこと、
@ ブックマーク・ツールバーの項目をナビバーに移動した。
A 戻る・進むボタンを Visibility collapse にした。
B タブバーおよびタブの高さを減らした。
C アドレスバーと検索バーを両方表示した。
以上の状態のままで(ナビバーの高さは変わらないようにして)
アドレスバーと検索バーの高さを 2〜3 ピクセル低くすることはできるでしょうか?
単純に urlbar と searchbar の height を 26px というように指定したのでは
ダメなのですか? "おめえ分かってねえなあ" と云われるのを覚悟でお聞きしたく。。
0186名無しさん@お腹いっぱい。
垢版 |
2018/01/09(火) 12:23:53.29ID:+iNIWbun0
\ ⊂[J( 'ー`)し
  \/ (⌒マ´
  (⌒ヽrヘJつ
    > _)、
    し' \_) ヽヾ\
          丶_n.__
            過去ログ
              ̄   (⌒
            ⌒Y⌒
0187名無しさん@お腹いっぱい。
垢版 |
2018/01/09(火) 21:23:56.82ID:1Gp6fS0o0
おめえ分かってねえなあ
0188名無しさん@お腹いっぱい。
垢版 |
2018/01/10(水) 08:17:00.45ID:seVb/Gam0
>>187
ええ、分かってゐません。
貴兄は良くお分かりのやうで、羨ましい
0190名無しさん@お腹いっぱい。
垢版 |
2018/01/14(日) 11:05:59.71ID:+JYnTxB10
過去ログ読めば分かるって言われてるのに頑なに読まないから分かってないって言われるんだよ
0191名無しさん@お腹いっぱい。
垢版 |
2018/01/14(日) 11:08:17.33ID:0uRvMW/r0
某県警から先日通報してやった奴に関する問い合わせが来た
すごいよ警察に協力できるなんて感動したわ
0192185
垢版 |
2018/01/14(日) 13:50:43.08ID:8GU91RE10
>>190
前スレ >158
navi-bar-customization-target → height 36px
searchbar-textbox → min-height 23px
urlbar → height 19px
で、好みのレイアウトになりました。
大変有難うございました。
0193名無しさん@お腹いっぱい。
垢版 |
2018/01/16(火) 15:42:28.06ID:XzoFXnO80
Pale Moonのブラウザでタブとウィンドウを閉じたとき、右クリックで出現する
「全てのタブを復元」
「全てのウィンドウを復元」

の項目を{display:inline}で消去したいのですが、inspectで調べてもidが表示されません。
上記2つのidを教えてください。
0195名無しさん@お腹いっぱい。
垢版 |
2018/01/17(水) 20:48:14.45ID:atnFJ4fq0
onetabの右クリックメニューでいらないやつを消したいのですがどう書けばいいのでしょうか
消したいのはoneTabに全てのタブを送るとこのタブ以外全て〜と左側のタブ〜です
0197196
垢版 |
2018/01/18(木) 02:04:58.37ID:tNAwXzEE0
>>196
自己解決しました
0200名無しさん@お腹いっぱい。
垢版 |
2018/01/19(金) 15:01:19.27ID:6fq/ap0D0
ブックマークツールバーにブックマークフォルダを入れているだけど開くと上下の▲▼を消したいんだけど無理かな?
0204名無しさん@お腹いっぱい。
垢版 |
2018/01/20(土) 17:38:30.24ID:GvMDZ38x0
項目が多くて絞り切れないな〜。ブックマークフォルダを開けた時によく上下に暴走するから抑制できるアドオンでもあればいいんだけどね
0208名無しさん@お腹いっぱい。
垢版 |
2018/01/21(日) 17:29:51.62ID:Rg6+maMw0
WE前のアドオンのUndo Bookmarks Menuみたいに
ブックマークのコンテキストメニューに元に戻す」と「やり直し」を付け加えても上手く行かない
弄れないのかな
ブックマーク弄ってUndoが必要になったら
すべてのブックマークを開いて管理からやり直しをするしかなくなった
めんどい
0211名無しさん@お腹いっぱい。
垢版 |
2018/01/21(日) 20:17:39.82ID:Rg6+maMw0
>>209
キーボード使うときはキー操作で済ましても
マウス使うときはマウスで完結させて持ち替えを減らしたいものだろ
特にブラウジングはマウス多用するから
0212名無しさん@お腹いっぱい。
垢版 |
2018/01/21(日) 20:25:17.69ID:wF1y1ONJ0
Vim Vixen という拡張機能が提供する Hit-a-Hint 風の文字の大きさを
サイトの拡大率を無視して固定したいです。
今現在,userContent.css に以下のように指定していますが,
ページの拡大率によって文字の大きさが変動してしまいます。
.vimvixen-hint {
width: 16px !important;
height: 16px !important;
vertical-align: middle !important;
line-height: 16px !important;
font-size: 90% !important;
-webkit-text-size-adjust: none !important;
}
/* これ以外にも色々設定 (フォントとか) しているのですが恐らく
文字の大きさの変動には関係してこないので省略しました */
0216212
垢版 |
2018/01/22(月) 14:45:08.65ID:ZpmiSWbS0
>>215
Viewport 単位では一応固定されましたが,ウィンドウの大きさを変更するとそれに追随してしまいます。
私が望むのは Webページの拡大率・ページのフォント設定・Webブラウザの大きさに依らない大きさ文字で表示することなのです。
CSSで指定できるフォントの大きさを調べるとmm指定がちょうどいいと思ったのですが,なぜかWebページを拡大すると文字の大きさも拡大されてしまいました。
ちゃんと
font-size: 4mm !important;
としてあるにも拘らずです。
うーん,仕様なんですかねぇ……。

遅くなりましたが環境は: Firefox 57.0.4 64bit 公式ビルドです。(あんまり関係ないと思いますが……)
0217名無しさん@お腹いっぱい。
垢版 |
2018/01/22(月) 18:02:21.69ID:HxtxHDUk0
定規を虫眼鏡で見て1mmがズレてるとか言うようなもんだろ
それで拡大されないなら同じ絶対単位のpxも拡大されないことになる

拡縮や設定、環境にかかわらず固定ってのはアクセシビリティーの都合上、CSS単独では難しいんでないの
0218名無しさん@お腹いっぱい。
垢版 |
2018/01/22(月) 18:44:32.10ID:BFz6Lu5O0
ブックマークなどからサイトを開く時、読み込みが始まるまでの間に表示される真っ白な画面を黒くするにはどうすればよいでしょうか。
0219名無しさん@お腹いっぱい。
垢版 |
2018/01/22(月) 20:35:56.12ID:ccES14C40
Webページの拡大って元々そういうもんじゃね?
CSSその他のローカル設定・下位設定を上回る効力があるからこそ意味があるというか
0223名無しさん@お腹いっぱい。
垢版 |
2018/01/23(火) 00:18:05.26ID:R/qfe5hJ0
ページ内検索ボックスの幅を広げたい
0224名無しさん@お腹いっぱい。
垢版 |
2018/01/23(火) 14:29:04.97ID:60el/32A0
サイドバーにブックマーク表示してるんですがフォルダアイコンの色を変えるにはどの様に記述すれば良いのでしょうか?お教え下さい。
■ このスレッドは過去ログ倉庫に格納されています

ニューススポーツなんでも実況