詳細なCSSを記述

style.css

@@ -1,49 +1,102 @@
-/* Color */
+/* Kensaku Style, 2024-04-03 */
+html, body, h1, h2, h3,
+form, p, hr,
+dl, dt, dd, ul, ol, li,
+a, input
+	{
+	border: none;
+	font-size: 100%;
+	font-weight: inherit;
+	margin: 0;
+	padding: 0;
+	}
+
+/* colors */
 
 body { background: #120f12; color: #fcfcfc; }
 a:link { color: #6aa6eb; }
 a:visited { color: #ae6bdb; }
-a:visited { color: #ea79d8; }
 a:active { color: #f35869; }
 a:hover { background: #443b44; }
 hr { border-color: #988f98; }
 
-/* Font */
+input
+	{
+	background: #443b44;
+	border-color: #746c75;
+	color: #fcfcfc;
+	}
 
-body { line-height: 1.5; }
+input[type=submit]
+	{
+	background: #cfcbcf;
+	border-color: #cfcbcf;
+	color: #120f12;
+	}
+
+input[type=submit]:hover
+	{
+	background: #746c75;
+	border-color: #746c75;
+	color: #fcfcfc;
+	}
+
+/* end colors */
+
+body
+	{
+	margin: 1em 0 0 1em;
+	line-height: 1.5;
+	}
 
 h1, h2, h3
 	{
 	font-size: larger;
 	font-weight: bold;
+	margin-bottom: 0.5em;
 	}
 
-dl, dt, dd, ul, ol, li, p, a
+dl, ul, ol, p
 	{
-	font-size: 100%;
-	font-weight: inherit;
+	margin-bottom: 1em;
 	}
 
-/* Decoration */
+dd, li
+	{
+	margin-left: 2em;
+	}
 
-a { text-decoration: underline; }
-a:hover { text-decoration: none; }
-
-dt { font-weight: bold; }
+dt
+	{
+	font-weight: bold;
+	}
 
 hr
 	{
 	border-style: solid;
 	border-width: thin 0 0;
-	height: 0;
-	margin: 0;
-	padding: 0;
+	}
+
+a
+	{
+	text-decoration: underline;
+	}
+
+a:hover
+	{
+	text-decoration: none;
+	}
+
+form li
+	{
+	list-style: none;
 	}
 
 input
 	{
-	margin: 0 1px 0 0;
-	padding: 0 0.5em;
+	border-style: solid;
 	border-width: thin;
+	margin: 0 1em 0 0;
+	padding: 0 0.5em;
 	line-height: 2;
 	}