update style

src/style.css

@@ -8,6 +8,7 @@ img
 	{
 	font-size: 100%;
 	font-style: normal;
+	font-weight: inherit;
 	margin: 0;
 	padding: 0;
 	}
@@ -15,11 +16,12 @@ img
 html
 	{
 	background: #222;
+	color: #fff;
 	}
 
 body
 	{
-	background: #393633;
+	background: #363330;
 	color: #fff;
 	line-height: 150%;
 	margin: 0.75em 1.25em;
@@ -31,9 +33,11 @@ h1, h2, h3, h4, h5, h6
 	background: none;
 	border-color: gray;
 	border-style: solid;
+	border-width: 0;
 	color: #cff;
 	font-weight: bold;
 	margin-bottom: 1em;
+	padding-left: 1em;
 	}
 
 h1
@@ -59,10 +63,14 @@ h3
 	padding: 1em 0 0 0.25em;
 	}
 
-h2 + h3
+h4
 	{
-	border-width: 0;
-	margin-top: -1em;
+	border-width: thin 0 0 thin;
+	}
+
+h5
+	{
+	font-style: italic;
 	}
 
 dl, ol, p, pre, ul
@@ -75,7 +83,7 @@ p
 	text-indent: 1em;
 	}
 
-blockquote, dd, ol, ul
+dd, ol, ul
 	{
 	margin-left: 2em;
 	}
@@ -85,12 +93,14 @@ ul
 	list-style: disc;
 	}
 
-blockquote, cite, q
+blockquote
 	{
-	color: #9d9;
+	border-left: medium solid #9f9;
+	margin-left: 1em;
+	padding-left: 1em;
 	}
 
-cite, dt, kbd, strong
+dt, strong
 	{
 	font-weight: bold;
 	}
@@ -98,17 +108,25 @@ cite, dt, kbd, strong
 strong
 	{
 	background: none;
-	color: #fcd;
+	color: #fcc;
 	}
 
-code, pre, samp
+cite, q
 	{
-	color: #cca;
+	background: none;
+	color: #9f9;
+	}
+
+code, samp
+	{
+	background: none;
+	color: #9cc;
 	}
 
 kbd
 	{
-	color: #ffc;
+	background: none;
+	color: #cff;
 	}
 
 img
@@ -118,6 +136,7 @@ img
 
 a
 	{
+	background: none;
 	color: #cc6;
 	text-decoration: underline;
 	}

src/webdesign.html

@@ -4,7 +4,7 @@
 
 <ul>
 	<li>2022-12-27 たかし</li>
-	<li>最終更新日: 2023-09-01 (陰暦07月17日)</li>
+	<li>最終更新日: 2023-10-12 (陰暦08月28日)</li>
 </ul>
 
 <p>このサイトの設計方針です。筆者は W3M を愛用するから、テキストブラウザーを贔屓します。方針が変化したら、この記事の内容も更新します。</p>
@@ -35,9 +35,8 @@
 	<li>省スペース、少ない色数を目指した。</li>
 	<li>見出しのフォントや前後の余白を小さ目にした。 -- 見出しを沢山置くため。</li>
 	<li>暗めの背景色、白い文字色を採用した。 -- 眼に優しくするため。</li>
-	<li>水色を見出しの色にした。</li>
-	<li>暗い黄色をリンク文字専用の色にした。</li>
-	<li>明るい黄色をコンピューター関連の色にした。</li>
+	<li>水色を見出し、コンピューター関連の色にした。</li>
+	<li>黄色をリンク文字専用の色にした。</li>
 	<li>緑色を引用の色にした。</li>
 	<li>BODY の横幅は可変にした。 -- 様々な画面幅に対応するため。</li>
 	<li>フォント名・フォントサイズはデフォルトのままにした。 -- ブラウザーの設定で変更可能にするため。</li>
@@ -45,7 +44,6 @@
 
 <ul>
 	<li>ブラウザーやフォント次第では太字が普通の文字と区別しづらいため、太字はなるべく「太字+別の色」にしたい。</li>
-	<li>嘗ては、黄色=リンク、緑=コンピューター関連で統一したが、今は色に混乱がある。</li>
 </ul>
 
 <h2>以上</h2>