diff --git a/HappyBirthdaySophie/.DS_Store b/HappyBirthdaySophie/.DS_Store index ee66d31..732d5a9 100644 Binary files a/HappyBirthdaySophie/.DS_Store and b/HappyBirthdaySophie/.DS_Store differ diff --git a/sp.css b/sp.css new file mode 100644 index 0000000..2b1e5b0 --- /dev/null +++ b/sp.css @@ -0,0 +1,101 @@ +body { + color: #333; + font-family: helvetica, arial, sans-serif; + line-height: 1.5; + margin: 0 auto; + max-width: 40em; + padding: 0 1em; +} +h1, h2, h3, h4, h5, h6 { + margin: 1em 0 0.5em 0; + line-height: 1.2; +} +a:link, a:visited { + color: #03c; + text-decoration: none; +} +a:hover, a:active, a:focus { + color: #06f; + text-decoration: underline; +} +h1 a:empty:before, h2 a:empty:before, h3 a:empty:before, +h4 a:empty:before, h5 a:empty:before, h6 a:empty:before { + content: "#"; +} +h1 a:empty, h2 a:empty, h3 a:empty, h4 a:empty, h5 a:empty, h6 a:empty { + visibility: hidden; + padding-left: 0.25em; +} +h1:hover a:empty, h2:hover a:empty, h3:hover a:empty, +h4:hover a:empty, h5:hover a:empty, h6:hover a:empty { + visibility: visible; +} +img { + max-width: 100%; +} +figure { + margin: 1em 0; + text-align: center; +} +figcaption { + font-size: small; +} +pre, code, samp, kbd { + color: #009; + font-family: monospace, monospace; +} +pre kbd { + color: #060; +} +pre, blockquote { + background: #eee; + padding: 0.5em; +} +pre { + overflow: auto; +} +blockquote { + border-left: medium solid #ccc; + margin: 1em 0; +} +blockquote :first-child { + margin-top: 0; +} +blockquote :last-child { + margin-bottom: 0; +} +table { + border-collapse: collapse; +} +th, td { + border: thin solid #999; + padding: 0.3em 0.4em; + text-align: left; +} +@media (prefers-color-scheme: dark) { + body { + color: #bbb; + background: #222; + } + a:link, a:visited { + color: #9bf; + } + a:hover, a:active { + color: #acf; + } + pre, code, samp, kbd { + color: #6cf; + } + pre kbd { + color: #9c9; + } + pre, blockquote { + background: #111; + } + blockquote { + border-color: #444; + } + th, td { + border-color: #666; + } +}