このorigamiテンプレートにしてから数年たつと思うが、Wordpressのアップデートに準じて何度かのアップデートがあった。
その際に自動アップデートは面倒なくていいが、スタイルシートまでもアップデートされるのでHTML表示はデフォルトに戻ってしまう。
スタイルシートのVersion番号だけを書き換えれば、アップデート通知は消えるのでそうしていたこともあったが、ついうっかり全部アップデートも。
最近はスタイルシートを保存しておいて新しいバージョンの上に書き足すのも、新たにカスタムするのも面倒になった。
やっぱり歳だな～。。。
なのでデフォルトのままだったが、スマホで見るとブログタイトルや記事タイトルの文字が大きすぎる。
外国サイトのテンプレだから、フォントサイズ設定はアルファベット仕様で
2バイトの日本文字にしたら一文字が大きく感じるのだと思う。
ついでだからと他の設定も見直した。
Pocket詳解 HTML5 & CSS3辞典 (秀和システム)を見ていたら、ブラウザで角が丸くなる表示があったのでやってみた。
下の書き方ではボックスの4つの角を一括で丸くするが、個別に指定もできる。
#sample1 { borderr: 1px solid #999; }
#sample1 {
-moz-border-radius: 15px; Firefox
-webkit-border-radius: 15px; Safari, Googole Chrome
border-radius: 15px; Internet Explorer
}