userChrome.css・userContent.cssスレ Part6

1 名前：名無しさん＠お腹いっぱい。 mailto:sageteoff [2015/08/07(金) 23:59:01.64 ID:ci1ga2Nw0.net] ●前スレ userChrome.css・userContent.cssスレ Part4 (実質 Part5) anago.2ch.net/test/read.cgi/software/1400202982/ ●拡張機能 Stylish https://addons.mozilla.org/ja/firefox/addon/stylish/ User Style Manager https://addons.mozilla.org/ja/firefox/addon/user-style-manager/ ●スクリプト userChromeJS/UserCSSLoader at master ｷ Griever/userChromeJS ｷ GitHub https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader ●CSS（ユーザースタイルを記入するべきファイル） userChrome.css（UI） / userContent.css（Web Site） ●関連サイト userstyles.org userstyles.org/ MDN - CSS https://developer.mozilla.org/ja/docs/Web/CSS とほほのスタイルシート入門 www.tohoho-web.com/css/ 136 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/24(火) 14:21:03.62 ID:BKFe18PY0.net] ページ内検索バーを右上に持ってくる「Findbar on Top Right」のスタイルを使用していましたが、 他のアドオン(ツリー型タブ？)と干渉して表示がグチャグチャになることがあって使いのをやめたいと思ってます。 基本は純正のままでいいいのですが全体を右詰めにしたいです。 更には検索が先頭・末尾に行った時などに表示されるテキストの量に応じてボックスの矢印の位置が変わらないようにボックスを右端に置きたいです。 137 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/24(火) 14:36:31.76 ID:uvi/MNV90.net] そうですか^^ いままでお疲れ様でした 138 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/24(火) 22:04:34.47 ID:mqX6XDpU0.net] 開いているタブが多くなっていくとタブ幅を狭くするスタイルを使っているんだけれども ある一定以下の幅になったら今表示しているタブのbackground-image:を変えるのって userChrome.cssだけで実現させるのは不可能？ 具体的には #main-window #navigator-toolbox #TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected="true"] の状態でタブ幅が100px以下になったらbackground-image:をredにするみたいな 139 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/24(火) 22:48:08.08 ID:LJPsAsml0.net] >>133 スレチだけどアドオン使ったら？ https://addons.mozilla.org/ja/firefox/addon/findbar-tweak/ 140 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/25(水) 21:33:02.56 ID:o06u8OlJ0.net] >>136 ありがとうございます 試してみましたら「Findbar on Top Right」と同じく表示が乱れました どうもこの辺りのスタイルをいじるとがツリー型タブと衝突するようです 141 名前：名無しさん＠お腹いっぱい。 [2015/11/25(水) 21:55:26.10 ID:TIAAfUKE0.net] >>137 俺ここの使ってるよツリー型タブと干渉したことはない tofukko.blog113.fc2.com/blog-entry-414.html 142 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/26(木) 00:19:43.91 ID:05IV1VwK0.net] >>138 これいいですね！ 今のところ表示が乱れるようなこともなさそうですし ありがとうございます 143 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/28(土) 14:38:50.20 ID:GViv56BO0.net] ここを参考にして detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1054243990 ブックマークを非表示にしてみたのですが ブックマークサイドバー上は非表示にできませんでした どうすればいいんでしょうか？ fsm.vip2ch.com/-/sukima/sukima413121.jpg 144 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/29(日) 14:42:04.29 ID:EgIv/Kbo0.net] >>135はcssでは出来ない、ということでいいのかな？ 145 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/11/29(日) 15:33:29.77 ID:BySK3MBf0.net] #tabbrowser-tabs[overflow= 146 名前：名無しさん＠お腹いっぱい。 [2015/12/02(水) 15:42:32.80 ID:tS1PHaoa0.net] ツールバーを細くするCSSを使っているのですがFx40あたりから、 Firefoxを立ち上げたときにむわっと太くなって、一秒後くらいに細くなる こんな感じなんですけど手直ししてくれるような神がいらっしゃったらお願いします pastebin.mozilla.org/8853573 147 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/02(水) 16:20:52.21 ID:VjumJ5Va0.net] >>142 やってみ？ 148 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/02(水) 19:50:43.18 ID:bT67ER440.net] >>143 UserCSSLoaderなら仕様 149 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/05(土) 18:42:04.65 ID:zpzxKwMz0.net] >>144？ 150 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/11(金) 23:43:49.93 ID:m71V2Gi90.net] Stylishのタグ機能ってもう復活はしないのかなあ タグを付けれないと不便すぎるからずっとバージョン1.4.3を使い続けてる バージョン2.0以降だとパフォーマンスが改善されてるっぽいし、できればアップデートはしたいのだけれど 151 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/12(土) 03:25:56.22 ID:cRh5eeS30.net] 確かに不便なった 152 名前：名無しさん＠お腹いっぱい。 [2015/12/29(火) 08:00:15.28 ID:HtfpipWX0.net] YouTube TOPページの「あなたへのおすすめ」のところだけ非表示にするCSSを教えてください 153 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 08:35:16.97 ID:iYgj75X10.net] >>149 適当 #item-section-783551{ display:none; } 154 名前：名無しさん＠お腹いっぱい。 [2015/12/29(火) 09:11:26.68 ID:HtfpipWX0.net] >>150 どうもです 残念ながら数字がランダムに生成されるためそれだと上手くいきません #item-section-825957 > li:nth-child(1) > div:nth-child(1)　など 155 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 09:30:09.80 ID:iYgj75X10.net] >>151 じゃ、こうかな？ ol li:nth-of-type(3){ display:none; } 156 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 09:35:58.82 ID:iYgj75X10.net] すまん、152もダメだな 157 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 09:42:16.33 ID:zn1rD+la0.net] ol[id*="item-section-"]でいいだろ 158 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 09:59:52.17 ID:RWiokNIt0.net] おすすめだけ多段になってることを利用して .item-section .multirow-shelf とか？ 159 名前：名無しさん＠お腹いっぱい。 [2015/12/29(火) 11:19:46.47 ID:HtfpipWX0.net] みなさんどうもありがとうございます .item-section .multirow-shelf { display: none !important; } で、非表示にできました 160 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 14:50:18.24 ID:VgHfewXh0.net] 使用しているアドオンのcssの記述「panel#selectedsearch-popup { border-width: 0px }」を無効にしたいんですが stylishでどう記述すればいいか教えてください 今までは直接xpiをいじってcssから該当部分の記述を削除してたんですがstylishで無効に出来ればと思い質問しました 161 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 15:13:42.99 ID:YlJC5PVG0.net] #selectedsearch-popup { border-width: initial !important; } 162 名前：名無しさん＠お腹いっぱい。 mailto:sage [2015/12/29(火) 16:04:25.43 ID:VgHfewXh0.net] >>158 素早いレスありがとうございます 以前のような表示にすることができました 163 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/01(金) 04:06:58.72 ID:TbtwMKh30.net] なるほどなあ 164 名前：名無しさん＠お腹いっぱい。 [2016/01/06(水) 09:47:07.97 ID:cT3FMtON0.net] ブックマークのプロパティって、横幅はドラッグして広げられるけど、高さは変えられませんよね。 やり方があれば教えて下さい。 165 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/07(木) 23:38:48.93 ID:KpPkSJPF0.net] >>161 パネルの中の何の高さを設定したいのか不明だけど、例えばツリーならツリーでそこを高さ指定する等で解決するのでは？ 余白はmarginやpaddingで調整すれば良いでしょう。 166 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/14(木) 01:13:01.16 ID:JFK2zYlh0.net] メモ /*-----------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; } 167 名前：名無しさん＠お腹いっぱい。 [2016/01/15(金) 19:23:19.07 ID:PlJs+SvT0.net] ロケーションバーの項目リストのトップに「-で検索」というのが表示されますが消せますか? アドオンやスクリプト、スタイルどんな方法でもいいです。 168 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/15(金) 23:22:29.33 ID:ThIftJUP0.net] browser.urlbar.unifiedcomplete;false 169 名前：名無しさん＠お腹いっぱい。 [2016/01/16(土) 02:16:19.34 ID:GvjPvv0v0.net] >>165 ありがとう消せました。 170 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/16(土) 13:31:58.24 ID:cu2fD98W0.net] グリモンのアイコンについてるドロップマーカーの幅？を狭めるコード教えてください 171 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/16(土) 13:54:49.87 ID:mQkgNAk70.net] >>167 適当（二行目は要らんかも知れんが…） @-moz-document url(chrome://browser/content/browser.xul) { #greasemonkey-tbb toolbarbutton, #greasemonkey-tbb .toolbarbutton-menubutton-dropmarker{ padding:0 !important; } } 172 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/17(日) 13:32:56.72 ID:cVIMi0TU0.net] >>168 ありがとう 適用してみましたがほとんど変わらなかったです 理想はドロップマーカーを消してボタンクリックでメニューが出ればいいんですけどね 173 名前：168 mailto:sage [2016/01/17(日) 14:36:09.50 ID:ym+rTAsw0.net] >>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; } } 174 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/17(日) 16:34:35.41 ID:jWrXIP5U0.net] #greasemonkey-tbb > .toolbarbutton-menubutton-dropmarker { display: none !important; } 175 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/17(日) 23:26:42.38 ID:mKXaPWPU0.net] アイコンクリックでメニュー出したいならこうじゃない？ padding あたりまたちょっと環境差あるかもしれんけど @-moz-document url( 176 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/17(日) 23:28:27.12 ID:mKXaPWPU0.net] pastebin.com/jATFm8Wr うお、消えた。またなると面倒だからここで 177 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/18(月) 07:37:59.02 ID:VCR5TzXX0.net] アイコンマウスオーバーでドロップマーカー出るcss使ってる Autohide Dropmarkersてやつ 178 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/18(月) 12:14:56.04 ID:0IarnVsW0.net] >>174 横からだけど、いいなこれ �d 179 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/18(月) 15:51:52.57 ID:gHt5Fnhv0.net] >>173 ありがとう！ ちょっと今確認できないからまた動作報告します 180 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/19(火) 13:25:08.65 ID:WG3qW65p0.net] >>173 適用してみましたが完璧でした！ ブックマークバーにボタンを移動すると横に伸びた感じになりましたが 4pxの部分を2pxにしたら改善しました どんなネーミングにしようか悩み中です・・・ 181 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/20(水) 21:21:38.11 ID:ryVp6K130.net] そりゃこうなるわ、マゴキツ過ぎ 182 名前：名無しさん＠お腹いっぱい。 [2016/01/23(土) 15:23:47.75 ID:58tYq1lp0.net] スクロールバーのつまみを長くする方法はありますか? つまみの幅じゃなく長さね。 特に2chの長いページなどでつまみが小さくて。 183 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/23(土) 15:58:00.43 ID:z11cQmcl0.net] できない 184 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/23(土) 17:44:26.97 ID:ypbfUzbI0.net] https://userstyles.org/styles/94453/ こういうのみたいなスクロールバーを改変するcssを見て、min-height（横スクロールバーならmin-width）に好きな数値を設定すればいいんじゃね？ 185 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/24(日) 01:57:46.10 ID:dT/9gnKG0.net] すっげ簡単に出来るよなw できないとか息を吐くように嘘をつくﾁｮﾝが湧いてて草 186 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/24(日) 16:20:04.44 ID:xYhCMLqU0.net] (ろくに 187 名前：調べもしない教えて君には一生)できない [] [ここ壊れてます] 188 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/24(日) 16:46:34.23 ID:40UC/8vd0.net] できもしないくせに 189 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/29(金) 07:01:32.04 ID:r3eBNlNW0.net] 44でロケーションバーのhttpsのurlがまた色が付かなくなっちゃったみたいなんですけど 分かる方いますか？ #urlbar[level]　←元はこれでいけてて #main-window[stylish-url^="https://"]　←43まではこれでいけてたのに 190 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/01/29(金) 07:30:49.16 ID:+EkTMVM60.net] >>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 191 名前：185 mailto:sage [2016/01/29(金) 22:48:48.59 ID:RIYe+VzP0.net] >>186 かたじけない！ 192 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/01(月) 00:12:21.02 ID:QX8LwnY10.net] つまりどういうことなの 193 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/01(月) 00:18:45.22 ID:4tCiHuB10.net] 終了っすね 194 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/01(月) 01:29:07.62 ID:/C+SEW+D0.net] そういうことっすか 195 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/02(火) 23:59:11.47 ID:itqKgf0c0.net] YouTube また仕様変わった？ プレイヤーのデフォルトサイズを変更するスタイルが効かなくなった 196 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/03(水) 13:01:22.43 ID:hFPfhoyC0.net] googleがかかわるとろくなことにならん 197 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/05(金) 19:20:40.06 ID:pc/agyu+0.net] 画面解像度が横1024のノーパソなんで サイトによっては表示しきれなくて横スクロールバー出るんだけど 1024のモニタ内にすべて収まるようにするCSSあれば教えてください 198 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/05(金) 19:25:36.43 ID:3NQ6ntUf0.net] >>193 あなたのすべてとわたしのすべてはたぶんぜんぜんちがう あなたのすべてはなんですか 199 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/05(金) 19:28:50.53 ID:eoZXDH9B0.net] >>193 Ctrl+-(マイナス)で縮小するのが無難では 200 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/06(土) 06:24:51.72 ID:uOSP488x0.net] body { max-width: 100% !important; } 201 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/08(月) 23:32:26.59 ID:9a5bCM0b0.net] >>193 スクリプトなら、縮小せずに済む便利なのあるけど... ttps://greasyfork.org/ja/scripts/3569-shift-scroll-hscroll 202 名前：名無しさん＠お腹いっぱい。 [2016/02/09(火) 13:13:41.32 ID:2WeGVZ3p0.net] 完全にズレたアドバイスだな 203 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/09(火) 15:33:57.55 ID:2YYWOyw50.net] 礼も言わないようなカスしかいないんだから金輪際教えなくていい 204 名前：名無しさん＠お腹いっぱい。 [2016/02/09(火) 17:52:23.57 ID:tKcDLelL0.net] お礼されないとぽんぽんいたいいたいになっちゃうメンタルだもんねしょうがないよね 205 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/09(火) 20:44:24.57 ID:+DLZgqJJ0.net] >>197-198 確かにズレてるけど、これの方が良いんじゃね 俺は貰っとこ、横�d 206 名前：名無しさん＠お腹いっぱい。 [2016/02/11(木) 01:24:35.06 ID:T+Y2eF2C0.net] CSS絵描き職人だれか居る? お絵描きするのに、box-shadow意外にも何か使えるもんあるの？ １エレメント→親３つまで（本体＋:before＋:after）＜ーーーこれも問題 １親→親と同じ形なら子を無限に指定できる,親はzindexでレイヤ指定可 １子供→親と同じ形、指定可能なのは色、位置、サイズ（親を１とする） レイヤ→CSSに書く順番とZindex 形状は親の数まで可能、角度は親のみ指定可、子供に遺伝する＜ーーこれも問題 形状○→border-radius（色指定可、位置指定可、spreadでサイズ指定可、複数可） 形状□→子供は親の比率を受け継ぐ（めんどいが子の多数指定で別の比率を作る） 形状△→角度指定は親しかできない＜ーーーこれ問題 テクスチャ→親の数だけbackground-imageに指定可 　□テクスチャ→linear-gradientの複数可、軸、色複数可 　○テクスチャ→radial-gradientの複数可、（位置、大きさ、色） 文字→content:(→サイズ、色、位置)、親の数だけ可 inset指定でForzaの痛車みたいにお絵描きできるが、親の数に制限がある １エレメントあたりの親の数増やす方法、 もしくは子供がそれぞれ角度指定・変形指定できれば かなり自由度が増すとおもうんだが、なんか方法ないですか？ 他になにか使えるproperty無いかな〜 エロい人おしえてください 207 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/11(木) 01:40:18.55 ID:DVoyw3lD0.net] CSS絵描き職人 なんて 職業は知りません 208 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/11(木) 02:47:06.32 ID:T+Y2eF2C0.net] >>203 こんなの http://nicolasgallagher.com/pure-css-gui-icons/ なんか無限の可能性がありそうでも、なさそうでもある 単一divに自由にお絵描きできればいろいろ遊べそうなんで聞いてみた ドット打ちはミクやインベーダーやった人がいるけど、拡大すると汚いんで べつの方法ないか模索 [] [ここ壊れてます] 210 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/11(木) 02:59:56.38 ID:6iV3RYu80.net] CSSでドラえもんが描けるって昔流行ったけど それもFirefox3時代の遺物やん 211 名前：名無しさん＠お腹いっぱい。 [2016/02/11(木) 03:04:27.95 ID:T+Y2eF2C0.net] 職人と思われる人のひとり ドラえもん purecss3.net/doraemon/doraemon_css3.html とある〜のインデックスさん purecss3.net/index/Gununu_Index_CSS3.html 画像無しでの構築例 netagear.net/ ただ現在のところ、多数のDivを必要とする 212 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/11(木) 03:27:38.74 ID:DVoyw3lD0.net] >>206 とりあえずスレチだと思うので他所でやってください 213 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/12(金) 16:04:58.35 ID:HNG1vgwe0.net] googleのキャッシュリンクと類似ページリンクを並べるCSSを書いたのってこのスレだったっけ？ 仕様変更でlist-styleが露出するようになったな 214 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/14(日) 06:07:26.16 ID:I6fhxozF0.net] Instagramの投稿時間を絶対時刻表示にするcssを教えて頂けますか ぐぐってみたんですが見付かりませんでした 215 名前：名無しさん＠お腹いっぱい。 [2016/02/14(日) 06:48:32.55 ID:25PM6gpV0.net] >>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; } } 216 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/14(日) 10:07:19.70 ID:I6fhxozF0.net] >>210 ありがとうございます！ 217 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/14(日) 15:52:21.11 ID:QXZrAFfU0.net] timeってサイトごとにJSTだったりUTCだったりPTとかだったりしてぱっと見わかりにくいのが難だよね。 CSSの守備範囲外だけど、あれをユーザーが指定したタイムゾーンに変換してくれるアドオンとかってないものかな。 218 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/16(火) 19:10:02.28 ID:8Hb9SyaR0.net] Web版Evernoteのノート本文のフォントサイズって変更出来ませんか？ 編集すればサイズ変更出来るのは知ってるんですけど普段の閲覧時に小さくて不便なんです。 要素を調査から色々試しましたがわかりませんでした、わかる方いましたらお願いします。 219 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/17(水) 15:44:07.49 ID:puR0XkWR0.net] >>213 お好きな要素やら{font-size: お好きなサイズやら} css分からんというならブラウザ標準の拡大縮小使えばええ 220 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/23(火) 22:11:32.79 ID:z3WHYd0r0.net] CSS 蛍光でぐぐると例が出てくる、emとstrongに background-image: linear-gradient(transparent 60%, #F99 40%) みたいなのを指定するのやってみたら結構オサレな感じになった CSSは1.0が勧告された頃から触っているけどいつのまにかFirefoxでもrubyがサポートされていたり隔世の感があるなぁ 221 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/24(水) 02:31:10.29 ID:5uocvESB0.net] この手の唐突に自分語りし出す基地害ってどっから湧いてくんだろ 222 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/24(水) 02:45:09.37 ID:n65rB8gV0.net] いくらなんでも言いすぎだと思うが、ただrubyはcssの話じゃないな。 223 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/25(木) 20:31:35.77 ID:e6aERgR70.net] いや、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) 224 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/25(木) 22:09:35.11 ID:cUbOylHi0.net] ヒロさんこんばんは。 225 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/25(木) 22:17:19.35 ID:ZzipC01P0.net] どっちにしてもユーザスタイルシートの話ではないな 226 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/02/25(木) 23:45:55.83 ID:xpWqA7lu0.net] userChromeやuserContentの範疇でUIやサイトの見栄えを変更したいというのが此処の趣旨だけど、突然何の脈絡も無く要素の話を持ちだしてもな 227 名前：名無しさん＠お腹いっぱい。 [2016/03/02(水) 21:56:35.97 ID:Nm9MBsU80.net] 保守 228 名前：名無しさん＠お腹いっぱい。 [2016/03/07(月) 14:33:32.14 ID:Ep3A/PYo0.net] 保守 229 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/07(月) 20:10:36.57 ID:pFr3UXnH0.net] 芸能人ブログでよくある連続改行を無効にするのに下記を使っていますが br { display: block !important; line-height: 0px !important; } <p>&nbsp;</p>で改行するタイプだと使えません どう書いたらいいのでしょうか 230 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/07(月) 21:53:50.68 ID:2wNZxhnb0.net] CSS ではできない 可能にする疑似クラスの提案もあったけど不採用のはず やりたいなら JavaScript で style か class つけるって感じじゃないの 231 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/08(火) 13:25:20.62 ID:K76rLUyk0.net] JavaScriptでやるなら決め打ちで除去しちゃえば (function () { document.body.innerHTML = document.body.innerHTML(/<p>&nbsp;<\/p>/g, ''); })(); 232 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/08(火) 21:51:24.14 ID:cNQBYbZg0.net] スレ違いの解決方法を書いていいならProxomitronとか類似のローカルプロキシでフィルタリングするという手もあるよ 上手く使うとadblock系の拡張が要らなくなるかもしれないというオマケ付き 233 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/08(火) 23:46:34.41 ID:viTBjU5A0.net] 記事内のpのマージンを打ち消せばいいだけの話じゃないの 234 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/09(水) 15:10:20.91 ID:bNud7hr80.net] firefox45で見づらくなったアドオンマネージャーを見やすくするCSS ttps://userstyles.org/styles/82370/clear-addon-manager 235 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/09(水) 22:29:13.89 ID:kNDGl4Er0.net] ブックマークのフォルダのアイコンを変更したくて、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を使用しています 236 名前：名無しさん＠お腹いっぱい。 mailto:sage [2016/03/09(水) 22:41:46.87 ID:YBzbP+bs0.net] urlはフルパスを書かなきゃ駄目に決まってる

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef