palm84.com

革命的愛熊主義者同盟!

【私的】CSS変更用ブックマークレット

あくまでテスト用ですけど、まとめてみましたよ。

INDEX

about

2021.01.24 名前を変更。(*)ナントカ、(many)カントカ...
2021.01.24 Stylus風 - -webkit-text-stroke-width, text-shadow, 追加
2020.01.28 Chrome 向け、monospace 設定修正(サイズが小さくなるのを防止)

サイドバー表示 on/off

font-family 変更

head 要素の末に style タグを追記します。つまり、エンベッドなスタイルシートです。全称セレクタ (*) ですべての要素に設定、pre などの等幅的要素は monospace に再設定。

Sans-Serif

* {
font-family: \'Yu Gothic UI\'!important;
}
pre,.code,code,kbd,var,samp,span.synComment {
font-family: monospace,monospace!important;
}
.synConstant,.synIdentifier,.synSpecial,.synStatement,.synType,strong {
font-family: inherit!important;
}
テスト \ 0 O iI l Q Windows
プブ あいうえお 葛噌彅埒髙三令和片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

Serif

テスト \ 0 O iI l Q Windows
プブ あいうえお 葛噌彅埒髙三令和片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

手書き系

テスト \ 0 O iI l Q Windows
プブ あいうえお 葛噌彅埒髙三令和片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

pre 要素

※ ページ内すべての pre 要素にインラインstyle 属性を追記します。

function(){
var myTag=document.getElementsByTagName('pre');
for (var i=0;myTag.length>i;i++) {
	myTag[i].style.setProperty('font-family','\'MS ゴシック\',monospace','important')
	}
}

※ 要素部分 (pre) を書換えれば他の要素に適用可能です。

<pre style="font-family: "MS ゴシック", monospace!important;">
葛一二三日本語漢字片 あいうえお 味噌汁
\\ 0 O i I l Q 0123456789 ~カ力エ工ロ口ー一ニ二フプブ
title Avira Rescue System == /rescue-system.iso
ls /rescue-system.iso || find --set-root /rescue-system.iso
map /rescue-system.iso (0xff) || map --mem /rescue-system.iso (0xff)

テキスト いろいろの変更

見出しなどを除いた多くの要素に設定します。エンベッドです。

body,div,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span {
font-size: 16px!important;
}
テスト \ 0 O iI l Q Windows
プブ あいうえお 葛噌彅埒髙三令和片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

左から、font-size, color, font-weight, line-height, letter-spacing

ちなみに私のお気に入りはこんなかんじ(笑)

* {
font-family: inherit !important;
}
pre,.code,code,kbd,var,samp,span.synComment {
font-family: monospace,monospace !important;
}
body,div,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span {
font-size: 16px !important;
line-height: 1.8 !important;
letter-spacing: 1px !important;
}
.synIdentifier,.synStatement,.synConstant,.synSpecial,.synType {
font-size: inherit !important;
}

背景色

見出しも含め除いた多くの要素に設定します。エンベッドです。

body,div,h1,h2,h3,h4,h5,dl,dt,dd,p,li,caption,th,td,blockquote,q,cite,address,del,ins,span,#blog-title,.index {
background-color: #fff!important;
}
なんちゃってダークモード(笑)

Stylus風

body {
-webkit-text-stroke-width: 0.3px !important;
}
テスト \ 0 O iI l Q Windows
プブ あいうえお 葛噌彅埒髙三令和片 カ力エ工ロ口ー一ニ二

0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
0123456789 \'"~*#$%&@ abcilw ABCILW windows WINDOWS
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑
新しい朝が来た!希望の浅田、味噌汁。~カ力エ工ロ口ー一ニ二フプブ ※→↑

いろいろ

ドキュメント

ほな