]> git.cworth.org Git - lmno.games/commitdiff
Add a reset CSS stylesheet
authorCarl Worth <cworth@cworth.org>
Sat, 16 May 2020 20:21:30 +0000 (13:21 -0700)
committerCarl Worth <cworth@cworth.org>
Sat, 16 May 2020 20:26:28 +0000 (13:26 -0700)
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/

index.html
reset.css [new file with mode: 0644]

index 85673a7fdd479cd7051b1a8df08c9bf5fdcd2525..dea8e1d199fa3dc6ad9ed6193058f70e897ac93b 100644 (file)
@@ -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 (file)
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;
+}