Google検索結果でスーパードラッグ(リンクのドラッグ)を使おうとすると「Googleレンズで画像を検索」が出てきて妨害される対策。いつものStylus追加。
.ea0Lbe {
display: none;
}タグ: Stylus
Calckeyに全ユーザ用CSSを適用する
Calckey自鯖の全ユーザにカスタムCSSを反映させる。
コントロールパネルに機能追加されるまでの暫定対応。
自分のみ適用したいCSSはChrome拡張機能StylusやCalckeyユーザ設定のカスタムCSSを使用する
構築と基本設定 身内用Calckey鯖を無料で立てる
CSS作成
- CalckeyのカスタムCSS機能はBetterDiscordの様にライブプレビュー出来ないので、Stylusで作成する
- 適用URLを追加して他のCalckeyサーバにも使える (Misskeyには使用不可)
!importantをつけまくる
YouTubeの動画タイトルを全文表示
Pixivの作品タイトルと同様、全文読めないのでStylusで解決。
タイトル部分の幅を広く、フォントを少し拡大し、太字解除。
アイコンは無駄に空いているチャンネル名の横に移動。
pixivの作品タイトルを全文表示
タイトルが15字程度で切れ、カーソルを合わせてもツールチップは出ない。
ユーザビリティが最悪なのでStylusで解決する。
CSS適用
.cTvdTb,
.dpYXxb {
white-space: normal;
}メイリオをやめろ
特にMac使い、Win用にfont-family: Meiryo, "メイリオ"を指定するな。今は游ゴシックがあるのだから余計な事をしないでくれ。游ゴシックも”Medium”無しでは細すぎるのでとにかく気安く指定するんじゃない。
と唸りながらStylusでメイリオサイトにfont-family: "Hiragino Kaku Gothic Pro" !important;を設定する事に疲れ、@font-faceで全てのメイリオをヒラギノ角ゴにしてやろうと思った。
CSS適用
@font-face {
font-family: "メイリオ";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}
@font-face {
font-family: "Meiryo";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}
@font-face {
font-family: "ＭＳ Ｐゴシック";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}
@font-face {
font-family: "MS P Gothic";
src: local("Hiragino Kaku Gothic Pro W3");
src: local("Yu Gothic Medium");
src: local("Noto Sans JP");
}それぞれsrcは任意の一行に絞る。
ついでにMS Pゴシックも入れた(価格.com等で指定されている)。
TwitterをStylusで整形
Pinterestの背景リンクを無効化
Pinterestのピンの周囲全面には何故かリンク(クリックイベント)が貼られている。
押すと前ページに戻るが、見ていた位置に戻る訳でもないし、何となくマウスカーソルを置いておく場所なので落ち着かない。
これをChrome拡張のStylusで消す。
CSS適用
[data-test-id="closeup-data-loaded"] {
width: 70% !important;
margin: auto !important;
}