diff options
| author | Openclaw <openclaw@mail.tylerhoang.xyz> | 2026-03-30 23:02:33 -0700 |
|---|---|---|
| committer | Openclaw <openclaw@mail.tylerhoang.xyz> | 2026-03-30 23:02:33 -0700 |
| commit | c2f2e21b6145f005421624c87484e0aa8cdd9aad (patch) | |
| tree | caeb98b3ae07ec79789b6c72414caa701f870f10 | |
| parent | 97b2e38cde6220f4ee3442d05b66a9322ac4be56 (diff) | |
Improve README.html styling for better readability
| -rw-r--r-- | README.html | 77 |
1 files changed, 70 insertions, 7 deletions
diff --git a/README.html b/README.html index 4bafdb1..cfeedf3 100644 --- a/README.html +++ b/README.html @@ -3,13 +3,76 @@ <head> <meta charset="UTF-8"> <style> - body { font-family: sans-serif; max-width: 800px; line-height: 1.6; } - code, pre { font-family: monospace; background: #f4f4f4; padding: 0.2em 0.4em; border-radius: 3px; } - pre { padding: 0.75em 1em; overflow-x: auto; } - pre code { background: none; padding: 0; } - table { border-collapse: collapse; width: 100%; } - th, td { border: 1px solid #ccc; padding: 0.4em 0.75em; text-align: left; } - th { background: #f0f0f0; } + * { box-sizing: border-box; margin: 0; padding: 0; } + body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + max-width: 900px; + line-height: 1.7; + color: #333; + background: #fafafa; + padding: 2rem; + margin: 0 auto; + } + h1, h2, h3, h4 { color: #0f2346; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 700; } + h1 { font-size: 2.2em; margin-top: 0; } + h2 { font-size: 1.6em; border-bottom: 2px solid #c9a84c; padding-bottom: 0.5em; } + h3 { font-size: 1.2em; color: #1a3560; } + p { margin-bottom: 1em; } + ul, ol { margin-left: 1.5em; margin-bottom: 1em; } + li { margin-bottom: 0.5em; } + hr { border: none; border-top: 1px solid #ddd; margin: 2em 0; } + a { color: #234a8a; text-decoration: none; font-weight: 500; } + a:hover { text-decoration: underline; } + blockquote { + border-left: 4px solid #c9a84c; + padding-left: 1em; + margin-left: 0; + color: #666; + font-style: italic; + background: #f5f5f5; + padding: 0.75em 1em; + } + code { + font-family: 'Courier New', Courier, monospace; + background: #f5f5f5; + padding: 0.2em 0.4em; + border-radius: 3px; + color: #d73a49; + font-size: 0.9em; + } + pre { + background: #1e1e1e; + color: #e0e0e0; + padding: 1em; + border-radius: 5px; + overflow-x: auto; + margin-bottom: 1em; + border-left: 4px solid #c9a84c; + } + pre code { + background: none; + padding: 0; + color: #e0e0e0; + font-size: 0.95em; + } + table { + border-collapse: collapse; + width: 100%; + margin-bottom: 1.5em; + border: 1px solid #ddd; + } + th, td { + border: 1px solid #ddd; + padding: 0.75em; + text-align: left; + } + th { + background: #0f2346; + color: #fff; + font-weight: 600; + } + tr:nth-child(even) { background: #f9f9f9; } + tr:hover { background: #f0f0f0; } </style> </head> <body> |