From: Carl Worth <cworth@cworth.org>
Date: Sat, 16 May 2020 20:21:30 +0000 (-0700)
Subject: Add a reset CSS stylesheet
X-Git-Url: https://git.cworth.org/git?a=commitdiff_plain;h=94d80d2687d36908abde7be3922ff4e5139ba091;p=lmno.games
Add a reset CSS stylesheet
This eliminates basically all browser default styling (which differs
from browser to browser anyway). So this does not give any _nice_
styling but it does give a consistent baseline to start with.
Thanks to Eric Meyer for this stylesheet which was obtained (public
domain) from his website at:
https://meyerweb.com/eric/tools/css/reset/
---
diff --git a/index.html b/index.html
index 85673a7..dea8e1d 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,8 @@
<meta charset="utf-8"/>
<title>LMNO Games</title>
+
+ <link rel="stylesheet" href="/reset.css" type="text/css" />
</head>
<body>
<h1>LMNO Games</h1>
diff --git a/reset.css b/reset.css
new file mode 100644
index 0000000..e29c0f5
--- /dev/null
+++ b/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}